@charset "utf-8";
/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/Poppins-Regular.ttf');
}
 
 
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:#3477dc;}
img,video { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ width:1680px; margin:0 auto; box-sizing:border-box; max-width:1920px;}
.document_width1{ width:1440px; margin:0 auto; box-sizing:border-box; max-width:1920px;}

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

 
.zhezhao{ width:100%; height:100vh; position:fixed; left:0; top:0; z-index:9997; background:rgba(0,0,0,0.4); display:none;}
.zzyvideo{ width:94%; height:auto; float:left; display:none; max-width:1000px; border-radius:20px; overflow:hidden; position:fixed; left:20px; top:20px; z-index:9999;}
.zzyvideo .zzyclose{ width:28px; height:28px; border-radius:0px 20px 0 0; position:absolute; right:0px; top:0px; z-index:9999; background:url(../images/closeX.png) center center no-repeat #fff; cursor:pointer;}
.zzyvideo video{ width:100%; height:auto; display:block;}
 
 
 
/*
::-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;}
 

.sj_menu {display: none;}
.menutb{ width:30px; height:36px;float:right; margin:17px 0 0 15px; display:none; position:relative; z-index:9999;}
.menutb span{ width:100%; height:2px; margin:5px 0; background:#000; 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;}

/******搜索结果页*******/
.ssjgdiv{ width:100%; height:auto; float:left; padding:30px 0 60px 0;}
.ssjgdiv dl{ width:48%; height:auto; float:left; margin:1% ; background:rgba(255,255,255,0.9);background-size:3px 0; transition:all 0.4s ease;   padding:20px; box-shadow:3px 0 7px #ededed; box-sizing:border-box;}
.ssjgdiv dl dt{ width:100%; height:auto; float:left; font-family:"ziti1"; font-weight:bold; border-bottom:1px solid rgba(0,0,0,0.1);}
.ssjgdiv dl dt h3 a{ width:100%; height:26px; line-height:26px; float:left; font-size:18px;font-family:"ziti1"; font-weight:bold; color:#333; padding-bottom:10px;  overflow:hidden; white-space: nowrap;  text-overflow: ellipsis;  -o-text-overflow:ellipsis;}
.ssjgdiv dl dd{ width:100%; height:auto; float:left; padding:10px 0; box-sizing:border-box;}
.ssjgdiv dl p{ width:100%; height:48px; float:left; font-size:16px; line-height:22px; color:#555; overflow:hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;}
.ssjgdiv dl:hover dt h3 a{ color:#0e97dd;}

/****分页****/
.fenye{ margin:40px 0 20px 0; width:100%; height:auto; float:left;   box-sizing:border-box; border-radius:15px;}
.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:40px; border:1px solid #ededed; color:#333; border-radius:1px; font-size:16px; height:40px; margin:0 3px; border-radius:100%; line-height:40px;text-align:center; background:#fff; box-shadow:0 0 2px #ededed;}
.fenye ul li a.cur,.fenye ul li a:hover{ color:#fff; background:#3477dc;}
.fenye ul li.l1{  width:auto;}
.fenye ul li.l1 a{ width:auto; border-radius:20px; padding:0 15px;}
.fenye ul li.l1 a s{ padding-left:15px; background:url(../images/qhjtlh.png) left center no-repeat;}
.fenye ul li.l1 a:hover s{ background:url(../images/qhjtl.png) left center no-repeat;}
.fenye ul li.l2{   width:auto;} 
.fenye ul li.l2 a{ width:auto; border-radius:20px; padding:0 15px;}
.fenye ul li.l2 a s{ padding-right:15px; background:url(../images/qhjtrh.png) right center no-repeat;}
.fenye ul li.l2 a:hover s{ background:url(../images/qhjtr.png) right center no-repeat;}

#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:#3477dc; }

/*****右侧浮动*****/
.fd_right{ width:60px; height:auto; float:right; position:fixed; right:10px; bottom:100px; z-index:9999;}
.fd_right ul{ width:100%; height:auto; float:left; list-style:none;}
.fd_right ul li { width:60px; height:60px; float:left; margin:5px 0;  position:relative;}
.fd_right ul li a{ width:60px; height:60px; border-radius:100%; cursor:pointer; line-height:60px; box-sizing:border-box; float:left;border:1px solid #ededed; background:url(../images/fr_tb1.png) center center no-repeat #fff; position:relative;}
.fd_right ul li.l1:hover a{ background:url(../images/fr_tb1h.png) center center no-repeat #3477dc; border:1px solid #3477dc;}

.fd_right ul li.l2 a{ background:url(../images/fr_tb2.png) center center no-repeat #fff; z-index:2;}
.fd_right ul li.l2:hover a{ background:url(../images/fr_tb2h.png) center center no-repeat #3477dc; border:1px solid #3477dc;}
.fd_right ul li.l2 span{ position:absolute; right:10px; z-index:1; float:left; background:#3477dc; color:#fff; width:180px; border-radius:60px;line-height:60px; width:0px; overflow:hidden; transition:all 0.5s ease; height:60px; font-size:16px; box-sizing:border-box;}
.fd_right ul li.l2:hover span{ width:250px; padding:0 20px;  transition:all 0.5s ease;}

.fd_right ul li.l3 a{background:url(../images/fr_tb3.png) center center no-repeat #fff; z-index:2;}
.fd_right ul li.l3:hover a{ background:url(../images/fr_tb3h.png) center center no-repeat #3477dc; border:1px solid #3477dc;}
.fd_right ul li.l3 p{ width:120px; height:auto; padding:10px; box-sizing:border-box; background:#fff; position:absolute; right:70px; top:-30px; display:none;}
.fd_right ul li.l3 p img{ width:100%; height:auto; display:block;}
.fd_right ul li.l3:hover p{ display:block;}

.fd_right ul li.l4 a{background:url(../images/fr_tb4.png) center center no-repeat #fff; z-index:2;}
.fd_right ul li.l4:hover a{ background:url(../images/fr_tb4h.png) center center no-repeat #3477dc; border:1px solid #3477dc;}



/*******首页*******/ 
.headtop{ width:100%; height:auto; padding:16px 0; float:left; background:linear-gradient(to right, #4a99f1, #3477dc);}
.headtop span{ width:auto; height:44px; line-height:50px; float:left; padding-left:55px; font-weight:bold; background:url(../images/headtb1.png) left center no-repeat; font-size:20px; color:#fff;}
.headtop a{ width:auto; height:44px; line-height:50px; float:right; padding-left:55px; font-weight:bold; background:url(../images/headtb2.png) left center no-repeat; font-size:20px; color:#fff;}

.headdiv{ width:100%; height:96px; float:left; background:#fff; position:relative;}
.headdiv .logo{ width:360px; height:auto; position:absolute; left:50%; top:-50px; margin-left:-180px; z-index:999;}
.headdiv .logo img{ width:100%; height:auto; display:block;}
ul.menuul{ width:calc(50% - 180px); height:auto; float:left; list-style:none;}
ul.menuul>li{ width:auto; height:96px; float:left; position:relative;}
ul.menuul>li>a{ width:auto; height:40px; line-height:40px; margin-top:28px; float:left; font-size:18px; font-weight:bold; color:#333; background:url(../images/headbj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; margin-right:78px;}
ul.menuul>li>a:hover,ul.menuul>li>a.cur{ color:#3579dd;background-size:100% 2px; transition:all 0.5s ease;}
ul.menuul>li>a.last{ margin-right:0;}

ul.menuul li p.ejp{ width:220px; height:auto; float:left; position:absolute; left:-65px; top:105px; z-index:9999; display:none;}
ul.menuul li p.ejp span{ width:100%; height:10px; display:block; position:absolute; left:0; top:-9px; background:url(../images/menutba.png) center center no-repeat;}
ul.menuul li p.ejp a{ width:100%; height:60px; line-height:60px; text-align:center; border-bottom:1px solid #F2F2F2; font-size:16px; color:#173d3e; overflow:hidden; background:#fff; float:left;}
ul.menuul li:hover p.ejp{ display:block;}
ul.menuul li p.ejp a:hover{ color:#3579dd; background:url(../images/menutba1.png) left top no-repeat #fff;}
ul.menuul li p.ejp span.sp{ background-position:80px center !important;}

ul.menuul li.lip{ position:static;}
.ejpro{ width:100%; height:auto; float:left; padding:50px 0; display:none; position:absolute; left:0; top:96px; min-height:230px; background:url(../images/huibj.png) left center no-repeat #fff; background-size:55% 100%; z-index:9991;}
.ejprol{ width:55%; height:auto; float:left;}
.ejprol ul.uyj{ width:100%; height:auto; float:left; list-style:none; margin-bottom:25px;}
.ejprol ul.uyj li a{ width:auto; height:44px; line-height:44px; float:left; font-size:16px; color:#173d3e; font-weight:bold; margin-right:50px;}
.ejprol ul.uyj li a.cur{ color:#3579dd;}
.ejprol dl{ width:100%; height:auto; float:left; display:none;}
.ejprol dl dt{ width:300px; height:auto; float:left;padding-right:60px; box-sizing:border-box;}
.ejprol dl dt a{ width:100%; height:auto; float:left; font-size:16px; color:#173d3e; line-height:24px; margin:10px 0;}
.ejprol dl dt a:Hover,.ejprol dl dt a.cur{ color:#4a99f1;}
.ejprol dl dd{ width:calc(100% - 300px); height:auto; min-height:150px; padding-right:50px; float:left; border-left:1px solid #ededed; box-sizing:border-box;}
.ejprol dl dd p{ width:100%; height:auto; float:left; display:none;}
.ejprol dl dd p a{ width:calc(50% - 40px); height:auto; min-height:44px; float:left; margin:0px 0 25px 40px; padding-left:10px; font-size:15px; overflow:hidden; line-height:22px; color:#173d3e; opacity:0.8; box-sizing:border-box;}
.ejprol dl dd p a:hover,.ejprol dl dd p a.cur{ color:#4a99f1; background:url(../images/qhjtrha.png) left 5px no-repeat;}
.ejpror{ width:45%; height:auto; float:left;}
.ejpror ul{ width:300px; height:auto; margin:0 auto; list-style:none; display:none;}
.ejpror ul li{ width:100%; height:auto; float:left; overflow:hidden; display:none;}
.ejpror ul li img{ width:100%; height:auto; padding:25px; background:#f9f9fb; box-sizing:border-box;}
.ejpror ul li span{ width:100%; height:32px; line-height:32px; float:left; text-align:center; font-size:18px; font-weight:bold; overflow:hidden; color:#173d3e;}
ul.menuul li.lip:hover .ejpro{ display:block;}

.urdiv{ width:calc(50% - 180px); height:auto; float:right; }
.urdiv ul.menuul{ width:auto; float:left; margin-left:25px;} 
.soso{ width:150px; height:34px; float:right; background:#f5f5f5; border-radius:15px; margin:31px 0;}
.soso .input{ width:120px; height:34px; line-height:34px; float:left; background:none; outline:none; border:none; text-indent:15px; font-size:15px;}
.soso .button{ width:30px; height:34px; float:left; background:url(../images/sosotb.png) center center no-repeat; cursor:pointer; border:none; outline:none;}
 
.headdivzs{ position:fixed; left:0; top:0; z-index:9999; background:#fff; width:100%; height:auto; float:left;}
 
.banner{ width:100%; overflow:hidden; height:700px !important;min-height:500px !important;  float:left; position:relative; touch-action: pan-y;  }
.banner ul {  overflow:hidden; height:700px !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:700px !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{position:absolute;bottom:50px;text-align:center; z-index:886;}
.qhsp{margin:0px;padding:0px; width:100%; text-align:center;}
.qhsp span{display:inline-block; position:relative; width:14px;height:14px; background:url(../images/sph.png) center center no-repeat; cursor:pointer; margin:0 8px; box-sizing:border-box;}
.qhsp span.cur{ background:url(../images/sp.png) center center no-repeat;}
.banner .document_width{ position:relative;}
.banwenzi{ position:absolute; top:80px; width:100%; max-width:1920px; height:auto; left:0px;transition:1s linear ; z-index:99;box-sizing:border-box}
.banwenzic{ width:50%; height:auto; float:left; padding:70px 70px 90px 6%; box-sizing:border-box; overflow:hidden;}
.banwenzi h2{ width:100%; height:auto; font-weight:bold; position:relative; background: -webkit-gradient(linear,left top,right top,from(#4a99f1),to(#3477dc));-webkit-background-clip: text;-webkit-text-fill-color: transparent;  float:left; font-size:48px;line-height:64px;  margin-bottom:25px;}
.banwenzi p.p{ width:100%; height:auto; float:left; font-size:22px;line-height:34px; font-weight:bold; color:#173d3e; box-sizing:border-box; margin-bottom:3px;}   
.banwenzi a.a{ width:auto; height:60px; line-height:60px;   border-radius:30px; font-size:15px; font-weight:bold; padding:0 30px; margin-top:40px; display:inline-table; background:linear-gradient(to right, #4a99f1, #3477dc); color:#fff;    }
.banwenzi a.a span{ padding-right:27px; background:url(../images/bana.png) center right no-repeat; }
.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; }}

.indexdiv1{ width:100%; height:auto; float:left; background:#f9f9f9; background-size:cover; padding:90px 0;}
.indextt{ width:100%; height:auto; float:left; margin-bottom:40px !important; text-align:center;}
.indextt strong{ width:100%; height:auto; float:left; font-size:48px; line-height:56px; color:#173d3e; font-weight:bold; margin-bottom:10px;}
.indextt p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#173d3e; }
.indexdiv1 .indextt{ width:590px; height:auto; float:left; text-align:left;}

.indexdiv1fl{ width:auto; height:auto; float:right;}
.indexdiv1fl .box{ width:180px; height:120px; cursor:pointer; margin-left:20px; border-radius:15px; background:#fff; padding:13px 40px; box-sizing:border-box; position:relative; float:left; text-align:center;}
.indexdiv1fl .box p{ width:100%; height:auto; float:left;}
.indexdiv1fl .box p img{ width:50px; height:50px; display:block; margin:0 auto;}
.indexdiv1fl .box p .img1{ display:none;}
.indexdiv1fl .box h3{ width:100%; height:auto; float:left; font-size:16px; line-height:18px; color:#3477dc; margin-top:5px;}
.indexdiv1fl .box span{ width:100%; height:8px; position:absolute; left:0; bottom:-8px; display:none; background:url(../images/ipro_tbj.png) center top no-repeat;}
.indexdiv1fl .box.cur{background:linear-gradient(to right, #4a99f1, #3477dc);}
.indexdiv1fl .box.cur p .img{ display:none;}
.indexdiv1fl .box.cur p .img1{ display:block;}
.indexdiv1fl .box.cur h3{ color:#fff;}
.indexdiv1fl .box.cur span{ display:block;}

.indexdiv1flnr{ width:100%; height:auto; float:left; padding-top:70px; border-top:1px solid #ebedeb; min-height:100px; display:none;}
.indexdiv1flnr ul{ width:350px; height:auto; float:left; list-style:none;}
.indexdiv1flnr ul li a{ width:100%; height:54px; line-height:54px; font-size:22px; color:#173d3e; float:left; overflow:hidden;transition:all 0.5s ease;}
.indexdiv1flnr ul li a.cur{ padding-left:30px; color:#3477dc; background:url(../images/indexdiv1_tb.png) left center no-repeat; transition:all 0.5s ease;}
.indexdiv1flnrc{ width:calc(100% - 350px); height:auto; min-height:440px; float:left; display:none;}
dl.ipdl{ width:calc((100% - 60px) / 3); height:auto; float:left; padding:30px 40px; box-sizing:border-box; margin-left:20px; background:#fff;}
dl.ipdl dd.dd h3 a{ width:100%; height:44px; line-height:24px; text-align:center; font-size:18px; font-weight:bold; color:#050505; overflow:hidden; float:left;}
dl.ipdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.ipdl 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.ipdl: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; }
dl.ipdl dd.dd1{ width:100%; height:auto; float:left; margin-top:10px;}
dl.ipdl dd.dd1 a.a{width:auto; height:40px; line-height:40px;   border-radius:20px; font-size:15px; font-weight:bold; padding:0 20px; margin:0 auto; background:#3477dc; display:table;}
dl.ipdl dd.dd1 a.a s{ color:#fff; padding-right:15px; background:url(../images/indexdiv1_tb1.png) right center no-repeat;}
dl.ipdl:hover dd.dd1 a.a{ box-shadow:0 1px 8px #3477dc;}
.indexdiv1flnr a.amroe{ margin-top:-90px;}

a.amroe{ width:auto; height:60px; line-height:60px;   border-radius:30px; font-size:15px; font-weight:bold; padding:0 30px; margin-top:40px; display:inline-table; background:linear-gradient(to right, #4a99f1, #3477dc); color:#fff; float:left;}
a.amroe span{ padding-right:27px; background:url(../images/bana.png) center right no-repeat; }
a.amroe:Hover{ opacity:0.9;}
a.amroe.nofl{ float:none; margin:40px auto 0 auto; display:table;}
.indexdiv2{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/indexdivbj2.jpg) center  center no-repeat; background-size:cover;}
.indexdiv2 .indextt strong{ width:calc((100% - 50px) /3); height:auto; text-align:left; }
.indexdiv2 .indextt p{ width:calc((100% - (100% - 50px) / 3)); height:auto; text-align:left; }
.indexdiv2 dl{width:calc((100% - 50px) /3); height:auto; float:left; margin-right:25px;}
.indexdiv2 dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.indexdiv2 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;}
.indexdiv2 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; }
.indexdiv2 dl dd{ width:100%; height:auto; float:left; padding:30px 35px 45px 35px; position:relative; box-sizing:border-box; background:url(../images/ixybj.jpg) 85% bottom no-repeat #fff; background-size:auto auto;}
.indexdiv2 dl dd h3 a{ width:100%; float:left; font-size:24px; font-weight:bold; color:#173d3e; height:40px; line-height:40px; overflow:hidden;}
div.gddiv { width:100%; height:104px;  float:left; padding-right:20px; overflow-y:auto; font-size:16px; color:#173d3e; line-height:26px; box-sizing:border-box; margin-top:10px;}
div.gddiv::-webkit-scrollbar {width:2px; height:5px;}
div.gddiv::-webkit-scrollbar-track { border-radius:2px;background-color: #cdd4cd; box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
div.gddiv::-webkit-scrollbar-thumb { border-radius:2px; background-color:#3477dc;}
.indexdiv2 dl dd p.pa{ width:100%; height:auto; min-height:120px;　 float:left; margin-top:30px; padding-top:30px; float:left; border-top:1px solid #f1f1f1;}
.indexdiv2 dl dd p.pa a{ width:50%; height:auto; line-height:30px; float:left; font-size:18px; font-weight:bold; color:#3477dc; overflow:hidden;}
.indexdiv2 dl dd p.pa a:Hover{ color:#3477dc;}
.indexdiv2 dl dd a.a{ width:200px; height:200px; float:left; display:none; background:url(../images/ixy_tb.png) top center no-repeat; background-size:100% auto; position:absolute; right:0px; top:-65px;}
.indexdiv2 dl:hover dd a.a{ display:block;}
.indexdiv2 dl.last{ margin-right:0;}

.indexdiv3{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/indexdivbj3.jpg) center center no-repeat; background-size:cover;}
.indexttc{ width:960px; margin:0 auto; float:none; display:table;}
.indexdiv3 ul{ width:100%; height:auto; float:left; list-style:none; margin:50px 0 25px 0;}
.indexdiv3 ul li a{ width:calc(95% / 5); height:auto; padding:60px 25px; text-align:center; box-sizing:border-box; float:left; margin:0.5%; background:url(../images/ioem_bj.png) center center no-repeat; background-size:100% 100% !important; }
.indexdiv3 ul li a img{ width:auto; height:auto; margin:0 auto; display:block; max-width:100%;}
.indexdiv3 ul li a span{ width:100%; height:60px; float:left; font-size:18px; line-height:30px; margin-top:-15px; font-weight:bold; color:#3477dc;}
.indexdiv3 ul li a:Hover{ background:url(../images/ioem_bjh.png) center center no-repeat;}
.indexdiv3 ul li.l1 a{ margin:-60px 0.5% 0.5% 10.5%;}
.indexdiv3 ul li.l2 a{ margin:-60px 0.5% 0.5% 0.5%;}

.indexdiv4{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/indexdivbj4.jpg) center center no-repeat; background-size:cover;}
.indexdiv4 .indextt{ width:710px; float:left; text-align:left;}
.indexdiv4 .indextt strong,.indexdiv4 .indextt p{ color:#fff;}
a.amroe.flr{ float:right; margin-top:70px;}

.indexdiv5{ width:100%; height:auto; float:left; padding:90px 0 500px 0; background:url(../images/indexdivbj5.jpg) top center no-repeat; background-size:cover;}
.indexdiv6{ width:100%; height:auto; float:left; padding-bottom:90px; background:url(../images/indexdivbj6.jpg) center center no-repeat; background-size:cover;}
.indexdiv6c{ width:100%; height:auto; float:left; margin-top:-150px; margin-bottom:65px;}
.indexdiv6c .box{ width:25%; height:auto; float:left; border-top:4px solid #fff; text-align:center; background:#fff; padding:40px 20px; box-sizing:border-box; border-right:1px solid #f1f1f1;}
.indexdiv6c .box img{ width:48px; height:auto; display:block; margin:0 auto;}
.indexdiv6c .box strong{ width:100%; height:auto; float:left; font-size:50px; line-height:78px; font-weight:bold; color:#173d3e; margin:15px 0;}
.indexdiv6c .box strong em{ font-size:72px;}
.indexdiv6c .box p{ width:100%; height:auto; float:left; font-size:18px; opacity:0.95; line-height:30px; color:#173d3e; min-height:60px; font-weight:bold;}
.indexdiv6c .box.cur{ border-top:4px solid #3477dc;}
.indexdiv6c .box.cur strong,.indexdiv6c .box.cur p{ color:#3477dc;}

.indexdiv6 dl{ width:50%; height:auto; float:left; border-right:1px solid rgba(255,255,255,0.1); padding-right:60px; box-sizing:border-box;}
.indexdiv6 dl dt{ width:110px; height:auto; float:left;}
.indexdiv6 dl dt img{ width:80px; height:auto; display:block;}
.indexdiv6 dl dd{ width:calc( 100% - 110px); height:auto; float:left;}
.indexdiv6 dl dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#ffffff; font-weight:bold; margin-bottom:5px;}
.indexdiv6 dl dd p{ width:100%; height:auto; min-height:78px; float:left; font-size:16px; line-height:26px; color:#ffffff;}
.indexdiv6 dl.d2{ padding-left:60px; border-right:none; padding-right:0;}
.indexdiv6 .xt{ width:100%; height:1px; float:left; background:rgba(255,255,255,0.1); margin:50px 0;}

.indexdiv7{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}
.indexdiv7 .indextt{ width:460px; float:left; text-align:left;}
.indexdiv7 a.amroe.flr{ margin-top:30px;}
.indexdiv7 ul.u1{ width:340px; height:auto; margin:0 auto; list-style:none; margin-top:-100px;}
.indexdiv7 ul.u1 li{ width:150px; height:46px; float:left; margin:0 10px;}
.indexdiv7 ul.u1 li a{ width:100%; height:46px; line-height:46px; text-align:center; border-radius:40px; float:left; border:2px solid #4a99f1; box-sizing:border-box; color:#4a99f1; font-size:18px; font-weight:bold; overflow:hidden;}
.indexdiv7 ul.u1 li a.cur{ color:#fff;background:linear-gradient(to right, #4a99f1, #3477dc); border:none;}
.indexdiv7c{ width:100%; height:auto; float:left; display:none;}
dl.xwd1{ width:100%; height:450px; float:left; margin-bottom:60px; background:url(../images/ixw_bj.png) right bottom no-repeat #fbfbfb; background-size:40% auto; }
dl.xwd1 dt{ width:50%; height:100%; float:left; overflow:hidden;}
dl.xwd1 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.xwd1: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; }
dl.xwd1 dd{ width:50%; height:auto; padding:65px 70px 0 70px; box-sizing:border-box; float:left;}
dl.xwd1 dd h3 a{ width:100%; height:72px; line-height:36px; float:left; font-size:24px; color:#173d3e; font-weight:bold; overflow:hidden;}
dl.xwd1 dd p{ width:100%; height:120px; line-height:30px; float:left; font-size:16px; color:#173d3e; margin:15px 0 25px 0; padding-bottom:50px; border-bottom:1px solid #f1f1f1;}
dl.xwd1 dd a.a{ width:auto; height:auto; float:left; font-size:16px; padding-right:25px; color:#173d3e; font-weight:bold; background:url(../images/indexdiv1_tb.png) right center no-repeat; background-size:12px auto;}
dl.xwd1 dd span{ width:auto; height:auto; float:right; padding-left:15px;  font-weight:bold;font-size:16px; color:#666; background:url(../images/ixw_tb.png) left center no-repeat;}
dl.xwd2{ width:calc((100% - 200px) / 3); height:auto; float:left; background:url(../images/huibj.jpg) right center no-repeat; background-size:1px 100%; margin-right:50px; padding-right:50px;}
dl.xwd2 dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.xwd2 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.xwd2: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; }
dl.xwd2 dd{ width:100%; height:auto; padding:20px 0; box-sizing:border-box; float:left;}
dl.xwd2 dd p{ width:100%; height:auto; line-height:26px; float:left; font-weight:bold; font-size:16px; color:#888;  padding-left:20px; box-sizing:border-box; background:url(../images/ixw_tb.png) left center no-repeat;}
dl.xwd2 dd h3 a{ width:100%; height:90px; line-height:30px; float:left; font-size:20px; color:#173d3e; margin-top:5px; font-weight:bold; overflow:hidden;}
dl.xwd2.last{ margin-right:0; padding-right:0; background:none;}
dl.xwd2:hover dd h3 a{ color:#4a99f1;}

.bottomdiv{ width:100%; height:auto; padding-bottom:40px; float:left; background:url(../images/dbbj.jpg) center center no-repeat; background-size:cover;}
.bottomdiv ul.u1{ width:100%; height:auto; float:left; padding:30px 0; border-bottom:1px solid rgba(255,255,255,0.1); list-style:none; margin-bottom:50px;}
.bottomdiv ul.u1 li{ width:calc(100% / 9); height:auto; float:left; text-align:center;}
.bottomdiv ul.u1 li a img{ width:80%; height:auto; max-width:80px; display:block; margin:0 auto;} 

.bottomdiv .box{ width:40%; height:auto; float:left; padding-right:150px; box-sizing:border-box;}
.bottomdiv .box img{ width:auto; height:auto; display:block; max-width:240px;} 
.bottomdiv .box p.p1{ width:100%; height:auto; float:left; padding-left:30px; font-size:16px; line-height:26px; color:#fff; background:url(../images/bot_tb10.png) left 5px no-repeat; box-sizing:border-box; margin-top:28px;} 
.bottomdiv .box p.p1.p2{   background:url(../images/bot_tb11.png) left 5px no-repeat; margin-top:18px;} 
.bottomdiv .box p.p1.p3{   background:url(../images/bot_tb12.png) left 5px no-repeat; margin-top:18px;} 
.bottomdiv .box p.p1 a{ color:#fff;} 
.botshare {width: auto;height: auto;float: left; margin-top:30px;}
.botshare a.a {width: 22px;height:22px;padding:12px;margin-right:10px;float: left; border-radius:10px; background:#3477dc;}
.botshare a.a img {width: 100%;height: auto; display: block;}
.botshare a.a:hover {background:#3477dc;} 
.bottom_r{ width:60%; height:auto; float:left;}
.bottomdiv dl.d1{ width:25%; height:auto; float:left; margin-bottom:25px;}
.bottomdiv dl.d1 dt{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#fff; font-weight:bold; margin-bottom:15px;} 
.bottomdiv dl.d1 dd{ width:100%; height:auto; float:left;}
.bottomdiv dl.d1 dd a{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; padding:7px 0; color:#fff; opacity:0.8;} 
.bottomdiv dl.d1 dd a:hover{ opacity:1;}  
.linkdiv{ width:100%; height:auto; float:left; margin-top:25px;}
.linkdiv a{ width:auto; height:auto; float:left; font-size:16px; line-height:30px; color:#fff; opacity:0.8; margin-right:25px;}
.linkdiv a:hover{ opacity:1;}
.bqxxdiv{ width:100%; height:auto; float:left; font-size:16px; color:#fff; line-height:26px; background:#3477dc; padding:15px 0;}
.bqxxdiv p{ width:auto; height:auto; float:left;}
.bqxxdiv span{ width:auto; height:auto; float:right;}
.bqxxdiv span a{ padding:0 10px; color:#fff;}

.backtop{ width:80px; height:40px; display:none; position:fixed; right:50px; bottom:60px; background:url(../images/backtop.png) center center no-repeat #3477dc; cursor:pointer; border-radius:10px;}
.backtop:hover{ opacity:0.8;} 
 
 
/******oem*****/ 
.nyban{ width:100%; height:auto; float:left; position:relative;}
.nyban .img{ width:100%; height:540px; display:block;}
.nybanwz{ width:100%; height:540px; float:left; position:absolute; left:0; top:0px;display: flex; align-items: center;}
.nybanwzc{ width:50%; height:auto; float:left; position:relative; margin-top:80px; opacity:0.5; }
.nybanwzc .sp{ width:120px; height:78px; display:none; float:left; background:url(../images/ban_tb.png) center center no-repeat; background-size:100% auto; position:absolute; left:-60px; top:-9px;} 
.nybanwzc strong{ width:100%; height:auto; float:left; font-size:60px; line-height:72px; font-weight:bold; color:#fff; position:relative; z-index:1; margin-bottom:20px;} 
.nybanwzc p{ width:100%; height:auto; float:left; font-size:24px; line-height:36px; color:#fff; } 
 
.nymenu{ width:100%; height:auto; float:left; border-bottom:1px solid #f1f1f1;}
.nymenu ul{ width:100%; height:auto; float:left; list-style:none;}
.nymenu ul li a{ width:auto; height:70px; line-height:70px; float:left; background:url(../images/headbj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; margin-right:50px; font-size:18px; color:#173d3e; font-weight:bold;} 
.nymenu ul li a:Hover,.nymenu ul li a.cur{ color:#3477dc; background-size:100% 2px; transition:all 0.5s ease; } 
.mbxdiv{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#666; padding:15px 0;}
.mbxdiv a{ color:#666;}
.mbxdiv a.a{ width:30px; height:30px; background:url(../images/mbx_tb.png) center center no-repeat; display:inline-table; float:left;}
.mbxdiv a:hover{ color:#333;}

.oemdiv1{ width:100%; height:auto; float:left; padding:60px 0 90px 0; background:#fff;}
.indextt p.p1{ font-size:24px; line-height:36px;}
.oemu1{  text-align:center; white-space:nowrap;list-style:none;}
.oemu1 li{display:inline;  margin:0; padding:0;list-style:none;  }
.oemu1 li a{ display:table-cell; display:inline-block; margin:0 8px; width:auto; padding:0 25px;  height:46px; line-height:46px; text-align:center; border-radius:40px; border:2px solid #3477dc
; box-sizing:border-box; color:#3477dc
; font-size:18px; font-weight:bold; overflow:hidden; box-sizing:border-box;}
.oemu1 li a.cur,.oemu1 li a:hover{ color:#fff;background:linear-gradient(to right, #4a99f1, #3477dc);  box-sizing:border-box;}

.oemdiv1z,.oemdiv2z,.oemdiv3z{ width:100%; height:auto; float:left; position:relative; margin-top:40px;}
.oemdiv1c{ width:100%; height:auto; float:left; position:relative; overflow:hidden;}
.oemdiv1clist{ width:20000px; height:auto; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.qhjtl{ width:50px; height:50px; border-radius:100%; border:1px solid #f1f1f1; position:absolute; left:-75px; top:40%; float:left; background:url(../images/qhjtlh.png) center center no-repeat #fff; cursor:pointer; background-size:6px auto !important;  display:block;}
.qhjtr{ width:50px; height:50px;  border-radius:100%;border:1px solid #f1f1f1; position:absolute; right:-75px; top:40%;float:right; background:url(../images/qhjtrh.png) center center no-repeat #fff; cursor:pointer; background-size:6px auto !important;  display:block;}
.qhjtl:hover{ background:url(../images/qhjtl.png) center center no-repeat #3477dc;border:1px solid #3477dc;}
.qhjtr:hover{ background:url(../images/qhjtr.png) center center no-repeat #3477dc;border:1px solid #3477dc;}  
dl.oemd1{ width:1440px; height:auto; float:left; background:url(../images/ixw_bj.png) right bottom no-repeat #f7f7f7;} 
dl.oemd1 dt{ width:50%; height:auto; float:left; overflow:hidden;}
dl.oemd1 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.oemd1: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; }
dl.oemd1 dd{ width:50%; height:auto; float:left; padding:65px 60px 0 60px; box-sizing:border-box;}
dl.oemd1 dd h2{ width:100%; height:auto; float:left; font-size:32px; line-height:40px; color:#173d3e; font-weight:bold; margin-bottom:30px;} 
dl.oemd1 dd p.p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; padding-left:10px; box-sizing:border-box; background:url(../images/headbj.jpg) left 11px no-repeat; background-size:5px 2px; margin-bottom:20px;} 
dl.oemd1 dd strong{ width:100%; height:auto; float:left; font-size:20px; line-height:26px; color:#3477dc; font-weight:bold; margin-bottom:15px;} 
dl.oemd1 dd span{ width:64px; height:auto; float:left; text-align:center; margin-right:20px;}
dl.oemd1 dd span img{ width:100%; height:auto; display:block;}
dl.oemd1 dd span s{ width:100%; height:auto; float:left; font-size:16px; color:#173d3e; line-height:22px; margin-top:8px;} 
 
.oemdiv2{ width:100%; height:auto; float:left; padding:90px 0; background:#f7f7f7;} 
.oemdiv2c{ width:100%; height:auto; float:left; position:relative; overflow:hidden; margin-top:-30px;}
.oemdiv2c ul.u1{ width:20000px; height:auto; overflow:hidden; float:left; position:relative;transition:transform 600ms; list-style:none;}
.oemdiv2c ul.u1 li{ width:288px; height:auto; float:left; background:url(../images/headbj.jpg) center top no-repeat #fdfdfd; background-size:0 2px; transition:all 0.5s ease; border-right:1px solid #ededed; text-align:center; box-sizing:border-box; padding:35px 20px;}
.oemdiv2c ul.u1 li img{ width:100%; height:auto; display:block;}
.oemdiv2c ul.u1 li span{ width:100%; height:auto; min-height:48px; float:left; font-size:18px; line-height:24px; color:#3477dc; font-weight:bold;}
.oemdiv2c ul.u1 li:Hover{background:url(../images/headbj.jpg) center top no-repeat #fff;  background-size:100% 2px; transition:all 0.5s ease;} 
.oemdiv2ul{ width:100%; height:auto; float:left; margin-top:40px;}
.oemdiv2ul ul{ width:100%; height:auto; float:left; list-style:none; background:#fff;}
.oemdiv2ul ul li{ width:15%; height:70px; line-height:70px; float:left; border-bottom:1px solid #ededed; border-left:1px solid #ededed; box-sizing:border-box;}      
.oemdiv2ul ul li.l3{ width:55%;}
.oemdiv2ul ul li p{ width:100%; height:auto; float:left;padding-left:25px; box-sizing:border-box;}
.oemdiv2ul ul li p.p{ border-bottom:1px solid #ededed;}
.oemdiv2ul ul li.l3 span{ width:25%;  height:70px; line-height:70px; float:left; border-bottom:1px solid #ededed; border-left:1px solid #ededed; box-sizing:border-box;}
.oemdiv2ul ul li.l3 span.sp1{ border-left:none;}
.oemdiv2ul ul li.l1{ font-size:18px; color:#173d3e;padding-left:25px; box-sizing:border-box; font-weight:bold;}      
.oemdiv2ul ul li.l2  img,.oemdiv2ul ul li.l3  img,.oemdiv2ul ul li.l4 img{ width:40px; height:auto; display:block; margin:15px auto;}
.oemdiv2ul ul.top{ background:#4a99f1
;}
.oemdiv2ul ul.top li{ height:120px; font-size:18px; color:#fff; font-weight:bold;}
.oemdiv2ul ul.top li.l2 p.p,.oemdiv2ul ul.top li.l3 p.p{ height:50px; line-height:50px;} 
.oemdiv2ul ul.top li.l3 span{ height:70px; line-height:24px;padding-left:25px; padding-top:10px; box-sizing:border-box;}
.oemdiv2ul ul.top li.l4{ height:120px; line-height:50px;padding-left:25px; box-sizing:border-box;}

.oemdiv3{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/oembj3.jpg) center center no-repeat; background-size:cover;}
.oemdiv3 .indexttc strong,.oemdiv3 .indexttc p.p1{ color:#fff;}
.oemdiv3c{ width:100%; height:auto; float:left; position:relative; overflow:hidden; margin-top:-30px;}
.oemdiv3clist{ width:20000px; height:auto; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.oemdiv3 dl{ width:340px; margin:0 10px; height:auto; float:left;} 
.oemdiv3 dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.oemdiv3 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;}
.oemdiv3 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; }
.oemdiv3 dl dd{ width:100%; height:auto; min-height:310px; float:left; background:url(../images/oem_div3bj.png) right top no-repeat #fff; padding:25px 30px; box-sizing:border-box; position:relative;}
.oemdiv3 dl dd h3{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#173d3e; font-weight:bold; margin-bottom:5px;} 
.oemdiv3 dl dd strong{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#3477dc; font-weight:bold; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ededed;} 
.oemdiv3 dl dd p{ width:100%; height:130px; float:left; font-size:16px; line-height:26px; color:#173d3e; overflow:hidden;} 
.oemdiv3 dl dd a.a{ position:absolute; left:30px; bottom:25px; width:auto; height:auto; float:left;  padding-right:30px; font-size:16px; font-weight:bold; color:#173d3e; background:url(../images/indexdiv1_tb.png) right center no-repeat; background-size:15px auto;}

.oemdiv4{ width:100%; height:auto; float:left; padding:90px 0; background:#f7f7f7;}
.oemdiv4 .box{ width:24%; height:auto; min-height:360px; float:left; margin:0.5%;  overflow:hidden; background:url(../images/headbj.jpg) center bottom no-repeat #fff; background-size:0 2px; transition:all 0.5s ease; padding:30px 30px 70px 30px; box-sizing:border-box; position:relative;}
.oemdiv4 .box h3{ width:100%; height:auto; margin-bottom:15px; font-size:24px; padding-top:15px; line-height:32px; color:#173d3e; font-weight:bold; float:left; padding-right:40px; background-size:30px auto !important; background-position:right top !important; box-sizing:border-box;}
.oemdiv4 .box p{ width:100%; height:auto; min-height:165px; float:left; font-size:16px; line-height:26px; color:#173d3e; border-top:1px solid #ededed; background:url(../images/headbj.jpg) left top no-repeat; background-size:20px 3px; box-sizing:border-box; padding-top:15px;}
.oemdiv4 .box strong{ width:auto; height:80px; float:left; font-size:120px; z-index:1; opacity:0.1; line-height:80px; color:#999; font-weight:bold; position:absolute; right:50px; bottom:-40px;}
.oemdiv4 .box:Hover{  background-size:100% 2px; transition:all 0.5s ease;}
.oemdiv4 .box.box1{ margin-left:13%;}

.botlydiv{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/botlydivbj.jpg) center center no-repeat; background-size:cover;}
.botlydiv .indextt{ text-align:left;}
.botlydiv .indextt strong{ font-size:36px; line-height:36px; margin-bottom:5px; }
.botlydivc{ width:50%; height:auto; float:left;}
.botlydivc p{ width:50%; height:auto; float:left; padding-right:20px; margin-bottom:15px; box-sizing:border-box;}
.botlydivc p strong{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#173d3e; font-weight:bold; margin-bottom:4px;}
.botlydivc p strong s{ color:#f00;}
.botlydivc p .input{ width:100%; height:48px; line-height:48px; border-radius:15px; float:left; border:1px solid #fff; background:#edf1f5; outline:none; text-indent:16px; font-family:"Montserrat";box-sizing:border-box;}
.botlydivc p .sel{ width:100%; height:48px; line-height:48px; border-radius:15px; float:left; border:1px solid #fff; background:#edf1f5; outline:none; text-indent:16px; font-family:"Montserrat";box-sizing:border-box;}

.botlydivc p.p1{ width:100%; padding-right:0;}
.botlydivc p .text{ width:100%; height:157px; line-height:28px; border-radius:15px; float:left; border:1px solid #fff; background:#edf1f5; outline:none; padding:15px; box-sizing:border-box; font-family:"Montserrat";}
.botlydivc .button{ width:auto; height:50px; line-height:50px; padding:0 60px; text-align:center; border:none; outline:none; cursor:pointer;  border-radius:30px; font-size:16px; font-weight:bold; display:inline-table; background:linear-gradient(to right, #4a99f1, #3477dc); color:#fff; float:left;}
.botlydivc .button:hover{ opacity:0.8;}
.botlydivc p.p2{ width:135px; padding-right:10px;}
.botlydivc p.p3{ width:calc( 50% - 155px); padding-right:0;}


/******产品主页*******/
.prozydiv1{ width:100%; height:auto; float:left; padding:60px 0 80px 0; background:#fff;}
.prozydiv1 .h1{ width:100%; height:auto; float:left; font-size:48px; line-height:56px; font-weight:bold; color:#173d3e; margin-bottom:15px;}
.prozydiv1 p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#173d3e;}
.prozydiv1 img{ width:auto; height:auto !important; display:block; max-width:100% !important;}

.prozydiv2{ width:100%; height:auto; float:left; padding:80px 0; background:#eff1f6;}
.prozydiv2 .oemu1 li a{ float:left; margin-right:15px; margin-left:0;}
.prozydiv2c{ width:100%; height:auto; float:left; margin-top:50px;} 
.prozydiv2c .box{ width:380px; height:478px;position:relative; overflow:hidden; float:left; background-size:cover !important;}
.prozydiv2c .box .boxc{ width:100%; height:auto; max-height:237px; float:left; position:absolute; left:0; bottom:30px;  padding:0 40px; box-sizing:border-box; overflow:hidden;}
.prozydiv2c .box .boxc h2{ width:100%; height:auto; float:left; font-size:36px; line-height:39px; color:#fff; font-weight:bold; margin-bottom:10px;}
.prozydiv2c .box .boxc p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#fff;}
.prozydiv2clist{ width:calc(100% - 420px); height:auto; float:right;}
.prozydiv2clisttt{ width:100%; height:auto; float:left; margin:8px 0; font-size:30px;border-bottom:1px solid #dedede; line-height:32px; color:#3477dc; font-weight:bold; background:url(../images/headbj.jpg) left bottom no-repeat; background-size:80px 2px; padding-bottom:10px;  box-sizing:border-box;}
.prozydiv2clisttt a{ width:auto; float:right; padding-right:20px; font-size:16px; color:#173d3e; font-weight:bold; background:url(../images/indexdiv1_tb.png) right center no-repeat; background-size:12px auto;} 
.prozydiv2clisttt a:hover{color:#3477dc;}
dl.pzd1{ width:calc((100% - 45px) / 3); height:auto; float:left; margin:10px 15px 0 0; background:url(../images/prozy_tpbj.jpg) right bottom no-repeat #fff;  }
dl.pzd1 dt{ width:100%; height:auto; padding:0 5%; box-sizing:border-box; background:#f9f9fb; float:left; overflow:hidden;}
dl.pzd1 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.pzd1: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; }
dl.pzd1 dd{ width:100%; height:auto; float:left; padding:20px 20px 25px 20px; box-sizing:border-box; background:url(../images/headbj.jpg) center bottom no-repeat;background-size:0 2px; transition:all 0.5s ease; }
dl.pzd1 dd strong{ width:100%; height:auto; float:left; font-size:14px; line-height:18px; color:#3477dc; font-weight:bold;}
dl.pzd1 dd h3 a{ width:100%; height:30px; line-height:30px; float:left; font-size:24px; color:#173d3e; overflow:hidden; font-weight:bold;}
dl.pzd1 dd p{ width:100%; height:24px; float:left; font-size:16px; line-height:24px; color:#173d3e; overflow:hidden;}
dl.pzd1.d1:hover dd{background-size:100% 2px; transition:all 0.5s ease;}
.prozydiv3{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/prozydivbj.jpg) center center no-repeat; background-size:cover;}
.prozydiv3 .indextt strong,.prozydiv3 .indextt p{ color:#fff;}
.prozydiv3 .indextt strong{ font-size:36px; line-height:48px;}

/******产品列表页*******/
.prolistdiv1{ width:100%; height:auto; float:left; padding:60px 0 160px 0; background:url(../images/prolistbj.png) bottom center no-repeat #fff; background-size:cover;}
.prolisttt{ width:100%; height:auto; float:left; margin:25px 0; text-align:center;}
.prolisttt strong.s{ width:100%; height:auto; float:left; font-size:48px; line-height:56px; color:#173d3e; margin-bottom:15px;}
.prolisttt p{ width:100%; height:auto; float:left;font-size: 16px; line-height: 30px; color: #173d3e;}
.prolisttt a{ color:#3477dc;}



.prolistdiv1 dl.d1{ width:24%; height:auto; float:left; margin:0.5%;}
.prolistdiv1 dl.d1 dt{ width:100%; height:auto;float:left; overflow:hidden;}
.prolistdiv1 dl.d1 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;}
.prolistdiv1 dl.d1: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; }
.prolistdiv1 dl.d1 dd{ width:100%; height:auto; float:left;}
.prolistdiv1 dl.d1 dd a{ width:100%; height:56px; line-height:56px; float:left; text-align:center; font-size:20px;  color:#173d3e; font-weight:bold;}

.prolistdiv2{ width:100%; height:auto; float:left; padding-bottom:80px; background:url(../images/indexdivbj6.jpg) right center no-repeat; background-size:cover;}
.prolistdiv2 .box{ width:calc(97% / 3); height:auto; float:left; margin:-80px 0.5% 0 0.5%; background:#f5f7fb; padding:40px; box-sizing:border-box;}
.prolistdiv2 .box strong{ width:100%; height:auto; float:left; font-size:20px; line-height:32px; padding-bottom:10px; margin-bottom:15px; color:#173d3e; font-weight:bold; border-bottom:1px solid #ededed; background:url(../images/headbj.jpg) left bottom no-repeat; background-size:40px 2px;}
.prolistdiv2 .box p{ width:100%; height:156px; float:left; font-size:16px; line-height:26px; color:#173d3e;padding-right:10px; overflow-y:auto;}
.prolistdiv2 .box p::-webkit-scrollbar {width:2px; height:5px;}
.prolistdiv2 .box p::-webkit-scrollbar-track { border-radius:2px;background-color: #cdd4cd; box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
.prolistdiv2 .box p::-webkit-scrollbar-thumb { border-radius:2px; background-color:#3477dc;}


.prolistdiv3{ width:100%; height:auto; float:left; padding:80px 0; background:#eff1f6;} 
.proqh{ width:720px; height:auto; float:left;}  
.prolistdiv3 .oemdiv1c{ padding-bottom:20px;}
.prolistdiv3 .qhjtl, .prolistdiv3 .qhjtr{ top:45.5%;}
dl.pdl{ width:700px; height:auto; float:left; margin:10px;background:url(../images/prolist_dlbj.png) right bottom no-repeat #fff;}
dl.pdl dt{ width:340px; height:auto; border:2px solid #FFF; box-sizing:border-box; float:left; overflow:hidden;}
dl.pdl 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.pdl: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; }
dl.pdl dd{ width:calc(100% - 340px); height:auto;min-height:360px; float:left; padding:40px 40px 0 40px; box-sizing:border-box; }
dl.pdl dd strong{ width:100%; height:auto;  float:left; font-size:14px; line-height:18px; color:#3477dc; font-weight:bold;}
dl.pdl dd h2 a{ width:100%; height:auto; float:left; font-size:24px; font-weight:bold; color:#173d3e; line-height:32px; padding-bottom:5px; margin:5px 0 15px 0; border-bottom:1px solid #f2f2f2; background:url(../images/headbj.jpg) left bottom  no-repeat; background-size:15px 2px;}
dl.pdl dd h2 a span{ font-size:16px; font-weight:normal; margin-left:8px;}
dl.pdl dd p{ width:100%; height:auto; max-height:124px; overflow:hidden; float:left; font-size:16px; line-height:26px; color:#173d3e;}
dl.pdl dd a.amroe{ height:44px; line-height:44px; margin-top:20px;}
dl.pdl:hover{ box-shadow:0 2px 5px #dedede;}
dl.pdl:hover dd h2 a{ color:#3477dc;}


/******产品详细页********/
.proxxdiv1{ width:100%; height:auto; float:left; padding-bottom:60px; background:#f6f7fb;}
.proxxdiv1 .mbxdiv{ position:relative; z-index:999; margin-bottom:15px;}
.proxxdivtz{ width:46%; height:auto; float:left; position:relative; margin-right:5.5%;}
.jqzoom{float:left; width:100%; background:#fff; position:relative; height:auto; border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:100%; height:100%; padding:30px; box-sizing:border-box; display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.prev{ position:absolute; left:0px; top:32%;  z-index:99;width:34px;height:60px; border-radius:0 34px 34px 0px; display:block;cursor:pointer; background:url(../images/qhjtlh.png) center center no-repeat #ecf6eb; background-size:7px auto !important;}
.next{position:absolute; right:0px;  top:32%; z-index:99;width:34px;height:60px;  border-radius:34px  0 0 34px; display:block;cursor:pointer; background:url(../images/qhjtrh.png) center center no-repeat  #ecf6eb;background-size:7px auto !important;}
.prev:hover{  background:url(../images/qhjtl.png) center center no-repeat #3477dc;}
.next:hover{ background:url(../images/qhjtr.png) center center no-repeat #3477dc;}
.spec-preview{width:100%;height:auto; }
.items{float:left;position:relative;width:100%;height:120px;overflow:hidden; margin:20px 0 0 0;}
.items ul{ position:absolute; left:0; top:0; width:999999px;height:auto; transition: transform 232ms; list-style:none;}
.items ul li{float:left;width:120px; height:auto;text-align:center; border-radius:8px; overflow:hidden; cursor:pointer; margin:0 6px; background:url(../images/headbj.jpg)  center top no-repeat #fff; background-size:0 2px; transition:all 0.5 ease; border:1px solid #ededed; box-sizing:border-box; position:relative;}
.items ul li img{width:100%; height:100%; margin:0 auto; padding:10px;   box-sizing:border-box;}
.items ul li:hover,.items ul li.cur{ background-size:100% 2px; transition:all 0.5s ease;}

.proxxdiv1c{ width:48.5%; height:auto; float:left;}
.proxxdiv1c .h1{ width:100%; height:auto; float:left; font-size:40px; line-height:48px; color:#173d3e; font-weight:bold;}
.proxxdiv1c h3{ width:100%; height:auto; float:left; font-size:20px; line-height:32px; padding-bottom:8px; margin:8px 0 15px 0; color:#3477dc; border-bottom:1px solid #ededed; background:url(../images/headbj.jpg) left bottom no-repeat; background-size:40px 2px; font-weight:bold;}
.proxxdiv1c p{ width:100%; height:auto; float:left; min-height:120px; margin-bottom:15px; font-size:16px; line-height:30px; color:#173d3e;}
.beizhu{ width:100%; height:auto; min-height:150px; float:left;}
.beizhu span{ width:50%; height:auto; float:left; font-size:16px; line-height:20px; margin:5px 0; font-weight:bold; color:#3477dc;}
.proadiv{ width:100%; height:auto; float:left;}
.proadiv .amroe{ padding:0 45px; margin-right:20px;}
.proadiv .amroe.amore1{ margin-right:0; background:#173d3e; padding:0 30px;}

dl.protag{ width:100%; height:auto; float:left; margin-top:15px;}
dl.protag dt{ width:70px; height:auto; float:left; font-weight:bold; padding-left:20px; font-size:16px; line-height:30px; color:#173d3e; background:url(../images/proxxdiv1_tb.png) left center no-repeat; box-sizing:border-box;}
dl.protag dd{ width:calc(100% - 70px); height:auto; float:left;}
dl.protag dd a{ width:auto; height:auto; line-height:30px; font-size:16px; color:#173d3e; margin-right:20px;}
dl.protag dd a:hover{ color:#3477dc; text-decoration:underline;}

.proxxmenu ul li a{ margin-right:30px; font-size:16px;}
a.proa{ width:auto; height:42px; line-height:42px; float:right; margin-top:-55px; border-radius:20px; font-size:15px; font-weight:bold; padding:0 30px;  display:inline-table; background:linear-gradient(to right, #4a99f1, #3477dc); color:#fff;}
a.proa span{ padding-right:27px; background:url(../images/qhjtr.png) center right no-repeat; }
a.proa:Hover{ opacity:0.9;}
.proxxmenuf{ position:fixed; left:0; top:172px; z-index:9998; background:#fff;}

.proxxdiv2{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}
.pstrong{ width:100%; height:auto; float:left; font-size:40px; line-height:48px; color:#3477dc; font-weight:bold; margin-bottom:15px;}
.proxxdiv2 p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#173d3e;}
.proxxdiv2 img{ width:auto; height:auto !important; max-width:100% !important; display:block; margin:0 auto;}

.proxxdiv3{ width:100%; height:auto; float:left; padding:90px 0; background:#f4f5f9;}
.proxxdiv3 .box{ width:calc(94% / 3);  height:320px; float:left; overflow-y:auto; overflow-x:hidden; margin:1%; background:#fff; position:relative; padding:50px 40px 20px 40px; box-sizing:border-box;}
.proxxdiv3 .box strong{ width:90px; height:110px; float:left; padding:15px 30px 0 0; text-align:center; box-sizing:border-box; color:#fff; font-weight:bold; font-size:16px; line-height:22px; position:absolute; right:-10px; top:-5px; background:url(../images/proxxdiv2_tb.png) top right no-repeat; background-size:100% 100%;}
.proxxdiv3 .box strong s{ width:100%; height:auto; float:left;}
.proxxdiv3 .box h3{ width:100%; height:auto; float:left; padding-bottom:8px; padding-right:50px; box-sizing:border-box; margin-bottom:15px; font-size:24px; line-height:32px; color:#173d3e; font-weight:bold; border-bottom:1px solid #ededed; background:url(../images/headbj.jpg) left bottom no-repeat; background-size:40px 2px;}
.proxxdiv3 .box p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#173d3e;}

.proxxdiv3 .box::-webkit-scrollbar {width: 2px;height: 5px;}
.proxxdiv3 .box::-webkit-scrollbar-track {border-radius: 2px;background-color: #cdd4cd; box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
.proxxdiv3 .box::-webkit-scrollbar-thumb {  border-radius: 2px; background-color: #3579dd;}
.proxxdiv4{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/proxxdiv4_bj.jpg) center center no-repeat; background-size:cover;}
.proxxdiv4 .oemdiv1c,.proxxdiv6 .oemdiv1c{ padding-bottom:30px;}
.proxxdiv4 .indextt strong,.proxxdiv4 .indextt p{ color:#fff;}
dl.proxxdl{ width:460px; height:auto; float:left; margin:0 10px;}
dl.proxxdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.proxxdl 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.proxxdl: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; }
dl.proxxdl dd a{ width:86%; height:70px; line-height:70px; font-size:24px; color:#173d3e; font-weight:bold; overflow:hidden; float:left; margin:-30px 7% 0 7%; background:#fff; text-align:center; position:relative; z-index:1;}
dl.proxxdl:hover dd a{ background:#3477dc; color:#fff;}

.proxxdiv5,.proxxdiv7{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}
.proxxdiv5c{ width:100%; height:auto; float:left; margin-bottom:35px;}
ul.proxxul{ width:100%; height:auto; float:left; list-style:none; border-top:1px solid #f4f4f4; border-right:1px solid #f4f4f4; box-sizing:border-box;}
ul.proxxul li{ width:25%; height:auto; overflow:hidden; float:left; font-size:16px; line-height:24px; padding:13px 0; text-align:center; border-bottom:1px solid #f4f4f4; border-left:1px solid #f4f4f4; box-sizing:border-box;}
ul.proxxul li.libj{ background:#fafafa; font-weight:bold;}
.proxxdiv5c1{ width:100%; height:auto; position:relative;}
.proxxdiv5c1kz{width:100%; height:auto; max-height:357px; overflow:hidden;}
ul.proxxul.top{ background:#3477dc !important;}
ul.proxxul.top li{ color:#fff !important; font-weight:bold !important;}
.moreul{ width:120px; height:24px; overflow:hidden; background:#4a99f1; position:absolute; left:50%; bottom:-24px; margin-left:-60px; cursor:pointer; border-radius:0 0 8px 8px;line-height:24px; text-align:center; color:#fff;}
.moreul span{ width:100%;   float:left; transform: rotate(90deg);}
.moreul.cur span{ transform: rotate(270deg);}
.proxxdiv5c1kz.cur{ max-height:10000px !important ;}

.proxxdiv6{ width:100%; height:auto; float:left; padding:90px 0; background:#eff1f6;}
.proxxdiv6 dl.pzd1{ width:340px; margin:0 10px;}
.proxxdiv6 dl.pzd1 dt{ padding:0;}

dl.xzdl{ width:calc( 92% / 3); height:auto; float:left; margin:0 1% 2% 1%; background:url(../images/headbj.jpg) top center no-repeat #fff; border:1px solid #ededed; border-radius:5px; background-size:0 2px; transition:all 0.5s ease; padding:25px 35px 15px 35px; box-sizing:border-box; }
dl.xzdl dt a{ width:100%; height:56px; overflow:hidden; float:left; padding:11px 0 0 78px; background:url(../images/proxxdiv6tb1.png) left center no-repeat; font-size:18px; line-height:24px; color:#173d3e; font-weight:bold; box-sizing:border-box;} 
dl.xzdl dd{ width:100%; height:auto; float:left; margin-top:20px; padding-top:5px; border-top:1px solid #f2f2f2; }
dl.xzdl dd span{ width:auto; height:auto; float:left; font-size:16px; line-height:30px; color:#555;}
dl.xzdl dd a.a{ width:30px; height:30px; float:right; display:block; background:url(../images/proxxdiv6tb3.png) center center no-repeat;}
dl.xzdl:Hover{background-size:100% 2px; transition:all 0.5s ease; box-shadow:0 2px 5px #EDEDED;}
dl.xzdl:Hover dd a.a{background:url(../images/proxxdiv6tb2.png) center center no-repeat}

/*******服务支持-下载*********/
.supdiv1{ width:100%; height:auto; float:left; padding:0px 0 50px 0; background:url(../images/supss_bj.jpg) top center no-repeat #fff; background-size:cover;}
.supdiv1 .indextt,.aboutdiv1 .indextt{ margin-top:30px;}
.ssdivz{width:690px; height:auto; margin:0 auto;}
.ssdiv{ width:100%; height:60px; float:left; background:#f8f9f9; border-radius:60px;}
.ssdiv .input{ width:calc(100% - 150px); height:60px; float:left; line-height:60px; font-size:16px; font-family: "Montserrat";color:#005052; border:none; outline:none; text-indent:20px; background:none;}
.ssdiv .button{ width:150px; height:60px; line-height:60px; float:left; font-size:18px; color:#3477dc;font-family: "Montserrat"; font-weight:bold; text-align:center; cursor:pointer; border:none; outline:none; background:url(../images/huibj.jpg) left center no-repeat; background-size:1px 15px;}
.supdiv2{ width:100%; height:auto; float:left; padding:40px 0 90px 0; background:#fff;} 

.xiazaitsdiv{ width:90%; height:auto; float:left; display:none; overflow-y:auto;  max-width:650px; background:#fff; position:fixed; left:20%; top:10%; z-index:9999;}
.xzclose{ width:36px; height:36px; position:absolute; right:0px; top:0px; cursor:pointer; background:url(../images/closeX.png) center center no-repeat; background-size:36px auto;}
.xiazaitsdiv h2{ width:100%; height:70px; line-height:70px; background:#3477dc; font-size:24px; font-weight:bold; color:#fff; text-align:center;}
.xiazaitsdivc{ width:100%; height:auto; float:left; padding:30px 40px; box-sizing:border-box;}
.xiazaitsdivc strong{ width:100%; height:auto; float:left; padding-left:25px; font-size:18px; margin-bottom:10px; font-weight:600; color:#333; background:url(../images/xzmmtb1.png) left center no-repeat; box-sizing:border-box;}
.xiazaitsdivc .input{ width:100%; height:50px; font-family: "Montserrat";line-height:50px; text-indent:20px; background:#edf1f5; font-size:18px; border-radius:5px; border:none; margin-bottom:10px; outline:none;}
.xiazaitsdivc .button{ width:auto; height:50px;font-family: "Montserrat"; font-size:20px; line-height:50px; text-align:center; padding:0 50px; background:#3477dc; color:#fff; cursor:pointer; margin:0 auto; display:block; outline:none; border:none; border-radius:6px;}
.xiazaitsdivc .button:hover{ opacity:0.8;}

.xiazaitsdivc strong.s{  background:url(../images/xzmmtb2.png) left center no-repeat; margin:10px 0 15px 0; cursor:pointer;}
.xiazaitsdivc strong.s span{ width:auto; padding-right:20px; background:url(../images/xzmmtb4.png) center right no-repeat; box-sizing:border-box;}
.xiazaitsdivc strong.s span.show{background:url(../images/xzmmtb3.png) center right no-repeat; }
.xiazaitsdivcs{ width:100%; height:auto; float:left; display:none; }
.xiazaitsdivc .input.input1{ width:49%;}
.xiazaitsdivc .input.input1.input2{ float:right;}
.xiazaitsdivc .text{ width:100%; height:100px; line-height:30px;font-family:"Montserrat"; padding:10px 20px; box-sizing:border-box; background:#edf1f5; font-size:18px;  border:none; border-radius:5px; margin-bottom:10px; outline:none;}




/******服务支持-视频*******/
dl.spdl{ width:calc(94%/3); height:auto; overflow:hidden; float:left; margin:0 1% 2% 1%; border-bottom:1px solid #ededed;}
dl.spdl dt{ width:100%; height:auto; float:left; position:relative;}
dl.spdl 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.spdl: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; }
dl.spdl dt span{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/sup_videotb.png) center center no-repeat; background-size:50px auto;}
dl.spdl dd{ width:100%; height:auto; float:left; padding:20px 0 ; background:url(../images/headbj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; box-sizing:border-box;}
dl.spdl dd span{ width:100%; height:auto;  float:left; font-size:16px; line-height:24px; padding-left:20px; font-weight:bold; background:url(../images/ixw_tb.png) left center no-repeat; box-sizing:border-box; margin-bottom:20px; color:#999;}
dl.spdl dd h3 a{ width:100%; height:60px; float:left; font-size:20px; line-height:30px; overflow:hidden; font-weight:bold; color:#173d3e;}
dl.spdl:hover dt span{background:url(../images/sup_videotbh.png) center center no-repeat; }
dl.spdl:hover dd{background-size:100% 2px; transition:all 0.5s ease;}
dl.spdl:hover dd h3 a{ color:#3477dc;}


/*****服务支持-常见问题*******/
dl.faqdl{ width:100%; height:auto; float:left; background:#fff; box-shadow:0 1px 5px #ededed; margin-bottom:20px; border-radius:10px;}
dl.faqdl dt{ width:100%; height:auto; float:left; cursor:pointer; padding:0 40px 10px 40px; box-sizing:border-box;}
dl.faqdl dt strong{ width:100%; height:auto; min-height:70px; position:relative;line-height:28px; overflow:hidden; float:left; padding:20px 140px 0 50px; background:url(../images/faqtbh.png) right 37px no-repeat; font-size:18px; font-weight:bold;  color:#000; box-sizing:border-box;}
dl.faqdl dt strong s.s{ width:40px; height:40px; line-height:40px; text-align:center; background:#3477dc
; color:#fff; border-radius:40px; display:block; position:absolute; left:0; top:14px;}
dl.faqdl dt strong em{ width:auto; float:right; font-size:18px; font-weight:normal; color:#3477dc
; position:absolute; right:20px; top:25px;}
dl.faqdl dd{ width:100%; height:auto; float:left; padding:15px 40px 25px 90px; position:relative; box-sizing:border-box; font-size:16px; line-height:24px; color:#555; display:none;}
dl.faqdl dd s.s{ width:40px; height:40px; line-height:40px; text-align:center; background:#4a99f1
; color:#fff; border-radius:40px; display:block; position:absolute; left:40px; top:14px;}
dl.faqdl.cur dd{ display:block;}
dl.faqdl.cur dt strong{ background:url(../images/faqtb.png) right 37px no-repeat;border-bottom:1px solid #f8f9fd; padding-bottom:10px;}
dl.faqdl.cur dt strong{ border-bottom:1px solid #ededed;}



/***关于我们-公司简介*****/
.aboutdiv1{ width:100%; height:auto; float:left; padding:0 0 450px 0; background:url(../images/aboutdiv1bj.jpg) center bottom no-repeat #fff; background-size:100% auto;}
.aboutdiv1gd{ width:100%; height:160px; overflow-y:auto; margin-bottom:40px; float:left; padding-right:25px; font-size:16px; line-height:26px; color:#173d3e; text-align:center; box-sizing:border-box;}
.aboutdiv1gd::-webkit-scrollbar {width:2px; height:5px;}
.aboutdiv1gd::-webkit-scrollbar-track { border-radius:2px;background-color: #cdd4cd; box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
.aboutdiv1gd::-webkit-scrollbar-thumb { border-radius:2px; background-color:#3477dc;}
.aboutdiv1 dl.d1{ width:28%; height:auto; float:left; margin-bottom:30px;}
.aboutdiv1 dl.d1 dt{ width:80px; height:80px; float:left; box-shadow:0 1px 10px #ccc; border-radius:100%; border:8px solid #eceff1; background:#fff; padding:18px; box-sizing:border-box;}
.aboutdiv1 dl.d1 dt img{ width:100%; height:auto; display:block;}
.aboutdiv1 dl.d1 dd{ width:calc(100% - 100px); height:auto; float:right;}
.aboutdiv1 dl.d1 dd strong{ width:100%; height:60px; float:left; line-height:60px; color:#173d3e; font-weight:bold; font-size:30px;}
.aboutdiv1 dl.d1 dd strong em{ font-size:64px;line-height:60px; margin-right:10px; float:left; font-weight:bold;}
.aboutdiv1 dl.d1 dd p{ width:100%; height:auto; float:left; font-size:18px; line-height:24px; color:#173d3e; font-weight:bold;}
.aboutdiv1 dl.d1.d2{ width:22%;}

.aboutdiv2{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/proxxdiv4_bj.jpg) center center no-repeat; background-size:cover;}
.aboutdiv2 .indextt strong{ color:#fff;}
.aboutdiv2 dl{ width:calc((100% - 60px) / 2); border-radius:3px; height:320px; float:left; margin:15px; background:url(../images/abdiv2bj.jpg) center center no-repeat; background-size:cover;}
.aboutdiv2 dl dt{ width:240px; height:100%; float:left; overflow:hidden;}
.aboutdiv2 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;}
.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:calc(100% - 240px); height:320px; float:left; padding:30px 45px; box-sizing:border-box; position:relative;}
.aboutdiv2 dl dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:32px; font-weight:bold; color:#173d3e; margin-bottom:8px;}
.aboutdiv2 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#173d3e;}
.aboutdiv2 dl dd div{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:30px;}
.aboutdiv2 dl dd div span{ width:100%; height:auto; float:left; padding:0 40px; box-sizing:border-box;}
.aboutdiv2 dl dd div span s{ width:auto; height:60px; line-height:60px; font-size:16px; font-weight:bold; color:#3477dc;}
.aboutdiv2 dl dd div span img{ width:60px; height:auto; float:right; display:block;}

.aboutdiv3{ width:100%; height:auto; float:left; padding:90px 0; background:#fefefe;}
.aboutdivdt{ width:100%; height:auto; float:left; position:relative;}
.aboutdivdt .img{ width:100%; height:auto; display:block;}

.aboutdivdt .dian{ width:40px; height:auto; position:absolute;}
.aboutdivdt .dian .circle {position: absolute;width:12px;height:12px;font-size:12px; border-radius:50%;background:#3477dc;top:14px;left:14px;z-index: 12;margin-bottom: 0px;}
.aboutdivdt .dian .ripple {border-radius: 50%;  background-clip: padding-box;background: transparent;width:40px;height:40px;border-radius:50%;position: absolute;left:0;top:0;z-index: 9;margin-bottom: 0px;}
.aboutdivdt .dian .p1:after,.aboutdivdt .dian .p2:after{content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;border:2px solid #3477dc;opacity: 0; background-color:rgba(59,119,220,0.4);}
.aboutdivdt .dian .p1:after{ -webkit-animation: ripple 2.5s ease-out 225ms infinite;animation: ripple 2.5s ease-out 225ms infinite;}
.aboutdivdt .dian .p2:after{ -webkit-animation: ripple 2.5s ease-out .9s infinite; animation: ripple 2.5s ease-out .9s infinite;}
.aboutdivdt .dian span{ width:100%; height:auto; float:left; text-align:center; padding-top:35px; font-size:14px; line-height:16px; color:#173d3e; font-weight:bold;}
@-webkit-keyframes ripple {0% {opacity: 0;-webkit-transform: scale(.1)}5% {opacity: 1}to {opacity: 0;-webkit-transform: scale(1)}}
@keyframes ripple {0% { opacity: 0;-webkit-transform: scale(.1);transform: scale(.1)}5% {opacity: 1}to {opacity: 0;-webkit-transform: scale(1);transform: scale(1)}}

.aboutdivdt .dian.dian1{ left:15%; top:26%;}
.aboutdivdt .dian.dian2{ left:20%; top:36%;}
.aboutdivdt .dian.dian3{ left:44.5%; top:24%;}
.aboutdivdt .dian.dian4{ left:44%; top:29%;}
.aboutdivdt .dian.dian5{ left:44%; top:34%;}
.aboutdivdt .dian.dian6{ left:48%; top:26%;}
.aboutdivdt .dian.dian7{ left:46.5%; top:30%;}
.aboutdivdt .dian.dian8{ left:45.5%; top:36%;}
.aboutdivdt .dian.dian9{ left:59%; top:22%;}
.aboutdivdt .dian.dian10{ left:81%; top:38%;}
.aboutdivdt .dian.dian11{ left:84%; top:37%;}
.aboutdivdt .dian.dian12{ left:75.5%; top:50.5%;}
.aboutdivdt .dian.dian13{ left:74%; top:59.5%;}
.aboutdivdt .dian.dian14{ left:77%; top:59%;}
.aboutdivdt .dian.dian15{ left:80%; top:54%;}
.aboutdivdt .dian.dian16{ left:80%; top:60%;}
.aboutdivdt .dian.dian17{ left:84%; top:77%;}
.aboutdivdt .dian.dian18{ left:94%; top:88%;}

.aboutdiv4{ width:100%; height:auto; float:left; position:relative;}
.aboutdiv4c{ width:100%; height:auto; float:left; background:url(../images/abdiv4bj.jpg) left center no-repeat; background-size:50% 100%;}
.aboutdiv4cwz{ width:50%; height:auto; float:left; padding:90px 90px 90px 0; box-sizing:border-box;}
.aboutdiv4cwz .indextt strong{ text-align:left;}
.aboutdiv4gd{ width:100%; height:390px; overflow-y:auto; margin-top:-36px;  float:left; padding-right:25px; font-size:16px; line-height:26px; color:#173d3e;  box-sizing:border-box;}
.aboutdiv4gd::-webkit-scrollbar {width:2px; height:5px;}
.aboutdiv4gd::-webkit-scrollbar-track { border-radius:2px;background-color: #cdd4cd; box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
.aboutdiv4gd::-webkit-scrollbar-thumb { border-radius:2px; background-color:#3477dc;}
.aboutdiv4tp{ width:50%; height:auto; float:left; position:absolute; right:0; top:0;}
.aboutdiv4tp img{ width:100%; height:640px; display:block;}

.aboutdiv5{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}
.aboutdiv5 dl{ width:calc((100% - 60px) / 3); height:auto; float:left; margin:0 10px; background:#f7f7f7;}
.aboutdiv5 dl dt{ width:100%; height:autoa; float:left; overflow:hidden;}
.aboutdiv5 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;}
.aboutdiv5 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; }
.aboutdiv5 dl dd{ width:100%; height:auto; float:left; padding:30px 40px; box-sizing:border-box;}
.aboutdiv5 dl dd strong{ width:100%; height:auto; float:left; padding-bottom:8px; border-bottom:1px solid #f2f2f2; background:url(../images/headbj.jpg) left bottom no-repeat; background-size:20px 2px;}
.aboutdiv5 dl dd strong em{ width:100%; height:66px; line-height:26px; padding:7px 70px 0 0; box-sizing:border-box; float:left; font-size:24px; color:#173d3e; font-weight:bold; background-size:66px auto !important;}
.aboutdiv5 dl dd div{ width:100%; height:200px; overflow-y:auto; margin-top:12px; opacity:0.7;  float:left; padding-right:15px; font-size:16px; line-height:26px; color:#173d3e;  box-sizing:border-box;}
.aboutdiv5 dl dd div::-webkit-scrollbar {width:2px; height:5px;}
.aboutdiv5 dl dd div::-webkit-scrollbar-track { border-radius:2px;background-color: #cdd4cd; box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
.aboutdiv5 dl dd div::-webkit-scrollbar-thumb { border-radius:2px; background-color:#3477dc;}

.aboutdiv6{ width:100%; height:auto; float:left; padding:90px 0; background:url(../images/indexdivbj3.jpg) center center no-repeat; background-size:cover;}
.aboutdiv6 ul{ width:100%; height:auto; background:#fff; border:2px solid #ededed; box-shadow:0 0 3px #ededed; float:left; padding:25px; box-sizing:border-box; list-style:none; border-radius:110px; }
.aboutdiv6 ul li a{ width:calc(100% / 9); height:auto; float:left; text-align:center;}
.aboutdiv6 ul li a img{ width:90%; height:auto; display:block; max-width:80px; margin:0 auto;}


/*******关于我们-企业文化*******/
.whdiv1{ width:100%; height:auto; float:left; padding:40px 0; background:#fff;}
.whdiv1 dl.d1{ width:50%; height:auto; float:left; position:relative;}
.whdiv1 dl.d1 dt{ width:100%; height:auto; float:left; overflow:hidden;}
.whdiv1 dl.d1 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;}
.whdiv1 dl.d1: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; }
.whdiv1 dl.d1 dd{ width:100%; height:auto; float:left; position:absolute; left:0; top:0; padding:50px 65px; box-sizing:border-box;}
.whdiv1 dl.d1 dd span{ width:100%; height:auto; float:left; font-size:16px; line-height:18px; color:#fff; font-weight:bold;}
.whdiv1 dl.d1 dd strong{ width:100%; height:auto; float:left; font-size:36px; line-height:48px; font-weight:bold; color:#fff; margin-top:200px; margin-bottom:15px;}
.whdiv1 dl.d1 dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#fff;}

.whtt{ width:100%; height:auto; float:left; margin:50px 0;}
.whtt strong{ width:100%; height:auto; float:left; font-size:36px; text-align:center; line-height:42px; font-weight:bold; color:#3477dc;}
.whdiv1c{ width:calc((100% - 60px) / 3); height:auto; float:left;}
.whdiv1c1{ width:calc((100% - 60px) / 3); height:auto; float:left; margin:0 30px;}
.whdiv1cwz{ width:100%; height:auto; float:left; background:#f7f7f7; margin-bottom:30px; padding:50px 50px 50px 60px; box-sizing:border-box;}
.whdiv1cwz img{ width:50px; height:auto; display:block;}
.whdiv1cwz strong{ width:100%; height:auto; float:left; font-size:24px; line-height:58px; color:#173d3e; font-weight:bold;}
.whdiv1cwz .gdt{ width:100%; height:195px; overflow-y:auto; opacity:0.7;  float:left; padding-right:15px; font-size:16px; line-height:24px; color:#173d3e;  box-sizing:border-box;}
.whdiv1cwz .gdt::-webkit-scrollbar {width:2px; height:5px;}
.whdiv1cwz .gdt::-webkit-scrollbar-track { border-radius:2px;background-color: #cdd4cd; box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);}
.whdiv1cwz .gdt::-webkit-scrollbar-thumb { border-radius:2px; background-color:#3477dc;}
.whdiv1c1 .whdiv1cwz .gdt{ height:628px;}


/*****联系我们*****/
.lxwmdiv1{ width:100%; height:auto; float:left; padding:40px 0 60px 0; background:#fff;}
.lxwmdiv1left{ width:420px; height:auto; float:left;}
.lxwmdiv1left .h2{ width:100%; height:auto; float:left; padding-bottom:15px; margin-bottom:15px; background:url(../images/headbj.jpg) left bottom no-repeat; background-size:20px 2px; font-size:36px; line-height:42px; color:#173d3e; font-weight:bold;}
.lxwmdiv1left p.p1{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#173d3e; opacity:0.9; margin-bottom:15px;}
.lxwmdiv1left .dp{ width:100%; height:auto; min-height:44px; float:left; margin:12px 0; padding-left:55px; box-sizing:border-box; background-size:44px auto !important;}
.lxwmdiv1left .dp span{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#888;}
.lxwmdiv1left .dp strong{ width:100%; height:auto; float:left; font-size:18px; line-height:24px;color:#173d3e; font-weight:bold;}
.lxwmdiv1leftc{ width:100%; height:auto; float:left; margin:35px 0 25px 0;}
strong.lxtt{ width:100%; height:auto; float:left; font-size:24px; line-height:36px; font-weight:bold; color:#3477dc; margin-bottom:25px;}
.lxwmdiv1leftc ul{ width:100%; height:auto; float:left; list-style:none; border-top:1px solid #ededed; border-left:1px solid #ededed; box-sizing:border-box;}
.lxwmdiv1leftc ul li a{ width:50%; height:50px; line-height:50px; padding:0 15px; box-sizing:border-box; float:left; border-bottom:1px solid #ededed; border-right:1px solid #ededed; box-sizing:border-box; font-size:16px; color:#173d3e; overflow:hidden;}
.lxwmdiv1leftc ul li a:hover{ color:#3477dc;}

.lxwmdivright{ width:calc(100% - 560px); height:auto; float:right;}
.lxwmdivright .botlydivc{ width:100%;}
.lxwmdivright .botlydivc .input{ height:60px; line-height:60px;}
.lxwmdivright .botlydivc p .text{ height:210px;}
.lxwmdiv2{ width:100%; height:auto; float:left;}
.lxwmdiv2 .imgdt{ width:100%; height:auto; display:block;}


/******留言提交成功******/
.sucdiv{ width:100%; height:auto; float:left; padding:80px 0  100px 0; background:url(../images/sucdivbj.jpg) top center no-repeat; background-size:cover; }
.sucdivc{ width:1050px; height:400px; padding:90px 190px 40px 140px; box-sizing:border-box; text-align:center; display:table; margin:0 auto; background:url(../images/sucdivbj1.png) center center no-repeat; background-size:100% 100%;}
.sucdivc h2{ width:100%; height:auto; float:left; font-size:24px; line-height:32px; color:#3477dc; font-weight:bold;}
.sucdivc p{ width:100%; height:auto; float:left; font-size:16px; line-height:32px; color:#173d3e; margin:15px 0 35px 0;}
.sucdivc p a{ color:#3477dc;}

/*****新闻列表******/
.xwdiv1{ width:100%; height:auto; float:left; padding:10px 0 60px 0; background:#fff;}
.xwdiv1 dl.xwd1{ width:1440px; height:450px; float:left; margin-bottom:30px; }

.xwdiv2{ width:100%; height:auto; float:left; padding:70px 0; background:#fbfbfb;}  
dl.xwd3{ width:calc((100% - 60px) / 3); height:auto; float:left; background:url(../images/headbj.jpg) bottom center no-repeat #fff; box-shadow:0 0 3px #ededed; border-radius:4px; overflow:hidden; background-size:0 2px; transition:all 0.5s ease;margin:10px;}
dl.xwd3 dt{ width:100%; height:auto; float:left; overflow:hidden; position:relative;}
dl.xwd3 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.xwd3: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; }
dl.xwd3 dt span{ width:auto; height:50px; line-height:50px; font-size:16px; color:#fff; font-weight:500; float:left; position:absolute; left:0; bottom:0; background:#3477dc; border-radius:0 6px 0 0; padding:0 20px 0 15px; box-sizing:border-box;}
dl.xwd3 dt span s{ padding-left:20px; background:url(../images/ixw_tbh.png) left center no-repeat;}
dl.xwd3 dd{ width:100%; height:auto; padding:24px 40px; box-sizing:border-box; float:left;}
dl.xwd3 dd h3 a{ width:100%; height:90px; line-height:30px; float:left; font-size:22px; color:#173d3e;font-weight:bold; overflow:hidden;}
dl.xwd3 dd p{ width:100%; height:78px; margin:10px 0; border-bottom:1px solid #f2f2f2; padding-bottom:10px; float:left; font-size:16px; line-height:26px; color:#173d3e; opacity:0.8; overflow:hidden;}
dl.xwd3 dd a.a{ width:100%; height:40px; float:left; line-height:40px; font-size:16px; color:#173d3e; font-weight:bold; background:url(../images/indexdiv1_tb.png) right center no-repeat; background-size:16px auto;}
dl.xwd3:hover{ background-size:100% 2px; transition:all 0.5s ease;}
dl.xwd3:hover dd a.a,dl.xwd3:hover dd h3 a{ color:#3477dc;}

/*******新闻列表-详细页******/
.newsxxdiv{ width:100%; height:auto; float:left; padding:40px 0 60px 0; background:#fff;}
.newsxxdivl{ width:960px; height:auto; float:left;}
.h1{ width:100%; height:auto; float:left; font-size:40px; line-height:48px; font-weight:bold; color:#173d3e;}
.mddiv{ width:100%; height:auto; float:left; margin:20px 0;}
.mddiv span{ width:auto; height:26px; line-height:26px; float:left; padding-left:20px; font-size:16px; color:#999; margin-right:25px; font-weight:bold;}
.newxxdivwz{ width:100%; height:auto; float:left; padding:40px 45px; box-sizing:border-box; box-shadow:0 1px 4px #ededed; font-size:18px; line-height:28px; color:#173d3e;}
.newxxdivwz p{ width:100%; height:auto; float:left;}
.newxxdivwz img{ width:auto; height:auto !important; max-width:100% !important; margin:0 auto; display:block;}

.newxxdivr{ width:calc(100% - 1000px); height:auto; float:right;}
.newxxdivrc1{ width:100%; height:auto; float:left; padding:40px 45px; box-sizing:border-box; background:url(../images/indexdivbj6.jpg) center center no-repeat; background-size:cover;}
.newxxdivrc1 strong{ width:100%; height:auto; float:left; font-size:26px; line-height:32px; margin-bottom:10px; font-weight:bold; color:#fff;}
.newxxdivrc1 a.a {width: 22px;height:22px;padding:12px;margin-right:10px;float: left; border-radius:10px; background:rgba(255,255,255,0.1);}
.newxxdivrc1 a.a img {width: 100%;height: auto; display: block;}
.newxxdivrc1 a.a:hover {background:#3477dc;} 

.newxxdivrc2{ width:100%; height:auto; float:left; padding:40px 0; box-sizing:border-box;}
.newxxdivrc2 strong{ width:100%; height:auto; padding:0 45px; box-sizing:border-box; padding-bottom:8px; background:url(../images/headbj.jpg) 45px bottom no-repeat; background-size:20px 2px; float:left; font-size:26px; line-height:32px; margin-bottom:10px; font-weight:bold; color:#3477dc
;}
.newxxdivrc2 ul{ width:100%; height:auto; float:left; list-style:none; margin:15px 0;}
.newxxdivrc2 ul li{ width:100%; height:auto; padding:20px 45px 0 45px; float:left; box-sizing:content-box; background:url(../images/headbj.jpg) left center no-repeat; background-size:2px 0; transition:all 0.5s ease;}
.newxxdivrc2 ul li p{ width:100%; height:auto; float:left; padding-left:20px; background:url(../images/nwsxxl_tb1.png) left center no-repeat; font-size:16px; line-height:26px; color:#999;}
.newxxdivrc2 ul li h3 a{ width:100%; height:auto; max-height:52px; padding-bottom:25px; border-bottom:1px solid #f2f2f2; float:left; font-size:18px; line-height:26px; font-weight:bold; color:#173d3e; overflow:hidden;}
.newxxdivrc2 ul li:hover{ background-size:2px 100%; transition:all 0.5s ease;}
.newxxdivrc2 ul li:hover h3 a{ color:#3477dc
;}

.newxxdivrc3{ width:100%; height:auto; float:left; padding:0px 45px; box-sizing:border-box;}
.newxxdivrc3 a.a1{ width:100%; height:auto; float:left; padding:13px 0 13px 60px; font-size:16px; font-weight:bold; color:#173d3e; box-sizing:border-box; background:url(../images/newsxx_tb1.png) 10px center no-repeat; border-bottom:1px solid #dedede;}
.newxxdivrc3 a.a2{ width:100%; height:auto; float:left; padding:13px 0 13px 60px; font-size:16px; font-weight:bold; color:#173d3e; box-sizing:border-box; background:url(../images/newsxx_tb2.png) 10px center no-repeat;border-bottom:1px solid #dedede;}
.newxxdivrc3 a.a3{ width:100%; height:auto; float:left; padding:13px 0 13px 60px; font-size:16px; font-weight:bold; color:#173d3e; box-sizing:border-box; background:url(../images/newsxx_tb3.png) 10px center no-repeat; }
.newxxdivrc3 a.a1:hover{ color:#3477dc
;background:url(../images/newsxx_tb1h.png) 10px center no-repeat; }
.newxxdivrc3 a.a2:hover{ color:#3477dc
;background:url(../images/newsxx_tb2h.png) 10px center no-repeat; }
.newxxdivrc3 a.a3:hover{ color:#3477dc
;background:url(../images/newsxx_tb3h.png) 10px center no-repeat; }

.newxxdivrc4{ width:100%; height:auto; float:left; padding:35px 45px 15px 45px; box-sizing:border-box;}
.newxxdivrc4 strong{ width:100%; height:auto; float:left; font-size:26px; line-height:32px; margin-bottom:10px; font-weight:bold; color:#3477dc
;}
.newxxdivrc4 a{ width:auto; height:auto; line-height:34px; font-size:16px; color:#173d3e; margin-right:20px;}
.newxxdivrc4 a:hover{ color:#3477dc; text-decoration:underline;}

/***行业应用****/
.yylydiv1{ width:100%; height:auto; float:left; background:#fbfbfb; padding:0 0 80px 0;}
dl.yydl{ width:100%; height:auto; float:left; margin:20px 0 30px 0; background:url(../images/ixybj.jpg) right bottom no-repeat #fff; box-shadow:0 0 2px #ededed;}
dl.yydl dt{ width:50%; height:auto; float:left; overflow:hidden;}
dl.yydl 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.yydl: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; }
dl.yydl dd{ width:50%; height:auto; float:left; padding:55px 50px 20px 50px; box-sizing:border-box;}
dl.yydl dd h3 a{ width:100%; height:auto; float:left; font-size:24px; color:#173d3e; line-height:42px; font-weight:bold;}
dl.yydl dd .gddiv{ height:390px; font-size:16px; line-height:28px; color:#7a8989;}
dl.yydl dd .gddiv a{ color:#3477dc
;}
dl.yydl dd a.a{ width:100%; height:60px; line-height:60px; float:left; margin-top:25px; border-top:1px solid #f2f2f2; font-size:16px; font-weight:bold; color:#173d3e; background:url(../images/indexdiv1_tb.png) right center no-repeat; background-size:16px auto;}
dl.yydl:hover dd h3 a{ color:#3477dc
;}
dl.yydl.yyd2 dt{ float:right;}

.yylydiv1c{ width:100%; height:auto; float:left; margin-top:50px;}
.yylydiv1z{ margin-top:0;}
.yylydiv1zc{ padding-bottom:30px;}
dl.proxl{ width:340px; height:auto; float:left; margin:0 10px; position:relative;}
dl.proxl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.proxl 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.proxl: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; }
dl.proxl dd{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:0; padding:35px; box-sizing:border-box;}
dl.proxl dd span{ width:100%; height:auto; float:left; font-size:14px; line-height:18px; font-weight:bold; color:#fff;}
dl.proxl dd h3 a{ width:100%; height:auto; float:left; font-size:24px; line-height:32px; font-weight:bold; color:#fff;}
dl.proxl dd p{ width:100%; height:0; float:left; overflow:hidden; font-size:14px; line-height:24px; color:#fff; opacity:0.8; transition:all 0.5s ease;}
dl.proxl:Hover dd p{ height:72px; transition:all 0.5s ease;}

.yylydiv2{ width:100%; height:auto; float:left; padding:80px 0; background:#eff1f6;}
.yylyxw{ padding-bottom:30px;}
.yylyxw dl.xwd3{ width:460px; height:auto; float:left; margin:0 10px;}

/*******应用领域-详细******/
.yylyxxdiv1{ width:100%; height:auto; float:left; padding-bottom:70px; background:#fff;}
.yylyxxdiv1 .mbxdiv{ margin-bottom:30px;}
.yylyxxdiv1 ul{  text-align:center; white-space:nowrap;list-style:none;}
.yylyxxdiv1 ul li{display:inline;  margin:0; padding:0;list-style:none;  }
.yylyxxdiv1 ul li a{ display:table-cell; display:inline-block; width:150px; height:auto; margin:0 5px; border-radius:100%; }
.yylyxxdiv1 ul li a img{ width:90px; height:auto; display:block; margin:0 auto;}
.yylyxxdiv1 ul li a span{ width:100%; height:auto; float:left; text-align:center; font-size:16px; line-height:18px; margin-top:15px; font-weight:bold; color:#3477dc; }

.yylyxxdiv2{ width:100%; height:auto; float:left; padding:80px 0; background:#fbfbfb;}
.yylyxxdiv2z{ display:none;}
.yylyxxdiv2zc{ padding-bottom:30px;}
dl.yyxxdl{ width:460px; height:auto; float:left; margin:0 10px; box-shadow:0 0 3px #ededed;}
dl.yyxxdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.yyxxdl 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.yyxxdl: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; }
dl.yyxxdl dd{ width:100%; height:auto; float:left; background:url(../images/yyxxdiv2_bj.jpg) right bottom no-repeat #fff; padding:30px 40px 20px 40px; box-sizing:border-box;}
dl.yyxxdl dd h3 a{ width:100%; height:36px; line-height:36px; float:left; font-size:26px; color:#173d3e; font-weight:bold; overflow:hidden;}
dl.yyxxdl dd p{ width:100%; height:225px; float:left; overflow:hidden; margin:10px 0;}
dl.yyxxdl dd p span{ width:100%; height:auto; float:left; font-size:16px; line-height:22px; color:#173d3e; margin:3px 0; opacity:0.8;}
dl.yyxxdl dd a.a{ width:100%; height:60px; line-height:60px; float:left; margin-top:25px; border-top:1px solid #f2f2f2; font-size:16px; font-weight:bold; color:#173d3e; background:url(../images/indexdiv1_tb.png) right center no-repeat; background-size:16px auto;}
dl.yyxxdl:hover dd h3 a{ color:#3477dc
;}
.yylyxxdiv3{ width:100%; height:auto; float:left; background:#fff; padding:20px 0 70px 0;}


/*****弹出留言div********/
.tclydiv{ width:90%; height:auto; max-width:1100px; padding:50px 90px; z-index:9999; border-radius:5px; background:#fff; box-sizing:border-box; float:left; position:fixed; right:-1100px; top:0px;}
.tclydivclose{ width:46px; height:46px; border-radius:100%; background:url(../images/lycolse.png) center center no-repeat #f2f9f1; cursor:pointer; position:absolute; right:20px; top:20px;}
.tclydiv .lxwmdivright{ width:100%; height:auto; float:left;}
.tclydiv .lxwmdivright .botlydivc .input{ height:50px; line-height:50px;}
.tclydiv .lxwmdivright .botlydivc .sel{ height:50px; line-height:50px;}
.tclydiv .lxwmdivright .botlydivc p .text{ height:120px;}