@charset "utf-8";
/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/Poppins-Regular.ttf');
}
@font-face {
 font-family: 'biaotiziti'; 
	src: url('../fonts/BlenderPro-Bold.otf');
} 
 
 
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:100%; padding:0 10%; margin: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 10px; display:none; position:relative; z-index:9999;}
.menutb span{ width:100%; height:2px; margin:5px 0; background:#ff902d; 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:#0000af;}
 

#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; }

 
/*******首页*******/ 
.headdiv{ width:100%; height:115px; float:left; position:fixed; left:0; top:0; z-index:9998; background:#ededed;}
.logo{ width:auto; height:64px; float:left; margin-top:22.5px;}
.logo img{ width:auto; height:64px; display:block; float:left;}
.logo span{ height:46px; line-height:20px; margin-top:14px; font-size:16px; color:#444; float:left; width:auto; background:url(../images/xt.png) left center no-repeat; background-size:1px 30px; margin-left:20px; padding-left:20px;}

a.alx{ width:auto; height:42px; line-height:42px; margin:36px 0 0 20px; border-radius:4px; float:right; padding:0 20px; background:#0000af;}
a.alx span{ padding-left:25px; background:url(../images/lxtb.png) left center no-repeat; font-size:15px; color:#fff;}
a.alx:hover{ opacity:0.8;}

dl.yydl{ width:70px; float:right; height:115px; position:relative; background:url(../images/yyqh.png) left 48px no-repeat; margin-left:25px;}
dl.yydl dt{ width:100%; height:115px; line-height:115px; font-size:15px; color:#444; padding-left:24px; box-sizing:border-box; float:left; background:url(../images/sja.png) right center no-repeat;}
dl.yydl dd{ width:100%; display:none; height:auto; float:left; position:absolute; left:0; top:115px; padding:10px 0; box-sizing:border-box; background:#fff; text-align:center;}
dl.yydl dd a{ width:100%; height:auto; float:left; font-size:14px; line-height:26px; color:#333;}
dl.yydl:hover dd{ display:block;}  

ul.ulmenu{ width:auto; height:115px; float:right; list-style:none;}
ul.ulmenu li{ width:auto; height:auto; float:left;position:relative;}
ul.ulmenu li >a{ width:auto; height:115px; line-height:115px; float:left; padding:0 25px; font-size:16px; color:#000; }  
ul.ulmenu li .ejp{ display:none; width:160%; height:auto; float:left; position:absolute; z-index:9998;left:-30%; top:115px; background:#fff;}
ul.ulmenu li .ejp a{ width:100%; height:46px; line-height:46px; color:#333; float:left; text-align:center; font-size:15px; border-bottom:1px solid #ededed;}
ul.ulmenu li .ejp a:hover{ color:#fff; background:#0000af;border-bottom:1px solid #0000af;}  
ul.ulmenu li:hover .ejp{ display:block;}
ul.ulmenu li:hover >a{ color:#0000af}

.ejpro{ width:100%; height:auto; float:left; display:none; position:fixed; left:0; top:115px; z-index:9998;   background:linear-gradient( to right, #ffffff 0%, #ffffff 50%, #f8f8f8 50%,#f8f8f8 100%  )}
.ejproleft{ width:26%; height:auto; float:left; padding:35px 0;}
.ejproleft ul{ width:100%; height:auto; float:left; list-style:none;}
.ejproleft ul li{ width:100%; height:auto; float:left;}
.ejproleft ul li a{ width:100%; height:70px; line-height:70px; float:left; padding:0 30px 0 40px; box-sizing:border-box; font-size:16px; font-weight:bold;}
.ejproleft ul li a span{ width:100%; height:auto; float:left; padding-right:30px; background:url(../images/bantb3.png) right center no-repeat; box-sizing:border-box;}
.ejproleft ul li a:hover,.ejproleft ul li a.cur{ background:url(../images/csbj.png) left center no-repeat #0000af; color:#fff; background-size:3px 100%;}
.ejproright{ width:74%; height:auto; float:left; background:#f8f8f8;   padding:35px 0 35px 40px; box-sizing:border-box;}
.ejproright dl{ width:24%; height:auto; float:left; margin:0 0.5%; background:#fff;}
.ejproright dl dd{ width:100%; height:auto; float:left; text-align:center; padding:15px 10px; box-sizing:border-box;}
.ejproright dl dd h3 a{ width:100%; height:26px; float:left; font-size:18px; line-height:26px; color:#333; font-weight:bold;overflow:hidden;}
.ejproright dl dd p{ width:100%; height:24px; float:left; font-size:14px; line-height:24px; color:#555; overflow:hidden;}
.ejproright dl dt{ width:100%; height:auto; float:left;}
.ejproright 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;}
.ejproright dl: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; }
.ejproright dl:hover{ background:url(../images/indexhzbj.jpg) center bottom no-repeat #fff; background-size:100% 2px;}
.ejprorightqh{ display:none;}
ul.ulmenu li:hover .ejpro{ display:block;}

  
.banner{ width:100%; overflow:hidden; height:43vw !important;min-height:500px !important;  float:left; position:relative; touch-action: pan-y; margin-top:115px;}
.banner ul {  overflow:hidden; height:43vw !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:43vw !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;}
.banner_span{margin:0px;padding:0px; width:100%; height:35px; position:absolute; bottom:50px;text-align:center; z-index:886;}
.banner_span span{ float:left; width:7px;height:35px; transition:all 0.5s ease; cursor:pointer; background:#9f9f9f; margin:0 5px; box-sizing:border-box; background:url(../images/xt.png) left bottom no-repeat; background-size:7px 20px; opacity:0.5;}
.banner_span span.cur{ background:#fff; opacity:1; transition:all 0.5s ease; }
 
 
.banner .document_width{ position:relative;}
.banwenzi{ position:absolute; top:14vw; 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:700px; height:auto; float:left;}
.banwenzi h2{ width:auto; height:auto; position:relative; font-family:"biaotiziti"; font-weight:600; float:left; font-size:48px;line-height:56px; background:url(../images/bantb2.png) left bottom no-repeat; background-size:80% 6px; margin-bottom:15px;}
.banwenzi h2 s{ width:40px; height:40px; float:left; position:absolute; left:0; top:-40px; background:url(../images/bantb1.png) left center no-repeat; background-size:auto 40px;}
.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-left: 50px;}30% { opacity: 0;margin-left: 50px;}100% { width: 100%;margin-left: 0px;}}
@-webkit-keyframes donghuawz1 {0% {opacity: 0;margin-left: 50px;}30% {opacity: 0;margin-left: 50px;}100% { width: 100%; margin-left: 0px;  }}
@-webkit-keyframes donghuawz2 {0% { opacity: 0; margin-left: 50px;}30% {opacity: 0;margin-left: 50px;}100% { width:auto; margin-left: 0px; }}

.indexdiv{ width:100%; height:auto; float:left; min-height:300px;   background:url(../images/indexbj2.png) right top no-repeat; background-size:36% 100%; position:relative;}
.indexdivbj1{ width:100%; height:100%; float:left; position:relative;background:url(../images/indexbj1.png) left top no-repeat; background-size:64% 100%;z-index:998; }
.keydiv{ width:68%; height:auto; min-height:10px;  padding:40px 0;}
.keydiv strong{ width:auto; height:auto; line-height:26px; font-size:16px; color:#000; font-weight:600;}
.keydiv a{ width:auto; height:auto; line-height:26px; font-size:16px; color:#444; margin-left:15px;}
.keydiv a:hover{ color:#0000af;}

.ssdiv{ width:40%; height:200px; float:right; position:absolute; right:0; top:-100px; padding:50px 120px; box-sizing:border-box; background:rgba(0,0,166,0.95); z-index:999;}
.ssdiv strong{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#fff; font-weight:600;}
.ssdiv p{ width:100%; height:auto; float:left; border-bottom:1px solid rgba(255,255,255,0.4); position:relative; z-index:999;}  
.ssdiv p .input{ width:100%; height:50px; line-height:50px; float:left; padding-right:50px; color:#fff; box-sizing:border-box; font-size:15px; border:none; outline:none; background:none;} 
.ssdiv p .input::placeholder{ color:#fff; opacity:0.8;}
.ssdiv p .button{ width:50px; height:50px; float:right; background:url(../images/sstb.png) center center no-repeat; cursor:pointer; outline:none; border:none; margin-top:-50px;} 
.ssdiv p .button:hover{ opacity:0.8;} 

.indexdivpro{ width:100%; height:auto; float:left; margin-top:40px; padding-bottom:40px; position:relative;}
.indexleft{ width:calc(100% - 270px); height:auto; min-height:100px;}
.indexleft dl{ width:100%; height:auto; float:left; display:none;}
.indexleft dl dd{ width:50%; height:auto; float:left; margin-top:60px;}
.indexleft dl dd p.pbz{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#333; margin:10px 0 25px 0;}
a.amore{ width:auto; height:50px; border-radius:4px; float:left; background:#0000af; 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;}
.indexleft dl dd ul{ width:100%; height:auto; float:left; list-style:none;}
.indexleft dl dd ul li{ width:50%; height:auto; float:left; border-bottom:1px solid #ededed; padding:10px ; box-sizing:border-box; background:url(../images/hsbj.png) left 20px no-repeat; background-size:5px 5px;}
.indexleft dl dd ul li span{ width:100%; height:auto; float:left; font-size:16px; line-height:24px;}
.indexleft dl dd ul li strong{ width:100%; height:auto; float:left;font-family:"biaotiziti"; font-size:30px; line-height:40px; font-weight:bold; color:#000;}
.indexleft dl dt{ width:50%; height:auto; float:left;}
.indexleft dl dt img{ width:100%; height:auto; display:block;}

.iprojt{ width:160px; height:80px; position:absolute; right:0; bottom:70px;}
.iprojt span.sl{ width:80px; height:80px; float:left; box-sizing:border-box; border-right:1px solid #ededed; background:url(../images/bantblh.png) center center no-repeat #fff; cursor:pointer; }
.iprojt span.sr{ width:80px; height:80px; float:left; box-sizing:border-box; background:url(../images/bantb3h.png) center center no-repeat #fff; cursor:pointer; }
.iprojt span.sl:hover{background:url(../images/bantbl.png) center center no-repeat #0000af;}
.iprojt span.sr:hover{background:url(../images/bantb3.png) center center no-repeat #0000af;}

.indextt{ width:100%; height:auto; float:left; margin-bottom:30px;}
.indextt p{ width:100%; height:auto; float:left; font-size:18px; color:#ff902d; font-weight:600; margin-bottom:10px; 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;}

.indexright{ width:250px; float:right; height:auto; padding-top:50px;}
.indexright ul{ width:100%; height:auto; float:left; list-style:none; text-align:right;}
.indexright ul li{ width:100%; height:auto; float:left;}
.indexright ul li a{ width:100%; height:auto; line-height:30px; padding:10px 20px 10px 0; box-sizing:border-box; background:url(../images/xt.png) right center no-repeat; background-size:2px 100%;float:left; font-size:16px; color:#000;} 
.indexright ul li.cur a,.indexright ul li:hover a{ font-weight:600; color:#ff902d; background:url(../images/csbj.png) right center no-repeat; background-size:2px 100%;} 
 
.indexdiv1{ width:100%; height:auto; float:left; background:url(../images/indexbj2.png) right top no-repeat; background-size:36% 100%; position:relative;} 
.indexdiv1bj{ width:100%; height:100%; float:left;  background:url(../images/indexbjgy.jpg) left top no-repeat; background-size:90% 100%; position:relative; z-index:1; } 
.indexab{ width:100%; height:auto; float:left; padding:60px 0; margin-bottom:390px;}
.indexab .indextt{ width:40%;}
.indexab .indextt strong{ color:#fff} 
.indexabc{ width:60%; height:auto; float:left; padding:30px 100px; box-sizing:border-box; font-size:16px; line-height:30px; color:#fff;}
.indexabc a.amore{ margin:30px 0;} 
 
.indexabbox{ width:100%; height:auto; float:right; position:absolute; right:0; bottom:-60px; z-index:1; }
.indexabbox div{ width:25%; height:320px; padding:50px; box-sizing:border-box; float:right; background-size:cover !important; color:#fff;} 
.indexabbox div span{ width:100%; height:10px; float:left; background:url(../images/csbj.png) left center no-repeat; background-size:40px 5px; margin-bottom:80px; }
.indexabbox div img{ width:auto; height:44px; display:block;}
.indexabbox div strong{ width:100%; height:56px; float:left;font-family:"biaotiziti";  font-size:36px; line-height:56px; margin-top:10px;}
.indexabbox div strong em{ font-size:56px; }
.indexabbox div p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px;}
.box1{ background:url(../images/iab_tp1.png) center center no-repeat;} 
.box2{ background:url(../images/iab_tp2.png) center center no-repeat; color:#333 !important;} 
.box3{ background:url(../images/iab_tp3.png) center center no-repeat;} 
 
.indexxw{ width:100%; height:auto; float:left; padding:120px 0 60px 0; background:url(../images/indexbjxw.jpg) center center no-repeat; background-size:cover;} 
.indexxw ul.u1{ width:auto; height:auto; float:right; list-style:none; margin-top:-90px;}
.indexxw ul.u1 li { width:auto; height:auto; float:right;}
.indexxw ul.u1 li a{ width:auto; height:50px; line-height:50px; float:right; padding:0 30px; border:2px solid #ccc; border-radius:4px; color:#333; font-size:16px; margin-left:10px;}
.indexxw ul.u1 li a:hover,.indexxw ul.u1 li a.cur{ background:#0000af; color:#fff; border-color:#0000af;} 
.indexxwqh{ width:100%; height:auto; float:left; display:none;}
.indexxwqh dl.d1{ width:31%; height:auto; float:left; margin-right:18px; background:#fff;}
.indexxwqh dl.d1 dt{ width:100%; height:auto; float:left; overflow:hidden;}
.indexxwqh dl.d1 dt img{ width:100%; height:298px; 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;}
.indexxwqh dl.d1: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; }
.indexxwqh dl.d1 dd{ width:100%; height:auto; float:left; padding:20px 30px 10px 30px; box-sizing:border-box;}
.indexxwqh dl.d1 dd span{ width:100%; height:auto; float:left; font-size:14px; line-height:22px; font-weight:bold; color:#555;}  
.indexxwqh dl.d1 dd h3 a{ width:100%; height:32px; float:left; font-size:20px; line-height:32px; font-weight:bold; color:#333; margin:5px 0; overflow:hidden;} 
.indexxwqh dl.d1 dd p{ width:100%; height:48px; float:left; font-size:16px; line-height:24px;  color:#444; overflow:hidden; margin-bottom:10px;}  
.indexxwqh dl.d1 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;} 
.indexxwqh dl.d1:hover dd a.a{ background:url(../images/newtbh.png) right center no-repeat;} 
.indexxwqh dl.d1:hover dd h3 a{ color:#0000af;}
.indexxwc{ width:27%; height:auto; float:left; margin-right:18px;}
.indexxwc dl.d2{ width:100%; height:auto; float:left; background:#fff; margin-bottom:18px; padding:30px; box-sizing:border-box;}
.indexxwc dl.d2 dt{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:10px;}
.indexxwc dl.d2 dt strong{ width:70px; height:auto; float:left; text-align:center; font-size:16px; line-height:16px;font-family:"biaotiziti"; }
.indexxwc dl.d2 dt strong em{ width:100%; height:auto; float:left; font-size:48px; line-height:44px; color:#666;} 
.indexxwc dl.d2 dt a{ width:40px; height:60px; float:right; display:block ; background:url(../images/newtb.png) right center no-repeat;} 
.indexxwc dl.d2 dd{ width:100%; height:auto; float:left;}
.indexxwc dl.d2 dd h3 a{ width:100%; height:30px; float:left; font-size:18px; line-height:30px; font-weight:bold; color:#333; margin:5px 0; overflow:hidden;} 
.indexxwc dl.d2 dd p{ width:100%; height:48px; float:left; font-size:16px; line-height:24px;  color:#444; overflow:hidden; margin-bottom:10px;}  
.indexxwc dl.d2:hover dd h3 a{ color:#0000af;}
.indexxwc dl.d2:hover dt a{ background:url(../images/newtbh.png) right center no-repeat;} 

.indexxwc1{ width:calc(42% - 36px); height:auto; float:left; background:#fff; } 
.indexxwc1 dl.d3{ width:100%; height:auto; float:left; padding:27px 30px; box-sizing:border-box; border-bottom:1px solid #ededed;  }
.indexxwc1 dl.d3 dt{ width:70px; height:auto; float:left;}
.indexxwc1 dl.d3 dt strong{ width:70px; height:auto; float:left; text-align:center; font-size:16px; line-height:16px;font-family:"biaotiziti"; }
.indexxwc1 dl.d3 dt strong em{ width:100%; height:auto; float:left; font-size:48px; line-height:44px; color:#666;} 
.indexxwc1 dl.d3 dd{ width:calc(100% - 90px); float:right; padding-right:25px; margin-top:5px; background:url(../images/newtb.png) center right no-repeat; box-sizing:border-box;} 
.indexxwc1 dl.d3 dd h3 a{ width:100%; height:30px; float:left; font-size:18px; line-height:30px; font-weight:bold; color:#333; overflow:hidden;} 
.indexxwc1 dl.d3 dd p{ width:100%; height:24px; float:left; font-size:16px; line-height:24px;  color:#444; overflow:hidden; margin-bottom:10px;}  
.indexxwc1 dl.d3:hover dd h3 a{ color:#0000af;}
.indexxwc1 dl.d3:hover{ background:url(../images/csbj.png) left center no-repeat; background-size:2px 100%;} 
.indexxwc1 dl.d3:hover dd{ background:url(../images/newtbh.png) right center no-repeat;} 

.indexhz{ width:100%; height:auto; float:left; padding:60px 0; overflow:hidden; background:url(../images/indexhzbj.jpg) center center no-repeat; background-size:cover;}
.indexhzc{ width:100%; height:auto; float:left; position:relative;}
.indexhzc ul{ width:79.5vw; height:auto; float:left; list-style:none;}
.indexhzc ul li{width:calc(94%/6); height:auto; float:left; margin:0.5%; overflow:hidden;}
.indexhzc 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;}
.indexhzc ul li a:hover 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; }
.indexhzcz{ width:100%; height:auto; float:left; overflow:hidden;}
.indexhzclist{ width:200000px; height:auto; overflow:hidden; float:left; position:relative;transition:transform 600ms;}

 
.hzjtl{ width:60px; height:60px; position:absolute; left:-80px; top:40%; cursor:pointer; background:url(../images/bantblh.png) center center no-repeat #fff; border-radius:4px; cursor:pointer;}
.hzjtr{ width:60px; height:60px; position:absolute; right:-80px; top:40%; cursor:pointer; background:url(../images/bantb3h.png) center center no-repeat #fff; border-radius:4px; cursor:pointer;}
.hzjtl:hover{ background:url(../images/bantbl.png) center center no-repeat #fb841a;} 
.hzjtr:hover{ background:url(../images/bantb3.png) center center no-repeat #fb841a;} 
 
.bottomdiv{ width:100%; height:auto; float:left; min-height:100px; background:#021121;} 
.bottomdivleft{ width:66%; height:auto; float:left; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; padding-bottom:70px; } 
.bottomdivleftc{ width:100%; height:auto; float:left; padding:40px 30px 25px 0; margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box;} 
.bottomdivleftc img{ width:auto; height:60px; float:left; display:block;} 
.bottomdivleftc dl.d1{ width:170px; height:50px; float:right; margin-top:5px; position:relative;}
.bottomdivleftc dl.d1 dt{ width:100%; height:50px; line-height:50px; padding-left:20px; font-size:15px; color:#fff; background:url(../images/bantb3.png) 145px center no-repeat #fb841a; box-sizing:border-box; cursor:pointer;} 
.bottomdivleftc dl.d1 dd{ width:100%; height:auto; display:none; float:left; position:absolute; left:0; bottom:50px; background:#fff;}
.bottomdivleftc dl.d1 dd a{ width:100%; height:auto; float:left; font-size:14px; line-height:18px; padding:8px 10px; box-sizing:border-box; border-bottom:1px solid #ededed; text-align:center; color:#333;} 
.bottomdivleftc dl.d1:hover dd{ display:block;} 

dl.bd1{ width:20%; height:auto; float:left;}
dl.bd1 dt{ width:100%; height:auto; float:left; font-size:18px; line-height:26px; margin:5px 0; color:#fff; font-weight:bold;}
dl.bd1 dd{ width:100%; height:auto; float:left; margin-bottom:5px;}
dl.bd1 dd a{ width:100%; height:auto; float:left; font-size:16px; color:#fff; line-height:22px; margin:4px 0; opacity:0.8;}
dl.bd1 dd a:hover{ opacity:1;}

.bottomdivright{ width:34%; height:auto; float:left; padding:45px 0 40px 60px; box-sizing:border-box;}
.bottomdivright h2{ width:100%; height:auto;  font-size:20px; line-height:24px; color:#fff; font-weight:bold; background:url(../images/csbj.png) left bottom no-repeat; background-size:40px 3px; padding-bottom:32px; margin-bottom:22px; float:left;}
.bottomdivright h3{ width:100%; height:auto; float:left; font-size:18px; line-height:26px; margin:5px 0; color:#fff; font-weight:bold; margin-bottom:15px;}
.bottomdivright strong{ width:100%; height:auto; float:left; font-size:44px; line-height:38px; color:#fff; margin-bottom:4px;font-family:"biaotiziti";}
.bottomdivright p{ width:100%; height:auto; float:left; font-size:15px; line-height:24px; color:#fff; opacity:0.8;}
.bottomdivright p a{ color:#fff; opacity:0.8;}
.bottomdivright span{ width:100%; height:auto; float:left; margin-top:25px;}
.bottomdivright span img{ width:86px; height:auto; float:left; display:block; margin-right:15px;}

.bqxx{ width:100%; height:auto; float:left; padding:15px 0;border-top:1px solid rgba(255,255,255,0.1);}
.bqxx p{ width:auto; height:auto; float:left; font-size:14px; line-height:24px; color:#999; opacity:0.8;}
.bqxx a{width:auto; height:auto; float:right; margin-left:15px; font-size:14px; line-height:24px; color:#999; opacity:0.8;}
.bqxx a:hover{ opacity:1;}


/****产品中心******/
.nybanner{ width:100%; height:auto; float:left; margin-top:115px; position:relative}
.nybanner img{ width:100%; height:500px; display:block;}
.nybannerwz{ position:absolute; left:0; top:180px; 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:56px; 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:#0000af;}	  
.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:115px; 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:#0000af; 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 #0000af;} 
 
.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:#0000af;}	  
.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:#0000af; } 
.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;  padding-bottom:15px;}
.box{ width:23%; height:220px; float:left; padding:25px 40px; background:#fff; margin:1%; box-sizing:border-box; box-shadow:0 0 5px #ededed; position:relative;} 
.box p{ width:100%; height:auto; float:left; font-size:15px; line-height:22px; color:#333; }
.box strong{ width:auto; height:70px; float:right; font-size:70px; line-height:70px; color:#0000af; 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:#0000af;}

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: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:#ff902d; 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;}
.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; 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 #0000af; 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; 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:#0000af; 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 #0000af;}
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:50%; height:auto; float:left; padding-right:70px; box-sizing:border-box;}
.indextt strong s{ width:100%; height:auto; float:left; color:#0000af;}
.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:50%; height:auto; float:left; padding-left:70px; 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:#0000af; 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 #141ea1; 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:#1937b7;} 

.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:100px; line-height:120px; color:#666;font-family:"biaotiziti";  font-weight:bold;}
dl.hdl dt s{ color:#141ea1}
dl.hdl dd{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#000; float:left; text-align: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:#0000af; 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 #0000af; color:#fff;border:2px solid #0000af;}
.about_div4 ul.u1 li.l2.cur{ background:url(../images/ab_zstb2h.png) 25px center no-repeat #0000af; color:#fff;border:2px solid #0000af;}

.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:36px; font-weight:normal; color:#000;}
.lxwmdiv dl.last{ background:none;}
.lxwmdiv dl dd strong.s{  font-size:20px; line-height:26px; }

.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; height:auto; float:left; background:#0000af; border:none; margin-right:20px; outline:none; cursor:pointer; color:#fff;  font-size:16px; border-radius:4px; }
.lxwmly .button span{ width:105px; height:60px;font-family:"Montserrat"; 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; height:auto; font-family:"Montserrat";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; 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-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:79.3vw; height:450px; 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:#0000af;}

.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:#0000af;}
.newstjjt{ width:80px; height:auto; position:absolute; right:0; top:0; border-left:1px solid #ededed;}
.newstjjt .xwtjl{ width:100%; height:225px; float:left; background:url(../images/bantblh.png) center center no-repeat; cursor:pointer; }
.newstjjt .xwtjr{ width:100%; height:225px; 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 #0000af;}
.newstjjt .xwtjr:hover{background:url(../images/bantb3.png) center center no-repeat #0000af;}

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; 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:#0000af;}
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-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; 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 #0000af; 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:#0000af; 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:30px 0 20px 0;}
.yylydiv dl.d1{ width:calc((100% - 40px)/2); height:auto; float:left; position:relative; margin:10px;}
.yylydiv dl.d1 dt{ width:100%; height:auto; float:left;}
.yylydiv dl.d1 dt img{ width:100%; height:auto; display:block;}
.yylydiv dl.d1 dd{ width:100%; height:auto; float:left; transition:all 0.5s ease; padding:45px 50px 0 50px; box-sizing:border-box; position:absolute; left:0; bottom:0; color:#fff;}
.yylydiv dl.d1 dd h3 a{ width:100%; height:auto; float:left; font-size:34px; line-height:40px; padding-top:40px; background:url(../images/yyly_tb.png) left top no-repeat; margin-bottom:85px; transition:all 0.5s ease; background-size:auto 34px; font-weight:bold; color:#fff;}
.yylydiv dl.d1 dd p{ display:none; width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#fff;}
.yylydiv dl.d1 dd div{ width:100%; height:60px; position:absolute; left:0; bottom:10px; padding:0 50px; box-sizing:border-box;}
.yylydiv dl.d1 dd a.a{ width:100%; height:60px; line-height:60px;  float:left; border-top:1px solid rgba(255,255,255,0.1); font-size:18px; background:url(../images/bantb3.png) right center no-repeat; color:#fff;}
.yylydiv dl.d1:hover dd{ height:100%; background:rgba(0,0,175,0.8); transition:all 0.5s ease;}
.yylydiv dl.d1:hover dd p{ display:block;}
.yylydiv dl.d1:hover dd h3 a{margin-bottom:15px; transition:all 0.5s ease;}

/*****应用领域-详情*****/
.yylyxxdiv{ width:100%; height:auto; float:left; padding:60px 0; background:#fff; overflow:hidden;}
.yylyxxdiv dl.d1{ width:100%; height:auto; float:left;}
.yylyxxdiv dl.d1 dt{ width:40%; height:auto; float:left; padding-right:50px; box-sizing:border-box;}
.yylyxxdiv dl.d1 dd{ width:60%; height:auto; float:left; font-size:16px; line-height:30px; color:#333;}
.yylyxxdiv dl.d1 dd p{ width:100%; height:auto; float:left;}

.yylyxxdiv1{ width:100%; height:auto; float:left;}
.yylyxxdiv1 img{ width:100%; height:auto; display:block; min-height:200px;}

.yylyul{ width:900px; height:auto; position:relative; margin:0 auto; background:#f00;}
.yylyul ul{ width:20000px; height:auto !important; overflow:hidden; float:left; position:relative;transition:transform 600ms; list-style:none;}
.yylyul ul li{ width:900px; height:auto; padding:0 70px; box-sizing:border-box; float:left;}
.yylyul ul li img{ width:100%; height:auto; display:block;}
.yylyjtl{ width:70px; height:70px; float:left; position:absolute; left:0; top:280px; background:url(../images/bantblh.png) center center no-repeat #ededed; cursor:pointer; }
.yylyjtr{ width:70px; height:70px; float:left; position:absolute; right:0; top:280px; background:url(../images/bantb3h.png) center center no-repeat #ededed; cursor:pointer; }
.yylyjtl:hover{background:url(../images/bantbl.png) center center no-repeat #0000af;}
.yylyjtr:hover{background:url(../images/bantb3.png) center center no-repeat #0000af;}

.yylyxxdiv3{ width:100%; height:auto; float:left; padding:60px 0; background:#f6f7f9;}
dl.ypdl{ width:25.5vw; 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.ypdl dd.d{ width:100%; height:auto; padding:35px 20px 10px 20px; box-sizing:border-box; text-align:center;}
dl.ypdl dd.d h3 a{ width:100%; height:26px; line-height:26px; font-size:18px; font-weight:bold; color:333; overflow:hidden;}
dl.ypdl dd.d p{ width:100%; height:24px; float:left; font-size:15px; line-height:24px; color:#666; overflow:hidden; margin-top:8px;}
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.dd{ width:100%; height:auto; float:left; padding-bottom:45px;}
dl.ypdl dd.dd a.amore{ background:#f8f9fb; border:1px solid #0000af; height:38px; line-height:38px; color:#0000af; float:none; display:table; margin:0 auto;}
dl.ypdl dd.dd a.amore span{  background:url(../images/hsbj.png) right center no-repeat; background-size:1px 14px;}
dl.ypdl dd.dd a.amore s{  background:url(../images/bantb3h.png) center center no-repeat;}
dl.ypdl dd.dd:hover a.amore{ background:#0000af; color:#fff; opacity:1;}
dl.ypdl dd.dd:hover a.amore s{ background:url(../images/bantb3.png) center center no-repeat;}


/****加入我们弹出*****/
.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:#0000af; 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;}