html,body{-webkit-overflow-scrolling:touch; overflow-scrolling:touch; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  

pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 

a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1,time, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

body{font-family:"puhui",微软雅黑,"Arial","sans-seift";font-size:14px; text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:normal; overflow-x:hidden;    -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }

h1,h2,h3,h4,h5,h6{font-size:100%; padding:5px 0}

a{color:#333; text-decoration:none;cursor: pointer}

a:hover{text-decoration:none;}

a:link,a:active,a:visited,a:hover {background:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }

img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;border: 0;}

i,em{ font-style: normal;}

li{list-style:none;}

button,input,select,textarea{font-size:100%;}

transition{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-touch-callout:none; }

button{ -webkit-border-radius:0px;border-radius:0px; outline:none; }

input{border-radius:0; outline:none; }

input:-ms-clear{display:none; }/*消除 IE10 里面的那个叉号*/

input,textarea{border:0; }

textarea {resize :none; outline:none; }/*去掉提交框右下角箭头*/

img{border:0; vertical-align:middle; }/*让链接里的 img 无边框；清除图片间距*/

ul,li{list-style:none; }

.clearfix {display: inline-table;display: block;zoom: 1}

.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}

.wrap{width: 100%;}

.l{float: left;}

.r{float: right;}

.wraper{width: 1500px; margin: 0 auto;}

.w_container{width: 1500px; margin: 0 auto;}

.index_header{position: absolute; left: 0; right: 0; top: 0px; padding: 20px 0; z-index: 99999; transition: 1s; border-bottom: 1px solid #2a353d;}

.index_header .logo{float: left;z-index: 2; margin-top:10px;}

.index_header .logo img{width: 340px;}

.index_header ul{float: left;z-index: 2; margin-top: 25px; margin-left: 6%; }

.index_header ul li{float: left; margin: 0 5px;position: relative;}

.index_header ul li a{color: #fff; font-size: 17px; padding: 0 20px;}

.index_header ul li.active a{padding: 0 30px;}

.index_header ul li dl{display: none;}

.index_header ul li:hover dl{display: block; background: #eee; border: 1px solid #ddd; position: absolute; padding: 15px 10px 0px 10px; left: 20px; border-radius: 2px;}

.index_header ul li:hover dl dd{margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 8px;}

.index_header ul li:hover dl dd:last-child{border-bottom: none;}

.index_header ul li:hover dl a{font-weight: normal; padding: 0; text-align: center; color: #181523; font-size: 15px;}

.index_header ul li:hover dl dd:hover a{color: #c91524}

.index_header p.tel{color: #ee484f; font-size: 20px; font-weight: bold; float: right; margin-top: 22px;}

.index_header p.tel img{margin-right: 15px;}

.index_header p.tel span{font-size: 28px; margin-left: 5px;}

.footerwrap{width: 80%; margin: 0 auto; padding: 20px 0;}

.footer {background: #1d2637;color: #fff; font-size: 16px;}

.footer .left{width: 80%;float: left;}

.footer .rexian{font-size: 18px;}

.footer .copyright{margin-top: 15px; font-size: 14px;}

.footer .copyright a{color: #fff; margin-left: 20px;}

.footer-youqing a{color: #fff;margin-left: 20px;}

.footer ul {margin-top: 15px; padding-bottom: 20px;}

.footer ul li{float: left; margin-right: 15px; color: #ddd; font-size: 14px;}

.footer ul li a{display: block; color: #ddd;}

.footer .right{float: right;}

.footer .right img{width: 100px;}

.fix-2020{

display:block;

position: fixed;

right:30px;

width:80px;

top:40%;

z-index:9999;

}

.fix-2020 ul a{display:block;width:100%;height:100%;}

.fix-2020 .fix-ico{

background-image:url(../images/fix_img_2020.png);

position:relative;

}

.fix-2020 .fix-ico:hover{cursor:pointer;}

.fix-2020 .fix-ico:not(:first-child){margin-top:10px;}

.fix-2020 .fix-chat{

background-position-x:0;

width:80px;height:80px;

}

.fix-2020 .fix-baidu{

background-position-x:25%;

width:80px;height:80px;

}

.fix-2020 .fix-feedback{

background-position-x:50%;

width:80px;height:80px;

}

.fix-2020 .fix-top{

background-position-x:100%;

width:80px;height:60px;

transition: .5s;

}

.fix-2020 .fix-top a{display:none;}

.fix-2020 .fix-top:hover a{display:block;}

.fix-2020 .fix-top:hover{background-image:url(../images/fix_img_20202.png);position:relative;}

/*pro*/

.probanner{height: 700px; background: url("../images/probanner_01.jpg") no-repeat center center;}

.probanner img{width: 100%;}

.probanner p{padding-top: 130px; color: #8a9094; font-size: 16px;}

.probanner p a{color: #8a9094;}

.pro_index_list{margin-bottom: 50px;}

.pro_index_list .item{margin-top: 50px;}

.pro_index_list .item .l{width: 34.5%;position: relative;}

.pro_index_list .item:nth-child(2){background: #eee; padding: 50px 0 30px 0;}

.pro_index_list .item:nth-child(2) h2{position: relative;z-index: 10;}

.pro_index_list .item:nth-child(2) h2:before{ z-index: -1;}

.pro_index_list .item h2{font-size: 34px; text-align: center; position: relative;background: url("../images/bg2.png") no-repeat center bottom; padding-bottom:20px; position:relative;}

.pro_index_list .items3 h2{background: url("../images/bg21.png") no-repeat center bottom; padding-bottom:20px;}

.pro_index_list .item h2 a{color: #181523; display: inline-block;}

.pro_index_list .item h2 i{display:block; position:absolute; right:0; font-size:16px; font-weight:normal; right:22px;}

.pro_index_list .item h2 i a{color:#ff9a00;}

.pro_index_list .item h2 i:hover a{color:#c91524;}

.pro_index_list .item p.tips{text-align: center; font-size: 16px; color: #464450; margin-top: 20px; margin-bottom: 35px;}

.pro_index_list .item p.tips a{ color: #464450;}

.pro_index_list .item p.tips a:last-child i{display:none;} 

.pro_index_list .item .l img{width: 100%;}

.pro_index_list .item .l a{display: block;}

.pro_index_list .item .l p{position: absolute; bottom: 30px; left: 37px; font-size: 32px; color: #fff; font-weight: bold; transition: .5s;}

.pro_index_list .item .l p i{width: 67px; height: 28px; display: inline-block; padding-left: 20px; background: url("../images/ico13.png") no-repeat; font-size: 18px; font-weight: normal; position: relative; top: -5px; left: 25px;}

.pro_index_list .item .l:hover p{bottom: 20px;}

.pro_index_list .item .r{width: 64%;}

.pro_index_list .item .r ul li{position: relative; width: 50%; float: left; padding: 0 2.3%; margin-bottom: 21px; height:300px;}

.pro_index_list .item .r ul li a{display: block; color: #fff;}

.pro_index_list .item .r ul li .bigimg{background:url("../images/pro_index_probg_03.png") no-repeat; background-size: cover;}

.pro_index_list .item .r ul li .tt{position: absolute; display: inline-block;bottom: 0px; left: 0; right: 0; margin: 0 auto;background: url("../images/pro_tbg.png") no-repeat center center; background-size: contain;color: #fff; font-size: 16px; text-align: center; padding: 8px 0; transition: .5s;}

.pro_index_list .item .caser ul li .tt{background: url("../images/pro_tbg2.png") no-repeat center center;}

.pro_index_list .item .r ul li .tt a{display: block;}

.pro_index_list .item .r ul li:hover .tt{bottom: 15px;}

.type_list{ padding:40px 0; display:block; overflow:hidden;}

.maxw{ max-width:1500px; padding:0 15px; margin-left:auto;margin-right:auto;}

.type_list .l{float: left;}

.type_list .r{float: right;}

.type_list dl{ padding-top:30px;}

.type_list .list:nth-child(odd) {padding:90px 0;}

.type_list .list:nth-child(even) {background:#eee;padding:50px 0;}

.type_list h3 {background:url("../images/ico1a.png") left center no-repeat; background-size:34px;font-size:36px; line-height:1.6em;font-weight:bold;padding-left:50px;display:inline-block;}

.type_list h3 a{ color:#181523;}

.type_list .label {background:#4450bc;background:-webkit-linear-gradient(left top,#dd5252,#ff9900);background:-o-linear-gradient(bottom left,#dd5252,#ff9900);background:-moz-linear-gradient(bottom left,#dd5252,#ff9900);background:linear-gradient(to bottom left,#dd5252,#ff9900);font-size:18px;color:#fff;display:inline-block;padding:5px 14px;border-radius:15px;position:relative;vertical-align:top; margin-top:19px;margin-left:15px;}

.type_list .label:before,.type_list .label:after {content:"";width:6px;height:6px;background:#ff9900;border:2px solid #fff;border-radius:50%;display:block;position:absolute;top:11px;}

.type_list .label:before {left:-5px;}

.type_list .label:after {right:-5px;}

.type_list .look_more {width:140px;height:45px;background:url("../images/look-detail.png") 20px center no-repeat; background-color:#fff;border:1px solid #181523;font-size:18px;line-height:43px;display:block;border-radius:30px;padding-left:50px;}

.type_list .look_more:hover {color:#c91524;}

.type_list .text{font-size:16px;color:#666666;line-height:30px;margin:25px 0px 0;}

.type_list ul{clear:both; display:block; margin-left:-3%;  position:relative; z-index:2; }

.type_list ul li{float:left; margin-left:3%; margin-top:40px; margin-bottom:40px; transition: all .3s ease-out; width:22%;position:relative;border-radius:6px;box-shadow: 0 5px 15px #e3e4eb; overflow:hidden; }

.type_list ul li:hover{transform: translate(0, -10px);box-shadow:0 0px 20px rgba(0,52,123,0.4);}

.type_list ul:nth-of-type(1)  .type_list ul li:nth-child(2):after,.type_list ul:nth-of-type(2) .type_list ul li:first-child:after,.type_list ul:nth-of-type(3) .type_list ul li:first-child:after,.type_list ul:nth-of-type(4) .type_list ul li:first-child:after{content:''; position:absolute; right:15px; top:-6px;

width:30px; height:35px; background-size:30px; }

.type_list ul li>a{clear:both; display:block;  overflow:hidden;background: url("../images/pros_bg.jpg") no-repeat; background-size: cover;}

.type_list ul li>a img{width: 100%;}

.type_list ul li img{clear:both; display:block; }

.type_list ul li .type_list_tit{}

.type_list ul li .type_list_tit a{ padding:0 15px;clear:both; display:block; font-size:21px;display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;overflow:hidden;font-weight: bold; color: #2c3d56; margin-top: 10px; margin-bottom: 15px;}

.type_list ul li .box{background: #d6e0ec; position: relative; padding-bottom: 20px;}

.type_list ul li .box .info{font-size: 16px; margin-left: 15px; color: #445267; margin-top: 5px;}

.type_list ul li:hover .type_list_tit a{ color:#c91524; }

.type_list ul li i{display: block;position: absolute; right: 20px; bottom: 50px; transition: .5s;}

.type_list ul li:hover i{right: 10px;}

.listbg{background:url("../images/groovepaper.png") repeat; clear:both;}

.type_list ul li .so_title{ padding:0 25px; }

.type_list ul li .so_title a{ clear:both; display:block; font-size:22px;height:2.5em; font-weight:bold; line-height:2.5em; display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;overflow:hidden;   color:#444;  }

.type_list ul li .so_con { font-size: 16px;padding:0 25px;  color: #666;  line-height: 2;height: 2; overflow:hidden;}

.type_list ul li .so_con span{    font-weight: bold;  color: #555;}

.type_list ul li div{ padding:10px 0 15px;background-color:#f0f3fa; }

.pronrbanner{height: 100vh; background:url("../images/pro_nr_bg.jpg") no-repeat; background-size: cover;}

.pronrbanner .position{padding-top: 130px; color: #8a9094; font-size: 16px;}

.pronrbanner .position a{color: #8a9094;}

.pronrbanner .w_container{padding-top: 130px;}

.pronrbanner .top .l{width: 40%; padding-right: 40px;}

.pronrbanner .top h1{font-size: 54px; color: #fff; line-height: 1.5; margin-top: 80px;}

.pronrbanner .top .info{margin-top: 25px;}

.pronrbanner .top .info p.desc{font-size: 16px; color: #8193a6; padding-left: 70px; line-height: 1.9; margin-top: 12px; position: relative;}

.pronrbanner .top .info p.desc:before{position: absolute; width: 50px; height: 1px; background: #afafaf; content: ""; left: 0; top: 14px;}

.pronrbanner .top .info p.tel{font-size: 16px; color: #8193a6; margin-top: 60px;}

.pronrbanner .top .info p.tel i{font-size: 30px; color: #fff; font-weight: bold; font-style: italic}

.pronrbanner .r{margin-top: 40px; width: 60%;}

.pronrbanner .r img{width: 100%;}

.pronrbanner p.baojia{width: 170px; height: 39px; font-size: 16px; line-height: 39px; background: url("../images/baojia_06.png") no-repeat; text-align: center; margin: 0 auto;}

.pronrbanner p.baojia a{color: #fff; font-weight: bold; display: block;}

.pronrbanner .about{margin-top: 70px;}

.pronrbanner .about ul{display: flex;justify-content:center;}

.pronrbanner .about ul li{flex-direction:column ; font-size: 40px; color: #fff; margin: 0 60px; position: relative;}

.pronrbanner .about ul li:after{position: absolute;width: 1px; height: 68px; background: #63696f; content: ""; right: -60px; top: 5px;}

.pronrbanner .about ul li:last-child:after{display: none;}

.pronrbanner .about ul li i{display: block; font-size: 16px; color: #8193a6; font-weight: normal; margin-top: 28px;}

.pronr_nav{display: flex;justify-content:center; background: #2e3038; height: 85px;}

.pronr_nav p{flex-direction:column; font-size: 22px; margin: 0 100px; position: relative; line-height: 85px;}

.pronr_nav p:after{position: absolute;width: 1px; height: 24px; background: #63696f; content: ""; right: -100px; top: 36%;}

.pronr_nav p:last-child:after{width:0;}

.pronr_nav p img{width: 26px; margin-right: 18px;}

.pronr_nav p a{ color: #ccccd4;}

.pronr_nav p:hover a{color: #c91524;}

.pro_desc{padding: 0 50px; margin-top: 65px;}

.pro_desc .l{width: 40.28%;}

.pro_desc .l h2{font-size: 28px; line-height: 1.7; color: #181523; position: relative; margin-top: 20px;}

.pro_desc .l h2:after{position: absolute; left: 0; bottom: -16px;; width: 73px; height: 3px; background: #c91524; content: "";}

.pro_desc .l p{margin-top: 50px; line-height: 2; font-size: 16px; color: #5c5c5c;}

.pro_desc .r{width: 50.667%;}

.pro_desc .r video{width: 100%;object-fit:fill;  }

.d3-model {padding:60px 0 30px 0;background: url("../images/3d_bg_06.jpg") center center; background-size: cover; margin-top: 50px;}

.d3-model .d3_tit{ text-align:center; }

.d3-model .d3_tit h3 {font-size:40px;color:#fff;text-align:center; margin-bottom:25px; display: inline-block;}

.d3-model .d3_tit p {line-height:32px;font-size:18px;width:100%;color:#fff;text-align:center;overflow:hidden;margin-top:10px;}

.d3-model .d3-content {width:80%;height:700px; margin:0px auto;position:relative;}

.d3-model .v3d-panel {width:100%; height:700px;position:relative;top:0;z-index:2;}

.d3-model .v3d-panel canvas {-webkit-transform:translate(-50%,-50%) scale(1,0.9) !important;-moz-transform:translate(-50%,-50%) scale(1,0.9) !important;-ms-transform:translate(-50%,-50%) scale(1,0.9) !important;-o-transform:translate(-50%,-50%) scale(1,0.9) !important;transform:translate(-50%,-50%) scale(1,0.9) !important;}

.d3-model .wrap .d3-content .v3d-panel canvas { position: absolute;/* left: 50%; */ top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.d3-model .tips p{text-align: center; color: #fff; font-size: 16px; margin-top: 20px;}

.d3-content .newvr{width: 1200px; max-height: 700px; margin:0 auto; margin-top:50px;}

#KeyShotVR{margin:0 auto;}





.pronr_h3{font-size: 40px; color: #181523; text-align: center; margin-top: 50px;}

.pronr_h3 img{margin-right: 18px; position: relative; top: -3px;}

.pro_youshi ul{margin-top: 12px;}

.pro_youshi ul li{width: 44.6%; margin: 38px 2.7% 0 2.7%; float: left; background: #f2f2f2; padding: 27px 34px 27px 140px; border-radius: 10px; position: relative;}

.pro_youshi ul li:before{position: absolute; width: 77px; height: 40px; background: url("../images/ico19_07.png") no-repeat; text-align: center; content: ""; left: 27px; top: 32px;}

.pro_youshi ul li:after{position: absolute; left: 42px; top: 40px; font-weight: bold; font-size: 30px; color: #fff;}

.pro_youshi ul li:first-child:after{content: "01";}

.pro_youshi ul li:nth-child(2):after{content: "02";}

.pro_youshi ul li:nth-child(3):after{content: "03";}

.pro_youshi ul li:nth-child(4):after{content: "04";}

.pro_youshi ul li:nth-child(5):after{content: "05";}

.pro_youshi ul li:nth-child(6):after{content: "06";}

.pro_youshi ul li h4{font-size: 22px; color: #181523;}

.pro_youshi ul li p{font-size: 16px; color: #504f51; line-height: 30px; margin-top: 8px; height:90px;}

.pro_lingyu{margin-top: 40px;  background: #efeff0; padding:50px 0 60px 0;}

.pro_lingyu h3{color: #181523; margin-top: 0;}

.pro_lingyu p.tips{text-align: center; font-size: 16px; line-height: 2; color: #555; margin-top: 15px;}

.pro_lingyu .content{padding: 0 40px; margin-top: 40px;}

.pro_lingyu .content .list{width: 16%;border-radius: 50%; margin: 0 2%; float: left; position: relative;}

.pro_lingyu .content .list img{border-radius: 50%;}

.pro_lingyu .content .list .info{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; border-radius: 50%; color: #fff; text-align: center; transition: .5s;}

.pro_lingyu .content .list .info p{font-size: 20px; font-weight: bold; margin-top: 90px;}

.pro_lingyu .content .list .info i{font-size: 14px;  margin-top: 10px; display: block;}

.pro_lingyu .content .list:hover .info{background: rgba(0,0,0,.8);}







.pro_img{background: #d5d5d5; padding-bottom: 30px;}

.pro_img .box{padding: 0 50px;}

.pro_img .title{font-size: 42px; width: 11.8%; writing-mode:vertical-lr;writing-mode: tb-lr; letter-spacing: 5px; color: #2a3141; position: relative; top: 284px;}

.pro_img .title:after{position: absolute; width: 4px; height: 109px; background: #fea349; content: ""; left: 52px; top: 19%;}

.pro_img .list{width: 88.2%; margin-top: 70px;}

.pro_img .list .l{width: 35.16%;}

.pro_img .list .l img{width: 100%; border-radius: 10px;}

.pro_img .list .r{width: 64%}

.pro_img .list .r p{width: 45%; margin-left: 5%; float: left; margin-bottom: 53px;}

.pro_img .list p{ position: relative; z-index: 1}

.pro_img .list .r p img{width: 100%; border-radius: 10px;}

.pro_img .list p:after{position: absolute; width: 100%; height: 90px; background: #fea248; left: 6px; bottom: -6px; content: ""; z-index: -1; border-radius: 10px;}

.pro_canshu{background-color: #282530; /* 不支持线性的时候显示 */background-image: linear-gradient(to top right, #181523 , #38363d); padding-bottom: 60px;}

.pro_canshu h3{color: #fff; padding-top: 60px; margin-top: 0;}

.pro_canshu .w_container{padding: 0 50px;}

.pro_canshu .w_container table{width: 100%; color: #fbfcfc; text-align: center; font-size: 15px; margin-top: 38px;border-spacing:0;border-collapse:collapse;}

.pro_canshu .w_container table tr:nth-of-type(odd){ background:#424955;}

.pro_canshu .w_container table tr:nth-of-type(even){ background:#666d79;}

.pro_canshu .w_container table tr td{height: 55px;}

#contTab{display: none;}

.content-more{display: none;}

#contTab:checked ~ #cont{max-height: 300px;overflow: hidden;}

#contTab:checked ~  .content-more{display: block;position: relative;padding-top: 20px;text-align: center;}

#contTab:checked ~  .content-more .gradient{background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff); background-image: linear-gradient(-180deg,rgba(255,255,255,0),#fff);height: 80px;position: absolute;left: 0;top: -79px;width: 100%;}

#contTab:checked ~  .content-more .readmore{display: inline-block; background: #fea248;color: #fff;width: 175px;height: 42px;border-radius: 42px;line-height: 42px;font-size: 16px;cursor: pointer;}

.pro_anli{ margin-top: 55px; margin-bottom: 150px;}

.pro_anli h3{text-align: left;padding: 0 50px; margin-top: 0; color: #191523;}

.pro_anli h3 a{float: right; font-size: 16px; font-weight: normal; color: #fea248;}

.pro_anli h3 a:hover{color:#c91524;}

.pro_anli ul{padding: 0 25px;}

.pro_anli ul li{width: 33.33%; padding: 0 20px; float: left; position: relative; margin-top: 40px;}

.pro_anli ul li .box{position: absolute; bottom: -60px; width: 75%; left: 0; right: 0; margin: 0 auto; background: #fff; box-shadow: 0 3px 10px rgba(35, 46, 107, 0.15); border-radius: 7px; padding: 20px 30px; transition: .5s;}

.pro_anli ul li a{display: block;}

.pro_anli ul li .bigimg img{width: 100%; border-radius: 7px;}

.pro_anli ul li .box a{font-size: 20px; font-weight: bold;  color: #191523; margin-bottom: 15px; line-height:1.5;}

.pro_anli ul li .box p{font-size: 16px; line-height: 1.9; color: #363d42;}

.pro_anli ul li .box p img{margin-right: 10px;}

.pro_anli ul li:hover .box{ width: 85%;}

.pro_anli ul li:hover .box a{color: #c91524; width: 85%;}



















.listbg ul li div{background-color:#fff; }

.fbanner{height: 505px; margin-top: 20px; background:url("../images/subfbanner2.jpg") no-repeat center center; background-size: contain; color: #fff; position: relative;}

.fbanner h2{font-size: 60px; color: #fff; padding-top: 80px;}

.fbanner h2 i{font-size: 28px; color: #fff; font-weight: normal; margin-left: 73px;}

.fbanner .slogan{width: 70%; margin-left: -2%;margin-top: 60px;}

.fbanner .slogan .item{width: 16%; overflow: hidden; float: left; text-align: center; position: relative;}

.fbanner .slogan .item i{display: block; position: absolute; left: 0; right: 0; margin: 0 auto;top: 5px; width: 78px; height: 77px; background:url("../images/ico13_03.png") center center no-repeat;}

.fbanner .slogan .item:hover i{opacity:1;-webkit-animation:rotateMoveBack 5s infinite linear;animation:rotateMoveBack 5s infinite linear;}

.fbanner .slogan .item span{display: block; font-size: 16px; color: #fff; margin-top: 20px;}

.fbanner p.jiangxin{position: absolute; top:100px; right: 14.8%;;}

.fbanner .content{margin-top: 50px;}

.fbanner .left{float: left;}

.fbanner .left a{color: #fff;  display: inline-block; font-size: 20px; background-color:#c9221e; background-image:linear-gradient(90deg, #c9221e 30%, #de7b1b 50%, #c9221e); background-position:left center; background-size:200% 100%; background-repeat:no-repeat; transition:background-position .6s ease; border-radius: 20px; padding: 15px 40px; transition: .5s;}

.fbanner .content p{font-size: 18px; margin-bottom: 20px; margin-left: 20px;}

.fbanner .left a:hover{ background-image:linear-gradient(90deg, #de7b1b 30%, #c9221e 50%, #de7b1b);}

.fbanner .left p{margin-left: 0;}

.fbanner form{margin-left: 100px; float: left;}

.fbanner form input, .fbanner form textarea{float:left;height: 45px; border: none; padding-left: 10px; border-radius: 5px; margin-left: 20px;}

.fbanner form textarea.xuqiu{width: 300px; line-height:45px;}

.fbanner form button{border: none; height: 45px; width: 120px; font-size: 18px; border-radius: 5px; background: #c9221e; color: #fff; cursor: pointer;position: relative; top: 2px; margin-left: 20px;}

.fbanner form button:hover{background: #d8261c;}

/*protype结束*/

/*prolist*/

.prolist_nav{display: flex;justify-content:center; margin-top: 50px;}

.prolist_nav ul li{float: left; width: 20%; padding: 0 40px;}

.prolist_nav ul li a span{display: block; background: #0e1436;}

.prolist_nav ul li img{display: block; border-radius: 50%; border: 3px solid #181523; padding: 10px; background: #fff; width: 50%;}

.prolist_nav ul li .box{background: url("../images/protype_bg.png") no-repeat; background-size: cover; padding: 80px 20px 15px 20px; margin-top: -50px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; transition: .5s;}

.prolist_nav ul li .box h3{font-size: 20px; font-weight: bold; text-align: center;}

.prolist_nav ul li .box h3 a{ color: #f2f6ff; display: block; transition: .5s}

.prolist_nav ul li:hover .box h3 a{margin-top: -5px;}

.prolist_nav ul li.active .box{background: url("../images/protype_bg_hover.png") no-repeat; background-size: cover;}

.prolist_item ul{margin-top: 30px;}

.prolist_item ul li{margin-top: 0;}

/*newslist*/

.main_tit{margin-top: 25px;}

.main_tit h2{font-size: 40px;  text-align: center;}

.main_tit h2 a{color: #181523; transition: .5s;}

.main_tit h2 span{float: right; font-weight: normal; font-size: 16px; margin-top: 20px;}

.main_tit h2 span a{color: #ff9900;}

.main_tit h2 span:hover a{color: #c91524;}

.main_tit p{text-align: center; font-size: 16px; color: #555; margin-top: 25px;}

.news_index .cont{margin-top: 35px;}

.news_index h2 span{position:absolute; right:0;}

.news_index .qyxw{margin-top: 50px;}

.news_index .qyxw ul{width:38.1%; float:left; margin:0 0 40px;}

.news_index .qyxw ul li{width:100%; background: #eee;}

.news_index .qyxw ul li .pic{ width: 100%;  display: block;  overflow: hidden;}

.news_index .qyxw ul li .pic img{ width:100%; transition: all 0.6s ease;}

.news_index .qyxw ul li:hover .pic img{ transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);  -webkit-transform: scale(1.1, 1.1);  -o-transform: scale(1.1, 1.1);    -moz-transition: all .6s ease;  -ms-transition: all .6s ease;  -o-transition: all .6s ease;  -webkit-transition: all .6s ease;  transition: all .6s ease;}

.news_index .qyxw ul li .box { padding: 20px 30px 35px;}

.news_index .qyxw ul li .box h3 {font-weight: normal;overflow:hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}

.news_index .qyxw ul li .box h3 a{ font-size: 24px; font-weight: bold;line-height:1.6;  color: #181523; display: block;}

.news_index .qyxw ul li:hover .box h3 a{ color: #c91524;}

.news_index .qyxw ul li .box .tit{font-size: 16px; line-height:1.9; overflow:hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:3; color: #333; opacity: .8; margin-top: 10px; margin-bottom: 25px;}

.news_index .qyxw ul li .box .left{ float: left;}

.news_index .qyxw ul li .box .left span{ font-size: 14px;  color: #808080;  line-height: 50px;}

.news_index .qyxw ul li .box .left span img{ width: 50px; height: 50px; border-radius: 50%;  border: 2px solid #fff; margin-right: 10px;}

.news_index .qyxw ul li .box .left p {display: inline-block; font-size: 16px; color: #808080;  line-height: 50px;}

.news_index .qyxw ul li .box .right { float: right; margin-top: 5px;}

.news_index .qyxw ul li .box .right a {  font-size: 18px; color: #c91524; border-radius:30px;  display: block;   border: 1px solid #c91524; width: 200px;   text-align: center;  height: 40px; line-height:38px;

 position: relative; transition: color 0.3s ease, background 0s ease; overflow:hidden;}

.news_index .qyxw ul li .box .right a:before { position: absolute;  content: ''; background: #c91524; transition-duration: .3s;  z-index: -1; top: 0; right: 0;  bottom: auto;  left: auto; width: 0; height: 100%;

    opacity: 1;}

.news_index .qyxw ul li:hover .box .right a:before {  width: 50%;  height: 100%;   opacity: 1;}

.news_index .qyxw ul li:hover .box .right a {color: #fff; background: #c91524;}

.news_index .qyxw ul li .box .right a:after {position: absolute; content: ''; background: #c91524;transition-duration: .3s; z-index: -1;  top: 0; right: auto;bottom: auto;left:0; width:0;  height:100%; opacity: 1;}

.news_index .qyxw ul li:hover .box .right a:after{ width: 50%;  height: 100%;  opacity: 1;}

.news_index dl{width:58%; float:right;}

.news_index dl dd { position: relative;  overflow: hidden; background: #eee;  border-radius: 10px; padding: 20px 20px 10px 20px;  margin:0px 0 20px;  width: 100%;}

.news_index dl dd span{display: block; float: left;  width: 95px;  text-align: center;  border-right: 1px dashed #ddd;  color: #999;  font-size: 16px;  margin-right: 20px}

.news_index dl dd span strong{display: block; font-size: 34px; font-weight: normal;  line-height:1; margin-top: 10px; color: #333;}

.news_index dl dd a {display: block; font-size: 16px; color: #181523; margin: 0 0 10px}

.news_index dl dd a.pointer { position: absolute; width: 100%;  height: 100%;  left:0;  top: 0}

.news_index dl dd p {font-size: 16px; padding-top:3px; color: #777; line-height: 1.8;}

.news_index dl dd h3 a{overflow:hidden; color:#444;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; font-size: 22px;}

.news_index dl dd p a{ color: #777;overflow:hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}

.news_index dl dd:hover h3 a {  color: #c91524}

.news_index .spxw{width: 100%;}

.news_index .spxw ul{margin-left: -15px; margin-right: -15px;}

.news_index .spxw ul li{width: 25%; position: relative; float: left; padding: 0 15px; margin-top: 30px;}

.news_index .spxw ul li .bigimg img{width: 100%;}

.news_index .spxw ul li p{background: #181523; color: #fff; padding: 15px 50px 15px 20px; font-size: 18px;transition: .5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative;}

.news_index .spxw ul li p i{display: inline-block; position: absolute; right: 10px; bottom: 8px;}

.news_index .spxw ul li span{display: block; position: absolute; top: 37%; width: 100%; left: 0; right: 0; margin: 0 auto; text-align: center;}

.news_index .spxw ul li span img{width: 60px;transition:all .5s ease-out;}

.news_index .spxw ul li:hover p{background: #c91524;}

.news_index .spxw ul li:hover span img{transform:scale(1.3);}

.news_index .cpzs{margin-top: 60px; margin-bottom: 40px;}

.news_index .cpzs ul{margin-top: 20px; margin-left: -20px; margin-right: -20px;}

.news_index .cpzs ul li{float: left; width: 46%; margin-top: 30px; margin:15px 2%; border-radius: 10px;}

.news_index .cpzs ul li .l{width: 30%;}

.news_index .cpzs ul li .l img{width: 100%;}

.news_index .cpzs ul li .r{width: 65%;}

.news_index .cpzs ul li .r a{display: block; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #181523; font-weight: bold; margin-top: 15px;}

.news_index .cpzs ul li .r span{display: block; font-size: 15px; color: #555; margin: 13px 0;}

.news_index .cpzs ul li .r p{font-size: 15px; color: #555; line-height: 1.8;}

.news_index .cpzs ul li .r:hover a{color: #c91524;}









.newcenter_list {background: url(../images/newbanner_bg.jpg) no-repeat center top; padding-top:100px; padding-bottom: 50px; background-size: cover;position: relative;}

.newcenter_list .position{margin-top: 30px; font-size: 16px; color: #8a9094;}

.newcenter_list .position a{color: #8a9094;}

.newcenter_list .content_tit{background:url("../images/newcenter_titbg.png") left  20px no-repeat;width: 50%; padding: 90px 0 50px; margin-top: 20px;}

.newcenter_list .content_tit h3{font-size: 36px; color: #eef2ff;}

.newcenter_list .content_tit p{font-size: 16px; color: #ccc; margin-top: 30px; line-height: 1.9;}

.newslist{margin:40px auto 50px; width:100%; overflow:hidden}

.newslist ul{position:relative;}

.newslist ul li{height:230px; margin-top: 20px; padding: 0;}

.newslist ul ._l{width:7%; float:left; position:relative; height:100%;}

.newslist ul ._l:after{content:''; position:absolute; top:0; right:0; width:0; height:100%; background:#c91524; transition:all .5s ease; -webkit-transition:all .5s ease;}

.newslist ul ._r{width:93%; float:left; height:100%; position:relative;}

.newslist ul ._r:after{content:''; position:absolute; top:0; right:0; background:#fafafa; height:100%; width:0; transition:all .5s ease; -webkit-transition:all .5s ease;}

.newslist ul ._l .time{width:65%; float:left; font-family:'Arial'; line-height:1; text-align:center; position:absolute; height:64px; top:50%; margin-top:-32px; color:#c91524; z-index:1; font-size:14px}

.newslist ul ._l .time .d{font-size:55px; margin-bottom:3px; font-family:Arial;}

.newslist ul ._l .time .t{font-size:16px;}

.newslist ul ._r .box{padding:21px 40px;background:#fafafa;}

.newslist ul ._r .intro_box .tit{font-size:22px; font-weight:bold; color:#212122; line-height:24px; margin-bottom:20px;}

.newslist ul ._r .tit a{color: #181523; transition: .5s;}

.newslist ul ._r .intro_box .con{font-size:15px; color:#434343; height:60px; line-height:30px; overflow:hidden; margin-bottom:30px;}

.newslist ul ._r .img_box{float:right; width:21%; margin-left:20px;padding-bottom:71.5%;}

.newslist ul li:hover{background:#fafafa;}

.newslist ul li:hover ._l .time{color:#fff;}

.newslist ul li:hover ._l .time:after{display:none;}

.newslist ul li:hover .tit{color:#c91524;}

.newslist ul li:hover .tit a{color: #c91524;}

.newslist ul li:hover ._l:after{width:520px}

.newslist ul li:hover ._r:after{width:330px;right:-330px;}

.newslist ul li:last-child{margin-bottom:0;}

.common_btn{overflow:hidden;}

.common_btn {display:inline-block;text-align:center; font-size:14px; border:1px solid #c91524; border-radius:10px 0; color:#c91524; padding:10px 30px; position:relative;}

.common_btn span{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);}

.common_btn span a{color:#c91524;}

.common_btn:hover{background:#c91524; cursor:pointer; color:#fff;}

.common_btn:hover a{color:#fff;}/*ccadd*/

.fanye ul li{float: left; margin-right: 10px;}

.fanye ul li.thisclass{width: 35px; height: 35px; line-height: 35px; background: #c91524; text-align: center; color: #fff; border-radius: 3px;}

.fanye ul li a{display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #ddd; border-radius: 3px; transition: .5s;}

.fanye ul li:hover a{background: #c91524; color: #fff;}

.fanye span{margin-top:5px; display:inline-block;}

.news-fanye{padding-left: 110px;margin-bottom: 50px;}

.news_container{background: #f3f5f9;}

.news_content{padding: 60px 0;}

.news_content .l{background: #fff; width: 76%; padding: 40px 50px;}

.news_content .l h1{font-size: 32px; line-height: 1.6; color: #181523;}

.news_content_video .l h1{text-align:center;}

.news_content .l .info{font-size: 16px; color: #181523; margin-top: 10px;}

.news_content_video .l .info{text-align:center;}

.news_content .l .content{margin-top: 25px; font-size: 16px; line-height: 2; color: #333;}

.news_content .l .content img{margin:15px 0;max-width:100%;}

.news_content .l .content .video_shows{width:800px; margin:0 auto;}

.news_content .l .content video{margin:15px 0; max-width:100%;}

.news_content .r{width: 22%;}

.news_content .r .box div{display: block; background: #fff; padding: 30px; margin-bottom: 15px; transition: .5s;}

.news_content .r .box div a{transition: .5s;}

.news_content .r .box div p{font-size: 20px; font-weight: bold;}

.news_content .r .box div h4{font-weight: normal; font-size: 15px; line-height: 1.7; margin-top: 10px; color: #666; transition: .5s;}

.news_content .r .box div:hover{background: #c91524; color: #fff;}

.news_content .r .box div:hover h4{color: #fff;}

.news_content .r .box div:hover a{ color: #fff;}

.news_content .r ul{background: #fff; padding: 30px;}

.news_content .r ul li:first-child a{font-size: 20px; font-weight: bold; margin-bottom: 15px; color: #181523;}

.news_content .r ul li{margin-top: 15px; border-bottom:1px solid #eee; padding-bottom:15px;}

.news_content .r ul li a{display: block; font-size: 15px; line-height: 1.6; color: #666;}

.news_content .r ul li:hover a{color: #c91524;}

.news_content .r ul li:last-child{border-bottom:none;}

.video_list{margin-top: 20px; margin-bottom: 40px;}

.video__index_list{margin:20px 0 50px 0;}

.video_fanye{padding-left: 0;}

.anli_list {background: url("../images/anlibanner_bg.jpg") no-repeat center top; padding-top:100px; padding-bottom: 50px; background-size: cover;position: relative;}

.anli_list .content_tit{background: none;}

.anli_list_content{margin-top: 20px;}

.anli_list_content .item{float: left; width: 30.333%; margin: 0 1.5%; margin-top: 45px; box-shadow: 0 0px 10px rgba(0,0,0,.15);}

.anli_list_content .item:last-child{margin-right: 0;}

.anli_list_content .img img{width: 100%;}

.anli_list_content .bg_t{background: url("../images/case_bg_t_03.png") no-repeat; height: 66px; background-size: cover; position: relative; z-index: 999; margin-top: -53px;}

.anli_list_content .bg_t img{margin: 25px 0 0 28px; transition: .5s;}

.anli_list_content .item:hover .bg_t img{margin-left: 40px; }

.anli_list_content .content{padding: 12px 25px 30px 25px; background: #f4f7ff;}

.anli_list_content .content h3{font-size: 24px; line-height: 1.6;}

.anli_list_content .content h3 a{color: #181523; display: block; transition: .5s;}

.anli_list_content .content h3:hover a{color: #c91524;}

.anli_list_content .content .box{background: #fff; padding: 13px 20px 20px 20px; margin-top: 16px;}

.anli_list_content .content .box p{font-size: 16px; color: #35343a; line-height: 1.7; margin-top: 5px; background: url("../images/yuanhuan_03.png") no-repeat left center; padding-left: 23px;}

.anli_fanye{padding-left: 23px; margin-top: 60px;}

.anli_nr_top{background-image: url(../images/case_m1bg.jpg);background-position: center top;background-repeat: no-repeat; height: 100vh;}

.anli_nr_top .position{padding-top: 130px; color: #8a9094; font-size: 16px;}

.anli_nr_top .position a{color: #8a9094;}

.case_info{width: 90%; margin: 0 auto;}

.case{padding:0; padding-top: 200px;  clear:both; overflow:hidden;}

.case .case_img{ float: left; width: 54%;}

.case .case_img .img { border-radius: 6px 60px 6px 6px;

  -webkit-box-shadow: 0 0 62px 15px rgba(18, 22, 27, 0.3);

  -moz-box-shadow: 0 0 62px 15px rgba(18, 22, 27, 0.3);

  -ms-box-shadow: 0 0 62px 15px rgba(18, 22, 27, 0.3);

  -o-box-shadow: 0 0 62px 15px rgba(18, 22, 27, 0.3);

  box-shadow: 0 0 62px 15px rgba(18, 22, 27, 0.3);

}

.case .case_img .img img {display: block;width: 100%;height: auto;border-radius: 0px 30px 0px 0px;}

.case .case_img .other {margin-top: 30px;margin-bottom: 80px;}

.case .case_img .other span {display: inline-block;color: #ffffff;width: 263px;height: 40px;line-height: 40px;text-align: center;background-color: #2e3c4a;border-radius: 20px;position: relative;margin-left: 18px;z-index: 1;}

.case .case_img .other span:before {content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #daaa6e;position: absolute;top: 16px;left: -18px;}

.case .case_img .other span:after {content: '';width: 263px;height: 50px;position: absolute;top: 20px;left: 0;z-index: -1;}

.case .case_img .other span:nth-child(1) {margin-right: 40px;}

.case .case_text {float: right;width: 46%;}

.case .case_text h1 {font-size: 40px;color: #ffffff;line-height:1.6;margin:0px 0 30px;padding-left: 6.4%;}

.case .peizhi_top h1{margin-top:10px;}

.case .case_text .qt {padding: 40px 50px 60px 6.4%;position: relative;z-index: 1;}

.case .guding_text .qt{padding-top:15px;}

.case .wuliao_nr{margin-top: 40px;}

.case .wuliao_nr .qt{padding-bottom: 0px; margin-bottom: 150px;}

.case .case_text .yyly{font-size: 16px; line-height: 2; color: #7d96b1; margin-bottom: 30px;}

.case .case_text .qt ul {overflow: hidden;margin-bottom: 30px;}

.case .guding_text .qt ul{margin-bottom: 10px;}

.case .case_text .qt li {width: 40%; padding:0 2.5%;height: 130px;float: left;background: url(../images/article_cs_bg.png) no-repeat right center;text-align: left;

-webkit-background-size: 100%;

-moz-background-size: 100%;

-ms-background-size: 100%;

-o-background-size: 100%;

background-size: 100%;}

.case .case_text .wuliao li{width:44%;}

.case .case_text .wuliao ul{margin-bottom:30px;}

.case .case_text .peizhi ul{margin-bottom:40px;}

.case .case_text .qt li:first-child{margin-right: 8%;}

.case .case_text .qt li span {display: block; text-align:center;font-size: 20px;color: #d1e1f4;line-height: 28px;margin: 27px 0 11px;}

.case .case_text .qt li strong { text-align:center;display: block;font-size: 24px;color: #f0f3f8;}

.case .case_text .wuliao li strong{font-size:22px;}

.case .case_text  .top_pro h4{font-size: 22px; font-weight: bold; color: #fff; margin-bottom: 10px;}

.case .case_text  .top_pro p{float: left; border: 1px dashed #fff; font-size: 16px; padding: 8px 35px; border-radius: 25px; margin-right: -10px; margin-top: 15px; transition:.5s;}

.case .case_text .top_pro p:hover{background:#c91524;}

.case .case_text  .top_pro p a{color: #fff;}

.case .case_text .qt:after {content: '';width: 98%;height: 336px; background: #132130; position: absolute;top: 0;left: 0;z-index: -1;border-radius: 0 50px 50px 0;

-webkit-box-shadow: 0 0 62px 15px rgba(18, 22, 27, 0.3);

-moz-box-shadow: 0 0 62px 15px rgba(18, 22, 27, 0.3);

-ms-box-shadow: 0 0 62px 15px rgba(18, 22, 27, 0.3);

-o-box-shadow: 0 0 62px 15px rgba(18, 22, 27, 0.3);

box-shadow: 0 0 62px 15px rgba(18, 22, 27, 0.3);}

.case .peizhi_top .qt:after{height: 360px;}

.case_zxbtn {padding: 10px 0;margin-left: 6%;margin-top: 64px;background: url(../images/btn-zx.png) no-repeat left center;padding-left: 28px;position: relative;/* cursor: pointer;*/}

.guding_text .case_zxbtn{margin-top:109px;}

.case_zxbtn span {display: inline-block;font-size: 20px;color: #fff;height: 60px;line-height: 60px;}

.case_zxbtn u {display: inline-block;font-size: 26px;color: #fdc848;letter-spacing: 2px;line-height: 60px;text-decoration: none}

.case_zxbtn i {font-style: normal;width: 20px;color: #fff;font-size: 20px;font-weight: bold;display: block;line-height: 1.1;position: absolute;left: 58%;top: 15px;}

.case_zxbtn em {display: block;width: 116px;height: 116px;background: url(../images/kf.png) no-repeat center;border-radius: 50%;position: absolute;right: 0;bottom: 0;

-webkit-box-shadow: 0 0 16px rgba(56, 62, 62, 0.48);

-moz-box-shadow: 0 0 16px rgba(56, 62, 62, 0.48);

-ms-box-shadow: 0 0 16px rgba(56, 62, 62, 0.48);

-o-box-shadow: 0 0 16px rgba(56, 62, 62, 0.48);

box-shadow: 0 0 16px rgba(56, 62, 62, 0.48);

z-index: 2;}

.case_zxbtn:after {content: '';width: 116px;height: 84px;position: absolute;right: 0;top: 22px;z-index: 1;}

.wuliao_zxbtn{margin-top:108px;}

.anli_nr_content{padding: 0 100px; margin-top: 40px;}

.anli_nr_content h3, .anli_tuijianshebei h3{font-size: 36px; text-align: center; color: #181523;}

.anli_nr_content h3:before, .case-profit h3:before, .pro_anli_2 h3:before, .anli_tuijianshebei h3:before{background: url("../images/bt_zs.png") no-repeat; display: inline-block; width: 28px; height: 29px; content: ""; position: relative; top: 3px; margin-right: 15px;}

.anli_nr_content .box{font-size: 16px; line-height: 2; color: #444; margin-top: 25px;}

.anli_nr_content .box p{margin-top: 10px;}

.anli_nr_content .liucheng{margin-bottom:40px;}

.anli_tuijianshebei{margin-top: 50px; padding: 0 40px;}

.anli_tuijianshebei .peizhi{padding-bottom: 20px; margin-top: 20px;}

.anli_tuijianshebei .peizhi ul li{float: left; width: 25%; padding: 0 10px; margin-top: 30px;}

.anli_tuijianshebei .peizhi ul li img{width: 100%;}

/*.anli_tuijianshebei2 .peizhi ul li img{position:relative; left:-45px;}*/

.anli_tuijianshebei .peizhi ul li span{ display: block; padding: 13px; text-align: center;font-size: 16px; margin-top: 20px; border-radius: 5px; background: #ddd; border: 1px solid #ddd; font-weight: bold; transition: .5s;}

.anli_tuijianshebei .peizhi ul li:hover span{background: #ff9900; color: #fff;}

.case-profit{padding: 0 50px; margin-top: 50px;}

.case-profit h3{font-size: 38px; font-weight: bold; color: #181523; text-align: center;}

.case-profit .other {background: url(../images/case-bg05.png) no-repeat;background-size: cover;padding: 70px 50px 25px 46px;}

.ot-con{margin-bottom: 10px;}

.ot-con .t-head {float: left;overflow: hidden;margin-right: 10px;}

.ot-con .t-head span {border-radius: 50%;width: 72px;height: 72px;float: left;}

.ot-con .t-head span img {display: block;border-radius: 50%;width: 100%;}

.ot-con .t-head em {float: left; margin-left: 50px; margin-top: 15px;}

.ot-con .t-head em img{width: 35px;}

.case-profit p{font-size: 16px; line-height: 2; margin-top: 10px; color: #181523;}

.profit-p {margin-top: 15px;float: left;}

.profit-p span {font-size: 18px;line-height: 38px;padding: 0 30px;border: 1px dashed #5f76a0;color: #5f76a0;display: inline-block;border-radius: 19px;margin-left: 16px;}

.pro_anli_2{background: #eee; padding: 70px 100px; margin-top: 60px;}

.pro_anli_2 .scroll{padding: 0 150px;}

.pro_anli_2 h3{text-align: center; font-size: 36px; color: #181523; padding: 0 50px; position:relative;}

.pro_anli_2 h3 a{position:absolute; right:0; font-size: 16px; font-weight: normal; color: #ff9900;}

.pro_anli_2 h3 a:hover{color:#c91524;}

.pro_anli_2 .swiper-container { width: 100%; height: 450px; margin-left: auto;margin-right: auto; margin-top: 50px;}

.pro_anli_2 .swiper-pagination-bullet{height: 4px; border-radius: 3px; width: 60px;}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{float: left; margin-left: 10px;}

.swiper-container-vertical>.swiper-pagination-bullets{left:44%; top: auto!important;bottom: -10px;}

.pro_anli_2 .swiper-pagination-bullet-active{background: #ff0000;}

.pro_anli_2 .l{width: 42.8%;}

.pro_anli_2 .l img{width: 100%;}

.pro_anli_2 .r{width: 54%;}

.pro_anli_2 .r .tt{font-size: 24px; color: #333;line-height: 1.7; margin-top: 20px;}

.pro_anli_2 .r .tt:hover a{color: #ff0000;}

.iloca,.imac,.iapps,.ifuel,.itime{background: url("../images/ppci.png") no-repeat -70px -184px;}

.imac{background-position-x: -127px;}

.iapps{background-position-x: -186px;}

.itime{background-position-x: -246px;}

.ifuel{background-position-x: -302px;}

.pro_anli_2 .r dl{width: 50%; float: left; margin-top: 60px;}

.pro_anli_2 .r dl { width: 50%; float: left; height: 60px; margin-top: 40px; }

.pro_anli_2 .r dl dt { width: 58px; height: 58px; float: left; border: 1px solid #aaaaaa; }

.pro_anli_2 .r dl dd { width: 282px; float: right; height: 100%;  color: #666; }

.pro_anli_2 .r dl dd em { display: block; color: #333; font-style: normal;font-size: 16px; }

.pro_anli_2 .r .click{display: inline-block; background: #ff9900; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 40px; margin-top: 40px; transition: .5s;}

.pro_anli_2 .r .click img{width: 20px;  margin-right: 10px;}

.pro_anli_2 .r .click:hover{background: #ff0000;}









.anli_nr_content .box video{width: 80%; margin: 0 auto; height: auto; margin: 20px 0;object-fit:fill;  }

.anli_nr_content .youshi{margin: 20px -15px;}

.anli_nr_content .mt20{margin-top: 20px;}

.anli_nr_content .box .list{width: 50%; padding: 0 15px; float: left; margin-top: 20px; margin-bottom: 40px;}

.anli_nr_content .box .list .ico{background: #181523; width: 95px; height: 95px; float: left; text-align: center; vertical-align: middle;display: flex;align-items: center; border-radius: 5px;}

.anli_nr_content .box .list2 .ico{background: #c91524;}

.anli_nr_content .box .list3 .ico{background: #ff9900;}

.anli_nr_content .box .list .ico img{width: 45%; align-items: center; margin: 0 auto;}

.anli_nr_content .box .list .perform_content{width: 82%; float: right;}

.anli_nr_content .box .list h4{font-size: 16px; font-weight: bold; color: #181523; padding: 0;}

.anli_nr_content .box .list p{font-size: 14px; color: #777;}

.anlituji{background: #eee; padding-bottom: 30px;}

.anlituji .box{padding: 0 100px;}

.anlituji .title{font-size: 42px; width: 11.8%; writing-mode:vertical-lr;writing-mode: tb-lr; letter-spacing: 5px; color: #2a3141; position: relative; top: 284px;}

.anlituji .title:after{position: absolute; width: 4px; height: 109px; background: #fea349; content: ""; left: 52px; top: 19%;}

.anlituji .list{width: 88.2%; margin-top: 70px;}

.anlituji .list .l{width: 35.16%;}

.anlituji .list .l img{width: 100%; border-radius: 10px;}

.anlituji .list .r{width: 64%}

.anlituji .list .r p{width: 45%; margin-left: 5%; float: left; margin-bottom: 53px;}

.anlituji .list p{ position: relative; z-index: 1}

.anlituji .list .r p img{width: 100%; border-radius: 10px;}

.anlituji .list p:after{position: absolute; width: 100%; height: 90px; background: #fea248; left: 6px; bottom: -6px; content: ""; z-index: -1; border-radius: 10px;}

.wuliao_lingyu{padding:20px 0;background:none;}

.wuliao_lingyu h3{font-size:36px;}

.wuliao_lingyu .pronr_h3 img{margin-right:14px;}

.solution_index .item .r ul li .bigimg{background: none;}

.pro_index_list .item .l{position: relative;}

.pro_index_list .item .l .box{position: absolute; left: 0; right: 0; top: 80px;; text-align: center; color: #fff;}

.pro_index_list .item .l .box h4{font-size: 28px; font-weight: bold;}

.pro_index_list .item .l .box p{font-size: 18px; position: inherit; font-weight: normal; left: 0; right: 0; top: 50px;}

.pro_index_list .item .l .box a{display: block; width: 120px;line-height: 36px; background: #ff9900; color: #fff; margin: 0 auto; text-align: center; margin-top: 65px; font-size: 16px; border-radius: 5px; transition: .5s;}

.pro_index_list .item .l .box:hover a{background: #c91524;}

.solution_index .item h2{background: url("../images/bg22.png") no-repeat center bottom; position:relative;}

.solution_index .item h2 i{display:block; position:absolute; right:0; font-size:16px; font-weight:normal; right:22px;}

.solution_index .item h2 i a{color:#ff9a00;}

.solution_index .item h2 i:hover a{color:#c91524;}

.solution_index .item:nth-child(2) h2{background: url("../images/bg23.png") no-repeat center bottom;}

.solution_index .item:nth-child(1) h2{background: url("../images/bg23.png") no-repeat center bottom;}

.anli_list_common .js_tab{display: flex;justify-content:center; margin-top: 60px;}

.anli_list_common .js_tab li{flex-direction:column ; font-size: 26px; font-weight: bold; padding: 15px 0; margin: 0 20px; cursor: pointer;}

.anli_list_common .js_tab li.active{background: url("../images/bg2.png") no-repeat bottom center;}

.anli_list_common .js_tab_detail{margin-bottom: 20px; margin-top: 30px;}

.anli_list_common .more a{display: block; width: 120px; line-height: 40px; background: #ff9900; text-align: center; margin: 0 auto; color: #fff; font-size: 16px; border-radius: 5px; margin-top: 50px; transition: .5s;}

.anli_list_common .more:hover a{background: #c91524;}

.anli_list_common .item{float: left; width: 29.333%; margin: 0 2%; margin-top: 30px;}

.anli_list_common .item:last-child{margin-right: 0;}

.anli_list_common .item .img img{border-top-right-radius: 10px;border-top-left-radius: 10px;}

.anli_list_common .content{width: 90%; background: #fff; box-shadow: 0 6px 9px rgba(61, 110, 177, 0.23); padding: 25px 40px 25px; position: relative; top: -40px;}

.anli_list_common .wuliao{top:-20px; padding-top:15px;}

.anli_list_common .content h3{font-size: 24px; margin-bottom: 40px; position: relative; white-space: nowrap; text-overflow: ellipsis;}

.anli_list_common .wuliao h3{white-space: inherit; line-height:1.5;}

.anli_list_common .content h3:after{position: absolute; width: 80px; height: 4px; background: #ff9900; content: ""; left: 0; bottom: -20px; transition: .5s;}

.anli_list_common .content h3 a{color: #181523; transition: .5s;}

.list_case_list .content{padding: 15px 35px 25px;}

.list_case_list .content h3{white-space: inherit; line-height: 1.55;}







.anli_list_common .content p{font-size: 16px; color: #35343a; line-height: 2; margin-top: 5px; background: url("../images/yuanhuan_03.png") no-repeat left center; padding-left: 23px;}

.anli_list_common .content i{display: block; position: absolute; right: -40px; top: 60%; background: #ff9900; border-top-right-radius: 25%; border-bottom-right-radius: 25%; transition: .5s;}

.anli_list_common .content i a{display: block; padding: 10px 25px;}

.anli_list_common .item:hover .content h3 a{color: #ff9900;}

.anli_list_common .item:hover .content h3:after{width: 120px;}

.anli_list_common .item:hover .content  i{top: 40%;}

.anli_list_list{margin-top: 30px;}

.contact_ban{ background:url(../images/contact_ban.jpg) 50% no-repeat;background-size:cover;width: 100%;height:657px;position: relative; overflow:hidden}

.lx_con{width:70%; margin:0 auto;}

.lx_info { float:left; width:60%; color:#fff;  overflow:hidden; margin-top:140px;}

.lx_info h1{ font-size:42px;  padding:25px 0; margin-bottom:10px; color:#fff}

.lx_info p{  line-height:30px; font-size:18px; margin-bottom:40px; color: #ddd;}

.lx_info p img{ width:30px; height:30px; margin-right:5px;}

.contact_lx{ overflow:hidden}

.contact_lx p{display:block;  margin:20px 0; text-indent:30px; color: #fff;width:50%; border-radius: 0 5px 5px 0; font-size:18px; padding:10px 0;border-left: 6px solid #ff9900;border-top:#6F7E8C 1px solid;border-right:#6F7E8C 1px solid;border-bottom:#6F7E8C 1px solid;overflow: hidden;  background:#112131;display:inline-block}

.contact_lx p strong{  font-size:30px; margin-left:5px;}

.contact_lx p a{ color:#fff; display:block}

.swt-link a.icon {width: 70px; background: url(../images/icon_swt.png) no-repeat center center #c91524;}

.swt-link a { height: 54px;border-radius: 26px;display: inline-block;background:#c91524;/*forie11*/vertical-align: middle;position: relative; color:#fff;}

.swt-link span {display: inline-block;height: 2px;width: 8px;background: #FF5C26;position: relative;}

.swt-link a.font {padding: 0 48px;line-height: 54px;font-size: 22px;color: #fff;font-weight: bold;transition: .5s all ease-in-out;}

.swt-link {margin-top:40px;z-index: 10}

.swt-link:before {content: '';display: block;width: 22px;height: 20px; position: absolute;left: 0;top: 6px}

.ul-contact{ margin-top:70px;}

.ul-contact ul{ margin-left:-4%; margin-right:2% }

.ul-contact li{float:left;width:20.5%; margin-left:4%;margin-bottom:60px;}

.ul-contact h4{ font-size:24px; margin:15px 0 10px 0; font-weight:600;text-align:center; color:#181524;}

.ul-contact p{ font-size:17px; text-align:center; color:#666; }

.ul-contact h5{ font-size:15px; line-height:24px; font-weight:400; margin:8px 0; text-align:center; color:#333}

.ul-contact li strong{position: relative; z-index:10; display:block; width:33%; font-weight:normal; text-align:center; margin:5px auto 10px;}

.ul-contact li strong img{ width:100%; border-radius:50%; box-shadow: 0px 0.03rem 0.21rem rgba(5,26,85,0.1);}

.ul-contact li:hover strong{  background-size: 100% auto;}

.ul-contact li span{font-size:14px;color:#181523;line-height:1;display:block;margin-top: 15px;margin-bottom: 5px;}

.ul-contact li span strong{font-size:30px}

.ul-contact li p{font-size:15px;line-height:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #666;}

.contact-wz{ background:#fff url(../images/d3_bg.png);border:#eee 1px solid;-webkit-box-shadow: 5px 5px 5px rgba(124,129,171,0.2);

    -moz-box-shadow: 5px 5px 5px rgba(124,129,171,0.2);

    box-shadow: 5px 5px 10px rgba(124,129,171,0.2);    border-radius: 40px 0 40px 0;height:230px; padding:80px 30px 60px; margin-top:-70px; z-index:1; position:relative; overflow:hidden}

.contact-wz:hover{}

.iw_poi_title{color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

#dituContent{width: 100%; height: 500px; margin-bottom: 50px; margin-top: 40px; border: 1px solid #ddd;}

.contactban2{background: url("../images/contact_ban2.jpg") no-repeat;}

.contactban2 .content_tit{background: none;}

.contact2_content_bg{background: #eee; padding: 40px 0 1px 0;}

.contact2_content{margin: 0px auto 50px auto;}

.contact2_content .list{width: 22%; margin: 0 1.5%; float: left; padding: 20px; background: #fff; box-shadow: 0 0 10px rgba(124,129,171,0.2); height: 212px; transition: .5s;}

.contact2_content .list:hover{box-shadow: 0 0 15px rgba(124,129,171,0.5)}

.contact2_content h2{margin-bottom: 50px;}

.contact2_content .list h3{color: #c91524; font-size: 24px; margin-bottom: 10px;}

.contact2_content .list p{font-size: 15px; color: #555; line-height: 2;}

.contact_media{margin-top: 50px;}

.contact_media h3{font-size: 34px; color: #181523; text-align: center; font-weight:normal;}

.contact_media p.tips{font-size: 15px; color: #5d5d5d; text-align: center; width: 80%; margin: 0 auto; margin-top: 25px; line-height: 2;}

.media_content{ position: relative;}

.media_content:before{position: absolute;width: 950px; height: 1px; background: #181523; content: ""; left: 0; right: 0; margin: 0 auto; top: 157px;}

.media_content:after{position: absolute;width: 1px; height: 303px; background: #c91524; content: ""; left: 1.9%; right: 0; margin: 0 auto; top: 11px;}

.media_content .list{display: flex;justify-content:center; margin-top: 35px; margin-bottom:55px;}

.media_content .ietem:first-child{text-align: right; margin-right: 25px;}

.media_content .ietem:last-child{margin-left: 25px;}

.media_content .ietem:nth-child(2){margin-right: 50px;}

.media_content .ietem h4{font-size: 18px; color: #181524; margin-top: 36px}

.media_content .ietem p{font-size: 15px; color: #555555;}

.media_content .ietem img{width: 130px;}

.contact_liuyan{margin-top: 40px;}

.contact_liuyan .l{width: 50%; margin-top: 50px;}

.contact_liuyan .l img{width: 70%; margin-left: 5%;}

.contact_liuyan .r{width: 50%;}

.contact_liuyan .r p{font-size: 16px; margin-top: 40px;}

.contact_liuyan .r input, .contact_liuyan .r textarea{width: 100%; border: 1px solid #d5d5d5; height: 45px; padding: 0 10px; margin-top: 15px;}

.contact_liuyan .r textarea{height: 100px; padding: 10px;}

.contact_liuyan .r .tijiao{background: #c91524; color: #fff; font-size: 18px; font-weight: bold; cursor: pointer}

.contact_liuyan .r i{color: #E80F00; margin-top: 10px; display: block;}

/*about*/

/*.about_ore{position:relative; margin-top:40px;}

.about_ore:before {content: ""; width: 193px;height: 193px;background: url(../images/about-bg02.png) left top no-repeat; display: block;position: absolute;left: 0;top: 0;opacity: 0.8;}

.about_ore .wrap{ background:#fff;overflow: hidden }

.about_ore .tit{ margin:60px auto; }

.about_ore .tit h2{ font-size:42px; margin-bottom:20px; padding:5px 0; text-indent:40px; position:relative; color: #181523;}

.about_ore .tit h2:before {content: '';display: block; width: 17px;height: 17px;border-radius: 100%;border: 3px solid #FF4639;background: #fff;position: absolute; margin-right:20px;top:5px;}

.about_ore .tit p{ font-size:18px; line-height:34px;}

.about_ore .about_orepic{clear:both; width:100%;position: relative;}

.about_ore .about_oreitem{ background:#db2035;padding:25px 20px;}

.about_ore .about_oreitem {float: right; width: 39.0625%;padding: 30px 30px;position: relative; z-index: 1;margin-top: -420px; }

.about_ore .about_oreitem .H4 {font-size: 45px;font-weight: bolder; font-family: Arial;text-transform: uppercase;margin-left: -184px; color:#fff}

.about_ore .about_oreitem .H5 {font-weight: normal;font-size: 24px;color:#fff;position: relative;margin: 23px 0 28px 0;}

.about_ore .about_oreitem .H5::after {width: 71px;height: 5px; position: absolute;top: 50%;margin-top: -2.5px;left: -96px;content: "";background-color: #fff;}

.about_ore .about_oreitem p{color:#eee;font-size:16px; line-height:32px; margin-bottom:15px; text-indent:20px;}

.about_two {clear: both;background: url(../images/about_two_bg.jpg) no-repeat center top;background-size: cover;padding: 90px 0px;margin-top:80px}

.about_two .about_box {background: rgba(29,32,41,0.7);padding:30px 30px  30px 70px}

.about_two .about_twofl {float: left;width:35%;padding-top: 60px}

.about_two  .about_twofl .about_twofltit {padding: 10px 0px 18px 24px;color: #fff;border-left: 2px solid #fff;line-height: 1;font-size: 18px;margin-bottom: 43px}

.about_two  .about_twofl .about_twofltit strong {clear: both;display: block;font-size: 36px;padding-bottom: 20px}

.about_two  .about_twofl p{clear: both;color: #fff;font-size: 16px;padding-bottom: 32px;line-height: 30px}

.about_two  .about_twofr {float: right;width: 60%;padding-top: 15px}

.about_two  .about_twofr li {float: left;padding: 20px 20px 0px 0px;width:48%; margin:0 1% 2%;}

.about_three{ margin:60px auto; margin-top: 0;}

.about_three .tit{text-align:center;margin-bottom:30px; position:relative; padding:60px 0 30px}

.about_three h2{position: relative;text-align: center;font-size:42px;line-height: 1.1;padding-bottom: 28px; margin-bottom:30px;color: #181523;}

.about_three h2:before{content: "";position: absolute;left: 0;top: -52px;width: 100%;height:73px; -webkit-background-size: auto 100%;-moz-background-size: auto 100%;-ms-background-size: auto 100%;-o-background-size: auto 100%;background-size: auto 100%; z-index: -1;}

.about_three h2:after{content: "";position: absolute;left: 50%;bottom: 0;width: 70px;height:5px;margin-left: -30px; background-color:#FF5C26;}

.about_three .tit p{font-size: 18px;line-height:38px; color:#3a414c; width: 90%; text-align: center; margin: 0 auto;}

.about_three img{ margin:0 auto 60px; text-align: center; max-width: 100%;}

.about_three .img{text-align: center;}*/

.about_page{background:url("../images/shili_bg_02.jpg") no-repeat center;}

.about_page .content_tit{background: none;}

.about_top_nav{margin-top: 60px;}

.about_top_nav ul{display: flex;justify-content:center;}

.about_top_nav ul li{flex-direction:column ; border: 1px solid #dcdcdc; border-radius: 4px; margin: 0 15px;}

.about_top_nav ul li a{font-size:18px; width: 180px; height: 48px; line-height: 48px; display: block; text-align: center;}

.about_top_nav ul li.active a{background: #ff5a1b; color: #fff;}

.about_top_nav ul li:hover a{background: #ff5a1b; color: #fff;}

.about_jieshao{margin-top: 50px;}

.about_tt{font-size: 34px; width: 137px; height: 50px; margin: 0 auto;color: #181523; text-align: center; font-weight: normal; background: url("../images/bg2.png") no-repeat no-repeat center bottom; line-height: 30px;}

.about_jieshao .desc, .about_wl .desc{text-align: center; margin-top: 30px;}

.about_jieshao .desc p, .about_wl .desc p{line-height: 1.9;font-size: 16px; margin-top: 5px;}

.about_jieshao .box{background:url("../images/about_img.jpg") no-repeat center center; height: 600px; position: relative; margin-top: 30px;}

.about_jieshao .box .tanchu{width: 100%; background: rgba(0,0,0,.7); padding: 50px 0; position: absolute; bottom: 0;}

.about_jieshao .box .tanchu ul li{float: left; width: 15%; margin: 0 2.5%; text-align: center;}

.about_jieshao .box .tanchu ul li img{padding: 30px; border: 3px solid #fff; border-radius: 50%; width: 55%;}

.about_jieshao .box .tanchu ul li span{display: block; font-size: 20px; margin-top: 20px; color: #fff;}

/*.about_video{margin-top: 80px;}

.about_video li{margin-top: 30px; cursor: pointer;}

.about_video .left{width:  63.02%; height: 630px; background: url("../images/video_bg.jpg") no-repeat; background-size: cover;overflow: hidden;}

.about_video .left video{width: 95%;margin: 9px 0 0 24px;}

.about_video .right{width: 34.4%; overflow: hidden;}

.about_video .right .title{font-size: 34px;	 font-weight: normal; color: #181523; margin-top: 7px;}

.about_video .right .con_l{width: 46%;float: left; position: relative;}

.about_video .right .con_l p{position: absolute; right: 10px; bottom: 10px; color: #fff;}

.about_video .right .con_r{width: 50%; float: right;}

.about_video .right .con_r h3{font-size: 16px; font-weight: normal; line-height: 1.8; color: #181523;}

.about_video .right .con_r span{display: none;}

.about_video .right img{width: 100%;}

.about_video li.active .con_r h3{color: #c91524; font-weight: bold; font-size: 18px; line-height: 1.7;}

.about_video li.active .con_r span{color: #c91524; margin-top: 10px; display: block;}

.about_video li.active .con_r p{display: none;}

.about_video li.active .con_l img{border: 3px solid #c91524;}*/

.video{width:100%;overflow: hidden; margin-top:80px;}

.video .video_l{width:63.025%;height:630px;float:left;background-size:100%;margin-right:2.521%; background: url("../images/video_bg.jpg") no-repeat; background-size: cover;overflow: hidden;}

.video .video_l div{width:95.33333%;margin:0 auto;display:none;position: relative;}

.video_l video{width:100%;margin:0 auto;margin-top:6px;cursor: pointer}

.video .video_r{float:left;width:34.454%;}

.video .video_r h1{font-size:30px;color:#333;height:40px;line-height:40px}

.video .video_r .title{font-size: 34px;	 font-weight: normal; color: #181523; margin-top: 7px;}

.video .video_r span{color:#FF3F3C;font-size:14px;display:none}

.video .video_r .video_r_con{margin-top:29px;cursor:pointer}

.video .video_r .con_l{width:46%;float:left;position:relative}

.video .video_r .con_l img {width:100%;}

.video .video_r .con_l p{position:absolute;bottom:0;left:0;height:19%; background:rgba(0,0,0,.15);color:#FFF;text-indent:80%;display:block;width:100%}

.video .video_r .con_r{width:50%;float:right;}

.video .video_r .con_r h3{font-size: 16px; font-weight: normal; line-height: 1.8; color: #181523;}

.video .video_r .on .con_l img{border:3px solid #c91524}

.video .video_r .on .con_r h3{color:#c91524; font-weight:bold; font-size:18px;}

.video .video_r .on .con_r p{display:none;}

.video .video_r .on .con_r span{display:block;color:#c91524; margin-top:10px;}

.about_ry{height:444px;background:url(../images/about_4.jpg) no-repeat center; margin-top: 50px;}

.about_ry_l{height:444px;width:325px;background:url(../images/about_5.png) no-repeat left;float:left}

.about_ry_l h4{width:256px;color:#FFF;font-size:30px;text-align:center;margin-top:80px;margin-bottom:50px}

.about_ry_l p{width:206px;color:#FFF;margin-left:30px;display:block}

.about_ry_r{width:1014px;height:444px;overflow:hidden;float:left;margin-left:40px}

.about_ry_con{height:185px;width:100%;overflow:hidden;position:relative}

.about_ry_con ul{overflow:hidden;width:1014px;position:absolute;left:0;top:0}

.about_ry_r ul li{width:25%;height:185px;float:left;overflow:hidden; padding: 0 20px;}

.about_ry_r ul li img{width:100%;}

.about_ry_r ul li p{color:#FFF;text-align:center;line-height: 18px; margin-top: 15px;font-size: 16px;}

.about_ry_r .btn{width:100%;height:110px;position:relative}

.about_ry_r .btn span{background:url(../images/about_6.png) no-repeat;width:87px;height:25px;margin:0 auto;display:block}

.about_ry_r .btn .btn_up{background-position:0 0;position:absolute;left:45%;top:42px;cursor:pointer}

.about_ry_r .btn .btn_up:hover{background-position:0 -25px}

.about_ry_r .btn .btn_down{background-position:0 -50px;position:absolute;left:45%;top:42px;cursor:pointer}

.about_ry_r .btn .btn_down:hover{background-position:0 -75px}

.about_wl{margin-top: 80px;}

.renwen_wangluo p{width:70%; margin:0 auto;}

.about_wl .bgvid{text-align: center; margin-top: 40px;}

.about_wl .bgvid video{width:100%;}

.about_wl video::-webkit-media-controls {

  display:none !important;

}

.renwen_wangluo .bgvid{margin-top:60px; padding:0 100px;}

.renwen_wangluo .bgvid img{max-width:100%;}

.tutu{padding: 0 155px; margin-top: 70px;}

.tutu_l{width:74.1%;height:846px;float:left;border-right:1px solid #FFF}

.tutu_l .tu1{height:18.9125%;width:100%;background-color:#c91524;float:left;border-bottom:1px solid #FFF}

.tutu_l .tu1 div{width:98.866%;margin:5px auto;}

.tutu_l .tu1 div b{font-weight:100;color:#FFF;margin-top:30px;margin-left:30px;font-size:30px;display:block}

.tutu_l .tu1 div p{color:#FFF;margin-left:30px;margin-right:30px;margin-top:13px}

.tutu_r{width:25.7%;float:left}

.tu2{width:100%;float:left;border-bottom:1px solid #FFF}

.tu2 .tu2_l{width:34.8%;height:474px;border-right:1px solid #FFF;float:left}

.tu2 .tu2_l .tu3{width:100%;height:313px;overflow:hidden}

.tu2 .tu2_l .tu4{background-color:#c91524}

.tu2 .tu2_l .tu4 p{line-height:161px;text-align:center;color:#FFF;font-size:24px}

.tu2_r{width:65.08%;height:474px;float:left}

.tu2_r .tu5{width:50%;height:196px;float:left;overflow:hidden}

.tu2_r .tu6{width:50%;float:left;overflow:hidden}

.tu2_r .tu6 p{line-height:277px;text-align:center;color:#333;font-size:24px}

.tu2_r .tu5 p{background-color:#424355;line-height:196px;text-align:center;color:#FFF;font-size:24px}

.tutu_l .tu7{width:67.4%;height:210px;float:left;overflow:hidden}

.tutu_l .tu8 p{width:32.6%;line-height:210px;text-align:center;color:#333;font-size:24px;float:left}

.tutu_r .tu9{width:100%;overflow:hidden;float:left;height: 312px;}

.tutu_r .tu10{float:left;width:100%}

.tutu_r .tu10 p{line-height:162px;text-align:center;font-size: 24px;}

.tutu_r .tu11{height:210px;float:left;width:100%;overflow:hidden}

.about_zl{height:697px;background:url(../images/about_zl.jpg) no-repeat center top; margin-top: 100px;}

.about_zl_top{height:370px}

.about_zl_top p.tips{font-size: 16px;margin-top: 30px; line-height: 2; color: #555;}

.about_zl_top img{margin-right:52px;width:158px;float:left}

.about_zl_top_l{float:left;width:680px; margin-left: 20px; height:370px}

.about_zl_top_l h3{color:#333;font-size:30px;line-height:30px;height:30px;margin-bottom:13px; font-weight: normal;}

.about_zl_top_l ul{margin-top:25px}

.about_zl_top_l ul li{float:left;width:270px;text-align:center;margin-bottom:40px;margin-right:50px}

.about_zl_top_l ul li span{text-align:center; display:block; margin-top:15px;}

.about_zl_top_l ul li img{text-align:center; background:#fe3e3b; width:80px; margin:0 auto; border-radius:50%; padding:15px; float:none;}

.about_zl_top_l ul li p{width:100%; font-size: 16px; margin-top: 20px; height:auto;}

.qianming{width: 545px;float: left;height: 137px;margin-top: 35px;position: absolute;left: 10%;opacity: 0;background-repeat:no-repeat;background-size:100%;-moz-background-size:100%;-webkit-background-size:100%;-o-background-size:100%;background-image: url(../images/qianming.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/qianming.png',sizingMethod='scale');}

.jsdm_setion1{margin-top: 60px; height: 1260px; position: relative;}

.jsdm_setion1 .top{position: absolute; width: 60%; right: 8%; top: 70px; text-align: center;}

.jsdm_setion1 .top h3{font-size: 42px; color: #181523; position: relative;}

.jsdm_setion1 .top h3:before{width: 32px; height: 36px; display: block; position: absolute; left: 430px; top: 50%; margin-top: -15px; content: ""; background: url("../images/jishu/pro_l.png") no-repeat;}

.jsdm_setion1 .top h3:after{width: 32px; height: 36px; display: block; position: absolute; right: 430px; top: 50%; margin-top: -15px; content: ""; background: url("../images/jishu/pro_r.png") no-repeat;}

.jsdm_setion1 .top p{font-size: 18px; margin-top: 40px; color: #747474;}

.jsdm_setion1 .nengli{position: absolute; width: 23.6%; right: 12.7%; top: 64%;}

.jsdm_setion1 .nengli h3{font-size: 40px; color: #fff; display: block; position: relative;}

.jsdm_setion1 .nengli h3:after{position: absolute;width: 115px; height: 4px; background: #ff9900; content: ""; left: 0; bottom: -30px;}

.jsdm_setion1 .nengli p{font-size: 18px; color: #fff; line-height: 2; margin-top: 70px;}

.jsdm_setion2{margin-top: 80px;}

.wz-ms {text-align: center;}

.wz-ms p {font-size: 56px;color: #e8e8e8;font-weight: bold;opacity: .6;text-transform: uppercase;}

.wz-ms strong {display: block;position: relative;z-index: 5;font-size: 42px;color: #142f58;font-weight: bold;}

.wz-ms strong a, .wz-ms strong span {font-size: 42px;color: #181523;font-weight: bold;position: relative;}

.wz-ms strong a::before,

.wz-ms strong span::before {display: block;position: absolute;width: 32px;height: 36px;left: -80px;top: 50%;margin-top: -16px;content: "";background: url(../images/jishu/pro_l.png) no-repeat;}

.wz-ms strong a::after,

.wz-ms strong span::after {display: block;position: absolute;width: 32px;height: 36px;right: -80px;top: 50%;margin-top: -16px;content: "";background: url(../images/jishu/pro_r.png) no-repeat;}

.jsdm_setion2 .tit{font-size: 17px; line-height: 2; text-align: center; width: 60%; margin: 0 auto; margin-top: 50px; color: #878787; margin-bottom: 30px;}

.jsdm{margin-top: 60px;}

.jsdm .list{background: #eee;}

.jsdm .list .l{width: 50%; overflow: hidden;}

.jsdm .list .right{width: 50%; float: left;}

.jsdm .list .right .box{ padding: 120px;}

.jsdm .list .l img{transition:all 1s;/*图片放大过程的时间*/position: relative;}

.jsdm .list .l:hover img{transform: scale(1.1);}

.jsdm .list .right .box h3{font-size: 38px; color: #181524; font-weight: normal; line-height:1.5; font-weight:bold;}

.jsdm .list .right .box p{font-size: 16px; line-height: 2; color: #525252; margin-top: 30px;}

.fuwu_section1{margin-top: 50px;}

.fuwu_section1 .chengnuo .desc{font-size: 16px; line-height: 1.9; margin-top: 20px; text-align: center;}

.fuwu_section1 .list{width: 100%; padding: 0 150px; margin-top: 30px;}

.easyPieChart {position: relative;text-align: center; margin: 0 auto;}

.easyPieChart canvas {position: absolute;top: 0;left: 0;}

.chart{float:left; width: 25%; text-align: center;}

.chart span{font-size: 50px;}

.chart p{font-size: 16px; color: #666; margin-top: 10px;}

.yanshou{margin-top: 50px;}

.yanshou h3{font-size: 32px; text-align: center; color: #181523;}

.yanshou .desc{text-align: center; font-size: 16px; color: #666; margin-top: 20px;}

.yanshou .content{margin-top: 50px;}

.yanshou .list{width: 50%; float: left;border-bottom: 1px solid #eaedf2; border-right: 1px solid #eaedf2; padding: 30px 100px;}

.yanshou .list .l{text-align: center; width: 120px; height: 120px; background: #c91524; border-radius: 50%; display: flex; align-items: center; justify-content: center}

.yanshou .border_r_none{border-right: none;}

.yanshou .border_b_none{border-bottom: none;}

.yanshou .list .l img{align-items: center;}

.yanshou .list .nr{width: 70%; color: #555; float: right;}

.yanshou .list .nr h4{font-size: 18px; margin-top: 10px;}

.yanshou .list .nr p{font-size: 15px; line-height: 1.7; margin-top: 10px;}

.kexueguankong{background: #eee; padding: 10px 0 40px 0; margin-top: 40px;}

.kexue{font-size: 16px; line-height: 1.9; margin-top: 40px;}

.kexue{background:url(../images/about_shili_15.png) no-repeat center;height:auto;overflow:hidden}

.kexue_l{width:43.28%;float:left;height:auto}

.kexue_l h3{font-size: 28px; font-weight: normal;}

.kexue_l img{margin: 10px 0; width: 100%;}

.kexue p{font-size: 15px; color: #666;}

.yuanjing{background: url("../images/culture3.jpg") no-repeat; height: 506px; margin-top: 50px; }

.yuanjing .box{position: relative;}

.yuanjing .box img{ position: absolute; right: 0; margin-top: 160px;}

.yuanjing p{font-size:42px; font-weight:bold; text-align:center; padding-top:130px; color:#181523; padding-left:40px;}

.pinpai{margin-bottom: 50px;}

.pinpai .pp .l{width: 25%;}

.pinpai .pp .r{width: 75%; padding: 70px; background: #eee;}

.pinpai .pp .r h3{font-size: 34px; font-weight: normal; margin-bottom: 30px;}

.pinpai .pp .r p{font-size: 16px; line-height: 2; margin-top: 5px;}

.pinpai .js{height: 375px;}

.pinpai .js .list{width: 25%; float: left;height: 100%;background: #ff5a1b; color: #fff; text-align: center;}

.pinpai .js .list img{max-width: 100%;}

.pinpai .js .bg{background:#fff; color:#181523;}

.pinpai .js .text{padding: 70px;}

.pinpai .js .text h3{font-size: 34px; font-weight: normal; padding-top: 67px;}

.pinpai .js .text p{font-size: 16px; line-height: 2; margin-top: 25px;}

.pinpai .jiazhi{} 

.pinpai .jiazhi .list{width: 50%;position: relative;}

.pinpai .jiazhi p{position: absolute; width: 100%; height: 55px; line-height: 55px; left: 0; right: 0; bottom: 0px; text-align: center; color: #fff; font-size: 15px;} 

.pinpai .jiazhi i{font-size: 30px; vertical-align: middle; margin-right: 20px;}

.pinpai .jiazhi .list:first-child p{background: rgba(0,0,0,0.8);}

.pinpai .jiazhi .list:last-child p{background: rgba(255,90,27,0.8);}

.peijian_content{margin: 30px 0 50px 0;}

.peijian_content h3{font-size: 30px; color: #181523; margin-top: 50px; text-align:center; border-bottom:1px solid #eee; padding-bottom:25px;}

.peijian_content ul{margin: 0 -15px; margin-top:10px;}

.peijian_content ul li{float: left; width: 18%; text-align: center; margin:0 1%; margin-top: 30px;box-shadow: 0 3px 10px #e3e4eb;}

.peijian_content ul li img{width: 100%; padding:20px;transition:all 1s ease-out;}

.peijian_content ul li span{display: block; text-align: center;background: #ddd; padding: 8px 0; transition: .5s; font-size:15px;}

.peijian_content ul li:hover img{transform:scale(0.9);}

.peijian_content ul li:hover span{background: #ff9900; color: #fff;}

.fz34 h3{font-size:34px;background: url("../images/bg23.png") no-repeat center bottom; padding-bottom:20px; margin-bottom:10px;}



.sh_one{margin-top:80px;}

.ser-txt{font-size: 16px;color:#666;text-align: center;margin:10px auto 30px;}

.sh_one h3.about_tt{width:444px;}

.sh_one h3{background-size: 100% 3px;}

.sh_one ul li{float: left;width: 22%;!important;margin:0 1.5%; text-align:center}

.sh_one ul li img{ width:100%; height:auto}

.sh_one ul li div{background: #f5f9ff;padding:15px 0;}

.sh_one ul li h3{display: block;color:#eb0001;font-size: 36px;font-weight: 600;}

.sh_one ul li h3 span{font-size: 16px;}

.sh_one ul li p{font-size: 14px;color:#666;}

.sh_two{margin-top:40px;}

.sh_two h3{margin-bottom:20px;}

.sh_two .content{margin-top:50px;}

.sh_two ul li{width:33.33333%; float:left;  background:#eee; height:278px;}

.sh_two ul li img{width:100%;}

.sh_two ul li.box{padding:40px 40px;}

.sh_two ul li.box h3{font-size:24px; font-weight:normal; margin-bottom:10px;}

.sh_two .mr40{margin-right:3.36%}

.service_process_3{width:48.3%;float:left}

.service_process_3_con{margin-bottom:30px;height:212px}

.service_process_3_con span{width:15.6%;height:212px;float:left;background:url("../images/process_8.jpg") no-repeat;margin-right:2.6%;}

.service_process_3_con .span1{background-position:0 0}

.service_process_3_con .span2{background-position:-120px 0}

.service_process_3_con .span3{background-position:-240px 0}

.service_process_3_con .span4{background-position:-360px 0}

.service_process_3_con h4{font-size:18px;color:#FF3F3C;line-height:18px;height:18px;margin-bottom:12px;width:81.8%;float:left; font-weight:normal;}

.service_process_3_con p{padding-right:20px;width:78%;float:left; color:#666; line-height:1.9;}





.sh_three{margin-top:30px;}

.sh_three .top{margin-top:30px; padding:0 1%;}

.sh_three .l{width: 50%; float:left;}

.sh_three .l h4{font-size:20px; font-weight:normal; margin-bottom:10px;}

.sh_three .l p{line-height:1.8; padding-right:30px;}

.sh_three .r{width: 50%; float:left; padding-left:15px;}

.sh_three .r img{width: 100%;}

.sh_three p.tips{text-align:center;}

.sh_three ul{margin-top:20px;display: flex;flex-wrap: wrap;}

.sh_three ul li{width:23%; margin:0 1%; float:left; text-align:center; position:relative; margin-top:20px; color:#fff; cursor:pointer; overflow:hidden; padding:0}

.sh_three ul li:first-child{width:50;}

.sh_three ul li span{display:block; text-align:center; font-size:50px; font-weight:block; font-size:18px; font-weight:bold;}

.sh_three ul li .box{background:rgba(8,52,91,.8); position:absolute; top:345px; width:100%; height:100%; padding-top:20px; transition:.5s;}

.sh_three ul li p{margin-top:20px;}

.sh_three ul li img{width:100%;}

.sh_three ul li:hover .box{top:0px;}





@media screen and (min-width: 1925px) {

	.fbanner{width:1920px; margin:0 auto;}

	.footerwrap{width:1920px; margin:0 auto;}

    .case_info {width: 1700px; margin: 0 auto;}

	.pro_anli_2 .scroll{width:1700px; margin:0 auto;}

	.about_jieshao .box .tanchu{width:1920px;left:0; right:0; margin:0 auto; }

	.contactban2{background-position:center center;}

	.anli_nr_top{height:62vh;}

	.pronrbanner{height:69vh;}

}

@media (max-width:1500px){

	.w_container{width: 100%; padding: 0 20px;}

	.jsdm .list .right .box{padding:60px;}

}

@media (max-width:1440px){

	.wraper{width: 100%; margin: 0 auto; padding: 0 10px;}

	.w_container{width: 100%; padding: 0 20px;}

	.index_header{top: 20px;}

	.index_header ul{margin-left: 11%;}

	.pinpai .pp .r{padding: 58px;}

	.fbanner{background-size: cover;}

	.pinpai .js{height: 350px;}

	.about_jieshao .desc p, .about_wl .desc p{font-size: 14px;}

	.tutu_r .tu9{height: 284px;}

	.tu2 .tu2_l .tu3{height: 285px;}

	.tutu_l .tu7{margin-top: -30px;}

	.tutu .tu8 p{margin-top: -25px; line-height: 188px;}

	.about_video .left{height: 589px;}

	.jsdm .list .right .box{padding: 119px;}

	.pronrbanner .top h1{font-size: 48px; margin-top: 30px;}

	.pronrbanner .r{margin-top: 0;}

	.pronrbanner p.baojia{position: relative; top: -70px;}

	.pronrbanner .about{margin-top: 0;}

	.case_zxbtn{display: none;}

	.anli_nr_content .box .list p{font-size: 15px;}

	.pro_anli_2 .scroll{padding: 0;}

	.pro_anli_2 .r dl dd{width: 260px;}

	.swiper-container-vertical>.swiper-pagination-bullets{bottom: 30px;}

	.pro_anli_2{padding: 50px 50px;}

	.peijian_content ul li span{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

	.jsdm .list .right .box{padding:50px;}

	.jsdm .list .right .box h3{font-size:26px;}

	.pro_index_list .item .r ul li{height:281px;}

}

@media (max-width:1366px){

	.index_header ul li{margin: 0 10px;}

	.index_header ul li a{padding: 0 15px; font-size: 16px;}

	.wraper{width: 100%; padding: 0 20px;}

	.index_header .logo img{width: 140px;}

	.index_header{padding-top: 20px; padding-bottom: 15px;}

	.index_header ul{margin-top: 12px;}

	.index_header p.tel{margin-top: 7px;}

	.index_header p.tel span{font-size: 24px;}

	.probanner p{padding-top: 107px;}

	.probanner{width: 100%; height: 562px; background-size: cover;}

	.type_list{padding: 20px 0;}

	.type_list h3{font-size: 30px;}

	.type_list ul li .type_list_tit a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

	.fbanner{ background-size: cover}

	.fbanner p.jiangxin{right: 5%; top: 120px;}

	.fbanner p.jiangxin img{width: 60%;}

	.prolist_nav ul li .box h3{font-size: 18px;}

	.prolist_nav ul li .box{margin-top: -40px;}

	.prolist_nav ul li img{width: 50%;}

	.pronrbanner .top .l{width: 38%;}

	.pronrbanner .top h1{font-size: 40px;}

	.pronrbanner .r{margin-top: 0;}

	.pronrbanner .top .info p.tel{margin-top: 20px;}

	.pronrbanner .about{margin-top: 30px;}

	.pronrbanner .about ul li{font-size: 25px;}

	.pronrbanner .about ul li i{margin-top: 15px;}

	.case_zxbtn{margin-top: 0;}

	.contact_ban{background-size: cover;}

	.contact2_content .list{height: 202px;}

	.contact2_content .list p{font-size: 14px;}

	.case .case_text .top_pro p{font-size: 14px; padding: 5px 20px;}

	.case .case_text .qt{padding: 30px 40px 30px 6.4%;}

	.case .case_zxbtn{margin-top: 100px;}

	.case{padding-top: 160px;}

	.pro_anli_2{padding-bottom: 0;}

	.pro_anli_2 .scroll{padding: 0;}

	.pro_anli_2 .r dl dd{width: 238px;}

	.about_video .left{height: 558px;}

	.about_ry_r{width: 900px; overflow: hidden;}

	.about_ry_con ul{width: 907px;}

	.jsdm_setion1{height: 895px;}

	.jsdm_setion1 .top{top: 40px; right: 7%;}

	.jsdm_setion1 .top h3:before{left: 278px;}

	.jsdm_setion1 .top h3:after{right: 278px;}

	.jsdm_setion1 .top p{font-size: 16px;}

	.jsdm_setion1 .nengli{top: 61%;}

	.jsdm_setion2 .tit{width: 80%;}

	.jsdm .list .right .box{padding: 80px;}

	.pinpai .pp .r{padding: 49px;}

	.pinpai .js{height: 332px; overflow: hidden;}

	.yuanjing{background-position: center center;}

	.pro_lingyu .content .list .info p{margin-top: 80px;}

	.jsdm .list .right .box{padding:40px;}

	.pro_index_list .item .r ul li{height:263px;}

	.sh_two ul li{height:246px;}

	.sh_three ul li .box{top:226px;}



}

@media (max-width:1280px){

	.index_header ul{margin-left: 14%;}

	.prolist_nav ul li{padding: 0 28px;}

	.case .case_text .qt p{display: none;}

	.case .case_text .qt:after{background: none;}

	.contact_lx p{width: 58%;}

	.top_pro{display: none;}

	.case .case_zxbtn{margin-top: 30px;}

	.pro_anli_2 .r dl dd{width: 220px;}

	.about_ry_r{width: 800px; overflow: hidden;}

	.about_ry_con ul{width: 807px;}

	.about_video .left{height: 523px;}

	.about_jieshao .box .tanchu ul li img{width: 60%;}

	.pinpai .pp .r{padding: 47px;}

	.pinpai .pp .r p{font-size: 14px;}

	.pinpai .js{height: 310px;}

	.pro_index_list .item .r ul li{height:246px;}

	.sh_two ul li{height:230px;}

	.sh_three ul li .box{top:210px;}

}

@media (max-width:1024px){

	.index_header ul li{margin: 0 10px;}

	.index_header .logo img{width: 115px;}

	.index_header ul li a{font-size: 14px; padding: 0 5px;}

	.probanner{height: 421px;}

	.fbanner h2{font-size: 38px; padding-top: 50px;}

	.fbanner p.jiangxin{display: none;}

	.fbanner .slogan{width: 100%;}

	.fbanner form{margin-left: 50px;}

	.fbanner form textarea.xuqiu{width: 200px;}

	.prolist_nav ul li{padding: 0 5px;}

	.prolist_nav ul li .box h3{font-size: 18px;}

	.prolist_nav ul li .box{padding: 70px 10px 15px 10px;}

	.prolist_nav {margin-top: 20px;}

	.fbanner .left a{font-size: 16px; padding: 10px 20px;}

	.newslist ul ._l{width: 9%;}

	.newslist ul ._r{width: 90%;}

	.newcenter_list .content_tit{width: 75%;}

	.pro_index_list .item .l p{font-size: 20px;}

	.pro_index_list .item .l p i{font-size: 16px;}

	.pronrbanner .r{width: 60%;}

	.pronrbanner .top h1{font-size: 32px; margin-top: 30px;}

	.pronrbanner .top .info p.tel i{font-size: 24px;}

	.pronr_nav p{margin: 0 50px;}

	.pronr_nav p:after{display: none;}

	.pro_anli ul li span{font-size: 14px; background: #fea248; margin-top: -5px; color: #fff; padding: 5px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

	.pro_anli ul li:after{display: none;}

	.news_index .spxw ul li p i{display: none;}

	.news_index .spxw ul li span{top: 25%;}

	.case .case_text h1{font-size: 32px;}

	.case .case_text .qt li strong{font-size: 18px;}

	.contact_lx p{width: 73%;}

	.contact-wz{height: 294px;}

	.contact2_content .list{height: 242px;}

	.anli_nr_content .box .list .ico{width: 70px; height: 70px;}

	.anlituji .title{top: 130px;}

	.pro_anli_2{padding: 30px 50px 0 50px;}

	.pro_anli_2 .r dl dd{width: 180px;}

	.about_top_nav ul li{margin: 0 10px;}

	.about_jieshao .desc, .about_wl .desc{padding: 0 10px;}

	.about_video .left{height: 420px;}

	.about_video li.active .con_r h3{font-size: 16px;}

	.about_video li{margin-top: 20px;}

	.about_ry_r{width: 500px; overflow: hidden;}

	.about_ry_con ul{width: 507px;}

	.about_video .left{height: 523px;}

	.about_ry_r ul li p{font-size: 14px;}

	.tutu{padding: 0px;}

	.jsdm_setion1 .top h3{font-size: 34px;}

	.jsdm_setion1 .top h3:before{background: none;}

	.jsdm_setion1 .top h3:after{background: none;}

	.jsdm_setion1 .top p{font-size: 14px; margin-top: 10px;}

	.jsdm_setion1{height: 660px;}

	.jsdm_setion1 .nengli h3{font-size: 36px;}

	.jsdm_setion1 .nengli p{font-size: 16px; margin-top: 50px;}

	.jsdm_setion1 .nengli{top: 57%;}

	.jsdm .list .right .box p{font-size: 14px;}

	.fuwu_section1 .list{padding: 0 20px;}

	.yanshou .list .l{width: 100px; height: 100px;}

	.yanshou .list{padding: 20px 30px;}

	.pinpai .pp .r h3{font-size: 26px; margin-bottom: 20px;}

	.pinpai .pp .r{padding: 5px;}

	.pinpai .js .text h3{font-size: 20px;}

	.pinpai .js .text{padding: 20px;}

	.pinpai .js{height: 246px;}

	.pinpai .jiazhi i{font-size: 24px;}

	.pro_lingyu .content .list .info p{margin-top: 50px;}

	.jsdm .list .right .box{padding:20px;}

	.jsdm .list .right .box h3{font-size: 20px;}

	.pro_index_list .item .r ul li{height:193px;}

	.sh_two ul li{height:182px;}

	.sh_two ul li.box{padding:20px;}

	.sh_two ul li.box h3{font-size:20px;}

	.sh_three ul li .box{top:148px;}

	



}

@media (max-width:768px){

	.index_header .logo img{width: 94px;}

	.index_header p.tel{display: none;}

	.probanner p{padding-top: 86px; font-size: 14px;}

	.type_list{padding: 0;}

	.type_list h3{font-size: 26px;}

	.type_list .label{font-size: 15px; margin-top: 11px;}

	.type_list .look_more{font-size: 16px; width: 129px; height: 36px; line-height: 36px; margin-top: 16px;}

	.type_list ul li .type_list_tit a{font-size: 18px;}

	.type_list ul li .box .info{font-size: 14px; margin-top: 0;}

	.type_list ul li i{display: none;}

	.fbanner{padding-left: 50px;}

	.fbanner .content{margin-top: 30px;}

	.fbanner .slogan{margin-top: 20px;}

	.fbanner h2{font-size: 30px;}

	.fbanner h2 i{font-size: 20px;}

	.fbanner form{ margin-top: 20px; margin-left: -20px;}

	.fbanner form input{height: 30px;}

	.fbanner form textarea{height: 30px;}

	.fbanner form button{height: 30px;}

	.prolist_nav ul li{width: 25%;}

	.prolist_nav ul li:last-child{display: none;}

	.newslist ul ._l{width: 11%;}

	.newslist ul ._r{width: 88%;}

	.news_content .l{width: 100%; margin-top: 20px; padding-bottom: 20px;}

	.news_content .r{display: none;}

	.pro_index_list .item h2{font-size: 26px;}

	.pro_index_list .item .l p i{display: none;}

	.pronrbanner .position{padding-top: 90px;}

	.pronrbanner .top .l{width: 50%;}

	.pronrbanner .top h1{font-size: 28px}

	.pronrbanner .r{width: 50%; margin-top: 100px;}

	.pronrbanner p.baojia{margin-top: 30px;}

	.pronr_nav p{font-size: 18px; margin: 0 20px;}

	.pro_img .title{top: 142px;}

	.news_index .qyxw ul{width: 100%;}

	.news_index dl{width: 100%;}

	.news_index .spxw ul li{width: 50%;}

	.news_index .cpzs ul{margin: 0;}

	.news_index .cpzs ul li{width: 100%;}

	.case .case_img{width: 100%;}

	.case .case_text{width: 100%;}

	.case .case_img .other{margin-bottom: 0;}

	.case .case_text .qt{padding-top: 10px; padding-bottom: 20px;}

	.pro_anli ul li{width: 100%;}

	.lx_info{width: 91%;}

	.ul-contact li{width: 45%;}

	.contact2_content .list{width: 47%; height: 200px; margin-bottom: 20px;}

	.contact2_content{margin: 30px auto;}

	.anli_nr_top{height: auto;}

	.anli_nr_content .box .list .ico{width: 48px; height: 48px;}

	.anlituji .title{font-size: 30px;}

	.pro_anli_2 .r .tt{font-size: 20px; margin-top: 0;}

	.pro_anli_2 .r dl dd{width: 113px;}

	.sh_one{margin-top:40px;}

}





@keyframes rotateMoveBack {from {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);}

to {transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);}

}

@-webkit-keyframes rotateMoveBack /*Safari and Chrome*/ {from {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);}

to {transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);}

}