﻿@charset "utf-8";
/*网站公共样式*/
@font-face {
 font-family: 'Montserrat'; 
	src: url('../fonts/HarmonyOS_Sans_SC_Regular.woff2');
}
@font-face {
 font-family: 'biaotiziti'; 
	src: url('../fonts/HarmonyOS_Sans_SC_Regular.woff2');
	font-weight:bold;
	 
} 
 
 
i,em{ font-style:normal;}
body {  font-family:"Montserrat",'Poppins', 'Hiragino Sans GB', 'Segoe UI', 'Microsoft Yahei', '微软雅黑',"AlibabaLight","思源","黑体",Arial, sans-serif,Stawix, Arial, Helvetica, sans-serif; font-size:14px; background:#fff; overflow-x: hidden; margin: 0 auto; color:#74797e; line-height:24px; width:100%; overflow-x:hidden;  }
html,div,span,p,ul,li,dl,dt,dd,a,img,em,label,input,textarea,form { margin:0; padding:0;}
form{ display:inline;}
/*ul,li,i { list-style:none;}*/
h1,h2,h3,h4,h5,h6{ font-weight:normal; padding:0; margin:0; }
strong {padding:0; margin:0; }
a{ text-decoration:none; color:#333;}
a:hover{ color:#036eb8;}
img { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ width:1460px; padding:0; max-width:1920px; margin:0 auto; box-sizing:border-box; }
.document_width1{ width:100%; padding:0 50px;max-width:1920px;margin:0 auto; box-sizing:border-box; }
.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0} 
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; line-height:100%;}
textarea { -webkit-appearance: none;}   
.button{ border-radius: 0; } 
.ui-btn-text{ display:none;}
.ui-submit{}
.txtcen{ text-align:center;}
input[type="radio"]:after {  width: 15px;  height: 15px;border-radius: 50%; top: -2px;left: -1px;position: relative;background-color:white;display: inline-block; visibility: visible;border: 1px solid #000;}
input[type="radio"]:checked:after {border: 4.5px solid #000; }

input[type=checkbox]:checked::before {content: '';display: inline-block; width:15px;  height: 15px;background:url(../images/duoxiantb.png) center center no-repeat #f39a00; background-size:12px auto; }

.proxxgd::-webkit-scrollbar { width:10px; height:8px;}
.proxxgd::-webkit-scrollbar-track {border-radius:4px; height:8px;background-color:#e7e7e7; border:1px solid #cacaca;box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);}
.proxxgd::-webkit-scrollbar-thumb { border-radius:4px; height:8px;background-color:#fb841a;}


    

.left{ float:left;}
.aright{ float:right !important; margin-top:15px !important;}
s{ text-decoration:none;}

 
/*
::-webkit-scrollbar { height: 4px; width:0px;}
::-webkit-scrollbar-button { height:0;width:0;}*/
.sosoh2 { width:100%; height:auto; float:left; padding:10px 0; font-size:16px;}
.sosoh2 span {  margin:0 8px; font-weight:bold;   }
.prott { width:100%; height:auto; float:left; font-size:22px; line-height:40px; border-bottom:1px solid #ededed; margin:10px 0;  color:#000;}
.zhezhao{ width:100%; height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.4); display:none;}
 

.searchinfo{ width:100%; height:auto; float:left; padding:30px 0;}
.search_tt{ width:100%; height:auto; float:left; font-size:18px; line-height:32px; color:#f9f9f9; }
.search_tt span{ color:#fff;font-weight:600;}
.searchinfo dl.pdl { width:23%; margin:0.5%;}

.sj_menu {display: none;}
.menutb{ width:30px; height:36px;float:right; margin:22px 0 0 15px; display:none; position:relative; z-index:9999;}
.menutb span{ width:100%; height:2px; margin:5px 0; background:#036eb8; transition:all 0.5s ease;float:left; display:inline-block;}
.menutb.close span{ opacity:0;transition:all 0.5s ease; position:absolute; left:0; top:13px;}
.menutb.close span:first-child{ transform: rotate(45deg); position:absolute; left:0; top:13px; opacity:1;}
.menutb.close span:last-child{ transform: rotate(-45deg); position:absolute; left:0; top:13px; opacity:1;}
.sjmenu{ display:none;}

/****分页****/
.fenye{ margin:40px 0 20px 0;}
.fenye ul{  text-align:center; white-space:nowrap;list-style:none;}
.fenye ul li{display:inline;  margin:0; padding:0;list-style:none;  }
.fenye ul li a{ display:table-cell; display:inline-block; width:32px; color:#333; border-radius:1px; font-size:16px; height:32px; margin:0 1px; line-height:30px;text-align:center; background:#fff; box-shadow:0 0 2px #ededed;}
.fenye ul li a.cur,.fenye ul li a:hover{ color:#fff; background:#036eb8;}
 

#alertdiv{ position: fixed;margin: auto;width: 100%;top: 40%;display: none; z-index:2147483647; }
#alertdiv div{ background-color: #000;color: #FFF;padding: 20px 20px 20px 20px;min-width: 100px; width:600px;  min-height: 25px;text-align: center;color: rgb(255, 255, 255);border-width: 1px;  border-style: solid;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;line-height: 150%; margin: auto;z-index: 2147483647;}

/**********404*******/
.div_cu { width:100%; height:auto;  float:left; padding:50px 0;  }
.div_cu p { width:100%; height:auto; float:left; text-align:center; font-size:14px; font-weight:550; line-height:26px;}
.div_cu p img { width:350px; height:auto;  margin:30px auto; }
.div_cu p a { color:#2466a5; }

.aside{width:60px;position: fixed;right:10px;top: 50%;transform: translate(0,-50%);padding-top: .05rem;z-index: 123;}
.as-item{display: block;width: 100%;height:60px;cursor: pointer;background-color: #e82214;border-radius:4px;margin-bottom:5px;position: relative;transition: all .3s;}
.as-icon{width: 100%;height: 100%;padding:17px; box-sizing:border-box;object-fit: contain;}
.as-code{width: 120px;position: absolute;right:65px;top: 50%; background-color: #fff;border-radius:4px;padding:2px;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all .3s;box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);}
.as-img{width: 100%; }
.as-item:hover{background-color: #e82214;}
.as-item:hover .as-code{visibility: visible;opacity: 1;}
.as-item span{ width:180px; height:60px; float:left; text-align:center; display:block; margin-left:-180px; opacity:0; background:#e82214; color:#fff; line-height:60px; font-size:18px; }
.as-item:hover span{ opacity:1;} 
 
 
.float_r{ width:70px; height:auto; float:left; position:fixed; right:10px; bottom:100px;}
.float_r ul{ width:100%; height:auto; float:left; list-style:none;} 
.float_r ul li{ width:100%; height:auto; float:left; margin-bottom:10px;} 
.float_r ul li a{ width:70px; height:70px; border-radius:100%; background:#036eb8; padding:20px; box-sizing:border-box; float:left;}
.float_r ul li a img{ width:100%; height:auto; display:block;} 
.float_r ul li a:Hover{ opacity:0.8;}
.float_r ul li a.backtop{ background:#f2f2f2;} 
 
 
 
 
 
/*******首页*******/ 
.headdiv{ width:100%; height:96px; float:left; position:fixed; left:0; top:0; z-index:9999; background:#fff; border-bottom:1px solid #f5f5f5;}
.logo{ width:auto; height:30px; float:left; margin-top:33px;}
.logo img{ width:auto; height:30px; display:block; float:left;}
 
.ltel{ width:auto; height:40px; line-height:40px; float:right;   margin:30px 0; background:url(../images/top_tel.png) left center no-repeat; padding-left:50px; box-sizing:border-box; font-size:24px; line-height:26px; color:#f39700 !important; font-weight:bold;}
.ltel s{  color:#000 !important; font-size:14px; width:100%; height:auto; float:left; line-height:14px; font-weight:normal;}

dl.yydl{ width:auto; float:right; height:110px; position:relative; background:url(../images/yytb_jt.png) right 52px no-repeat; background:none !important; margin-left:15px;}
dl.yydl dt a{ width:100%; height:110px; line-height:110px; padding-left:34px; box-sizing:border-box; float:left; background:url(../images/yytb.png) left center no-repeat; background-size:25px auto; color:#fff;}
dl.yydl dd{ width:100%; display:none; height:auto; float:left; position:absolute; left:0; top:88px; padding:10px 0; box-sizing:border-box; background:#000; text-align:center;}
dl.yydl dd a{ width:100%; height:auto; float:left; font-size:14px; line-height:26px; color:#fff;}
dl.yydl:hover dd{ display:block;}  

dl.ssdl{ width:auto; height:100px; float:right; margin-right:15px; position:relative;}
dl.ssdl dt{ width:40px; height:40px; margin:30px 20px; float:left; border-radius:40px;background:url(../images/sstb.png) center center no-repeat #036eb8; border:none; outline:none; cursor:pointer;}
dl.ssdl dd{ width:250px; height:auto; display:none; position:absolute; padding:15px; right:0; top:96px; background:#fff; box-sizing:border-box;}
dl.ssdl dd .input{ width:180px; height:40px; float:left; line-height:40px;  font-size:15px; border:none; background:#fff;  font-family:"Montserrat";text-indent:5px; color:#000; border-bottom:1px solid #ededed; outline:none;  }
dl.ssdl dd .button{ width:40px; height:42px;background:url(../images/sstb.png) center center no-repeat #036eb8; border:none; outline:none; cursor:pointer; float:left;} 
dl.ssdl.show dd{ display:block;}
 
 

ul.ulmenu{ width:auto; height:96px; float:right; margin-right:6%; list-style:none;}
ul.ulmenu li{ width:auto; height:auto; float:left;position:relative;}
ul.ulmenu li >a{ width:auto; height:96px; line-height:96px; float:left; padding:0 35px;font-family: 'biaotiziti'; font-weight:bold; font-size:18px; color:#000; }  
ul.ulmenu li .ejp{ display:none; width:140%; height:auto; float:left; position:absolute; z-index:9998;left:-20%; top:96px; background:#fff;}
ul.ulmenu li .ejp a{ width:100%; height:46px; line-height:46px; color:#333; float:left; text-align:center; font-size:15px; border-bottom:1px solid rgba(0,0,0,0.1);}
ul.ulmenu li .ejp a:hover{ color:#036eb8;}  
ul.ulmenu li:hover .ejp{ display:block;}
ul.ulmenu li:hover >a,ul.ulmenu li a.cur{ color:#036eb8}
 
.banner{ width:100%; overflow:hidden; height:100vh !important;min-height:700px !important;  float:left; position:fixed; left:0; top:0; z-index:0; touch-action: pan-y;}
.banner ul {  overflow:hidden; height:100vh !important; min-height:700px !important; list-style:none;  }
.banner ul li{  width:100%;  height:auto;  min-height:700px; float:left; overflow:hidden;list-style:none; position:relative; position:absolute; left:0; top:0; opacity:0;}
.banner ul li img,.banner ul li video{ width:100%; height:100vh !important;object-fit: cover;  min-height:700px !important;  float:left; transition:0.5s linear ; transform:scale(1.03);  }
.banner ul li.cur  img{transform:scale(1); }
.banner ul li.cur{ opacity:1; z-index:112;}
.bannerkzc{ width:100%; height:auto; float:left; position:absolute; left:0; bottom:160px; z-index:886;}
.bannerkz{ margin:0 auto; width:300px; height:auto;}
.banjtl{ width:35px; height:35px; float:left; background:url(../images/bantbl.png) center center no-repeat; opacity:0.9; cursor:pointer;}
.banjtr{ width:35px; height:35px; float:right; background:url(../images/bantb3.png) center center no-repeat; opacity:0.9; cursor:pointer;}
.banjtl:hover,.banjtr:hover{ opacity:1;}

.banner_span{margin:0px;padding:0px; width:auto; float:left; height:3px;text-align:center; margin-top:17px;}
.banner_span span{ float:left; width:40px;height:3px; cursor:pointer; margin:0 5px; background:url(../images/bbj.jpg) left center no-repeat rgba(255,255,255,0.2); background-size:0 3px;box-sizing:border-box; }
.banner_span span.cur{ background-size:100% 3px; transition:all 5s ease; } 
 
.banner .document_width1{ position:relative;}
.banwenzi{ position:absolute; top:300px; width:100%; height:auto; left:0px;transition:1s linear; margin-top:20px; color:#fff; text-align:left; z-index:99;box-sizing:border-box}
.banwenzic{ width:100%; height:auto; text-align:center;}
.banwenzi h2{ width:auto; height:auto; position:relative; font-family:"biaotiziti"; font-weight:600; float:left; font-size:48px;line-height:64px; margin-bottom:35px;}
.banwenzi h3{ width:100%; height:auto; float:left; font-size:24px;line-height:30px;  margin:0 0 25px 0;}
.banwenzi p{ width:100%; max-width:760px; height:auto;   font-size:18px;line-height:26px; margin:0 auto;}

.banwenzi a.a{ width:auto; height:46px; line-height:46px; border:2px solid #fff;  border-radius:3px; font-size:16px; padding:0 20px 0 30px; float:left; color:#fff;    }
.banwenzi a.a span{ background:url(../images/bantb3.png) center center no-repeat; width:26px; height:46px; float:right; display:block;}
.banwenzi a.a:Hover{ opacity:0.9;}
.addCur{transform:scale(1) !important; }
.wzaddCur{ margin-top:0px;}
.banner ul li.cur  .f1 { animation: donghuawz 1s infinite;animation-iteration-count: 1; animation-fill-mode: forwards;}
.banner ul li.cur  .f2 {animation: donghuawz1 1.3s infinite; animation-iteration-count: 1; animation-fill-mode: forwards;}
.banner ul li.cur  .f3 { animation: donghuawz2 1.6s infinite;animation-iteration-count: 1; animation-fill-mode: forwards;}

@-webkit-keyframes donghuawz {0% {opacity: 0;margin-top: 50px;}30% { opacity: 0;margin-top: 50px;}100% { width: 100%;margin-top: 0px;}}
@-webkit-keyframes donghuawz1 {0% {opacity: 0;margin-top: 50px;}30% {opacity: 0;margin-top: 50px;}100% { width: 100%; margin-top: 0px;  }}
@-webkit-keyframes donghuawz2 {0% { opacity: 0; margin-top: 50px;}30% {opacity: 0;margin-top: 50px;}100% { width:auto; margin-top: 0px; }}
.xpage {width: 240px; height:60px; margin: 0 auto;width:100%;position:absolute; padding-top:40px; background:url(../images/xxbj.png) top center no-repeat; bottom:0vw;text-align:center; z-index:885; margin-top:-40px;}
.xpage s {width: 100%;height:20px; display:block; animation:td01 1s infinite;  background:url(../images/xxbjtb.png) center center no-repeat;  cursor: pointer;}

@-webkit-keyframes td01 {
    0% {  background-position: center center; }
    25% { background-position: center top; }
    50% {  background-position: center center; }
    75% { background-position: center bottom;  }
    100% {  background-position: center center; }
}

.indextt{ width:100%; height:auto; float:left; margin-bottom:30px; text-align:center;}
.indextt strong{ width:100%; height:auto; float:left;font-family:"biaotiziti"; font-size:48px; line-height:56px; font-weight:600; color:#000;}
.indextt span{ width:100%; height:auto; float:left; font-size:24px; font-family:"biaotiziti"; margin-top:30px; line-height:30px; color:#000;}
.indextt p{ width:100%; height:auto; max-width:580px; margin:0 auto; padding-top:10px; font-size:16px; line-height:22px; color:#666;}


.indexdiv1{ width:100%; height:auto; float:left; background:#fff; padding:110px 0; position:relative; z-index:11; margin-top:100vh;}
.indexdiv1 dl{ width:calc(92% / 5); height:auto; float:left; margin-right:2%; box-shadow:0 4px 8px #f1f1f1; padding:35px; box-sizing:border-box;}
.indexdiv1 dl:last-child{ margin-right:0;}
.indexdiv1 dl dd{ width:100%; height:auto; float:left; text-align:center; margin-bottom:15px;}
.indexdiv1 dl dd h2 a{ width:100%; height:30px; float:left; font-size:24px; line-height:30px; color:#222; overflow:hidden; font-weight:bold;}
.indexdiv1 dl dd p{ width:100%; height:48px; float:left; font-size:16px; line-height:24px; overflow:hidden; color:#666; margin:10px 0 25px 0;}
.indexdiv1 dl dd a s{ width:auto; font-size:14px; font-weight:bold; padding-right:10px; background:url(../images/ipro_tba.png) right center no-repeat; color:#036eb8;}
.indexdiv1 dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.indexdiv1 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;}
.indexdiv1 dl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.indexdiv1 dl:hover dd h2 a{ color:#036eb8;}
.indexdiv1 dl:hover{box-shadow:0 4px 8px #ccc;}

.indexdiv2{ width:100%; height:auto; float:left; padding:120px 0 90px 0; background:url(../images/iab_bj.jpg) top center no-repeat; background-size:cover; position:relative; z-index:11;}
.indexdiv2box{ width:100%; height:auto; float:left; text-align:center;}
.indexdiv2box img{ width:auto; height:44px; display:block; margin:0 auto;}
.indexdiv2box h3{ width:100%; height:auto; float:left; font-size:24px; line-height:30px; color:#036eb8;font-family:"biaotiziti"; font-weight:bold; margin:30px 0 15px 0;}
.indexdiv2box p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#333; margin-bottom:10px;}
.indexdiv2box p span{ width:100%; height:auto; float:left;}
.indexdiv2box a.am{ width:auto; height:42px; line-height:42px; padding:0 25px; background:#036eb8; border-radius:20px; margin:25px auto; display:inline-block;}
.indexdiv2box a.am s{ font-size:16px; color:#fff; padding-right:50px; background:url(../images/iab_tb1.png) 95% center no-repeat; transition:all 0.5s ease;}
.indexdiv2box a.am:hover s{ background-position:right center; transition:all 0.5s ease;}
ul.szul{ width:100%; height:auto; float:left; background:#fff; list-style:none; margin-top:120px; padding:45px 0; text-align:center;}
ul.szul li{ width:25%; height:auto; float:left; border-right:1px solid #f4f4f4; box-sizing:border-box; }
ul.szul li strong{ width:100%; height:50px; float:left; font-size:50px; line-height:50px; color:#036eb8;}
ul.szul li strong s{ font-size:24px; padding-left:5px;}
ul.szul li span{ width:100%; height:auto; float:left; font-size:16px; line-height:20px; color:#666; margin-top:10px;}

.indexdiv3{ width:100%; height:740px; float:left; position:relative; z-index:11;}
.indexdiv3 ul{ width:100%; height:auto; float:left; list-style:none; position:absolute; left:0; top:0;}
.indexdiv3 ul li{ width:100%; height:auto; float:left; position:absolute; left:0; top:0;}
.indexdiv3 ul li img{ width:100%; height:740px; display:block;  opacity:0;}
.indexdiv3 ul li.cur img{  opacity:1;}
.indexdiv3c{ width:100%; height:auto; float:left; padding:100px 0; position:absolute; left:0; top:0; z-index:1;}
.indexdiv3c .indextt strong{ text-align:left; color:#fff;}
.indexdiv3c .indextt span{ text-align:left; color:#fff; font-weight:normal;}
.indexdiv3cqh{ width:100%; height:auto; float:left; margin-top:50px;}
.indexdiv3cqh .box{ width:100%; height:auto; float:left; display:none;}
.indexdiv3cqh .box strong{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; color:#fff; font-weight:bold;}
.indexdiv3cqh .box p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#fff; margin-top:8px;}
.indexdiv3cqh .box.cur{ display:block;}

.indexdiv3dian{ width:100%; height:auto; float:left; min-height:60px; background:url(../images/btmbj.png) center 45px no-repeat; background-size:100% 1px !important; position:absolute; left:0; bottom:60px; z-index:1;}
.indexdiv3dian dl{ width:25%; height:auto; float:left; cursor:pointer;}
.indexdiv3dian dl dt{ width:80px; height:80px; border-radius:80px; background:rgba(255,255,255,0.2); margin:0 auto; padding:15px; box-sizing:border-box;}
.indexdiv3dian dl dt img{ width:100%; height:auto; display:block;}
.indexdiv3dian dl dd{ width:100%; height:auto; float:left; text-align:center; font-size:20px; line-height:30px; color:#fff; margin-top:10px;}
.indexdiv3dian dl.cur dt,.indexdiv3dian dl:Hover dt{ background:#036eb8;}

.indexdiv4{ width:100%; height:auto; float:left; padding:100px 0; background:#fff;position:relative; z-index:11;}
.indexdiv4 .indextt{ text-align:left;}
.indexdiv4 .indextt span,.indexdiv5 .indextt span{ margin-top:10px;}
.ihzjt{ width:auto; height:40px; float:right; background:#036eb8; border-radius:4px; margin-top:-100px;}
.ihzjt span.ihzjtl{ width:40px; height:40px; float:left; background:url(../images/bantbl.png) center center no-repeat; cursor:pointer; opacity:0.4;}
.ihzjt s{ width:1px; height:40px; background:url(../images/btmbj.png) center center no-repeat; background-size:1px 40%; float:left;}
.ihzjt span.ihzjtr{ width:40px; height:40px; float:left; background:url(../images/bantb3.png) center center no-repeat; cursor:pointer; opacity:0.4;}
.ihzjt span.ihzjtl:hover,.ihzjt span.ihzjtr:hover{ opacity:1;}

.indexdiv4c{ width:100%; height:auto; float:left; position:relative; overflow:hidden;touch-action: pan-y;  } 
.indexdiv4list{width:2000000px; height:auto; overflow:hidden;  float:left; transition:transform 600ms;}
.indexdiv4c ul{ width:1460px; height:auto; float:left; list-style:none;}
.indexdiv4c ul li{ width:calc((100% - 60px) / 6); height:auto; float:left; background:#f8f8f8; border:1px solid #ededed; box-sizing:border-box; margin:5px; overflow:hidden;}
.indexdiv4c ul li 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;}
.indexdiv4c ul li:hover img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }

.indexdiv5{ width:100%; height:auto; float:left; padding:100px 0; background:#f5f5f5;position:relative; z-index:11;}
dl.ixw{ width:460px; height:auto; float:left; margin-right:35px;}
dl.ixw dt{ width:100%; height:auto; float:left; display:none;}
dl.ixw dt img{ width:100%; height:260px; display:block;}
dl.ixw dd{ width:100%; height:auto; float:left; background:url(../images/ixwtb1.png) center 90% no-repeat #fff; padding:35px 35px 20px 35px; box-sizing:border-box;}
dl.ixw dd span.st{ width:auto; height:32px; line-height:32px; padding:0 8px; border-radius:5px; font-size:14px; background:#e5eff6; color:#036eb8;}
dl.ixw dd h3 a{ width:100%; height:60px; float:left; font-size:22px; line-height:30px; color:#000; overflow:hidden; font-weight:bold; margin-top:5px; margin-bottom:24px;}
dl.ixw dd p.p{ width:100%; height:48px; float:left; font-size:16px; line-height:24px; overflow:hidden; color:#666; margin:50px 0 158px 0; }
dl.ixw dd p.p1{ width:100%; height:auto; float:left; border-top:1px solid #dcdcdc; padding-top:10px;}
dl.ixw dd p.p1 span.sp{ width:auto; height:auto; float:left; line-height:40px;font-size:38px; color:#000; font-weight:bold;}
dl.ixw dd p.p1 span.sp s{ position:relative; top:0px; line-height:20px; font-size:14px; color:#666; }
dl.ixw dd p.p1 a{ width:auto; height:auto; float:right;}
dl.ixw dd p.p1 a s{ padding-right:15px; font-size:15px; line-height:40px; background:url(../images/bantb3h.png) right center no-repeat; color:#000;}
dl.ixw:hover dt,dl.ixw.cur dt{ display:block;}
dl.ixw:hover dd,dl.ixw.cur dd{ background:url(../images/ixwtb.png) center center no-repeat #036eb8; padding:30px 35px 20px 35px;}
dl.ixw:hover dd h3 a,dl.ixw.cur dd h3 a{ color:#fff;}
dl.ixw:hover dd p.p1,dl.ixw.cur dd p.p1{ border-top:1px solid rgba(255,255,255,0.2);}
dl.ixw:hover dd p.p1 span.sp,dl.ixw.cur dd p.p1 span.sp{ color:#fff;}
dl.ixw:hover dd p.p1 span.sp s,dl.ixw.cur dd p.p1 span.sp s{ color:#fff;}
dl.ixw:hover dd p.p1 a s,dl.ixw.cur dd p.p1 a s{ color:#fff; background:url(../images/bantb3.png) right center no-repeat;}
dl.ixw:hover dd p.p,dl.ixw.cur dd p.p{ display:none;}

.indexdiv5z{ width:100%; height:auto; float:left; position:relative;}
.indexdiv5c{width:100%; height:auto; overflow:hidden;  float:left; }
.indexdiv5list{ width:2000000px; height:auto; float:left;transition:transform 600ms;}
.ijtl{ width:40px; height:40px; position:absolute; left:-50px; top:45%; background:url(../images/bantblh.png) center center no-repeat #fff; cursor:pointer;}
.ijtr{ width:40px; height:40px; position:absolute; right:-50px; top:45%; background:url(../images/bantb3h.png) center center no-repeat #fff; cursor:pointer;}
.ijtl:Hover{ background:url(../images/bantbl.png) center center no-repeat #036eb8; }
.ijtr:Hover{ background:url(../images/bantb3.png) center center no-repeat #036eb8; }

.bottomdiv{ width:100%; height:auto; float:left; background:#1c1b1b; padding-top:50px;position:relative; z-index:11;} 
.bottomdivbox{ width:500px; height:auto; float:left; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; margin-bottom:30px; margin-right:60px;} 
.bottomdivbox img{ width:auto; height:50px; display:block;}
.bottomdivbox p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#929292; margin-top:45px;}
.bottomdivbox p a{color:#929292; }
.bottomdiv dl{ width:calc((100% - 560px) / 5); height:auto; float:left;} 
.bottomdiv dl dt{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; font-weight:bold; color:#fff;} 
.bottomdiv dl dd{ width:100%; height:auto; float:left; margin-top:20px;}
.bottomdiv dl dd a{ width:100%; height:auto; line-height:32px; font-size:16px; color:#929292; float:left;}
.bottomdiv dl dd a:Hover{ color:#fff;}
.bqxx{ width:100%; height:auto; float:left; padding:18px 0; background:#1c1b1b; margin-top:15px; border-top:1px solid rgba(255,255,255,0.1); }
.bqxx span.s{ width:auto; height:38px; float:left;}
.bqxx span.s a img{ width:38px; height:38px; float:left; background:rgba(255,255,255,0.1); border-radius:38px; padding:9px; box-sizing:border-box; margin-right:10px;}
.bqxx span.s a:hover img{background:rgba(255,255,255,0.3);}
.bqxx span.sp{ width:auto; height:auto; line-height:38px; font-size:15px; float:right; color:#929292;}
.bqxx span.sp a{ color:#929292;}
.bqxx span.sp a:Hover{ color:#fff;} 

/*******定制服务*******/
.nybanner{ width:100%; height:auto; float:left; position:relative}
.nybanner img{ width:100%; height:500px; display:block;}
.nybannerwz{ position:absolute; left:0; top:280px; width:100%; height:auto; float:left; margin-top:-15px; opacity:0.5;}
.nybannerwz strong{ width:100%; height:auto; float:left;font-family:"biaotiziti";  font-size:48px; line-height:60px; color:#fff;font-weight:600; margin-top:-15px; }
.nymenu{ width:100%; height:auto; float:left; background:#fff; border-bottom:1px solid #ededed;}
.nymenu ul{ width:100%; height:auto; list-style:none;}
.nymenu ul li a{ width:auto; height:80px; line-height:80px; font-size:18px;  position:relative; top:1px;font-family:"biaotiziti";  color:#333;background:url(../images/bjc.png) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; font-weight:bold; color:#000; float:left; margin-right:40px; }
.nymenu ul li a:hover,.nymenu ul li a.cur{ background-size:100% 2px;  transition:all 0.5s ease;color:#036eb8;}	
.mbxdiv{ width:100%; height:auto; float:left; padding:15px 0; font-size:16px; line-height:24px; color:#999;}
.mbxdiv a{ color:#999; margin:0 2px;}
.mbxdiv a:hover{ color:#036eb8;}

.zmfadiv1{ width:100%; height:auto; float:left; padding:40px 0 80px 0; background:#fff;}
.zmfadiv1 dl{ width:48%; height:auto; float:left; margin:1%; background:#f8fafc;}
.zmfadiv1 dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.zmfadiv1 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;}
.zmfadiv1 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; }
.zmfadiv1 dl dd{ width:100%; height:auto; float:left; padding:35px 45px; box-sizing:border-box;}
.zmfadiv1 dl dd h3{ width:100%; height:auto;font-family:"biaotiziti";  float:left; font-size:22px; line-height:30px; color:#000; font-weight:bold; margin-bottom:8px;}
.zmfadiv1 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#666; min-height:120px;}

.zmfadiv2{ width:100%; height:auto; float:left; padding:80px 0; background:#f8fafc;}
.zmfadiv2 dl{ width:100%; height:auto; float:left; background:#fff;}
.zmfadiv2 dl dd{ width:50%; height:auto; float:left; padding:45px 60px; box-sizing:border-box;}
.zmfadiv2 dl dd h3{ width:100%;font-family:"biaotiziti";  height:auto; float:left; font-size:22px; line-height:30px; color:#036eb8; font-weight:bold; margin-bottom:8px;}
.zmfadiv2 dl dd span{ width:100%; height:auto; line-height:30px; font-size:16px; color:#666; float:left; padding-left:10px; background:url(../images/zmfadiv2_tb.png) left 13px no-repeat; box-sizing:border-box;}
.xt{ width:100%; height:1px; float:left; margin:35px 0 15px 0; background:#f2f2f2;}
.zmfadiv2 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#666;}
.zmfadiv2 dl dt{ width:50%; height:auto; float:right; overflow:hidden;}
.zmfadiv2 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;}
.zmfadiv2 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; }

.zmfadiv3{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.zmfadiv3 .indextt strong{ text-align:left;}
.zmfadiv3 .box{ cursor:pointer; width:calc( 94% / 6); height:auto; float:left; overflow:hidden; margin-right:1%; margin-bottom:25px; background:url(../images/bjc.png) top center no-repeat #f8fafc; background-size:0 3px; transition:all 0.5s ease; padding:40px 20px; position:relative; box-sizing:border-box;}
.zmfadiv3 .box img{ width:40px; height:40px; display:block; float:left;}
.zmfadiv3 .box h3{ width:100%; height:auto;font-family:"biaotiziti";  float:left; font-size:22px; line-height:34px; font-weight:bold; color:#000; margin:10px 0 15px 0;}
.zmfadiv3 .box p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#777; min-height:188px;}
.zmfadiv3 .box strong{ width:auto; height:auto; float:left; font-family:"biaotiziti"; font-size:80px; line-height:80px; color:#e8ebed; position:absolute; right:50px; bottom:-20px;}
.zmfadiv3 .box:hover{background-size:100% 3px; transition:all 0.5s ease;}
 


/*****新闻列表******/
.xwdiv1{ width:100%; height:auto; float:left; padding:20px 0 60px 0; background:#fff;}
.xwdiv1z{ width:1400px; height:auto; margin:0 auto;}
.xwdiv1c{ width:100%; height:auto; float:left; padding-bottom:20px; position:relative; overflow:hidden;}
.xwdiv1clist{ width:20000px; height:auto; overflow:hidden; float:left; position:relative;transition:transform 600ms;}
.xwspan{margin:0px;padding:0px; width:100%; text-align:center;}
.xwspan span{display:inline-block; position:relative; width:14px;height:5px; background:#d3d3d3; cursor:pointer; transition:all 0.5s ease; margin:0 4px; box-sizing:border-box;}
.xwspan span.cur{ background:#036eb8; width:22px; transition:all 0.5s ease;}
dl.xwd1{ width:1400px; height:400px; float:left; background:#f9fafb;}
dl.xwd1 dt{ width:48%; 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:52%; height:auto; padding:65px 60px 0 60px; box-sizing:border-box; float:left;}
dl.xwd1 dd h3 a{ width:100%; height:72px; line-height:36px; float:left;font-family:"biaotiziti"; font-size:32px; color:#1d252d; font-weight:bold; overflow:hidden;}
dl.xwd1 dd p{ width:100%; height:120px; line-height:30px; float:left; font-size:16px; color:#666; margin:15px 0 25px 0; }
dl.xwd1 dd span{ width:auto; height:auto; float:left;font-family:"biaotiziti";  font-weight:bold;font-size:48px; line-height:38px; color:#888;}
dl.xwd1 dd span s{ width:auto; padding-right:5px; line-height:20px; font-size:18px; float:left; color:#999;}
dl.xwd1 dd a.a{ width:auto; height:46px; line-height:46px; float:right;font-family:"biaotiziti"; font-size:16px; padding:0 25px; color:#fff; font-weight:bold; background:#036eb8; border-radius:25px;}
dl.xwd1 dd a.a s{ padding-right:15px; background:url(../images/xbanjtr.png) right center no-repeat;}
dl.xwd1 dd a.a:hover{ opacity:0.8;}

.xwdiv2{ width:100%; height:auto; float:left; padding:70px 0; background:#f4f6f7;}  
dl.xwd3{ width:calc((100% - 60px) / 3); height:auto; float:left; background:url(../images/bjc.png) 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 dd{ width:100%; height:auto; padding:20px 35px; box-sizing:border-box; float:left;}
dl.xwd3 dd span{ width:100%; height:auto; float:left;font-family:"biaotiziti"; font-size:16px; line-height:20px; font-weight:bold; color:#036eb8;}
dl.xwd3 dd h3 a{ width:100%; height:60px;font-family:"biaotiziti"; line-height:30px; float:left; font-size:22px; color:#1d252d;font-weight:bold; overflow:hidden;}
dl.xwd3 dd p{ width:100%; height:52px; margin:10px 0; border-bottom:1px solid #f2f2f2; padding-bottom:20px; float:left; font-size:16px; line-height:26px; color:#666; overflow:hidden;}
dl.xwd3 dd a.a{ width:100%; height:40px;font-family:"biaotiziti"; float:left; line-height:40px; font-size:16px; color:#666; font-weight:bold; background:url(../images/xbanjtr1.png) right center no-repeat; background-size:6px auto !important;}
dl.xwd3:hover{ background-size:100% 2px; transition:all 0.5s ease;}
dl.xwd3:hover dd h3 a{ color:#036eb8;}
dl.xwd3:hover dd a.a{ background:url(../images/xbanjtrh.png) right center no-repeat; color:#036eb8;}

/******新闻详情*******/
.xwxxdiv1{ width:100%; height:auto; float:left; background:url(../images/newsbj.jpg) center center no-repeat; background-size:cover; padding:130px 0 50px 0;}
.xwxxdiv1 .document_width,.xwxxdiv2 .document_width,.xwxxdiv3 .document_width{ width:1020px;}
.xwxxdiv1 .st{ width:auto; height:38px; line-height:38px; padding:0 30px; background:#036eb8; border-radius:18px 18px 18px 0; font-size:16px; font-weight:bold; float:left; color:#fff;}
.xwxxdiv1 h1{ width:100%; height:auto;font-family:"biaotiziti"; float:left; font-size:38px; line-height:46px; color:#1d252d; font-weight:bold; margin:15px 0 25px 0;}
.xwxxdiv1 .sa{ width:auto; height:50px; line-height:50px; float:left; margin-right:15px; border:1px solid #fff; padding:0 25px; border-radius:25px; background:rgba(255,255,255,0.8); font-size:16px; color:#333;}
.xwxxdiv1 .sa s{ padding-left:20px; background:url(../images/news_tb1.png) left center no-repeat;}
.xwxxdiv1 .sa s.s{ padding-left:25px; background:url(../images/news_tb2.png) left center no-repeat;}
.xwxxdiv1 .mbxdiv{ margin-bottom:50px;}

.xwxxdiv2{ width:100%; height:auto; float:left; padding:70px 0; background:#fff;}
.xwxxdiv2 p{ width:100%; height:auto; float:left; font-size:16px; line-height:28px; color:#1d252d;}
.xwxxdiv2 img{ height:auto !important; width:auto; max-width:100% !important; margin:0 auto; display:block;}

.xwxxdiv3{ width:100%; height:auto; float:left; padding:70px 0; background:#f4f5f8;}
.xwxxtjz{ width:100%; height:auto; float:left;overflow-y:hidden;overflow-x:auto; padding-bottom:25px; }
.xwxxtj{ width:auto; height:auto; float:left;}
.xwxxtj .box{ width:310px; height:auto; float:left; margin:0 15px; background:#fff; border-radius:15px; overflow:hidden; padding:30px; box-sizing:border-box;}
.xwxxtj .box h3 a{ width:100%; height:56px;float:left; font-size:20px;font-family:"ct"; line-height:28px; font-weight:bold; color:#1d252d; overflow:hidden;}
.xwxxtj .box span{ width:100%; height:auto; float:left; font-size:14px; line-height:20px; margin:8px 0 45px 0; color:#1d252d; opacity:0.5; font-weight:bold;}
.xwxxtj .box a.a{ width:48px; height:48px; border:1px solid #ededed; border-radius:100%; background:url(../images/bantb3h.png) center center no-repeat #fff; display:block; float:left; background-size:7px auto !important;}
.xwxxtj .box:Hover{ background:#036eb8; background-size:cover;}
.xwxxtj .box:Hover h3 a{ color:#fff;}
.xwxxtj .box:Hover span{ color:#fff;}
.xwxxtj .box:Hover a.a{ background:url(../images/bantb3h.png) center center no-repeat #fff;}
.xwxxtjz::-webkit-scrollbar {width:5px; height:5px;}
.xwxxtjz::-webkit-scrollbar-track { border-radius:4px;background-color: #e7e7e7;box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);}
.xwxxtjz::-webkit-scrollbar-thumb { border-radius:4px; background-color: #036eb8;}


/********联系我们******/
.lxwmdiv1{ width:100%; height:auto; float:left; padding-top:40px; background:#fff;}
.lxwmdiv1 .box{ width:calc(100% / 3); height:auto; float:left; text-align:center; padding:20px; box-sizing:border-box; border-right:1px solid rgba(151,151,151,0.1);}
.lxwmdiv1 .box img{ width:95px; height:auto; margin:0 auto; display:block;}
.lxwmdiv1 .box span{ width:100%; height:40px; line-height:40px; font-size:16px; color:#777; float:left; margin-top:10px;}
.lxwmdiv1 .box strong,.lxwmdiv1 .box strong a{ width:100%; height:auto;font-family:"biaotiziti"; line-height:36px; font-size:24px; color:#1d252d; font-weight:normal; float:left;}
.lxwmdiv1 .box.box1 strong{ font-size:18px; line-height:28px;}
.lxwmdt{ width:100%; height:auto; float:left; margin-top:40px;}
.lxwmdt img{ width:100%; height:480px; display:block; position:relative; z-index:1;}

.lxwmdiv2{ width:100%; height:auto; float:left; padding:320px 0 90px 0; background:#f4f5f8; margin-top:-240px;}
.lxwmdiv2l{ width:50%; height:auto; float:left; padding-right:10%; box-sizing:border-box;}
.lxwmdiv2l .indextt{ text-align:left;}
.lxwmdiv2l .indextt p{ font-size:16px; line-height:24px; margin-bottom:15px;}
.lxwmdiv2l h4{ width:100%; height:auto; float:left;font-family:"biaotiziti"; font-size:20px; line-height:26px; font-weight:bold; color:#036eb8;}
.lxwmdiv2l span{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#888; margin-top:7px;}
.lxwmdiv2l .xt{ margin:15px 0; background:#ededed;}
.lxwmdiv2r{ width:50%; height:auto; float:right;}
.bottomdivleftly .input{ width:48%; height:42px;font-family:"biaotiziti"; line-height:42px; float:left; background:#242c33; font-size:16px; border:1px solid rgba(255,255,255,0.1); border-radius:5px; box-sizing:border-box; outline:none; margin:0 2% 2% 0; padding-left:10px; color:#fff; box-sizing:border-box;}
.bottomdivleftly .input.input1{ width:98%;}
.bottomdivleftly .text{ width:98%; height:110px;font-family:"biaotiziti"; line-height:34px; float:left; font-size:16px; background:#242c33; border:1px solid rgba(255,255,255,0.1); border-radius:5px; box-sizing:border-box; outline:none; margin:0 2% 2% 0; padding:10px; color:#fff; box-sizing:border-box;}
.bottomdivleftly .button{ width:auto; height:46px;font-family:"biaotiziti"; line-height:46px; float:left;  font-size:16px;border:none; outline:none; cursor:pointer; padding:0 30px; border-radius:23px; font-size:16px; color:#fff; background:#036eb8;}
.bottomdivleftly .button s{ padding-right:15px; background:url(../images/bantb3.png) right center no-repeat;}
.bottomdivleftly .button:hover{ opacity:0.8;}
.lxwmdiv2r .bottomdivleftly .input{ background:#eeeff2; border:1px solid #ccc; color:#000; margin:0 0 2% 2%;}
.lxwmdiv2r .bottomdivleftly .text{ background:#eeeff2; border:1px solid #ccc; color:#000; height:150px; margin:0 0 2% 2%;}
.lxwmdiv2r .bottomdivleftly .button{ margin-left:2%;}

/*****关于我们*****/
.aboutdiv1{ width:100%; height:auto; float:left; padding:100px 0; background:url(../images/aboutdiv1_bj.jpg) center bottom no-repeat; background-size:cover;}
.aboutdiv1 dl{ width:100%; height:auto; float:left; margin-bottom:70px;}
.aboutdiv1 dl dt{ width:50%; height:auto; float:left;}
.aboutdiv1 dl dt img{ width:100%; height:auto; border-radius:0 50px 50px 0; display:block;}
.aboutdiv1 dl dd{ width:50%; height:auto; float:left; padding-left:60px; box-sizing:border-box;}
.aboutdiv1 dl dd strong.s{ width:100%; height:auto; float:left; font-family:"biaotiziti";padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #dedede; font-size:48px; line-height:50px; color:#000;}
.aboutdiv1 dl dd strong.s s{ width:100%; height:auto; float:left; font-weight:normal; font-size:16px; line-height:24px; color:#666; margin-top:8px;}
.aboutdiv1 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#555;}
.aboutdiv1 ul.szul{ margin-top:0; position:relative; z-index:1; box-shadow:0 5px 10px #ccc;}

.aboutdiv2{ width:100%; height:auto; float:left; padding:100px 0; background:rgb(244, 246, 248)}
.aboutdiv2 .indextt span,.aboutdiv3 .indextt span,.aboutdiv4 .indextt span{ margin-top:10px;}
.aboutdiv2 dl{ width:calc( 94% / 4 ); height:auto; float:left; margin-right:2%; background:#fff; padding:50px; box-sizing:border-box; box-shadow:0 4px 8px #ededed;}
.aboutdiv2 dl:last-child{ margin-right:0;}
.aboutdiv2 dl dt{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; margin-bottom:25px; padding-bottom:25px;}
.aboutdiv2 dl dt img{ width:60px; height:60px; display:block; margin:0 auto;}
.aboutdiv2 dl dd{ width:100%; height:auto; float:left; text-align:center; min-height:335px;}
.aboutdiv2 dl dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:30px;font-family:"biaotiziti"; color:#000; margin-bottom:10px;}
.aboutdiv2 dl dd p{ width:100%; height:auto; float:left; font-size:15px; line-height:28px; color:#777;}
.aboutdiv3{ width:100%; height:auto; float:left; padding:90px 0; background:#fff;}



/*****产品及应用******/
.sol_gfdiv{ width:100%; height:auto; float:left; padding:0 0 80px 0; background:#fff;}
.sol_gfdiv .indextt p{ max-width:80%;   display:inline-table;}

#featured-area{height:auto;width:1440px;margin:70px auto 80px auto;}
.roundabout-holder{list-style:none;width:700px;height:380px;margin:0px auto;}
.roundabout-moveable-item{height:500px;width:960px;cursor:pointer;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%; border-radius:10px; }
.roundabout-in-focus{cursor:auto;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

.sol_cndiv1{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/sol_cnbj.jpg) center center no-repeat; background-size:cover;}
.sol_cndiv1 .indextt strong{ color:#fff;}
.sol_cndiv1 dl.d1{ width:calc(97% / 3); height:auto; padding:25px 40px 10px 40px; box-sizing:border-box; float:left; margin:0.5%; background:#fff; border-radius:10px;}
.sol_cndiv1 dl.d1 dt{ width:100%; height:80px; float:left; font-size:22px; line-height:28px; color:#000; border-bottom:1px solid #ededed; padding:15px 60px 5px 0; box-sizing:border-box; background-size:52px auto !important;}
.sol_cndiv1 dl.d1 dd{ width:100%; height:130px; overflow:hidden; float:left; font-size:16px; line-height:26px; color:#555; margin-top:15px;}

.soldiv1{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.soldiv1 ul{ width:100%; height:auto; float:left; list-style:none;}
.soldiv1 ul li{ width:100%; height:auto; float:left; margin-bottom:10px;}
.soldiv1 ul li a img{ width:100%; height:auto; display:block;}

.yfzzdiv2{ width:100%; height:auto; float:left; background: url(../images/sol_gfbj.png) center bottom no-repeat;   background-size: cover; padding:90px 0;}
.yfzzdiv2 dl{ width:100%; height:auto; float:left; }
.yfzzdiv2 dl dt{ width:50%; height:auto; float:left;     border-radius: 20px; overflow:hidden;}
.yfzzdiv2 dl dt img{ width:100%; height:360px; 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;}
.yfzzdiv2 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; }
.yfzzdiv2 dl dd{ width:50%; height:360px; float:left; padding:50px 0 0 50px;box-sizing:border-box; }
.yfzzdiv2 dl dd strong{ width:100%; height:auto; float:left; font-size:48px; line-height:52px; color:#000; margin-bottom:25px;}
.yfzzdiv2 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#666; text-align:justify; margin-bottom:40px;}
.yfzzdiv2 dl dd  a.a2{ width:auto; height:60px; line-height:60px; border-radius:5px; float:left; background:#036eb8; padding:0 40px; box-sizing:border-box;}
.yfzzdiv2 dl dd  a.a2 s{ padding-right:30px;  font-size:18px; color:#fff; background:url(../images/yfzz2_tb2.png) right center no-repeat;}
.yfzzdiv2 dl dd  a.a1:Hover,.yfzzdiv2 dl dd  a.a2:hover{ opacity:0.8;} 

/**********效果样式*******/
.indexdiv1 .indextt{ margin-top:20px;} 
.indexdiv1 .indextt strong{ position:relative; top:20px; opacity:0.5;}
.indexdiv1 .indextt span{ position:relative; top:10px; opacity:0.5;}
.indexdiv1 .indextt p{position:relative; top:10px; opacity:0.1;}
.indexdiv1 dl{ margin-top:35px; opacity:0.5;}

.indexdiv2box img{ position:relative; top:20px; opacity:0.5;}

.indexdiv3c .indextt strong,.indexdiv3c .indextt span,.indexdiv4 .indextt strong,.indexdiv4 .indextt span,.indexdiv5 .indextt strong,.indexdiv5 .indextt span{ position:relative; top:20px; opacity:0.5;}


.sol_gfdivc{ margin-top:30px;}



/*******新加应用场景******/
.xinjiayyycj{ width:100%; height:auto; float:left; padding:80px 0;}
.yycjdiv{ width:100%; height:auto; float:left; position:relative; background:url(../images/xyyxx_xt.png) left bottom no-repeat; background-size:100% 2px;}
.yycjdivc{ width:100%; height:auto; float:left; overflow:hidden; position:relative; padding-bottom:40px; touch-action: pan-y; background:url(../images/index_szbj.jpg) left bottom no-repeat; background-size:300px 2px; }
.yycjdivlist{width:200000px; height:auto; overflow:hidden; float:left; transition:transform 600ms;} 
.divjtl{ width:40px; height:40px; position:absolute; border-radius:100%; left:-60px; top:45%; background:url(../images/bantblh.png) center center no-repeat #ededed; border:1px solid #ededed; cursor:pointer;}
.divjtl:hover{  background:url(../images/bantbl.png) center center no-repeat #064faf;}
.divjtr{ width:40px; height:40px; position:absolute; border-radius:100%;right:-60px; top:45%; background:url(../images/bantb3h.png) center center no-repeat  #ededed; border:1px solid #ededed; cursor:pointer;}
.divjtr:hover{  background:url(../images/bantb3.png) center center no-repeat #064faf;}
dl.xyydl{ width:466px; height:auto; float:left; margin:0 10px;}
dl.xyydl dt{ width:100%; height:auto; float:left; border-radius:18px; overflow:hidden;    background: #f9f9f9}
dl.xyydl 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.xyydl: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.xyydl dd{ width:100%; height:auto; float:left; line-height:60px; font-size:18px; text-align:center; font-weight:bold;}


/**********/
.aboutdiv4{ width:100%; height:auto; float:left; padding:80px 0; background:rgb(244, 246, 248);}
.aboutdiv4c {width: 100%;height: auto;float: left;position: relative;overflow: hidden;touch-action: pan-y; padding-bottom:40px;}
.aboutdiv4list{ width: 20000px;height: auto !important;overflow: hidden; float: left;position: relative;transition: transform 600ms;}
.aboutdiv4c dl{ width:345px; height:auto; float:left; margin:0 10px; border-radius:15px; overflow:hidden;}
.aboutdiv4c dl dt{ width:100%; height:auto; float:left; overflow:hidden;}
.aboutdiv4c 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;}
.aboutdiv4c 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; }
.aboutdiv4c dl dd{ width:100%; height:70px; line-height:70px; float:left; display:none; text-align:center; overflow:hidden; font-size:20px; color:#000; background:#fff;}
.ab4span {  margin: 0px; padding: 0px; width: 100%; position: absolute; bottom:0px;  text-align: center; z-index: 886;}
.ab4span span { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 12px;background: #000; cursor: pointer;}
.ab4span span.cur,.ab4span span:hover { background: #036eb8; width: 12px;height: 12px;border-radius: 12px;}







