@charset "utf-8";
/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/AlibabaPuHuiTi-3-55-Regular.otf');
}
@font-face {
 font-family: 'biaotiziti'; 
	src: url('../fonts/AlibabaPuHuiTi-3-55-Regular.otf');
	font-weight:bold;
	 
} 
 
 
i,em{ font-style:normal;}
body {  font-family:"Montserrat",'Poppins', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft Yahei', '微软雅黑',"AlibabaLight","思源","黑体",Arial, sans-serif,Stawix, Arial, Helvetica, sans-serif; font-size:14px; background:#fff; overflow-x: hidden; margin: 0 auto; color:#74797e; line-height:24px; width:100%; overflow-x:hidden;  }
html,div,span,p,ul,li,dl,dt,dd,a,img,em,label,input,textarea,form { margin:0; padding:0;}
form{ display:inline;}
/*ul,li,i { list-style:none;}*/
h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0; margin:0; }
strong {padding:0; margin:0; }
a{ text-decoration:none; color:#333;}
a:hover{ color:#f39a00;}
img { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ width:1600px; padding:0; max-width:1920px; margin:0 auto; box-sizing:border-box; }
.document_width1{ width:100%; padding:0 80px;max-width:1920px;margin:0 auto; box-sizing:border-box; }
.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; line-height:100%;}
textarea { -webkit-appearance: none;}   
.button{ border-radius: 0; } 
.ui-btn-text{ display:none;}
.ui-submit{}
.txtcen{ text-align:center;}
input[type="radio"]:after {  width: 15px;  height: 15px;border-radius: 50%; top: -2px;left: -1px;position: relative;background-color:white;display: inline-block; visibility: visible;border: 1px solid #000;}
input[type="radio"]:checked:after {border: 4.5px solid #000; }

input[type=checkbox]:checked::before {content: '';display: inline-block; width:15px;  height: 15px;background:url(../images/duoxiantb.png) center center no-repeat #f39a00; background-size:12px auto; }

.proxxgd::-webkit-scrollbar { width:10px; height:8px;}
.proxxgd::-webkit-scrollbar-track {border-radius:4px; height:8px;background-color:#e7e7e7; border:1px solid #cacaca;box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);}
.proxxgd::-webkit-scrollbar-thumb { border-radius:4px; height:8px;background-color:#fb841a;}


    

.left{ float:left;}
.aright{ float:right !important; margin-top:15px !important;}
s{ text-decoration:none;}

 
/*
::-webkit-scrollbar { height: 4px; width:0px;}
::-webkit-scrollbar-button { height:0;width:0;}*/
.sosoh2 { width:100%; height:auto; float:left; padding:10px 0; font-size:16px;}
.sosoh2 span {  margin:0 8px; font-weight:bold;   }
.prott { width:100%; height:auto; float:left; font-size:22px; line-height:40px; border-bottom:1px solid #ededed; margin:10px 0;  color:#000;}
.zhezhao{ width:100%; height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.4); display:none;}
 

.searchinfo{ width:100%; height:auto; float:left; padding:30px 0;}
.search_tt{ width:100%; height:auto; float:left; font-size:18px; line-height:32px; color:#f9f9f9; }
.search_tt span{ color:#fff;font-weight:600;}
.searchinfo dl.pdl { width:23%; margin:0.5%;}

.sj_menu {display: none;}
.menutb{ width:30px; height:36px;float:right; margin:22px 0 0 15px; display:none; position:relative; z-index:9999;}
.menutb span{ width:100%; height:2px; margin:5px 0; background:#e82214; transition:all 0.5s ease;float:left; display:inline-block;}
.menutb.close span{ opacity:0;transition:all 0.5s ease; position:absolute; left:0; top:13px;}
.menutb.close span:first-child{ transform: rotate(45deg); position:absolute; left:0; top:13px; opacity:1;}
.menutb.close span:last-child{ transform: rotate(-45deg); position:absolute; left:0; top:13px; opacity:1;}
.sjmenu{ display:none;}

/****分页****/
.fenye{ margin:40px 0 20px 0;}
.fenye ul{  text-align:center; white-space:nowrap;list-style:none;}
.fenye ul li{display:inline;  margin:0; padding:0;list-style:none;  }
.fenye ul li a{ display:table-cell; display:inline-block; width:32px; color:#333; border-radius:1px; font-size:16px; height:32px; margin:0 1px; line-height:30px;text-align:center; background:#fff; box-shadow:0 0 2px #ededed;}
.fenye ul li a.cur,.fenye ul li a:hover{ color:#fff; background:#e82214;}
 

#alertdiv{ position: fixed;margin: auto;width: 100%;top: 40%;display: none; z-index:2147483647; }
#alertdiv div{ background-color: #000;color: #FFF;padding: 20px 20px 20px 20px;min-width: 100px; width:600px;  min-height: 25px;text-align: center;color: rgb(255, 255, 255);border-width: 1px;  border-style: solid;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;line-height: 150%; margin: auto;z-index: 2147483647;}

/**********404*******/
.div_cu { width:100%; height:auto;  float:left; padding:50px 0;  }
.div_cu p { width:100%; height:auto; float:left; text-align:center; font-size:14px; font-weight:550; line-height:26px;}
.div_cu p img { width:350px; height:auto;  margin:30px auto; }
.div_cu p a { color:#2466a5; }

.aside{width:60px;position: fixed;right:10px;top: 50%;transform: translate(0,-50%);padding-top: .05rem;z-index: 123;}
.as-item{display: block;width: 100%;height:60px;cursor: pointer;background-color: #e82214;border-radius:4px;margin-bottom:5px;position: relative;transition: all .3s;}
.as-icon{width: 100%;height: 100%;padding:17px; box-sizing:border-box;object-fit: contain;}
.as-code{width: 120px;position: absolute;right:65px;top: 50%; background-color: #fff;border-radius:4px;padding:2px;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all .3s;box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);}
.as-img{width: 100%; }
.as-item:hover{background-color: #e82214;}
.as-item:hover .as-code{visibility: visible;opacity: 1;}
.as-item span{ width:180px; height:60px; float:left; text-align:center; display:block; margin-left:-180px; opacity:0; background:#e82214; color:#fff; line-height:60px; font-size:18px; }
.as-item:hover span{ opacity:1;} 
 
 
/*******首页*******/ 
.headdiv{ width:100%; height:100px; float:left; position:fixed; left:0; top:0; z-index:9999; border-bottom:1px solid rgba(255,255,255,0.2);}
.logo{ width:auto; height:50px; float:left; margin-top:25px;}
.logo img{ width:auto; height:50px; display:block; float:left;}
 
.ltel{ width:auto; height:40px; line-height:40px; float:right; padding:0 25px; border-radius:40px; margin:30px 0; background:#fff;}
.ltel s{ padding-left:30px; background:url(../images/logo_tel.png) left center no-repeat; font-weight:bold; color:#000; font-size:16px;}

dl.yydl{ width:auto; float:right; height:110px; position:relative; background:url(../images/yytb_jt.png) right 52px no-repeat; background:none !important; margin-left:15px;}
dl.yydl dt a{ width:100%; height:110px; line-height:110px; padding-left:34px; box-sizing:border-box; float:left; background:url(../images/yytb.png) left center no-repeat; background-size:25px auto; color:#fff;}
dl.yydl dd{ width:100%; display:none; height:auto; float:left; position:absolute; left:0; top:88px; padding:10px 0; box-sizing:border-box; background:#000; text-align:center;}
dl.yydl dd a{ width:100%; height:auto; float:left; font-size:14px; line-height:26px; color:#fff;}
dl.yydl:hover dd{ display:block;}  

dl.ssdl{ width:auto; height:100px; float:right; margin-right:15px; position:relative;}
dl.ssdl dt{ width:40px; height:40px; margin:30px 20px; float:left; border-radius:40px;background:url(../images/sstb.png) center center no-repeat #fff; border:none; outline:none; cursor:pointer;}
dl.ssdl dd{ width:250px; height:auto; display:none; position:absolute; padding:15px; right:0; top:100px; background:#fff; box-sizing:border-box;}
dl.ssdl dd .input{ width:180px; height:40px; float:left; line-height:40px;  font-size:15px; border:none; background:#fff; color:#000;outline:none; border-bottom:1px solid #ededed;}
dl.ssdl dd .button{ width:40px; height:40px;background:url(../images/sstb.png) center center no-repeat #000; border:none; outline:none; cursor:pointer; float:left;} 
dl.ssdl.show dd{ display:block;}
 
.headdiv:hover,.headdivd{ background:#000;}

ul.ulmenu{ width:auto; height:110px; float:right; margin-right:10%; list-style:none;}
ul.ulmenu li{ width:auto; height:auto; float:left;position:relative;}
ul.ulmenu li >a{ width:auto; height:100px; line-height:100px; float:left; padding:0 35px;font-family: 'biaotiziti'; font-weight:bold; font-size:16px; color:#fff; }  
ul.ulmenu li .ejp{ display:none; width:140%; height:auto; float:left; position:absolute; z-index:9998;left:-20%; top:100px; background:#000;}
ul.ulmenu li .ejp a{ width:100%; height:46px; line-height:46px; color:#fff; float:left; text-align:center; font-size:15px; border-bottom:1px solid rgba(255,255,255,0.1);}
ul.ulmenu li .ejp a:hover{ color:#e82214;}  
ul.ulmenu li:hover .ejp{ display:block;}
ul.ulmenu li:hover >a,ul.ulmenu li a.cur{ color:#e82214}
 
.banner{ width:100%; overflow:hidden; height:100vh !important;min-height:500px !important;  float:left; position:relative; touch-action: pan-y;}
.banner ul {  overflow:hidden; height:100vh !important; min-height:500px !important; list-style:none;  }
.banner ul li{  width:100%;  height:auto;  min-height:500px; float:left; overflow:hidden;list-style:none; position:relative; position:absolute; left:0; top:0; opacity:0;}
.banner ul li img,.banner ul li video{ width:100%; height:100vh !important;object-fit: cover;  min-height:500px !important;  float:left; transition:0.5s linear ; transform:scale(1.03);  }
.banner ul li.cur  img{transform:scale(1); }
.banner ul li.cur{ opacity:1; z-index:112;}
.bannerkzc{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:250px; z-index:886;}
.bannerkz{ margin:0 auto; width:300px; height:auto;}
.banjtl{ width:35px; height:35px; float:left; background:url(../images/bantbl.png) center center no-repeat; opacity:0.9; cursor:pointer;}
.banjtr{ width:35px; height:35px; float:right; background:url(../images/bantb3.png) center center no-repeat; opacity:0.9; cursor:pointer;}
.banjtl:hover,.banjtr:hover{ opacity:1;}

.banner_span{margin:0px;padding:0px; width:auto; float:left; height:3px;text-align:center; margin-top:17px;}
.banner_span span{ float:left; width:40px;height:3px; cursor:pointer; margin:0 5px; background:url(../images/bbj.jpg) left center no-repeat rgba(255,255,255,0.2); background-size:0 3px;box-sizing:border-box; }
.banner_span span.cur{ background-size:100% 3px; transition:all 5s ease; } 
 
.banner .document_width1{ position:relative;}
.banwenzi{ position:absolute; top:300px; width:100%; height:auto; left:0px;transition:1s linear; margin-top:20px; color:#fff; text-align:left; z-index:99;box-sizing:border-box}
.banwenzic{ width:100%; height:auto; text-align:center;}
.banwenzi h2{ width:auto; height:auto; position:relative; font-family:"biaotiziti"; font-weight:600; float:left; font-size:48px;line-height:64px; margin-bottom:15px;}
.banwenzi h3{ width:100%; height:auto; float:left; font-size:16px;line-height:26px;  margin:20px 0 45px 0;}
.banwenzi a.a{ width:auto; height:46px; line-height:46px; border:2px solid #fff;  border-radius:3px; font-size:16px; padding:0 20px 0 30px; float:left; color:#fff;    }
.banwenzi a.a span{ background:url(../images/bantb3.png) center center no-repeat; width:26px; height:46px; float:right; display:block;}
.banwenzi a.a:Hover{ opacity:0.9;}
.addCur{transform:scale(1) !important; }
.wzaddCur{ margin-top:0px;}
.banner ul li.cur  .f1 { animation: donghuawz 1s infinite;animation-iteration-count: 1; animation-fill-mode: forwards;}
.banner ul li.cur  .f2 {animation: donghuawz1 1.3s infinite; animation-iteration-count: 1; animation-fill-mode: forwards;}
.banner ul li.cur  .f3 { animation: donghuawz2 1.6s infinite;animation-iteration-count: 1; animation-fill-mode: forwards;}

@-webkit-keyframes donghuawz {0% {opacity: 0;margin-top: 50px;}30% { opacity: 0;margin-top: 50px;}100% { width: 100%;margin-top: 0px;}}
@-webkit-keyframes donghuawz1 {0% {opacity: 0;margin-top: 50px;}30% {opacity: 0;margin-top: 50px;}100% { width: 100%; margin-top: 0px;  }}
@-webkit-keyframes donghuawz2 {0% { opacity: 0; margin-top: 50px;}30% {opacity: 0;margin-top: 50px;}100% { width:auto; margin-top: 0px; }}
.xpage {width: 240px; height:60px; margin: 0 auto;width:100%;position:absolute; padding-top:40px; background:url(../images/xxbj.png) top center no-repeat; bottom:0vw;text-align:center; z-index:885; margin-top:-40px;}
.xpage s {width: 100%;height:20px; display:block; animation:td01 1s infinite;  background:url(../images/xxbjtb.png) center center no-repeat;  cursor: pointer;}

@-webkit-keyframes td01 {
    0% {  background-position: center center; }
    25% { background-position: center top; }
    50% {  background-position: center center; }
    75% { background-position: center bottom;  }
    100% {  background-position: center center; }
}

.indextt{ width:100%; height:auto; float:left; margin-bottom:30px;}
.indextt p{ width:100%; height:auto; float:left; font-size:16px; font-weight:600; margin-top:8px; line-height:22px;}
.indextt strong{ width:100%; height:auto; float:left;font-family:"biaotiziti"; font-size:48px; line-height:56px; font-weight:600; color:#000;}

.xindexdiv1{ width:100%; height:100vh; float:left; padding:260px 0 180px 0; background:url(../images/xidiv1_bj.jpg) center center no-repeat; background-size:cover; box-sizing:border-box;}
.xindextt{ width:100%; height:auto; float:left; margin-bottom:30px; color:#000;}
.xindextt p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; margin-bottom:15px;font-family:"biaotiziti"; }
.xindextt strong{ width:100%; height:auto; float:left; font-size:48px; line-height:60px;font-family:"biaotiziti"; }

.xindexdiv1 .xindextt{ max-width:850px; color:#fff;}
.xindexdiv1 .boxc{ width:100%; height:auto; float:left; max-width:850px; color:#fff;}
.xindexdiv1 .boxc p{ width:100%; height:auto; float:left; font-size:18px; line-height:28px; margin-bottom:35px;}
a.xam{ width:auto; height:52px; float:left; padding:0 20px; border:1px solid rgba(255,255,255,0.2); border-radius:50px;}
a.xam s{ line-height:52px; float:left; font-size:16px; font-weight:bold; color:#fff; padding-right:40px; background:url(../images/xjttb.png) right center no-repeat;}
a.xam:hover{ background:rgba(255,255,255,0.2)}


.xindexdiv2{ width:100%; height:100vh; float:left; padding-top:110px; position:relative; box-sizing:border-box;}
.xindexdiv2 .xindextt{ max-width:950px;}
.xindexdiv2c{ position:absolute; bottom:0; left:0; width:100%; height:auto; float:left;}
.xindexdiv2 dl{ width:22%; height:580px; overflow:hidden; position:relative; transition:all 0.5s ease; float:left;}
.xindexdiv2 dl dt{ width:100%; height:100%; float:left;}
.xindexdiv2 dl dt img{ width:100%; height:100%; display:block;}
.xindexdiv2 dl dt span{ width:1px; height:100%; position:absolute; right:0; top:0; background:url(../images/xidiv2_bj.png) right center no-repeat;}
.xindexdiv2 dl dd{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:40px; z-index:1; padding:70px; box-sizing:border-box;}
.xindexdiv2 dl dd span{ width:100%; height:auto; float:left; font-size:18px; line-height:18px; font-weight:bold; color:#fff;}
.xindexdiv2 dl dd h2{ width:100%; height:auto; float:left; font-size:48px; line-height:56px; font-weight:bold; color:#fff; margin-bottom:35px;}
.xindexdiv2 dl dd a.a{ width:60px; height:60px; float:left; border-radius:60px; border:1px solid rgba(255,255,255,0.6); background:url(../images/xjttb.png) center center no-repeat;}
.xindexdiv2 dl dd a.a1{ width:260px; display:none; height:46px; line-height:46px; font-size:16px; float:left; background:rgba(255,255,255,0.4); padding:0 15px; box-sizing:border-box; margin-bottom:8px; color:#fff;}
.xindexdiv2 dl dd a.a1 s{ float:right;}
.xindexdiv2 dl dd a.a1:Hover{ background:#d1303d;}
.xindexdiv2 dl.cur{ width:34%;}
.xindexdiv2 dl.cur dd a.a{ display:none;}
.xindexdiv2 dl.cur dd a.a1{ display:block;}

.xindexdiv3{ width:100%; height:100vh; float:left; padding:270px 0 0 0; background:url(../images/xidiv3_bj.jpg) center center no-repeat; background-size:cover; box-sizing:border-box;} 
.xindexdiv3l{ width:570px; height:auto; float:left;}
.xindexdiv3l .xindextt{ color:#fff; margin-bottom:70px;}

.xindexdiv3r{ width:calc(100% - 570px); height:auto; float:left; overflow-x:auto; overflow-y:hidden;}
.xindexdiv3r::-webkit-scrollbar {width: 2px;height: 5px;}
.xindexdiv3r::-webkit-scrollbar-track {border-radius: 2px;background-color:rgba(255,255,255,0.4); box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
.xindexdiv3r::-webkit-scrollbar-thumb {border-radius: 2px; background-color:#d1303d;}

 
.gdtiaxw{ width:20000px; height:auto; float:left; padding-bottom:25px;}
.boxca{ width:540px; height:auto; float:left; padding:40px; border-radius:15px; border:1px solid rgba(255,255,255,0.3); background:#fff; margin-right:30px; box-sizing:border-box;}
.boxca s{ width:100%; height:auto; float:left; font-size:16px; color:#d1303d; font-weight:bold;}
.boxca h3 a{ width:100%; height:60px; margin:5px 0 35px 0; float:left; font-size:24px; line-height:30px; color:#000; font-weight:bold; overflow:hidden;}
.boxca p{ width:100%; height:72px; line-height:24px; font-size:16px; color:#555; margin-bottom:20px; float:left; overflow:hidden;}
.boxca span{ width:100%; height:auto; float:left; font-size:16px; line-height:33px; color:#555; }
.boxca span a{ width:auto; height:33px; float:right; background:url(../images/xjttb.png) center center no-repeat #d1303d; padding:0 30px; border-radius:30px; display:block;}

.boxca:Hover{ background:#fff;}
.boxca:Hover h3 a{ color:#000;}
.boxca:Hover p{ color:#555;}
.boxca:Hover span{ color:#555;}
.boxca:Hover span a{ display:block;}



 
.bottomdiv{ width:100%; height:auto; float:left; padding:50px 0 0 0; background:#313131;} 
.blogo{ width:100%; height:auto; float:left; border-bottom:1px solid rgba(150,150,150,0.2); padding-bottom:30px;  margin-bottom:30px;}
.blogo img{ width:auto; height:50px; display:block; float:left;}
dl.bd1{ width:15%; height:auto; float:left; min-height:130px;} 
dl.bd1 dt{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; font-weight:bold; font-family: 'biaotiziti';  margin:5px 0; color:#fff;}
dl.bd1 dd{ width:100%; height:auto; float:left; margin-top:10px;}
dl.bd1 dd a{ width:100%; height:auto; float:left; font-size:15px;color:#bababa; line-height:30px;}
dl.bd1 dd a:hover{ color:#fff;}

.bottomdivr{ width:25%; max-width:360px; height:auto; float:right;}
.bottomdivr dl{ width:100%; height:auto; float:left; position:relative; margin-bottom:10px;}
.bottomdivr dl dt{ width:100%; cursor:pointer; height:34px; line-height:34px; float:left; border-bottom:1px solid rgba(150,150,150,0.2); color:#fff; font-weight:bold; font-size:16px; background:url(../images/xbot_tb.png) right center no-repeat}
.bottomdivr dl dd{ width:100%; height:auto; float:left; position:absolute; top:34px; display:none;left:0; background:#313131; padding:15px ; box-sizing:border-box;}
.bottomdivr dl dd a{ width:100%; height:auto; float:left;font-size:14px;color:#bababa; line-height:30px;}
.bottomdivr dl:Hover dd{ display:block;}
.bottomdivr p.p{width:100%; height:auto; float:left;font-size:14px;color:#bababa; line-height:24px; margin:5px 0; padding-left:48px; box-sizing:border-box;}
.bottomdivr p.p span{ width:48px; float:left; margin-left:-48px;}
.bottomdivr p.p a{color:#bababa; }
.bottomdivr p.p1{width:100%; height:30px; float:left;font-size:20px;color:#fff; line-height:30px; margin:15px 0 25px 0; padding-left:48px; background:url(../images/xbot_tb1.png) left center no-repeat; box-sizing:border-box;}
.bottomdivr strong{width:100%; height:30px; float:left; font-size:16px; line-height:24px; font-weight:bold; font-family: 'biaotiziti';  margin:5px 0; color:#fff;}
.bottomdivr p.p2{ width:100%; height:auto; float:left;}
.bottomdivr p.p2 a img{ width:36px; height:36px; float:left; display:block; margin-right:10px;}


.bqxx{ width:100%; height:auto; float:left; padding:15px 0; background:#282828; margin-top:50px;}
.bqxx p{ width:100%; height:auto; float:left;  font-size:14px; line-height:28px; color:rgba(255,255,255,0.8); }
.bqxx p span{ width:auto; height:auto; float:right;}
.bqxx a,.bottomlx a{color:rgba(255,255,255,0.8);}
.bqxx a:hover,.bottomlx a:hover{ color:#fff;}





/****产品中心******/
.nybanner{ width:100%; height:auto; float:left;position:relative}
.nybanner img{ width:100%; height:500px; display:block;}
.nybannerwz{ position:absolute; left:0; top:230px; width:100%; height:auto; float:left; margin-top:-15px; opacity:0.5;}


.nybannerwz p{ width:100%; height:auto; float:left; font-size:50px; line-height:30px; color:#fff; font-weight:600; opacity:0.2; }
.nybannerwz strong{ width:100%; height:auto; float:left; font-size:48px; line-height:60px; color:#fff;font-weight:600; margin-top:-15px; }
.nymenu{ width:100%; height:auto; float:left; background:#fff; border-bottom:1px solid #ededed;}
.nymenu ul{ width:100%; height:auto; list-style:none;}
.nymenu ul li a{ width:auto; height:70px; line-height:70px; font-size:18px; font-weight:bold; position:relative; top:1px; color:#333;background:url(../images/csbj.png) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; float:left; margin-right:30px;font-size:16px; }
.nymenu ul li a:hover,.nymenu ul li a.cur{ background-size:100% 2px;  transition:all 0.5s ease;color:#e82214;}	  
.prodiv{ width:100%; height:auto; float:left; padding:0 0 50px 0; background:#f8f9fb; min-height:100px;}
.mbxdiv{ width:100%; height:auto; float:left; padding:15px 0; font-size:15px; line-height:24px; color:#666;}
.mbxdiv a.a{ width:18px; height:24px; float:left; background:url(../images/mbxtb.png) center center no-repeat;}
.mbxdiv a{ color:#666; margin:0 2px;}

.prolist{ width:100%; height:auto; float:left; margin-top:25px;}
dl.dlp{ width:calc(94%/3); height:auto; float:left;background:url(../images/csbj.png) center bottom no-repeat rgba(255,255,255,0.7); background-size:0 2px; transition:all 0.5s ease; margin:1%; box-shadow:0 0 4px #ededed;}
dl.dlp dd.d{ width:100%; height:auto; float:left; text-align:center; padding:30px 10px 10px 10px; box-sizing:border-box;}
dl.dlp dd.d h3 a{ width:100%; height:26px; float:left; font-size:18px; line-height:26px; color:#333; font-weight:bold;overflow:hidden;}
dl.dlp dd.d p{ width:100%; height:24px; float:left; font-size:15px; line-height:24px; color:#555; overflow:hidden;}
dl.dlp dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.dlp dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.dlp:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.dlp dd.d1{ width:100%; height:50px; float:left; padding:25px 0; border-top:1px solid #ededed;}
dl.dlp dd.d1 a.amore{ float:none; margin:0 auto; display:table; opacity:0; margin-top:-15px;}
dl.dlp dd.d1 p{ width:100%; height:50px; float:left;}
dl.dlp dd.d1 p span{ width:calc(100%/3); height:50px; float:left; background:url(../images/xt.png) center right no-repeat; background-size:1px 80%; text-align:center; font-size:16px; line-height:20px; color:#444; overflow:hidden;}
dl.dlp dd.d1 p span s{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; font-weight:bold; color:#333;}
dl.dlp dd.d1 p span.last{ background:none;}
dl.dlp:hover dd.d1 a.amore{ opacity:1;}
dl.dlp:hover dd.d1{ border-top:none;}
dl.dlp:hover dd.d1 p{ display:none;}
dl.dlp:hover{  background-size:100% 2px;transition:all 0.5s ease;}
 
/*****产品列表-详情*****/ 
.mbxdivz{ width:100%; height:auto; float:left; margin-top:100px; background:#f8f9fb;}
.proxxdiv{ width:100%; height:auto; float:left; padding:50px 0; background:#fff;}
.ph1{ width:100%; height:auto; float:left; font-size:40px; line-height:56px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #ededed; color:#e82214; font-weight:bold;} 

.proxxdivl{ width:50%; height:auto; float:left; padding-right:10%; box-sizing:border-box;}
.proxxdivl .pbz{ width:100%; height:auto; min-height:78px; float:left; font-size:18px; line-height:26px; color:#333; margin-bottom:25px;} 
.proxxdivl p{ width:100%; height:auto; float:left;  border-bottom:1px solid #ededed; padding:18px 0 18px 150px; font-size:16px; box-sizing:border-box; font-weight:bold; line-height:24px; color:#333;} 
.proxxdivl p span{ font-weight:normal; color:#555; width:150px; float:left; margin-left:-150px;} 
 
.proxxdivr{ width:50%; height:auto; float:left;} 
.proxxdivr dl{ width:100%; height:auto; float:left;}
.proxxdivr dl dt{ width:calc(100% - 140px); height:auto; float:left; background:#f8f9fb;}
.proxxdivr dl dt img{ width:100%; height:auto; display:block;}
.proxxdivr dl dd{ width:100px; height:auto; float:right;}
.proxxdivr dl dd ul{ width:100%; height:auto; float:left; list-style:none;}
.proxxdivr dl dd ul li a{ width:100%; height:auto; float:left;background:#f8f9fb; border-left:2px solid #f8f9fb; margin-bottom:15px;} 
.proxxdivr dl dd ul li a img{ width:100%; height:auto; display:block;} 
.proxxdivr dl dd ul li a:hover,.proxxdivr dl dd ul li a.cur{ border-left:2px solid #e82214;} 
 
.proxxdh{ width:100%; height:auto; float:left; background:#fff; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
.proxxdh ul{ width:auto; height:auto; float:left; list-style:none;}
.proxxdh ul li{ width:auto; height:auto; float:left;}
.proxxdh ul li a{ width:auto;height:80px; line-height:80px; font-size:18px; font-weight:bold; position:relative; top:1px; color:#333;background:url(../images/csbj.png) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; float:left; margin-right:45px;font-size:16px; }
.proxxdh ul li a:hover,.proxxdh ul li a.cur{ background-size:100% 2px;  transition:all 0.5s ease;color:#e82214;}	  
.proxxdh a.a{ width:auto; height:44px; line-height:44px; float:right; padding:0 20px; background:#222222; font-size:16px; color:#fff; border-radius:4px; margin:18px 0 18px 18px;}
.proxxdh a.a span{ padding-left:25px; background:url(../images/proxxtb1.png) left center no-repeat;} 
.proxxdh a.a.a1{ background:#e82214; } 
.proxxdh a.a.a1 span { padding-left:25px; background:url(../images/proxxtb2.png) left center no-repeat;}
.proxxdh a.a:hover{ opacity:0.9;} 

.proxxdiv1{ width:100%; height:auto; float:left; padding:70px 0; background:#f8f9fb;}
.proxxgd{ width:100%; height:auto; float:left; overflow-x:auto; padding-bottom:15px;}
.box{ width:400px; height:220px; float:left; padding:25px 40px; background:#fff; margin-right:15px; box-sizing:border-box; box-shadow:0 0 5px #ededed; position:relative;} 
.box p{ width:100%; height:auto; float:left; font-size:20px; line-height:26px; color:#333; font-weight:600;}
.box strong{ width:auto; height:70px; float:right; font-size:70px; line-height:70px; color:#e82214; letter-spacing:-2px; position:absolute; right:25px; bottom:25px;} 

.proxxdiv2{ width:100%; height:auto; float:left; padding:70px 0; background:#fff;} 
.proxxsocz{ width:100%; height:auto; float:left; position:relative;}
.proxxsoc{ width:100%; height:auto; float:left; padding-bottom:60px; position:relative; overflow:hidden;}
.proxxsoclist{ width:20000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.proxxspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:10px;text-align:center; z-index:886;}
.proxxspan span{display:inline-block; position:relative; width:8px;height:12px; background:#ccc; cursor:pointer; margin:0 3px; box-sizing:border-box;}
.proxxspan span.cur{ height:20px; background:#e82214;}

dl.cdl{ width:25.5vw; height:auto; margin:0 0.5vw; float:left;}
dl.cdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.cdl dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.cdl:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.cdl dd{ width:100%; height:60px; line-height:60px; float:left; text-align:center; font-size:18px; font-weight:bold; color:#333;}

.projtl{ width:60px; height:60px; float:left; position:absolute; left:-70px; top:40%; background:url(../images/bantblh.png) center center no-repeat #ededed; cursor:pointer; border-radius:4px;} 
.projtr{ width:60px; height:60px; float:left; position:absolute; right:-70px; top:40%; background:url(../images/bantb3h.png) center center no-repeat #ededed; cursor:pointer; border-radius:4px;} 
.projtl:hover{ background:url(../images/bantbl.png) center center no-repeat #fb841a;} 
.projtr:hover{ background:url(../images/bantb3.png) center center no-repeat #fb841a;} 
 
.proxxdiv3{ width:100%; height:auto; float:left; padding:70px 0; background:url(../images/proxxbj.jpg) center center no-repeat; background-size:cover;} 
dl.bdl{ width:18.8vw; height:auto; margin:0 0.5vw; padding:10px 0; float:left; background:url(../images/csbj.png) center bottom no-repeat #fff; background-size:0 2px; transition:all 0.5s ease;}
dl.bdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.bdl dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.bdl:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.bdl dd{ width:100%; height:60px; line-height:60px; float:left; text-align:center; font-size:18px; font-weight:bold; color:#333;}
dl.bdl:hover{background-size:100% 2px; transition:all 0.5s ease;} 

/******技术支持******/ 
.server_div{ width:100%; height:auto; float:left; background:#fff; padding-bottom:40px;}
.jszcdiv{ width:100%; height:auto; float:left; padding:30px 0 50px 0;}
.jszcdivl{ width:32%; height:500px; float:left; padding:35px 40px; background:#000/*url(../images/jszc_bj.jpg) center center no-repeat*/; background-size:cover; box-sizing:border-box;}
.jszcdivl span.sp{ width:100%; height:auto; float:left; font-size:18px; color:#e82214; font-weight:600; margin-bottom:10px; line-height:22px;}
.jszcdivl strong.st{ width:100%; height:auto; float:left;font-family:"biaotiziti"; font-size:40px; line-height:46px; font-weight:normal; background:url(../images/xt.png) left bottom no-repeat; background-size:50px 3px; color:#fff; padding-bottom:14px; margin-bottom:25px; border-bottom:1px solid rgba(255,255,255,0.1);}
.jszcdivl p{ width:100%; height:auto; float:left; font-size:16px; color:#fff; margin-bottom:30px;} 
.jszcdivl p strong{ width:100%; height:auto; float:left; font-size:30px; line-height:30px;} 
.jszcdivl .amore1{ background:none; border:2px solid #fff; border-radius:4px; margin-top:45px;}

.jszcdivr{ width:68%; height:500px; box-shadow:0 0 3px #ededed; float:left; border:1px solid #ededed; border-left:none; box-sizing:border-box;}
.jszcdivr dl{ width:50%; height:250px; float:left; padding:40px 40px 0 40px; box-sizing:border-box; border-bottom:1px solid #ededed; background:url(../images/xt1.png) right center no-repeat; background-size:1px 70%;}
.jszcdivr dl dt{ width:50px; height:auto; float:left;}
.jszcdivr dl dt img{ width:100%; height:auto; display:block;}
.jszcdivr dl dd{ width:calc(100% - 70px); float:right;}
.jszcdivr dl dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#000;font-family:"biaotiziti";}
.jszcdivr dl dd span{ width:100%; height:auto; float:left; font-size:14px; line-height:18px; color:rgba(0,0,0,0.2); font-weight:bold; padding-bottom:10px; margin-bottom:15px; background:url(../images/csbj.png) left bottom no-repeat; background-size:30px 2px;}
.jszcdivr dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#555;}
.nobj{ background:none !important;}
.nobor{ border-bottom:none !important;}

.server_div1{ width:100%; height:auto; float:left; padding:60px 0; background:url(../images/proxxbj.jpg) center top no-repeat; background-size:cover;}
.server_div1 dl{ width:calc(96%/3); padding:20px 40px; box-sizing:border-box; box-shadow:0 0 4px #ededed; height:auto; float:left; background:url(../images/csbj.png) center bottom no-repeat #fff; background-size:0 2px;transition:all 0.5s ease; margin:1% 2% 1% 0;}
.server_div1 dl dt{ width:100%; height:66px; line-height:66px;font-family:"biaotiziti"; border-bottom:1px solid #ededed; font-size:20px; color:#222; font-weight:bold; background-size:auto 38px !important;}
.server_div1 dl dd{ width:100%; height:auto; float:left; min-height:140px; font-size:16px; line-height:28px; color:#444; margin-top:10px;}
.server_div1 dl:hover{ background-size:100% 2px; transition:all 0.5s ease;}
.server_div1 dl.last{ margin-right:0;}

/****技术支持-下载中心*****/
.xzssdiv{ width:100%; height:auto; float:left;  margin:20px 0 40px 0; padding-bottom:10px; border-bottom:1px solid #ededed;}
.xzssdiv .p1{ width:100%; height:auto; float:left; margin-bottom:20px;}
.xzssdiv .p1 .input{ width:calc(100% - 200px); height:60px; line-height:60px; float:left; text-indent:15px; font-size:16px; color:#333; border:none; background:#fff; outline:none;}
.xzssdiv .p1 .button{ width:200px; height:60px; line-height:60px; float:left; cursor:pointer; color:#fff; text-indent:-25px;  font-size:16px;border:none; background:url(../images/sstb.png) 130px center no-repeat #e82214; outline:none;}
.xzssdiv .p1 .button:hover{ opacity:0.8;} 
.xzssdiv .p2{ width:100%; height:auto; float:left; font-size:15px;}
.xzssdiv .p2 strong{ width:auto; height:auto; line-height:30px; margin-bottom:10px; float:left;}
.xzssdiv .p2 a{ width:auto; height:auto; line-height:30px; border-radius:2px; float:left; margin:0 10px 10px 0; background:#fff; padding:0 10px;}
.xzssdiv .p2 a:hover{ background:#fb841a; color:#fff;}

.xzdivlist{ width:100%; height:auto; float:left; padding-bottom:60px;}
dl.ddl{ width:calc(94% /3); height:auto; margin:1%;border-bottom:2px solid #fff; padding:50px 50px 20px 50px; box-sizing:border-box; float:left; background:url(../images/xzbj.png) top  right no-repeat; background-size:cover;}
dl.ddl dd{ width:100%; height:auto; float:left; margin-bottom:15px;}
dl.ddl dd span{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#777; font-weight:bold;}
dl.ddl dd h3 a{ width:100%; height:90px; float:left; font-size:18px;font-family:"biaotiziti"; line-height:30px; overflow:hidden; color:#333; font-weight:bold;}
dl.ddl dt{ width:100%; height:auto; float:left; border-top:1px solid #ededed;}
dl.ddl dt a{ width:100%; height:60px; line-height:60px; float:left; font-size:15px; color:#333; background:url(../images/xztb.png) right center no-repeat;}
dl.ddl:hover dt a{ color:#e82214; background:url(../images/xztbh.png) right center no-repeat;}
dl.ddl:hover{ border-bottom:2px solid #fb841a;}

/*****技术支持-常见问题*******/
.faqdivlist{ width:100%; height:auto; float:left; background:#fff; padding:60px 70px; box-sizing:border-box; margin:20px 0;}
dl.fdl{ width:100%; height:auto; float:left; border-top:1px solid #ededed;}
dl.fdl dt{ width:100%; height:auto; float:left; padding:20px 0; cursor:pointer; font-size:18px; line-height:28px; color:#333; font-weight:bold; }
dl.fdl dd{ display:none; width:100%; height:auto; float:left; padding:25px 30px; background:#f8f9fb; font-size:15px; line-height:26px; color:#444; box-sizing:border-box;}
dl.fdl.cur { border-top:1px solid #e82214;}
dl.fdl.cur dd{ display:block;}

/******关于我们*****/
.about_div{ width:100%; height:auto; float:left; padding-bottom:60px; background:url(../images/ab_bj1.png) center center no-repeat; background-size:100% auto;}
.about_jj{ width:100%; height:auto; float:left; margin-top:30px;}
.about_jjleft{ width:53%; height:auto; float:left; padding-right:50px; box-sizing:border-box;}
.indextt strong s{ width:100%; height:auto; float:left; color:#e82214;}
.about_jjleft p{ width:100%; height:auto; float:left; font-size:20px; line-height:24px; font-weight:bold; color:#fb841a; margin-top:-30px;}
.about_jjleft .img{ width:100%; height:auto; float:left; display:block; margin-top:20px;}

.about_jjright{ width:47%; height:auto; float:left; padding-left:50px; border-left:1px solid #ededed; box-sizing:border-box;}
.about_jjrightc{ width:100%; height:auto; float:left; margin-bottom:50px;}
.about_jjrightc p{ width:100%; height:auto; float:left; margin-bottom:20px; font-size:16px; line-height:28px; color:#333;}
.about_jjright dl{ width:100%; height:auto; float:left; border-top:1px solid #ededed; padding:30px 0;}
.about_jjright dl dt{ width:50%; height:auto; float:left; background-size:42px auto !important;}
.about_jjright dl dt strong{ width:100%; height:auto; float:left; font-size:30px;font-family:"biaotiziti"; line-height:70px; color:#e82214; font-weight:bold;}  
.about_jjright dl dt strong em{ font-size:60px; line-height:70px;  margin-right:10px;}  
.about_jjright dl dd{ width:50%; height:auto; float:left; padding-top:25px; font-size:18px; line-height:24px; color:#333; padding-left:24%; box-sizing:border-box;}

.about_div1{ width:100%; height:auto; padding-bottom:60px; float:left; background:url(../images/ab_bj2.png) center bottom no-repeat #fff; background-size:100% auto;}
.about_div1c{ width:100%; height:auto; float:left; background:url(../images/ab_bj2_1.jpg) center center no-repeat; background-size:cover; padding:70px 70px 200px 70px; box-sizing:border-box; }
.about_div1c p.p{ width:100%; height:auto; float:left; text-align:center; font-size:18px; line-height:30px; color:#fff;}
.about_div1b{ width:100%; height:auto; float:left; padding:0 100px; box-sizing:border-box; margin-top:-100px;} 
.boxa{ width:26%;transition:all 0.5s ease; height:auto; padding:40px 50px; color:#fff; box-sizing:border-box; float:left; background:url(../images/xt1.png) right center no-repeat #e82214; background-size:1px 100%; } 
.boxa strong{ width:100%; height:auto; float:left; font-size:28px; line-height:36px; margin-bottom:8px;}
.boxa p{ width:100%; height:52px; margin-bottom:26px; float:left; font-size:16px; line-height:26px;}
.boxa img{ width:40px; height:auto; display:block;} 
.boxa.cur{ width:48%; transition:all 0.5s ease; background:#082247;} 

.about_div2{ width:100%; height:auto; float:left; padding:80px 0 60px 0; background:url(../images/ab_bj3.jpg) center center no-repeat; background-size:cover;}
dl.hdl{ text-align:center; width:76vw; margin:0 2vw; height:auto; float:left; padding:0 5vw; background:url(../images/ab_xt1.png) center 100px no-repeat;  background-size:100% 1px; box-sizing:border-box;}
dl.hdl dt{ width:100%; height:auto; float:left; font-size:220px; line-height:200px; color:#666;font-family:"biaotiziti";  font-weight:bold;}
dl.hdl dt s{ color:#e82214}
dl.hdl dd{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#000; float:left;}
.abjtl{ left:0px; top:70px;}
.abjtr{ right:0px; top:70px;}
.abjtl:hover{ background: url(../images/bantbl.png) center center no-repeat #0d0eb3; }
.abjtr:hover{ background: url(../images/bantb3.png) center center no-repeat #0d0eb3; }

.about_div3{ width:100%; height:auto; float:left; padding:60px 0;}
.about_div3 .img{ width:calc((100% - 15px) / 2); height:auto; float:left; display:block; margin-bottom:15px; margin-right:15px;}
.about_div3 .last{ margin-right:0 !important;}
.about_div3 .img1{ width:calc((100% - 30px) / 3); height:auto; float:left; display:block; margin-bottom:15px; margin-right:15px;}

.about_div4{ width:100%; height:auto; float:left; padding:60px 0; background:url(../images/proxxbj.jpg) center center no-repeat; background-size:cover;}
.about_div4 ul.u1{ width:300px; height:auto; margin:0 auto; list-style:none;}
.about_div4 ul.u1 li{ width:140px; height:46px; line-height:46px; float:left; margin:5px; border:2px solid #ccc; padding-left:55px; box-sizing:border-box; cursor:pointer; box-sizing:border-box; color:#e82214; font-weight:16px; font-weight:bold;}
.about_div4 ul.u1 li.l1{ background:url(../images/ab_zstb1.png) 25px center no-repeat;}
.about_div4 ul.u1 li.l2{ background:url(../images/ab_zstb2.png) 25px center no-repeat;}
.about_div4 ul.u1 li.l1.cur{ background:url(../images/ab_zstb1h.png) 25px center no-repeat #e82214; color:#fff;border:2px solid #e82214;}
.about_div4 ul.u1 li.l2.cur{ background:url(../images/ab_zstb2h.png) 25px center no-repeat #e82214; color:#fff;border:2px solid #e82214;}

.ryzzqh{ width:100%; height:auto; float:left; margin-top:25px; display:none;}
dl.zsdl{ width:18.8vw; height:auto; margin:0 0.5vw; float:left; background:url(../images/csbj.png) center bottom no-repeat #fff; background-size:0 2px; transition:all 0.5s ease;}
dl.zsdl dt{ width:100%; height:auto; float:left; overflow:hidden; padding:30px 45px; box-sizing:border-box;border-bottom:1px solid #ededed; }
dl.zsdl dt img{ width:100%; height:auto; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.zsdl:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.zsdl dd{ width:100%; height:60px; line-height:60px; float:left; text-align:center; font-size:18px; font-weight:bold; color:#333;}
dl.zsdl:hover{background-size:100% 2px; transition:all 0.5s ease;} 

/*******关于我们-核心优势*****/
.yfysdiv{ width:100%; height:auto; float:left; margin-top:25px;}
.boxb{ width:calc((100% - 15px)/2); height:615px; float:left; margin-right:15px; background:url(../images/hxys_bj1.jpg) center center no-repeat; background-size:cover !important; padding:50px 60px; box-sizing:border-box; color:#fff;}
.boxb strong{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; font-weight:600; margin-bottom:10px;}
.boxb p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px;}
.boxb1{ height:300px; margin-right:0; margin-bottom:15px; background:url(../images/hxys_bj2.jpg) center center no-repeat;}
.boxb2{ height:300px; margin-right:0; margin-bottom:0px; background:url(../images/hxys_bj3.jpg) center center no-repeat;}

.hxysdiv{ width:100%; height:auto; float:left; padding:60px 0 0 0; background:#f3f6f9;}
.hxysdiv dl{ width:84%; height:auto; float:left; margin:0 7%; text-align:center;}
.hxysdiv dl dd{ width:90%; height:auto; float:left; font-size:16px; line-height:30px; color:#333; margin:0 5%;}
.hxysdiv dl dt{ width:100%; height:auto; float:left; margin-top:-45px;}
.hxysdiv dl dt img{ width:100%; height:auto; display:block;}

.hxysdiv1{ width:100%; height:auto; float:left; padding:60px 0; background:#fff;}
.hxysdiv1 dl{ width:calc((100% - 30px) /3 ); height:auto; float:left; background:#fafbfc; margin:15px 15px 15px 0;}
.hxysdiv1 dl dt{ width:100%; height:auto; float:left;}
.hxysdiv1 dl dt img{ width:100%; height:auto; display:block;}
.hxysdiv1 dl dd{ width:100%; height:auto; float:left; padding:20px 40px; box-sizing:border-box;}
.hxysdiv1 dl dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#333; padding-bottom:12px; margin-bottom:15px; border-bottom:1px solid #ededed; font-weight:bold; background-size:auto 40px !important;}
.hxysdiv1 dl dd strong span{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; color:#666; font-weight:normal; }
.hxysdiv1 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#555; min-height:140px;}
.hxysdiv1 dl.last{ margin-right:0;}

/*****联系我们*****/
.lxwmdiv{ width:100%; height:auto; float:left; }
.lxwmdiv dl{ width:calc(100% / 3); height:auto; float:left; padding:20px 50px; box-sizing:border-box; text-align:center; background:url(../images/xt1.png) right center no-repeat; background-size:1px 80%;}
.lxwmdiv dl dt{ width:100%; height:auto; float:left;}
.lxwmdiv dl dt img{ width:60px; height:auto; display:block; margin:0 auto;}
.lxwmdiv dl dd{ width:100%; height:auto; float:left; margin-top:15px;}
.lxwmdiv dl dd span{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#777; margin-bottom:10px;}
.lxwmdiv dl dd strong{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; font-weight:bold; color:#000;}
.lxwmdiv dl.last{ background:none;}
.lxwmdiv dl dd strong.s{  font-size:20px; line-height:26px; }
.lxwmdiv dl dt .img{ width:120px; height:auto; display:block; margin:0 auto; padding-top:20px;}

.lxwmdt{ width:100%; height:auto; float:left; }
.lxwmdt .img{ width:100%; height:auto; display:block;}

.lxwmly{ width:100%; height:auto; float:left; padding:60px 0; background:#fff;}
.lxwmly .input{ width:calc((100% - 40px)/3); height:54px;font-family:"Montserrat"; line-height:54px; box-shadow:0 0 3px #dedede; float:left; margin:10px 20px 10px 0; background:#f6f6f8; border:none; outline:none; font-size:16px; color:#333; text-indent:15px;}
.lxwmly .input.input1{width:calc((100% - 20px)/2);}
.lxwmly .input.last{ margin-right:0 !important;}
.lxwmly .text{ width:100%; height:120px; font-family:"Montserrat";line-height:30px; box-shadow:0 0 3px #dedede; padding:10px 15px; box-sizing:border-box; float:left; margin:10px 0 20px 0; background:#f6f6f8; border:none; outline:none; font-size:16px; color:#333; }
.lxwmly .button{ width:170px;font-family:"Montserrat"; height:auto; float:left; background:#e82214; border:none; margin-right:20px; outline:none; cursor:pointer; color:#fff;  font-size:16px; border-radius:4px; }
.lxwmly .button span{ width:105px; height:60px; line-height:60px; text-align:center; background:url(../images/xt1.png) right center no-repeat; background-size:1px 60%; float:left;}
.lxwmly .button s{ width:50px; height:60px; display:block; float:left; background:url(../images/bantb3.png) center center no-repeat;}

.lxwmly .button1{ width:170px; font-family:"Montserrat";height:auto; float:left; background:#222222; border:none; margin-right:20px; outline:none; cursor:pointer; color:#fff;  font-size:16px; border-radius:4px; }
.lxwmly .button1 span{ width:105px; height:60px; line-height:60px; text-align:center; background:url(../images/xt1.png) right center no-repeat; background-size:1px 60%; float:left;}
.lxwmly .button1 s{ width:50px; height:60px; display:block; float:left; background:url(../images/lxwm_lytb.png) center center no-repeat;}
.lxwmly .button:hover,.lxwmly .button1:hover{ opacity:0.8;}


/****加入我们****/
.joindiv{ width:100%; height:auto; float:left; padding:20px 0 30px 0;}
.joindiv dl{ width:calc((100% - 20px)/2); height:auto; float:left; margin:10px 20px 10px 0; background:#f8f9fb;}
.joindiv dl dt{ width:100%; height:auto; float:left;}
.joindiv dl dt img{ width:100%; height:auto; display:block;}
.joindiv dl dd{ width:100%; height:auto; float:left; padding:30px 50px; box-sizing:border-box;}
.joindiv dl dd strong{ width:100%; height:auto;font-family:"biaotiziti"; float:left; font-size:24px; line-height:36px; color:#333; font-weight:bold; margin-bottom:8px;}
.joindiv dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; min-height:90px; color:#555;}
.joindiv dl.last{ margin-right:0;}

.joinlist{ width:100%; height:auto; float:left; padding:60px 0; background:#f8f9fb;}
.boxj{ width:calc((100% - 60px)/3); height:auto; float:left; background:url(../images/jrwm_bj.png) top right no-repeat; background-size:cover; padding:50px; box-sizing:border-box; margin:10px;}
.boxj h3 a{ width:100%; height:auto; float:left;font-family:"biaotiziti"; font-size:26px; line-height:32px; padding-bottom:8px; margin-bottom:15px; font-weight:bold; color:#000; background:url(../images/csbj.png) left bottom no-repeat; background-size:30px 2px;}
.boxj p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; margin:5px 0; color:#444;}
.boxj a.amore{ margin-top:20px; margin-bottom:0;}
 
 
/*****新闻资讯*****/ 
dl.xtj{ width:1600px; height:410px; float:left; background:#fff;}
dl.xtj dt{ width:50%; height:100%; float:left; overflow:hidden;}
dl.xtj dt img{ width:100%; height:100%; display:block;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.xtj:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.xtj dd{ width:50%; height:100%; float:left; padding:70px 150px 0px 50px; border:1px solid #ededed; border-left:none; box-sizing:border-box;}
dl.xtj dd span.sp{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#666; font-weight:bold;}
dl.xtj dd h3 a{ width:100%; height:80px; float:left; font-size:28px;font-family:"biaotiziti"; line-height:40px; font-weight:bold; overflow:hidden; color:#000; margin:2px 0 10px 0;}
dl.xtj dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; min-height:84px; color:#444; margin-bottom:35px;}
dl.xtj:hover dd h3 a{ color:#e82214;}

.newstj{ width:100%; height:auto; float:left; position:relative; overflow:hidden; padding-bottom:60px;}
.proxxsoc{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.newstjlist{ width:20000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.newstjspan{margin:0px;padding:0px; width:auto; left:30px;  position:absolute; bottom:80px;text-align:center; z-index:886;}
.newstjspan span{display:inline-block; position:relative; width:8px;height:12px; background:#ccc; cursor:pointer; margin:0 3px; box-sizing:border-box;}
.newstjspan span.cur{ height:20px; background:#e82214;}
.newstjjt{ width:80px; height:auto; position:absolute; right:0; top:0; border-left:1px solid #ededed; box-sizing:border-box;}
.newstjjt .xwtjl{ width:100%; height:205px; float:left; background:url(../images/bantblh.png) center center no-repeat; cursor:pointer; }
.newstjjt .xwtjr{ width:100%; height:205px; float:left; background:url(../images/bantb3h.png) center center no-repeat; cursor:pointer; }
.newstjjt .xwtjl:hover{background:url(../images/bantbl.png) center center no-repeat #e82214;}
.newstjjt .xwtjr:hover{background:url(../images/bantb3.png) center center no-repeat #e82214;}

dl.xwdl{ width:calc((100% - 60px)/3); height:auto; float:left; margin:10px; background:url(../images/csbj.png) center bottom no-repeat #fff; box-shadow:0 0 3px #ededed; background-size:0 2px; transition:all 0.5s ease;}
dl.xwdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.xwdl dt img{ width:100%; height:auto; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.xwdl:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.xwdl dd{ width:100%; height:auto; float:left; padding:20px 30px 10px 30px; box-sizing:border-box;}
dl.xwdl dd span{ width:100%; height:auto; float:left; font-size:14px; line-height:22px; font-weight:bold; color:#555;}  
dl.xwdl dd h3 a{ width:100%; height:32px; float:left; font-size:20px; font-family: 'biaotiziti';  line-height:32px; font-weight:bold; color:#333; margin:5px 0; overflow:hidden;} 
dl.xwdl dd p{ width:100%; height:48px; float:left; font-size:16px; line-height:24px;  color:#444; overflow:hidden; margin-bottom:10px;}  
dl.xwdl dd a.a{ width:100%; height:auto; float:left; border-top:1px solid #ededed; font-size:14px; line-height:46px; color:#444; background:url(../images/newtb.png) right center no-repeat;} 
dl.xwdl:hover dd a.a{ background:url(../images/newtbh.png) right center no-repeat;} 
dl.xwdl:hover dd h3 a{ color:#e82214;}
dl.xwdl:hover{ background-size:100% 2px; transition:all 0.5s ease;}

/****新闻资讯-详细******/
.newsxxdiv{ width:100%; height:auto; float:left; padding:30px 0 50px 0; background:#fff;}
.newsxxdivl{ width:calc(100% - 480px); height:auto; float:left; padding-right:50px; box-sizing:border-box;}
.nh1{ width:100%; height:auto; float:left; font-size:36px; line-height:44px; font-family: 'biaotiziti';  font-weight:bold; color:#000;}
.ptime{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; padding-bottom:10px; margin:15px 0 25px 0; font-weight:bold; font-size:16px; line-height:26px; color:#666;}
.newsxxnr{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#333;}
.newsxxnr p{ width:100%; height:auto; float:left;}
.newsxxnr img{ width:auto; height:auto !important; display:block; max-width:100% !important;}

.newsxxdivr{ width:480px; height:auto; float:left;}
.newsxxdivr dl{ width:100%; height:auto; float:left; background:#f8f9fb; margin-bottom:20px; padding:20px; box-sizing:border-box;}
.newsxxdivr dl dt{ width:50%; height:auto; float:left; overflow:hidden; padding-right:20px; box-sizing:border-box;}
.newsxxdivr dl dt img{ width:100%; height:auto; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.newsxxdivr dl:hover dt{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.newsxxdivr dl dd{ width:50%; height:auto; float:left; padding-top:15px;}
.newsxxdivr dl dd h3 a{ width:100%; height:auto; float:left; font-size:18px; font-family: 'biaotiziti';  line-height:26px; color:#000; font-weight:bold;}
.newsxxdivr dl dd p{ width:100%; height:48px; float:left; font-size:16px; line-height:24px; color:#666; overflow:hidden; margin:8px 0 20px 0;}
.newsxxdivr dl dd a.amore{ background:#f8f9fb; border:1px solid #e82214; height:38px; line-height:38px; color:#333;}
.newsxxdivr dl dd a.amore span{ height:38px; line-height:38px; background:url(../images/hsbj.png) right center no-repeat; background-size:1px 14px;}
.newsxxdivr dl dd a.amore s{ height:38px; line-height:38px; background:url(../images/bantb3h.png) center center no-repeat;}
.newsxxdivr dl:hover dd a.amore{ background:#e82214; color:#fff;}
.newsxxdivr dl:hover dd a.amore s{ background:url(../images/bantb3.png) center center no-repeat;}

.sxtiao{ width:100%; height:auto; float:left; border-top:1px solid #ededed; padding-top:10px; margin-top:25px;font-size:16px; font-weight:bold;}
.sxtiao p.pl{ width:45%; height:42px; line-height:42px; float:left; overflow:hidden;}
.sxtiao p.pl a{ width:100%; height:42px; line-height:42px; float:left; color:#555;  box-sizing:border-box; padding-left:15px; background:url(../images/bantblh.png) left center no-repeat; box-sizing:border-box; }
.sxtiao p.pt{ width:10%; height:42px; line-height:42px; float:left; overflow:hidden;}
.sxtiao p.pt a{ width:36px; height:42px; margin:0 auto; display:block;overflow:hidden; background:url(../images/newsxx_tb.png) center center no-repeat; }
.sxtiao p.pr{ width:45%; height:42px; line-height:42px; float:right; overflow:hidden;}
.sxtiao p.pr a{ width:100%; height:42px; line-height:42px;  text-align:right; float:left; overflow:hidden; padding-right:15px; background:url(../images/bantb3h.png) right center no-repeat; box-sizing:border-box; color:#555;  box-sizing:border-box;}
.sxtiao p.pl a:hover,.sxtiao p.pr a:hover{ color:#1947ba}
.newsxxdiv1{ width:100%; height:auto; float:left; padding:60px 0; background:#f8f9fb;}

/******新应用领域****/
.yylydiv{ width:100%; height:auto; float:left; padding:10px 0 60px 0; background:#fff;}
dl.xyydl{ width:100%; height:auto; float:left; margin:25px 0 70px 0;}
dl.xyydl dd{ width:50%; height:auto; float:left; padding:50px 70px 0 0; box-sizing:border-box;}
dl.xyydl dd h2{ width:100%; height:auto; float:left; font-family:"biaotiziti"; font-size:48px; line-height:56px; font-weight:600; color:#000; margin-bottom:15px; }
dl.xyydl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#666;}
dl.xyydl dt{ width:50%; height:auto; float:left;}
dl.xyydl dt img{ width:100%; height:auto; display:block;}
.sce{ text-align:center;}

.xyyproc{ width:100%; height:auto; float:left; padding-bottom:60px; position:relative; overflow:hidden;}
.xyyproclist{ width:20000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.xyyprocspan{margin:0px;padding:0px; width:100%;  position:absolute; bottom:10px;text-align:center; z-index:886;}
.xyyprocspan span{display:inline-block; position:relative; width:8px;height:4px; background:#e82214; opacity:0.5; cursor:pointer; margin:0 3px; box-sizing:border-box; transition:all 0.5s ease;}
.xyyprocspan span.cur{ width:30px; opacity:1; transition:all 0.5s ease;}
.xyyproc strong.s{ width:100%; height:auto; float:left; font-size:22px; padding-bottom:10px; margin-top:30px; margin-bottom:10px; color:#000; background:url(../images/csbj.png) left bottom no-repeat; background-size:40px 3px; line-height:40px;}
.pzb{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; font-weight:normal; color:#555;}

dl.ypdl{ width:295px; height:auto; float:left; margin:10px 20px 10px 0; text-align:center;} 
dl.ypdl dt{ width:100%; height:auto; float:left; overflow:hidden;} 
dl.ypdl dt img{ width:100%; height:auto; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.ypdl:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.ypdl dd{ width:100%; height:auto; float:left; margin:10px 0;}
dl.ypdl dd strong{ width:100%; height:30px; line-height:30px; font-family: 'biaotiziti';  font-size:18px; color:#000; font-weight:bold;} 
dl.ypdl dd p{ width:100%; height:auto; line-height:22px; font-size:15px; color:#666;} 
 
dl.xyyd2{ width:calc((100% - 40px) / 2); height:auto; float:left; margin:10px;}
dl.xyyd2 dt{ width:100%; height:auto; float:left; overflow:hidden;} 
dl.xyyd2 dt img{ width:100%; height:auto; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.xyyd2:hover dt img{ -webkit-transform: scale(1.05,1.05); -webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.xyyd2 dd{ width:80%; height:auto; float:left; margin-top:-50px; position:relative; z-index:1; background:#fff; padding:30px; box-sizing:border-box;}
dl.xyyd2 dd h3{ width:100%; height:auto; float:left; font-family: 'biaotiziti';  font-size:22px; line-height:30px; font-weight:bold; color:#000; margin-bottom:8px;}
dl.xyyd2 dd p{ width:100%; height:48px; line-height:24px; float:left; font-size:14px; color:#555; overflow:hidden;}
dl.xyyd2:hover dd{ background:#e82214;} 
dl.xyyd2:hover dd h3 ,dl.xyyd2:hover dd p{ color:#fff;} 
 
 
 
/****加入我们弹出*****/
.joindc{ width:94%; height:auto; max-width:1300px; position:fixed; display:none; left:200px; top:100px; z-index:9999; box-sizing:border-box; background:#fff;}
.joindctop{ width:100%; height:auto; float:left; background:#f5f7f9; padding:40px 60px 30px 60px; box-sizing:border-box;}
.joinclose{ width:50px; height:50px; position:absolute; right:0; top:0; cursor:pointer; background:url(../images/join_gb.png) center center no-repeat;}
.joindctop strong{ width:100%; height:auto; float:left; font-size:26px; line-height:32px; color:#333; margin-bottom:10px;}
.joindctop p{ width:auto; height:auto; float:left; line-height:46px; margin-right:50px; font-size:16px; color:#333;}
.joindctop a{ float:right;}
.joindcnr{ width:100%; height:auto; float:left; background:#fff; padding:30px 60px 50px 60px; box-sizing:border-box;}
.joindcnr strong.s{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#e82214; margin-top:15px;}
.joindcnr p{ width:100%; height:auto; float:left; font-size:15px; line-height:26px; color:#333;}




/*****动画元素*****/
.indexleft .indextt,.indexab .indextt,.indexabc,.about_jjleft,.about_div1 .indextt,.about_div2 .indextt,.about_div3 .indextt,.about_div4 .indextt,.yfysdiv .indextt,.hxysdiv .indextt,.hxysdiv1 .indextt,.lxwmdiv .indextt,.lxwmly  .indextt,.jszcdiv .indextt,.server_div1 .indextt{ margin-top:100px; opacity:0.1; transition:all 0.5s ease;}
.indexright{ margin-top:100px; opacity:0.1;transition:all 0.5s ease;}
.indexabbox div{ position:relative; top:100px; opacity:0.5;}
.indexxwqh{ position:relative; top:60px; transition:all 0.5s ease; opacity:0.5;}
.indexxwc1 dl.d3{ position:relative; left:100px; }

.active{  margin-top:0 !important; opacity:1 !important; transition:all 0.5s ease;}
.active1{ top:0 !important; opacity:1 !important; transition:all 0.5s ease;}

.about_jjright dl{ position:relative; left:100px;}
.about_div3 .img1{ position:relative; top:100px;} 
.boxb{ opacity:0.1; }
.lxwmdiv dl{position:relative; top:100px; opacity:0.5;}
.jszcdivr dl{ position:relative; left:100px; opacity:0.5;}

.xwlistdh{ margin-top:100px; opacity:0.5; transition:all 0.5s ease;}
.xwlistdhs{ margin-top:0; opacity:1;}

/*****关于我们新加******/
.aboutdiv1 .indextt,.aboutdiv2 .indextt,.aboutdiv3 .indextt{ text-align:center;}
.aboutdiv1{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/ab_ysbj.jpg) center center no-repeat; background-size:cover;}
.aboutdiv1 .indextt {max-width: 960px; margin: 0 auto 30px auto;  float: none;}
.aboutdiv1 .indextt strong,.aboutdiv1 .indextt p{ color:#fff;}
.aboutdiv1 dl{ width:calc((100% - 40px) / 3); height:auto; float:left; background:#fff; margin:30px 0 0 0;}
.aboutdiv1 dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.aboutdiv1 dl dt img{ width:100%; height:auto; display:block;   -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.aboutdiv1 dl:hover dt img{ -webkit-transform: scale(1.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.aboutdiv1 dl dd{ width:100%; height:auto; float:left; padding:30px 42px; box-sizing:border-box;}
.aboutdiv1 dl dd em{ width:60px; height:60px; line-height:60px; text-align:center; float:left; position:relative; z-index:1; background:#e82214; font-size:24px; color:#fff; margin-top:-80px;}
.aboutdiv1 dl dd strong{ width:100%; height:auto; font-family: 'biaotiziti';  float:left; font-size:24px; line-height:32px; color:#000;}
.aboutdiv1 dl dd span{ width:100%; height:auto; float:left; font-size:14px; line-height:20px; color:#777; font-weight:normal;}
.aboutdiv1 dl dd p{ width:100%; height:auto; min-height:110px; float:left; font-size:16px; line-height:26px; color:#333; border-top:1px solid #f5f5f5; background:url(../images/hbj.png) left top no-repeat; background-size:40px 2px; margin-top:10px; padding-top:10px;}
.aboutdiv1 dl.d1{ margin:30px 20px 0 20px;}

.aboutdiv2{ width:100%; height:auto; float:left; padding:80px 0; background:#f7fafc;}
.aboutdiv2 dl{ width:calc(100% / 3); height:auto; float:left; background:#fff; margin:0;}
.aboutdiv2 dl dt{ width:100%; height:290px; float:left; overflow:hidden;}
.aboutdiv2 dl dt img{ width:100%; height:290px; display:block;   -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.aboutdiv2 dl:hover dt img{ -webkit-transform: scale(1.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.aboutdiv2 dl dd{ width:100%; height:290px; float:left; padding:40px 60px 0 60px; box-sizing:border-box; text-align:center;  position:relative; overflow:hidden;}
.aboutdiv2 dl dd strong{ width:100%; height:auto; font-family: 'biaotiziti';  float:left; font-size:24px; line-height:34px;color:#000;}
.aboutdiv2 dl dd p{ width:100%; height:auto; float:left; font-size:14px; line-height:26px; color:#777; border-bottom:1px solid #f5f5f5; background:url(../images/hbj.png) center bottom no-repeat; background-size:40px 2px; margin-bottom:30px; padding-bottom:10px;}
.aboutdiv2 dl dd em{ width:100%; height:auto; line-height:150px; font-size:150px; position:absolute; left:0; bottom:-60px;  z-index:1; font-weight:bold; color:#f3f5f9; }

.aboutdiv3{ width:100%; height:auto; float:left; padding:80px 0 0 0; background:#fff;}
.aboutdiv3z{ width:100%; height:auto; float:left; position:relative; padding-bottom:50px; margin-bottom:60px;}
.aboutdiv3c{ width:100%; height:auto; float:left; overflow:hidden; position:relative;}
.aboutdiv3list{ width:2000000px; height:auto; float:left;position:relative; transition: transform 600ms;}
.aboutdiv3z ul{ width:1260px; height:auto; float:left; list-style:none;}
.aboutdiv3z ul li{ width:calc(100% /6); height:auto; float:left; border:1px solid #f9f9f9; box-sizing:border-box; overflow:hidden;}
.aboutdiv3z ul li a img{ width:100%; height:auto; display:block;   -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.aboutdiv3z ul li a:hover img{ -webkit-transform: scale(1.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.aboutdiv3z ul li:hover{ background:url(../images/ihzbj.png) center center no-repeat; background-size:100% 100%;}

.jtl{ width:50px; height:50px; position:absolute; left:-50px; top:45%; background:url(../images/jt_tbl.png) center center no-repeat #f1f1f1; cursor:pointer;}
.jtr{ width:50px; height:50px; position:absolute; right:-50px; top:45%; background:url(../images/jt_tbr.png) center center no-repeat #f1f1f1; cursor:pointer;}
.jtl:hover{background:url(../images/jt_tblh.png) center center no-repeat #e82214; }
.jtr:hover{background:url(../images/jt_tbrh.png) center center no-repeat #e82214; }
.aboutdiv3zspan{margin:0px;padding:0px; width:100%;  height:35px; position:absolute; bottom:0;text-align:center; z-index:886;}
.aboutdiv3zspan span{  width:15px;height:4px;  display:inline-table; margin:0 5px; background:#e82214; opacity:0.7;}
.aboutdiv3zspan span.cur{width:25px;height:4px; opacity:1;}


/*****样品申请******/
.ypsqdiv{ width:100%; height:auto; float:left; padding:20px 0 60px 0;}
.ypsqdiv .indextt{ text-align:center;}
.ypsqdivnr{ width:70%; float:left; margin:0 15%; height:auto; background:#fff; padding:60px; box-sizing:border-box; border-radius:10px; box-shadow:0 2px 5px #ededed;}
.ypsqdivnr dl{ width:100%; height:auto; float:left; margin-bottom:10px;}
.ypsqdivnr dl dt{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#000;}
.ypsqdivnr dl dd{ width:100%; height:auto; float:left;}
.ypsqdivnr dl dd .input{ width:100%; height:46px; line-height:46px; float:left; border:1px solid #ccc; border-radius:4px; padding:0 20px; font-size:16px; color:#000; outline:none; box-sizing:border-box;}
.ypsqdivnr dl dd .text{ width:100%; height:120px; line-height:30px; float:left; border:1px solid #ccc; border-radius:4px; padding:10px 20px; font-size:16px; color:#000; outline:none; box-sizing:border-box;}
.ypsqdivnr .button{ width:auto; height:46px; line-height:46px; font-size:16px; font-weight:bold; color:#fff; margin-top:10px; background:#e82214; padding:0 40px; border-radius:20px; cursor:pointer;  border:none; outline:none;}
.ypsqdivnr .button:hover{ opacity:0.8;}
/******产品线卡******/
.cpxkdiv{ width:100%; height:auto; float:left; padding:20px 0 60px 0;}
.cpxkdiv ul{ width:100%; height:auto; float:left; list-style:none;}
.cpxkdiv ul li{ width:18%; height:auto; float:left; margin:1%; border:1px solid #ededed; box-sizing:border-box;}
.cpxkdiv ul li a{ width:100%; height:auto; float:left; overflow:hidden;}
.cpxkdiv ul li a img{ width:100%; height:auto; display:block;   -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.cpxkdiv ul li:hover a img{ -webkit-transform: scale(1.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.cpxkdiv ul li:hover{ border:1px solid #e82214;}


a.amore {width: auto;height: 50px;border-radius: 4px;float: left;background: #e82214;color: #fff;margin-bottom: 30px;}
a.amore span {width: auto;height: 50px;line-height: 50px;float: left; padding: 0 20px;background: url(../images/xt1.png) right center no-repeat;background-size: 1px 15px;}
a.amore s { width: 40px;height: 50px;float: left;background: url(../images/bantb3.png) center center no-repeat;}
a.amore:hover { opacity: 0.8;}

/*****在线库存*****/
.zxkcdiv{ width:100%; height:auto; float:left; padding:20px 0;}
.xss{ width:40%; height:60px; line-height:60px; float:left; font-size:36px; color:#000; background:url(../images/csbj.png) left bottom no-repeat;  background-size:30px 2px;}
dl.kcfl{ width:20%; height:auto; float:left; position:relative; margin-right:2%;}
dl.kcfl dt{ width:100%; height:60px; line-height:60px; border:1px solid #ededed; border-radius:10px; padding:0 20px; background:url(../images/sja.png) 95% center no-repeat; font-size:18px; box-sizing:border-box;}
dl.kcfl dd{ width:100%; height:250px; display:none; overflow-y:auto; background:#fff; float:left; padding:0 20px; position:absolute; left:0; top:60px; box-sizing:border-box; border:1px solid #ededed; border-top:none;}
dl.kcfl dd a{ width:100%; height:40px; line-height:40px; float:left; font-size:16px; color:#000;}
dl.kcfl:hover dd{ display:block;}
.kcss{ width:38%; height:60px; float:left; line-height:60px; border:1px solid #ededed; border-radius:10px; box-sizing:border-box;}
.kcss .input{ width:calc(100% - 60px); height:60px; background:none; float:left; border:none; outline:none; font-size:15px; padding:0 10px; box-sizing:border-box;}
.kcss .button{ width:58px; height:60px; border-radius:0 10px 10px  0; float:left; background:url(../images/sstb.png) center center no-repeat #e82214; background-size:20px auto; cursor:pointer; border:none; outline:none;}
.kcss .button:hover{ opacity:0.8;}

.zxkcdiv ul.ul{ width:100%; height:auto; float:left; list-style:none;background:#fff;}
.zxkcdiv ul.ul li{ width:auto; height:45px; line-height:45px; float:left; font-size:16px; text-align:center; color:#333; }
.zxkcdiv ul.ul li.l1{ width:10%;}
.zxkcdiv ul.ul li.l2{ width:15%;}
.zxkcdiv ul.ul li.l3{ width:15%;}
.zxkcdiv ul.ul li.l4{ width:20%;}
.zxkcdiv ul.ul li.l5{ width:20%;}
.zxkcdiv ul.ul li.l6{ width:20%;}
.zxkcdiv ul.ul:nth-child(odd) { background:#fafafa;}
.zxkcdiv ul.ul.topul{ background:#e82214 !important; margin-top:25px;}
.zxkcdiv ul.ul.topul li{ color:#fff; font-weight:bold;}


/*********新行业应用列表******/
.xnymenu{ width:100%; height:60px; float:left; border-bottom:1px solid #ededed;}
.xnymenu a.a{ width:60px; height:60px; float:left; background:url(../images/nyfl_tb.png) center center no-repeat #e5e5e5;}
.xnymenu a.a1{ width:260px; height:60px; line-height:60px; float:left; padding:0 20px; border-right:1px solid #ededed;font-size:16px; color:#000; font-weight:bold; box-sizing:border-box;}
.xnymenu a.a1 s{ width:100%; padding-right:20px; float:left; background:url(../images/nyfl_tb2.png) right center no-repeat; box-sizing:border-box;}
.xnymenu dl{ width:260px; height:60px;float:left; position:relative;box-sizing:border-box;}
.xnymenu dl dt{ width:100%; height:60px; line-height:60px; background:#fff; font-size:15px; font-weight:bold; color:#000; border-right:1px solid #ededed; padding:0 20px; box-sizing:border-box;}
.xnymenu dl dt s{ width:100%; padding-right:20px; float:left; background:url(../images/nyfl_tb2.png) right center no-repeat; box-sizing:border-box;}
.xnymenu dl dd{ width:100%; height:auto; display:none; float:left; position:absolute; left:0; top:60px; background:#f9f9f9; z-index:1;}
.xnymenu dl dd a{ width:100%; height:40px; line-height:40px; padding:0 20px; box-sizing:border-box; border-bottom:1px solid #ededed; float:left; font-size:14px;}
.xnymenu dl dd a:Hover{ color:#ca1f29;}
.xnymenu dl:hover dd{ display:block;}
.xnymenu dl.cur dt{ background:#ca1f29; color:#fff;}
.xnymenu dl.cur dt s{background:url(../images/nyfl_tb1.png) right center no-repeat;}

.xyyydiv1{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; padding:50px 0 30px 0;}
.xyyydiv1 h1{ width:100%; height:auto; float:left; font-size:48px; line-height:60px; color:#000; text-align:center; font-weight:bold;}
.xyyydiv2{ width:100%; height:auto; float:left; padding:60px 0;}

.xbox{ width:100%; height:auto; float:left; margin-bottom:30px;}
.xboxnr{ width:400px; height:auto; float:left; background:url(../images/hsbj.png) left top no-repeat; background-size:100% 2px;}
.xboxnr span{ width:100px; height:2px; float:left; background:#ca1f29;}
.xboxnr h2{ width:100%; height:auto; float:left; padding:40px 0 20px 0; font-size:30px; line-height:36px; color:#000; font-weight:bold;}
.xboxnr a{ width:70%; height:50px; line-height:50px; float:left; background:#f8f8f8;padding:0 20px; box-sizing:border-box; overflow:hidden; margin-bottom:8px;}
.xboxnr a s{ width:100%; float:left; padding-right:25px; background:url(../images/xjttbh.png) right center no-repeat; font-weight:bold; color:#222; font-weight:16px;  box-sizing:border-box;}
.xboxnr a:hover{ background:#ca1f29;}
.xboxnr a:hover s{ color:#FFF;  background:url(../images/xjttb.png) right center no-repeat; }
.xbox dl{ width:calc(100% - 480px); height:auto; float:right;}
.xbox dl dt{ width:100%; height:auto; float:left;}
.xbox dl dt img{ width:100%; height:auto; display:block;}
.xbox dl dd{ width:100%; height:auto; float:left; padding:20px 0; font-size:16px; line-height:28px; color:#333;}

/*******新行业应用详情*************/
.xyyyxxdiv1{ width:100%; height:auto; float:left; padding:60px 0 20px 0; border-bottom:1px solid #ededed; position:relative;}
.xyyyxxdiv1 ul{  text-align:center; white-space:nowrap;list-style:none;}
.xyyyxxdiv1 ul li{display:inline;  margin:0; padding:0;list-style:none;  }
.xyyyxxdiv1 ul li a{ display:table-cell; display:inline-block; width:120px; color:#333; border-radius:1px; font-size:16px; height:auto; margin:0 5px; line-height:30px;text-align:center; background:#fff;}
.xyyyxxdiv1 ul li a p{  width:120px; height:120px; background:#f8f8f8; float:left; padding:30px; box-sizing:border-box;}
.xyyyxxdiv1 ul li a p img{ width:60px; height:60px; display:block;}
.xyyyxxdiv1 ul li a p .img1{ display:none;}
.xyyyxxdiv1 ul li a span{ width:100%; height:auto; float:left; text-align:center; font-size:15px; line-height:18px; min-height:36px; font-weight:bold; color:#333; margin-top:10px;}
.xyyyxxdiv1 ul li a.cur p,.xyyyxxdiv1 ul li a:hover p{ background:#ca1f29;}
.xyyyxxdiv1 ul li a.cur p .img,.xyyyxxdiv1 ul li a:hover p .img{ display:none;}
.xyyyxxdiv1 ul li a.cur p .img1,.xyyyxxdiv1 ul li a:hover p .img1{ display:block;}
.xyyyxxdiv1 .dian{ width:37px; height:16px; position:absolute; bottom:-16px; left:50%; right:50%; background:url(../images/xyyyxx_tb.png) center top no-repeat #fff; margin-left:-18px;}

.xyyyxxdiv2{ width:100%; height:auto; float:left; padding:80px 0;}
dl.yydls{ width:100%; height:auto; float:left; position:relative; }
dl.yydls dt{ width:100%; height:auto; display:block;}
dl.yydls dt img{ width:100%; height:auto; display:block;}
dl.yydls dd{ width:680px; height:auto; padding:40px; background:#fff; box-sizing:border-box; position:absolute; right:0; bottom:0; display:none;}
dl.yydls dd h2{ width:100%; height:auto; float:left; font-size:36px; line-height:46px; color:#ca1f29; font-weight:bold; margin-bottom:15px;}
dl.yydls dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#000;}
.xyyyxxdiv2 .xt{ width:100%; height:1px; float:left; background:#ccc; margin:50px 0;}

dl.yydl2{ width:100%; height:auto; float:left; }
dl.yydl2 dd{ width:480px; height:auto; float:left;}
dl.yydl2 dd strong{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#000;}
dl.yydl2 dt{ width:calc(100% - 480px); height:auto; float:right;}
dl.yydl2 dt img{ width:100%; height:auto; display:block;}

.xyyyxxdiv3{ width:100%; height:auto; float:left; padding:80px 0; background:#ececec;}
.xyyyxxdiv3l{ width:420px; height:auto; float:left; min-height:490px; background:url(../images/xyyyxxdiv3_tp.jpg) center center no-repeat; background-size:cover; padding:50px 30px; box-sizing:border-box;}
.xyyyxxdiv3l strong{ width:100%; height:auto; float:left; font-size:36px; line-height:42px; color:#fff; font-weight:bold; margin-bottom:25px;}
.xyyyxxdiv3l p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#fff; opacity:0.9; padding-right:50px; box-sizing:border-box;}

.xyyyxxdiv3r{ width:calc(100% - 420px); height:auto; float:left; background:#fff; padding:30px; box-sizing:border-box;}
.xyyyxxdiv3r dl{ width:48%; height:auto; float:left; margin:0 1% 20px 1%;}
.xyyyxxdiv3r dl dt{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#000; font-weight:bold;}
.xyyyxxdiv3r dl dd{ width:100%; height:auto; float:left; margin-top:5px;}
.xyyyxxdiv3r dl dd .input{ width:100%; height:44px; line-height:44px;font-family:"biaotiziti"; border-radius:5px; float:left; border:1px solid #ededed; padding:0 15px; font-size:16px; box-sizing:border-box; outline:none;}
.xyyyxxdiv3r dl dd .sel{ width:100%; height:44px; line-height:44px; font-family:"biaotiziti"; border-radius:5px;float:left; border:1px solid #ededed; padding:0 15px; font-size:16px; box-sizing:border-box; outline:none;}

.xyyyxxdiv3r dl.d1{ width:98%; height:auto; float:left; margin:0 1% 20px 1%;}
.xyyyxxdiv3r dl.d1 dd .text{ width:100%; height:120px; line-height:30px;font-family:"biaotiziti"; border-radius:5px; padding:10px 15px; border:1px solid #ededed; font-size:16px; box-sizing:border-box; outline:none; }
.xyyyxxdiv3r .button{ width:170px; height:56px; line-height:56px; float:right;font-family:"biaotiziti"; text-indent:30px; background:url(../images/xjttb.png) 120px center no-repeat #ca1f29; border-radius:40px;  text-align:left; border:none; cursor:pointer; outline:none; font-size:16px; color:#fff;}
.xyyyxxdiv3r .button:hover{ opacity:0.8;}

/*******行业应用1****/
.xyyydiv2nr{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#111;}
.xyyydiv2nr p.p{ width:60%; height:auto; float:left; margin:0 20% 25px 20%; text-align:center;}
.xyyydiv2nr img{ width:100%; height:auto !important; display:block; max-width:100% !important;}