@charset "utf-8";
/*网站公共样式*/
@font-face {
 font-family: 'ziti'; 
	src: url('../fonts/HarmonyOS_Sans_SC.woff2');
	/*src: url('../fonts/AlibabaPuHuiTi-3-55-Regular.otf');*/
	
} 

@font-face {
 font-family: 'zitic'; 
	src: url('../fonts/HarmonyOS_Sans_SC.woff2');
	/*src: url('../fonts/AlibabaPuHuiTi-3-55-Regular.otf');*/
	font-weight:bold;
} 
 
i,em{ font-style:normal;}
body {  font-family:"ziti",'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:#222; 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:#08279c;}
img,video { border:none;object-fit: cover;}
.del_float{ display:block; height:0; clear:both; visibility:hidden; }
.document_width{ width:1440px; padding:0; 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;}

 
.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.8); 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:32px 0 0 10px;  position:relative; z-index:9999; }
.menutb span{ width:100%; height:2px; margin:5px 0; background:#fff; 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:20px 0; width:100%; height:auto; float:left; }
.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; 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:#08279c;}
.fenye ul li.l1{ float:left; 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/jtl.png) left center no-repeat;}
.fenye ul li.l1 a:hover s{ background:url(../images/jtlh.png) left center no-repeat;}
.fenye ul li.l2{ float:right; 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/jtr.png) right center no-repeat;}
.fenye ul li.l2 a:hover s{ background:url(../images/jtrh.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:#2466a5; }

 
/*******首页*******/ 
.headdiv{ width:100%; height:100px; float:left; position:fixed; left:0; top:0; z-index:9998;  border-bottom:1px solid rgba(255,255,255,0.1);}
.headdiv .document_width{ width:100%; padding:0 100px; box-sizing:border-box;}
.logo{ width:auto; height:68px; float:left; margin-top:16px;}
.logo img{ width:auto; height:68px; display:block; float:left;}
 

ul.ulmenu{ width:auto; height:100px; margin:0 8% 0 0; float:right; list-style:none;}
ul.ulmenu li{ width:auto; height:100px; float:left; position:relative;}
ul.ulmenu li >a{ width:auto; height:100px; line-height:100px; float:left; padding:0 30px;   font-size:18px; background:url(../images/csbj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; color: #fff; }  
ul.ulmenu li >a:hover,.ul.ulmenu li >a.cur{  color:#f16911;background-size:100% 2px; transition:all 0.5s ease;}
ul.ulmenu li:hover >a{ color:#f16911} 

/****下拉菜单****/
.ejdiv{ width:100%; height:0px; overflow:hidden; opacity:0; transition:all 0.5s ease; float:left; position:fixed; left:0; top:99px; background:url(../images/ejdiv_bj.jpg) center center no-repeat;}
.ejdiv .document_width{ width:1300px; padding:0;}
.ejdiv dl{ width:100%; height:auto; float:left; min-height:300px; margin:50px 0;}
.ejdiv dl dt{ width:38%; height:auto; float:left; margin-right:5%;}
.ejdiv dl dt strong{ width:100%; height:auto; float:left; font-size:36px; line-height:42px; color:#fff; margin-bottom:20px;}
.ejdiv dl dt p{ width:100%; height:auto; float:left; font-size:18px; line-height:32px; color:rgba(255,255,255,0.9);}
.ejdiv dl dd{ width:57%; height:auto; float:left;}
.ejdiv dl dd a{ width:46%; height:66px; line-height:66px; float:left; color:#fff; padding-right:20px; box-sizing:border-box; background:url(../images/jtra.png) right center no-repeat; margin:0 2%; border-bottom:1px solid rgba(255,255,255,0.4); font-size:18px;}
.ejdiv dl dd a:Hover{ border-bottom:1px solid #08279c; color:#08279c; background:url(../images/jtrh.png) right center no-repeat;}
ul.ulmenu li:Hover .ejdiv{ height:auto;transition:all 0.5s ease;opacity:1;}




.yyqh{ width:auto; height:40px; float:right; margin: 30px 0 0 30px; }
.yyqh dt{ width:auto; height: 40px; line-height: 40px; border: 1px solid #fff; padding: 0 15px;border-radius: 3px; }
.yyqh dt a{ width:auto; height:auto; float:left; padding-right: 20px; font-size: 16px; color:#fff; background:url("../images/hdsj.png") no-repeat right center;}

dl.soso { width: auto;height: 40px;float: right; position: relative; margin:30px 10px 0 0; padding-right:12px; background: url("../images/hxt.png") right center no-repeat; background-size:1px 18px;}
dl.soso dt {width: 40px; height: 40px;line-height: 40px; float: left;}
dl.soso dt .button { width: 100%;height: 40px;float: left;z-index: 2; position: relative;background: url(../images/sstb.png) center center no-repeat; border-radius: 100%;border: none; outline: none;cursor: pointer;}
dl.soso dd { width: 0; transition: all .5s ease; height: 40px; float: left; position: absolute; z-index: 1;right:54px; top: 0px;}
dl.soso:hover dd { width: 200px;}
dl.soso dd .input {width: 100%;height: 40px;line-height: 40px; float: left; text-indent: 15px;border: none; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.3);color: #000; border-radius: 3px;outline: none;}

.headdiv .logo .img1{display:none;}
.headdivd,.headdiv:hover,.headdivds{ background:#fff;}
.headdivdsa{ background:none !important;}
.headdivdsa:hover{ background:#fff !important;}
.headdivd .logo .img1,.headdiv:hover .logo .img1,.headdivds .logo .img1,.headdivdsa .logo .img1{display:block;}
.headdivd .logo .img,.headdiv:hover .logo .img,.headdivds .logo .img,.headdivdsa .logo .img{display:none;}
.headdivd ul.ulmenu li >a,.headdivds ul.ulmenu li >a,.headdiv:hover ul.ulmenu li >a,.headdivdsa ul.ulmenu li >a{ color:#333;}
.headdivd dl.soso,.headdiv:Hover dl.soso,.headdivds dl.soso,.headdivdsa dl.soso{background: url("../images/hxth.png") right center no-repeat;}
.headdivd dl.soso dt .button,.headdiv:hover dl.soso dt .button,.headdivds dl.soso dt .button,.headdivdsa dl.soso dt .button{background: url(../images/sstbh.png) center center no-repeat;} 
.headdivd .yyqh dt,.headdiv:Hover .yyqh dt,.headdivds .yyqh dt,.headdivdsa .yyqh dt{border: 1px solid #333;}
.headdivd .yyqh dt a,.headdiv:hover .yyqh dt a,.headdivds .yyqh dt a,.headdivdsa .yyqh dt a{color:#333;background:url("../images/hdsjh.png") no-repeat right center;}
.headdivd .menutb span,.headdiv:hover .menutb span,.headdivds .menutb span,.headdivdsa .menutb span{background:#000;}
.headdiv:hover ul.ulmenu li >a:hover,.headdivd ul.ulmenu li.cur >a,.headdivd ul.ulmenu li.cur >a,.headdiv:hover ul.ulmenu li.cur >a:hover,.headdiv ul.ulmenu li.cur >a{ color:#08279c;}
  
.banner{ width:100%; overflow:hidden; height:100vh !important;min-height:400px !important;  float:left; position:relative; touch-action: pan-y;}
.banner ul {  overflow:hidden; height:100vh !important; min-height:400px !important; list-style:none;  }
.banner ul li{  width:100% !important;  height:auto;  min-height:400px; 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:400px !important;  float:left; transition:0.5s linear ; transform:scale(1.03);  }
.banner ul li.cur  img{transform:scale(1); }
.banner ul li.cur{ opacity:1; z-index:112;}
.banner_span{margin:0px;padding:0px; width:100%; height:35px; position:absolute; padding-left:150px; box-sizing: border-box; bottom:50px;text-align:center; z-index:886;}
.banner_span span{ float:left; width:80px;height:2px; border-radius:2px; overflow: hidden; position:relative;  box-sizing:border-box; cursor:pointer; background:rgba(255,255,255,0.2); margin:0 5px; box-sizing:border-box; }
.banner_span span i{ width:100%; height:2px; float:left; background: url("../images/huibj.png") left center no-repeat; background-size: 0 2px;}
.banner_span span.cur i{background-size:100% 2px; transition: all 6s ease;}
.ban_left{ width:56px; height:56px; float:left; opacity: 0.4; margin-right: 20px;position:absolute; left:0; bottom:60px; z-index: 887; background: url("../images/banjtl.png") center center no-repeat; background-size: 56px 56px; cursor: pointer;}
.ban_right{ width:56px; height:56px; float:left;opacity: 0.4; position:absolute; left:76px; bottom:60px; z-index: 887; background: url("../images/banjtr.png") center center no-repeat; background-size: 56px 56px; cursor: pointer;}
.ban_left:hover,.ban_right:hover{ opacity:1;}


.banner .document_width{ position:relative;}
.banwenzi{ position:absolute; top:14.5vw; width:100%; height:auto; left:0px;transition:1s linear ; margin-top:20px; color:#08279c; text-align:left; z-index:99;box-sizing:border-box}
.banwenzic{ width:100%; max-width:1000px; height:auto; float:left;}
.banwenzi h2{ width:100%;  height:auto; position:relative;  font-weight:bold; float:left; color:#fff; font-size:60px;line-height:72px; margin-bottom:25px;}
.banwenzi h3{ width:100%; height:auto; float:left; font-size:22px;line-height:30px;  margin:0 0 30px 0;}
.banwenzi a.a{ width:auto; height:48px; line-height: 48px; float:left; background:#08279c; padding: 0 20px; border-radius: 8px; transition:all 0.8s ease;}
.banwenzi a.a s{ font-size:16px; padding-right: 50px; color:#fff; background:url("../images/iabout_jt.png") right center no-repeat;}
.banwenzi a.a:hover{  background:#fff; transition:all 0.8s ease;}
.banwenzi a.a:hover s{color:#000; background:url("../images/iabout_jth.png") right center no-repeat;}
 
.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; }
}
 
dl.ixw{ width:450px; height:auto; float:left; margin:15px; background:#f5f8fc;}
dl.ixw dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.ixw 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.ixw:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.ixw dd{ width:100%; height:auto; float:left; padding:22px 40px; box-sizing:border-box;}
dl.ixw dd span{ width:100%; height:24px; line-height:24px; float:left; font-size:16px; background:url(../images/inews_tb.png) left center no-repeat; padding-left:20px; box-sizing:border-box; color:#000; overflow:hidden;} 
dl.ixw dd h3 a{ width:100%; height:64px;font-family:"zitic";  line-height:32px; float:left; font-size:24px; color:#000; overflow:hidden; font-weight:bold; margin:5px 0 10px 0;} 
dl.ixw dd p{ width:100%; height:48px; line-height:24px; float:left; font-size:16px; color:#666; overflow:hidden;} 
dl.ixw dd a.a{ width:100%; height:40px; line-height:40px; border-top:1px solid #ededed; float:left; font-size:15px; color:#666; font-weight:bold; margin-top:15px; background:url(../images/jtrh1.png) right center no-repeat;} 
dl.ixw:hover{ box-shadow:0 2px 4px #ccc;}
dl.ixw:hover dd h3 a{ color:#000;} 
dl.ixw:hover dd a.a{ color:#08279c; background:url(../images/jtrh.png) right center no-repeat;}


/****首页新***/
.xindexab{ width:100%; height:100vh;float:left; padding-top:160px; background: url("../images/iabout_bj.jpg") top center no-repeat; background-size: cover; box-sizing:border-box;}
.xindexabl{ width:640px; height:auto; float:left;}
.xitt{ width:100%; height:auto; float:left;}
.xitt span{ width:100%; height:auto; float:left; font-size:18px; color:#fff;}
.xitt strong{ width:100%; height:auto; float:left; font-size:36px; line-height:46px; color:#fff;margin:10px 0 25px 0;}
.xindexabl .p{ width:100%; height:auto; float:left; font-size: 17px; line-height: 26px; color:#fff; margin:20px 0 50px 0;}
.xindexabl a.as{ width:auto; height:48px; line-height: 48px; float:left; background:#08279c; padding: 0 20px; border-radius: 8px; transition:all 0.8s ease;}
.xindexabl a.as s{ font-size:16px; padding-right: 50px; color:#fff; background:url("../images/iabout_jt.png") right center no-repeat;}
.xindexabl a.as:hover{  background:#fff; transition:all 0.8s ease;}
.xindexabl a.as:hover s{color:#000; background:url("../images/iabout_jth.png") right center no-repeat;}

.xindexabr{width:580px; height:auto; margin-top:25px; float:right;background:rgba(255, 255, 255, 0.3); backdrop-filter: blur(30px); border-radius: 20px; padding:40px 50px; box-sizing: border-box;}
.xindexabr ul{ width:100%;height:auto; float:left; list-style: none;}
.xindexabr ul li{ width:100%; height:auto; float:left; border-bottom: 1px solid rgba(255,255,255,0.4); padding:20px 0;}
.xindexabr ul li strong{ width:auto;  height:auto; float:left;font-size:30px;  color:#fff; font-weight: normal;} 
.xindexabr ul li strong em{ font-size:64px; line-height:64px; padding:0 0 0 5px; font-weight: bold; margin-right: 15px;} 
.xindexabr ul li p{ width:auto; height:auto; float:right; font-size:16px; line-height:28px; margin-top:25px; color:#fff; }
.xindexabr ul li:last-child{ border-bottom:none;}
.xindexabc{width:100%; height:auto; float:left; margin:180px 0 20px 0; background:url("../images/hxt.png") center 44px no-repeat; background-size:100% 1px !important;}
.xindexabc dl{ width:210px; height: auto; float:left;}
.xindexabc dl dd{ width:100%; height:44px; opacity: 0; line-height:44px; background:url("../images/bbj.jpg") center bottom no-repeat; background-size:0 2px; float:left; font-size:14px; color:#fff; text-align:center; overflow: hidden;}
.xindexabc dl dt{ width:90%; height:auto; float:left; margin:15px 5%; }
.xindexabc dl.cur dd,.xindexabc dl:hover dd{background-size:100% 2px; transition:all 0.5s ease; opacity:1; }
 .xindexabc 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;}
.xindexabc dl:hover dt img{ -webkit-transform: scale(0.9,0.9);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(0.9,0.9);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }




.xindexpro{ width:100%; min-height: 200px; height:100vh; padding-top:150px; box-sizing:border-box; overflow:hidden; float:left; background:url("../images/xindexpro_bj.jpg") center top no-repeat; background-size:cover;}
.xindexprol { width:540px; height:aoto; float:left; padding:100px 0;}
.xindexprol ul{ width:100%; height:auto; float:left; margin:40px 0 0 0; list-style: none;}
.xindexprol ul li{ width:48%; height:auto; float:left; margin:1%;}
.xindexprol ul li a{ width: 100%; height: 60px; line-height: 60px; float:left; padding:0 20px;box-sizing: border-box; background: #fff; border-radius: 8px; text-align:center; font-size: 16px;transition: all 0.8s ease;}
.xindexprol ul li a:Hover,.xindexprol ul li a.cur{ transition: all 0.8s ease; background:#08279c; color:#fff;}
/*.xindexprol ul li a s{width:100%; height:auto; float:left; box-sizing: border-box; padding-right:20px; color:#000;background:url("../images/iabout_jt.png") right center no-repeat;}
.xindexprol ul li a:hover s,.xindexprol ul li a.cur s{ width:100%; height:auto; float:left; box-sizing: border-box; color:#fff; padding-right:20px; background:url("../images/iabout_jt.png") right center no-repeat;transition: all 0.5s ease;}
.xindexprol ul li a:Hover,.xindexprol ul li a.cur { text-align:left; box-sizing: border-box; transition: all 0.5s ease; background:#08279c; }
*/

.xindexpror{ width:640px; height:860px; float:right; border-left:1px solid rgba(255,255,255,0.2); box-sizing: border-box;overflow: hidden; }
.xindexprorc{ width:100%; height:auto;   float:left;position:relative;padding-bottom:45px; }
.xindexprorlist{ width:100%; height:20000px; float:left; transition:transform 600ms; touch-action: pan-x;} 
.xindexpror dl{ width:100%; height:auto; float:left;  padding:80px 0 50px 50px; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing: border-box;  }
.xindexpror dl dt{ width:100%; height:auto; float:left; border-radius:20px; overflow: hidden;}
.xindexpror 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;}
.xindexpror 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; }
.xindexpror dl dd{ width:100%; height:auto; float:left; margin:20px 0 0 0;}
.xindexpror dl dd h2 a{ width:100%; height:26px; line-height:26px; float:left; font-size:24px; color:#fff; overflow:hidden;}
.xindexpror dl dd p{width:100%; height:72px; line-height:24px; float:left; font-size:16px; color:#fff;  overflow:hidden; margin-top:15px;}

.xindexhz{ width:100%; height:auto; float:left; height:100vh;  box-sizing:border-box; padding:200px 0 0 0; background:url("../images/xindexhz_bj.jpg") center center no-repeat; background-size:cover;}
.xitt1{width:100%; height:auto; float:left; margin:0 0 20px 0; text-align:center;}
.xitt1 strong{ width:100%; height:auto; float:left; font-size: 48px; line-height:50px;color:#000;}
.xitt1 p{width:100%; height:auto; float:left; font-size:30px; line-height: 34px; color:#333; margin-top:10px;}
/*.partner-scroll:after { content: "";width: 300px; height: 100%;position: absolute; left: 0; top: 0; background-image: linear-gradient(to right, rgba(255,255,255,1) 20% , rgba(255,255,255,0) );z-index: 9;}
.partner-scroll:before { content: ""; width: 300px;height: 100%; position: absolute;right: 0;top: 0; background-image: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,1) 80% );z-index: 9;}*/
.partner-scroll{overflow:hidden;position:relative; width:100%; height:auto; margin-top:50px; float:left;}
.dowv-scroll{height:120px;width:5600px;-webkit-animation:scrollToRight 46s linear infinite;animation:scrollToRight 46s linear infinite; overflow:hidden;}
.dowv-scroll1{height:120px;width:5600px;-webkit-animation:scrollToRight1 40s linear infinite;animation:scrollToRight1 40s linear infinite; overflow:hidden;}
.dowv-scroll2{height:120px;width:5600px;-webkit-animation:scrollToRight2 50s linear infinite;animation:scrollToRight2 50s linear infinite; overflow:hidden;}
.dowv-scroll1 img,.dowv-scroll img,.dowv-scroll2 img{display:block;float:left;width:260px; height:100px; margin:10px; border-radius:5px; }
@-webkit-keyframes scrollToRight{
	from{-webkit-transform:translate3d(-40%,0,0);
	transform:translate3d(-40%,0,0);}
	to{-webkit-transform:translate3d(0%,0,0);
	transform:translate3d(0%,0,0);}
}
@keyframes scrollToRight1{
	from{-webkit-transform:translate3d(0%,0,0);
	transform:translate3d(0%,0,0);}
	to{-webkit-transform:translate3d(-50%,0,0);
	transform:translate3d(-50%,0,0);}
}
 @keyframes scrollToRight2{
	from{-webkit-transform:translate3d(-60%,0,0);
	transform:translate3d(-60%,0,0);}
	to{-webkit-transform:translate3d(0%,0,0);
	transform:translate3d(0%,0,0);}
}

.xindexys{ width:100%; height:100vh; float:left;padding:100px 0; box-sizing:border-box; overflow:hidden;}
.xindexys ul.ul{ width:100%; height:auto; float:left; list-style: none; margin: 15px 0 10px 0;}
.xindexys ul.ul li a{ width:calc(100% / 6); height:76px; line-height:76px;background:url("../images/lsbjk.jpg") center top no-repeat; background-size:0 3px;transition: all 0.5s ease; float:left; text-align:center; overflow:hidden; font-size: 18px; border-top:1px solid #ededed;}
.xindexys ul.ul li.cur a,.xindexys ul.ul li:hover a{color:#08279c; background-size:100% 3px; transition:all 0.5s ease;}
.xindexysc{ width:100%; height:auto; float:left; border-radius: 20px; overflow:hidden;}
.xindexyslist{ width:20000px; height:auto; float:left;  transition:transform 600ms; touch-action: pan-y;} 

.xindexys dl {width:1440px;height:auto;float:left; position:relative; }
.xindexys dl dt{width:100%;heigt:auto;float:left;}
.xindexys dl dt img{width:100%;height:560px; border-radius: 20px; display:block;}
.xindexys dl dd{width:100%;height:auto; float:left; position:absolute;left: 0; bottom:0; z-index: 1; padding:60px; box-sizing: border-box;}
.xindexys dl dd strong{ width:100%; height:100px; line-height:140px; float:left; font-size:140px; overflow: hidden;background: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.xindexys dl dd h3 {width:100%; height:auto; float:left; font-size:48px; line-height:50px; color:#fff; margin-top:-20px; }
.xindexys dl dd span{ width:100%; height:auto; line-height:36px; float:left; color: #fff; font-size: 24px; overflow: hidden; margin: 15px 0 20px 0;}
.xindexys dl dd p{ width:100%; height:auto; min-height: 44px; line-height:24px; float:left; color: #fff; font-size:16px; }
.xindexys dl.cur{ opacity:1; transform: all 0.6s ease;}

.xindexxw{width:100%; height:100vh; float:left;padding:200px 0 0 0; background:#e4e6ef; overflow: hidden; box-sizing:border-box; }
.xindexxwc{ width:100%; height:auto;   float:left;position:relative; z-index: 1; }
.xindexxwlist{ width:20000px; height:auto; float:left; margin-top:20px; transition:transform 600ms; touch-action: pan-y;} 
.xwjt{width:60px; height:30px; float:right; margin-top:-30px;}
.xwjtl{ width:30px; height:30px; float:left; background:url("../images/jtl.png") center center no-repeat; cursor:pointer; opacity:0.8;}
.xwjtr{ width:30px; height:30px; float:left; background:url("../images/jtr.png") center center no-repeat; cursor:pointer; opacity:0.8;}
.xwjtl:hover,.xwjtr:hover{opacity:1;}
dl.ixwdl{width:455px; height:auto; float:left; margin-right:25px; background:#fff; border-radius: 20px; overflow:hidden;transition:all 0.5s ease;}
dl.ixwdl dd{width:100%;height:auto;float:left;padding:35px; box-sizing: border-box;}
dl.ixwdl dd span{width:100%; height:auto; font-size:16px; color: #08279c; line-height:20px;}
dl.ixwdl dd h3 a{ width:100%; height:60px;line-height:30px;float:left; font-size:24px;color:#000; overflow:hidden; margin:8px 0 15px 0;}
dl.ixwdl dd p{width:100%; height:auto; float:left; font-size: 16px; line-height:20px; color:#444;}
dl.ixwdl dd a.a{ width:auto; height:24px; line-height:24px; float:left; margin-top:15px; font-size:17px; color:#333;}
dl.ixwdl dd a.a s{padding-right:30px; background:url("../images/xwatb.png") right center no-repeat; transition:all 0.5s ease;}
dl.ixwdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.ixwdl 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.ixwdl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.ixwdl:hover dd h3 a{color:#08279c;}
dl.ixwdl:hover dd a.a s{padding-right:35px; transition:all 0.5s ease;}
dl.ixwdl:hover{width:475px; margin:-10px 15px 0 -10px; transition:all 0.5s ease;}
 
.xindexxw .xitt span,.xindexxw .xitt strong,.xindexyw .xitt span,.xindexyw .xitt strong{ color:#000;}  

.xindexyw{ width:100%; height:100vh; float:Left; paddint-top:200px; box-sizing:border-box;  position:relative; overflow:hidden; background:#e4e6ef;}
.xindexyw .img{width:100%; height:100vh; float:left; opacity:0; transition:all 0.5s ease; position:absolute; left:0; top:0;}
.xindexywc{ width:100%; height:auto; float:left; position:absolute; left:0; top: 0;  padding:160px 0 100px 0;}
.xindexywl{width:750px; height:auto;float:left;}
.xindexywl a.as{ width:auto; height:48px; line-height: 48px; float:left; background:#08279c; padding: 0 20px; border-radius: 8px; transition:all 0.8s ease;}
.xindexywl a.as s{ font-size:16px; padding-right: 50px; color:#fff; background:url("../images/iabout_jt.png") right center no-repeat;}
.xindexywl a.as:hover{ background:#fff; transition:all 0.8s ease;}
.xindexywl a.as:hover s{ color:#000; background:url("../images/xwatb.png") right center no-repeat;}
.xindexyw .img.cur{ opacity:1; transition:all 0.5s ease;}
.xindexywlnr{ width:100%; height:auto; float:left; margin-top:200px; color:#000; border-top:1px solid rgba(0,0,0,0.2); display: none;}
.xindexywlnr span{ width:100%;height:auto;float:left; margin:30px 0; font-size: 18px;}
.xindexywlnr strong{ width:auto; height:auto; float:left; margin-right: 50px; font-size: 72px; line-height: 72px;}
.xindexywlnr strong s{font-size:16px; font-weight: normal; margin-left:5px;}
.xindexywr{width:480px; height:auto; float:right;}
.xindexywrc{ width:100%; height:auto;   float:left; position:relative; }
.xindexywrlist{width:100%; height:20000px; float:left;  touch-action: pan-x; position:relative}
.xindexywr dl{width:100%;height:auto;float:left;border-radius:30px; overflow: hidden;position:relative;  margin-top:30px; cursor:pointer;}
.xindexywr dl dt{width:100%; height:300px; float:left;}
.xindexywr dl dt img{ width:100%;height:100%; display:block;} 
.xindexywr dl dd{ width:100%;height:auto; float:left; position:absolute; left:0; top: 0; padding:30px; box-sizing: border-box;}
.xindexywr dl dd a{width:auto; height: 46px; line-height: 46px; float:left; border:1px solid #fff; border-radius: 10px; padding: 0 25px; transition:all 0.8s ease;  }
.xindexywr dl dd a s{ font-size:16px; color:#fff;}
.xindexywr dl.cur { z-index:1;}
.xindexywr dl.cur dd a{ border:1px solid #08279c; background:#08279c; transition:all 0.8s ease;}
.xindexywr dl.cur dd a s{padding-right:40px; background:url("../images/iabout_jt.png") right center no-repeat; transition:all 0.8s ease;}



.xindexbot{width:100%; height:auto; padding:94px 0; background:url("../images/xindexbot.jpg") center top no-repeat; background-size:cover !important;}
.xindexbot .xitt1 strong{color:#000; margin-bottom:20px;}
.xindexbot a.a{ width:150px; height:48px; line-height: 48px; margin:0 auto; display:table; background:#08279c; padding: 0 20px; box-sizing: border-box; border-radius: 8px; transition:all 0.8s ease;}
.xindexbot a.a s{ width:100%; float:left; font-size:16px;  color:#fff; background:url("../images/iabout_jt.png") right center no-repeat;}
.xindexbot a.a:hover{ background:#000;transition:all 0.8s ease;}
.xindexbot a.a:hover s{  color:#fff; background:url("../images/iabout_jt.png") right center no-repeat;} 


.bottomdiv{ width:100%; height:auto; float:left; padding:25px 0 10px 0; box-sizing:border-box; background:#fff; }
.botlogo{ width:auto; height:auto; float:left; }
.botlogo img{width:auto; height:68px; display: block;}
dl.linkdl{ width:470px; height: 60px; margin:4px 0; float:right; position:relative;}
dl.linkdl dt{ width:100%; height:60px; line-height: 60px; padding:0 25px; box-sizing: border-box; font-size:16px; color:#333; border:1px solid #eee; cursor:pointer;}
dl.linkdl dt s{width:100%;height:60px; float:left; background:url("../images/link_tb.png") right center no-repeat;}
dl.linkdl dd{ display: none;width:100%; height:auto; float:left; background:#fff; position:absolute; left:0; bottom:59px; padding:20px 25px; box-sizing: border-box;border:1px solid #eee; border-bottom: none; }
dl.linkdl dd a{ width:100%; height:32px; line-height:32px; font-size:16px; color:#222; float:left;}
dl.linkdl dd a:hover{ color:#08279c;}
dl.linkdl:hover dd{ display: block;}

.bottomdivl{width:480px; height:auto; float:left; border-top:2px solid #08279c; margin-top:10px; padding-top:20px; }
.bottomdivl strong{width:100%; height:auto; font-size:18px; color:#000; float:left; line-height: 26px; margin-bottom:15px;}
.bottomdivl p{width:100%; height:auto; float:left; margin-bottom:10px; font-size:16px; line-height:24px; color:#717373;}
.bottomdivl strong.st1{margin-top:25px; margin-bottom:10px;}
.bottomdivl span{ width:100%; height:auto; float:left;}
.bottomdivl span a img{ width:34px; height: 34px; float:left; display:block; margin-right:12px;}
.bottomdivl span a img:hover{opacity:0.8;}

.bottomdivr{ width:calc( 100% - 480px ); height:auto; float:left;border-top:2px solid #08279c; margin-top:10px; padding-top:20px;} 
.bottomdivr dl{ width:19%; height:auto; float:left; box-sizing:border-box; margin-bottom:25px;} 
.bottomdivr dl dt{ width:100%; height:auto; font-size:18px; color:#000; float:left; line-height: 26px; margin-bottom:8px; font-weight: bold;} 
.bottomdivr dl dd{ width:100%; height:auto; float:left;}
.bottomdivr dl dd a{ width:100%; height:auto; float:left; font-size:16px; line-height:36px;color:#717373; }
.bottomdivr dl dd a:hover{ color:#000;}   
.bottomdivr dl.dl1{width:24%;}

.bqxx{ width:100%; font-size:14px; line-height:24px; height:auto; float:left; background:#eee; padding:12px 0;} 
.bqxx p{ width:100%; height:auto; float:left; color:#717373;}
.bqxx a{ float:right;font-size:14px; line-height:24px; color:#717373;  margin-left:10px;} 
.bqxx a:hover{ opacity:0.8;} 
 
   
.sj_menu{ width:100%; height:auto; float:left; position:fixed; left:0; top:100px; max-height:100vh; overflow-y:auto;}
.sj_menu ul{ width:100%; height:auto;float:left; padding-bottom:80px;  list-style:none;}
.sj_menu ul li{ width:100%; height:auto; float:left; background:#fff;}
.sj_menu ul li a{ width:100%; height:auto; line-height:50px; float:left; border-bottom:1px solid #ededed; text-align:center; font-size:16px; color:#333;} 
.sj_menu ul li.le{ background:url(../images/jtrh1.png) 96% 20px no-repeat #fff;}
.sj_menu ul li.le p{ width:100%; height:auto; float:left; background:#f9f9f9; display:none;}
.sj_menu ul li.le p a{ width:50%; height:40px; line-height:40px; float:left;}
.sj_menu ul li.le.cur p{ display:block;}

/****产品与服务******/
.nybanner{ width:100%; height:auto; float:left; position:relative;}
.nybanner img{ width:100%; height:500px; display:block;}
.nybannerwz{ position:absolute; left:0; top:50px; width:100%; height:500px; float:left; margin-top:-15px; opacity:0.5;display: flex;align-items: center;}
.nybannerwzc{ width:100%; height:auto; float:left; max-width:600px; text-align:left;}
.nybannerwzc strong{ width:100%; height:auto; float:left; font-size:48px; line-height:54px; color:#000;}
.nybannerwzc p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#777; margin:15px 0 30px 0;}
.nybannerwzc p.p1{ font-size:20px; line-height:24px;}
.nybannerwzc a.amore{ float:left; margin:0;}

.nymenu{ width:100%; height:auto; float:left; background:#fff; border-bottom:1px solid #ededed;}
.nymenu ul{ width:100%; height:auto; list-style:none;}
.nymenu ul li a{ width:auto; height:70px; line-height:70px; font-size:18px; font-weight:bold; position:relative; top:1px; color:#444;background:url(../images/csbj.jpg) center bottom no-repeat; background-size:0 2px; transition:all 0.5s ease; float:left; margin-right:65px;}
.nymenu ul li a:hover,.nymenu ul li a.cur{ background-size:100% 2px;  transition:all 0.5s ease;color:#08279c;}	

.mbxdiv{ width:100%; height:auto; float:left; padding:15px 0; font-size:15px; line-height:28px; color:#777;}
.mbxdiv a.a{ width:18px; height:28px; float:left; background:url(../images/mbxtb.png) center center no-repeat;}
.mbxdiv a{ color:#777; margin:0 2px;}

.prodiv1{ width:100%; height:auto; float:left; background:#fff; padding:40px 0 80px 0;}
.prodiv1 dl{ width:100%; height:auto; float:left;}
.prodiv1 dl dd{ width:43%; height:auto; float:right; padding:15px 0 0 65px; box-sizing:border-box;}
.prodiv1 dl dd h2{ width:100%; height:auto; float:left; font-size:48px; line-height:52px; color:#000; font-weight:bold; margin-bottom:30px;}
.prodiv1 dl dd strong.s{ width:100%; height:auto; float:left; font-size:20px; line-height:28px; padding-left:28px; box-sizing:border-box; background:url(../images/pro_tb1.png) left 9px no-repeat; color:#000;}
.prodiv1 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#666; margin:10px 0 35px 0;}
.prodiv1 dl dt{ width:57%; height:auto; float:left;}
.prodiv1 dl dt img{ width:100%; height:auto; display:block;}

.prodiv2{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/pro_bj.jpg) center center no-repeat; background-size:cover !important;}
.prodiv2 dl{ width:48%; height:auto; float:left; padding:40px 30px; box-sizing:border-box; margin:1%; background:url(../images/prodiv2bj.jpg) right center no-repeat; background-size:cover; box-shadow:0 2px 6px #ddd;}
.prodiv2 dl dt{ width:30%; height:auto; float:right;}
.prodiv2 dl dt img{ width:100%; height:auto; display:block;}
.prodiv2 dl dd{ width:70%; height:auto; float:left; padding:40px 60px 0 0; box-sizing:border-box;}
.prodiv2 dl dd strong{ width:100%; height:auto; float:left; font-size:20px; line-height:30px; color:#000; margin-bottom:10px;}
.prodiv2 dl dd strong s{ color:#08279c;}
.prodiv2 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#666;}

.prodiv3{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/pro_bj1.jpg) top center no-repeat; background-size:cover;}
.prodiv3nr{ width:100%; height:auto; float:left; position:relative; margin-top:-50px;}
.prodiv3nr img{ width:100%; height:auto; max-width:100%; margin:0 auto; display:block;}
.prodiv3nr dl{ width:380px; height:auto; float:left; position:absolute;}
.prodiv3nr dl dt{ width:70px; height:auto; float:right;}
.prodiv3nr dl dt img{ width:100%; height:100%; border-radius:100%; display:block; box-shadow:0 2px 4px #ededed;}
.prodiv3nr dl dd{ width:310px; height:auto; float:left; padding-right:20px; text-align:right; box-sizing:border-box;}
.prodiv3nr dl dd strong{ width:100%; height:auto; float:left; font-size:20px; line-height:28px; color:#121212; font-weight:bold; margin:5px 0;}
.prodiv3nr dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#666;}
.prodiv3nr dl.dr dt{ float:left;}
.prodiv3nr dl.dr dd{ padding-left:20px; padding-right:0; text-align:left;}
.prodiv3nr dl.d1{ left:0; top:110px;}
.prodiv3nr dl.d2{ right:0; top:110px;} 
.prodiv3nr dl.d3{ left:0; top:234px;}
.prodiv3nr dl.d4{ right:0; top:234px;} 
.prodiv3nr dl.d5{ left:0; top:340px;}
.prodiv3nr dl.d6{ right:0; top:340px;} 
.prodiv3nr dl.d7{ left:0; top:450px;}
.prodiv3nr dl.d8{ right:0; top:450px;} 

.prodiv4{ width:100%; height:auto; float:left; padding:20px 0 80px 0; background:#fff; overflow:hidden;}
.prodiv4 dl{ width:480px; height:360px; float:left; position:relative; transition:all 0.5s ease; margin:25px; overflow:hidden;}
.prodiv4 dl dt{ width:100%; height:auto; float:left;}
.prodiv4 dl dt a img{ width:100%; height:100%; display:block;}
.prodiv4 dl dd{ width:100%; height:100%; float:left; position:absolute; left:0;  bottom:0; padding:40% 30px 30px 30px; box-sizing:border-box; background:url(../images/prodlbj.png) center bottom no-repeat; background-size:100% auto;}
.prodiv4 dl dd h3 a{ width:100%; height:auto; float:left; font-size:18px; line-height:28px; color:#fff; font-weight:bold;}
.prodiv4 dl dd p{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; color:#fff; margin:5px 0 20px 0;}
.prodiv4 dl dd a.amore{ float:left; margin:0; border:none; height:34px; line-height:34px; padding:0 20px; background:rgba(255,255,255,0.4);}
.prodiv4 dl dd a.amore s{ font-size:14px; color:#fff; background:url(../images/jtr.png) right center no-repeat !important; background-size:6px auto !important;}
.prodiv4 dl.cur{ width:540px; height:410px;transition:all 0.5s ease; margin:0 25px;}
.prodiv4 dl.cur dd{ padding:30% 40px 60px 40px;}
.prodiv4 dl.cur dd h3 a{ font-size:20px; line-height:32px;}
.prodiv4 dl.cur dd p{ font-size:16px; line-height:26px;}

.prodiv4c{ width:590px; height:520px; margin:0 auto; position:relative;padding-bottom:45px; }
.prodiv4list{ width:20000000px; height:auto; float:left;transition:transform 600ms; touch-action: pan-y;} 
.prodiv4span{ margin:0px;padding:0px; width:100%; height:auto; position:absolute; bottom:0px;text-align:center; z-index:886;}
.prodiv4span span{ display:inline-table;  width:22px;height:22px;border:1px solid rgba(0,0,0,0); border-radius:22px; position:relative;  box-sizing:border-box; cursor:pointer; background:url(../images/yuandianh.png) center center no-repeat; margin:0 5px; box-sizing:border-box; }
.prodiv4span span.cur{ border:4px solid rgba(0,0,0,0.1);box-sizing:border-box; background:none;}
.prodiv4span span.cur .wrapper {width: 20px; height: 20px;position: absolute; clip: rect(0px, 20px, 20px, 10px); left:-2px; top:-2px;}
.prodiv4span span.cur .wrapper .circle { width: 12px;height: 12px; border: 4px solid #106bdb;border-radius: 10px; position: absolute; clip: rect(0px, 10px, 20px, 0px);}
.prodiv4span span.cur div[data-anim~=base] {-webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function:linear; }
.prodiv4span span.cur .wrapper[data-anim~=wrapper] {-webkit-animation-duration: 0.01s;-webkit-animation-delay: 3s; -webkit-animation-name: close-wrapper; }
.prodiv4span span.cur .circle[data-anim~=left] {-webkit-animation-duration: 6s;-webkit-animation-name: left-spin;}
.prodiv4span span.cur .circle[data-anim~=right] { -webkit-animation-duration: 3s; -webkit-animation-name: right-spin;}

/********服务支持-运维********/
.ywfwdiv1{ width:100%; height:auto; float:left; background:#fff; padding:20px 0 40px 0;}
.ywfwdiv1 dl{ width:100%; height:auto; float:left; margin-bottom:40px}
.ywfwdiv1 dl dt{ width:47%; height:auto; float:right; overflow:hidden;}
.ywfwdiv1 dl dt img{ width:100%; height:420px; 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;}
.ywfwdiv1 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; }
.ywfwdiv1 dl dd{ width:47%; height:420px; float:left; margin-right:6%; box-sizing:border-box;display: flex;align-items: center;}
.ywfwdiv1 dl dd div{ width:100%; height:auto; float:left;}
.ywfwdiv1 dl dd h3{ width:100%; height:auto; float:left; font-size:48px; line-height:52px; color:#000; font-weight:bold;}
.ywfwdiv1 dl dd p{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; color:#666; margin:25px 0 40px 0;}
.ywfwdiv1 dl dd strong.s{ width:40%; height:auto; font-size:20px; color:#08279c; line-height:30px; float:left; margin:5px 2% 5px 0; padding-left:25px; background:url(../images/ywfw_tb.png) left 7px no-repeat; box-sizing:border-box;}
.ywfwdiv1 dl.d1 dt{ float:left;}
.ywfwdiv1 dl.d1 dd{ margin-left:6%; margin-right:0;}

.ywfwdiv2{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/ywfw_bj.jpg) center center no-repeat;}
.ywfwdiv2 .box{ width:calc(100% / 3); height:auto; float:left; text-align:center;  border-bottom:1px solid #ededed; padding:30px; box-sizing:border-box;}
.ywfwdiv2 .box span{ width:90px; height:90px; line-height:90px;margin:0 auto; display:table; font-size:36px; font-weight:bold; color:#08279c; background:#dfeafa; border-radius:6px;}
.ywfwdiv2 .box strong{ width:100%; height:36px; line-height:36px; float:left; font-size:24px; color:#000; font-weight:bold; margin:25px 0 15px 0;}
.ywfwdiv2 .box p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#666; min-height:120px;}
.ywfwdiv2 .box.boxs{ border-bottom:none; padding-bottom:0; padding-top:40px;}

/********服务支持-下载********/
.xzzxdiv{ width:100%; height:auto; float:left; padding:30px 0 80px 0; background:#f4f7f9;}
dl.dlxz{ width:48%; height:120px; float:left; margin:1%; background:#fff;}
dl.dlxz dd{ width:calc(100% - 120px); height:120px; float:left; padding:25px 30px; box-sizing:border-box;}
dl.dlxz dd h2 a{ width:100%; height:70px;  overflow:hidden; font-weight:bold; float:left; background:url(../images/xzdiv_tb.png) left center no-repeat; padding:20px 0 0 105px; box-sizing:border-box; font-size:20px; line-height:28px;}
dl.dlxz dt{ width:120px; height:120px; float:left;}
dl.dlxz dt a{ width:100%; height:100%; background:url(../images/xzdiv_tb1.png) center center no-repeat; display:block;}
dl.dlxz:hover dt{ background:#fe7721;}
dl.dlxz:hover dt a{ background:url(../images/xzdiv_tb1h.png) center center no-repeat;}
dl.dlxz:Hover dd h2 a{ color:#000;}

/********服务支持-常见问题********/
.cjwtdiv{ width:100%; height:auto; float:left; padding:30px 0 80px 0; background:#fff;}
dl.faqdl{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed;}
dl.faqdl dt{ width:100%; height:80px; line-height:80px; overflow:hidden; cursor:pointer; font-size:18px; font-weight:bold; color:#000; padding-right:40px; background:url(../images/faq_tb.png) right center no-repeat; background-size:40px auto !important; box-sizing:border-box;}
dl.faqdl dd{ width:100%; height:auto; display:none; float:left; padding:0px 40px 20px 0; box-sizing:border-box; font-size:16px; line-height:30px; color:#666;}
dl.faqdl.cur dt{ background:url(../images/faq_tbh.png) right center no-repeat; color:#08279c;}
dl.faqdl.cur dd{ display:block;}



/*******关于我们-公司介绍*******/
.aboutdiv1{ width:100%; height:auto;  float:left; position:relative; padding:40px 0 80px 0; background:url(../images/about_tp.png) right bottom no-repeat; background-size:45% 100%;}
.aboutdiv1 .box{ width:50%; height:auto; float:left;}
.aboutdiv1 .box h2{ width:100%; height:auto; float:left; font-size:48px; line-height:52px; font-weight:bold; color:#000;}
.aboutdiv1 .box h3{ width:100%; height:auto; float:left; font-size:22px; line-height:30px; color:#08279c; font-weight:bold; margin:8px 0 25px 0;}
.aboutdiv1 .box p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#222;}

.aboutdiv2{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/about_bj.jpg) top center no-repeat; background-size:cover;}
.aboutdiv2 dl{ width:49%; height:auto; float:left; margin-right:2%;}
.aboutdiv2 dl dt{ width:100%; height:auto; float:right; 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.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; }
.aboutdiv2 dl dd{ width:70%; height:auto; float:left; padding:35px 40px; background:#fff; position:relative; z-index:1; margin-top:-50px;}
.aboutdiv2 dl dd span{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#666;}
.aboutdiv2 dl dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:48px; color:#252525; font-weight:bold;}
.aboutdiv2 dl.last{ margin-right:0;}

.aboutdiv3{ width:100%; height:auto; float:left; padding:80px 0; background:#fff;}
.aboutdiv3c{ width:100%; height:auto; float:left; overflow:hidden; padding-bottom:50px; position:relative;}
.aboutdiv3list{ width:2000000px; height:auto; float:left;position:relative; transition:transform 600ms; touch-action: pan-y;}
.aboutdiv3 ul{ width:1440px; height:auto; float:left; list-style:none;}
.aboutdiv3 ul li{ width:calc(100% /6); height:auto; float:left; border:1px solid #f9f9f9; padding:10px 30px;  box-sizing:border-box; overflow:hidden;}
.aboutdiv3 ul li a img{ width:100%; height:auto; display:block;   -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
.aboutdiv3 ul li a:hover img{ -webkit-transform: scale(1.03,1.03);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.03,1.03);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
.aboutdiv3 ul li:hover{ background:url(../images/hzhb_bj.png) center center no-repeat; background-size:100% 100%;}
.aboutdiv3span{margin:0px;padding:0px; width:100%;  height:35px; position:absolute; bottom:0;text-align:center; z-index:886;}
.aboutdiv3span span{  width:15px;height:5px;  display:inline-table; margin:0 5px; background:#b4cae7;}
.aboutdiv3span span.cur{width:25px;height:5px; background:#064faf;}

/******关于我们-华三合作********/
.hshzdiv1{ width:100%; height:auto; float:left; padding:30px 0 80px 0; background:url(../images/hshz_bj.jpg) top center no-repeat; background-size:cover;}
.hshzdiv1 dl{ width:330px; height:auto; float:left; margin:0 15px; background:url(../images/csbj.jpg) bottom center no-repeat #fff; background-size:0 2px; transition:all 0.5s ease; box-shadow:0 2px 4px #ededed;}
.hshzdiv1 dl dt{ width:100%; height:auto; float:left; padding:30px 60px; box-sizing:border-box; overflow:hidden;}
.hshzdiv1 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;}
.hshzdiv1 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; }
.hshzdiv1 dl dd{ width:100%; height:60px; line-height:60px; border-top:1px solid #ededed; font-size:16px; text-align:center; float:left; overflow:hidden; color:#333;}
.hshzdiv1 dl:hover{ background-size:100% 2px; transition:all 0.5s ease;}
.hshzdiv1 dl:hover dd{ color:#08279c;}

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber {display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink {  width:32px; height:100px; background:transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:40px; height:40px; background:url(../images/closeX.png) center center no-repeat; position:absolute; top:0px; right:0px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }


.hshzdiv1c{ width:100%; height:auto; float:left; position:relative; padding-bottom:0px; overflow:hidden;}
.hshzdivlist{ width:2000000px; height:auto; float:left; position:relative; padding-bottom:30px; transition:transform 600ms; touch-action: pan-y;}
.hshzdiv1cjt{ width:160px; height:60px; margin:0 auto;}
.hshzjtl{ width:60px; height:60px; border-radius:100%; float:left; margin:0 10px; background:url(../images/hshzdiv1_jtl.png) center center no-repeat #eaf1f9; cursor:pointer;}
.hshzjtr{ width:60px; height:60px; border-radius:100%; float:left; margin:0 10px; background:url(../images/hshzdiv1_jtr.png) center center no-repeat #eaf1f9; cursor:pointer;}
.hshzjtl:hover{background:url(../images/hshzdiv1_jtlh.png) center center no-repeat #fe7319;}
.hshzjtr:hover{background:url(../images/hshzdiv1_jtrh.png) center center no-repeat #fe7319;}

.hshzdiv2{ width:100%; height:auto; float:left; padding:80px 0; overflow:hidden; background:url(../images/hshz_bj1.jpg) center center no-repeat; background-size:cover;}
.hshzdiv2 .indextt p{ padding:0 20%; box-sizing:border-box;}
.hshzdiv2 dl{ width:920px; margin:0 10px; height:auto; float:left; position:relative; overflow:hidden; opacity:0.5; transition:all 0.5s ease;}
.hshzdiv2 dl dt{ width:100%; height:auto; float:left;overflow:hidden;}
.hshzdiv2 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;}
.hshzdiv2 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; }
.hshzdiv2 dl dd{ width:100%; height:auto; display:none; float:left; position:absolute; left:0; bottom:0; font-size:24px; line-height:34px; color:#fff; padding:0 0 40px 50px; box-sizing:border-box;}
.hshzdiv2 dl.cur{ opacity:1; transition:all 0.5s ease;}
.hshzdiv2 dl.cur dd{ display:block;}

.hshzdiv2c{ width:940px; height:auto; position:relative; margin:0 auto; padding-bottom:20px;}
.hshzdiv2list{ width:2000000px; height:auto; float:left; position:relative; padding-bottom:30px; transition:transform 600ms; touch-action: pan-y;}
.hshzdiv2span{margin:0px;padding:0px; width:100%;  height:35px; position:absolute; bottom:0;text-align:center; z-index:886;}
.hshzdiv2span span{  width:15px;height:5px;  display:inline-table; margin:0 5px; background:#b4cae7;}
.hshzdiv2span span.cur{width:25px;height:5px; background:#064faf;}


/******关于我们-荣誉证书********/
.ryzsdiv{ width:100%; height:auto; float:left; padding:20px 0 80px 0; background:#fff;}
.ryzsdiv dl{ width:25%; height:auto; float:left; border:1px solid #ededed; box-sizing:border-box;}
.ryzsdiv dl dt{ width:100%; height:auto; float:left; padding:30px 60px; box-sizing:border-box; overflow:hidden;}
.ryzsdiv 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;}
.ryzsdiv 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; }
.ryzsdiv dl dd{ width:100%; height:60px;  border-top:1px solid #ededed; padding:0 15px; float:left; overflow:hidden; box-sizing:border-box; color:#333;}
.ryzsdiv dl dd h3{ width:100%; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#000; float:left;overflow:hidden; padding-right:30px;box-sizing:border-box; background:url(../images/ryzz_tb.png) right center no-repeat;}
.ryzsdiv dl:hover{ border:1px solid #08279c; }
.ryzsdiv dl:hover dd h3{ color:#08279c; background:url(../images/ryzz_tbh.png) right center no-repeat;}


/*********关于我们-加入我们*******/
.jrwmdiv{ width:100%; height:auto; float:left; padding:30px 0 80px 0; background:url(../images/jrwm_bj.jpg) right top no-repeat #fff;}
.jrwmdiv .indextt{ text-align:left;}
.jrwmdiv .indextt strong span{ width:100%; color:#08279c; float:left;}

dl.jrdl{ width:100%; height:auto; float:left; padding:10px 50px; margin-bottom:15px; box-sizing:border-box; background:#fff; border:1px solid #ededed; box-sizing:border-box; cursor:pointer;}
dl.jrdl dt{ width:100%; height:auto; float:left; background:url(../images/csbj.jpg) left bottom no-repeat; background-size:50px 2px !important;  border-bottom:1px solid #ededed; padding-bottom:10px; margin-bottom:10px;}
dl.jrdl dt strong{ width:auto; height:auto; float:left; line-height:50px; font-size:22px; background:url(../images/jrwm_tb.png) left center no-repeat; color:#333; padding-left:30px; background-size:20px auto; box-sizing:border-box;}
dl.jrdl dt span{ width:auto; height:auto; float:right; line-height:50px; font-size:16px; color:#777; padding-right:20px; background:url(../images/jtrh1.png) right center no-repeat;}
dl.jrdl dd{ width:100%; height:auto; float:left; line-height:36px; font-size:16px; padding-right:30px; margin-bottom:5px; color:#666; box-sizing:border-box;}
dl.jrdl dd span{ width:20%; height:auto; float:left;}
dl.jrdl dd span.sp{ width:100%;}
dl.jrdl:nth-child(odd){ background:#f8f9fc;}
dl.jrdl:hover{ background:url(../images/jrwm_dlbj.png) center center no-repeat !important; background-size:cover;}
dl.jrdl:hover dt{ border-bottom:1px solid rgba(255,255,255,0.1);background:url(../images/yuandian.png) left bottom no-repeat; }
dl.jrdl:hover dt strong{ color:#fff; background:url(../images/jrwm_tbh.png) left center no-repeat;}
dl.jrdl:hover dt span{ color:#fff; background:url(../images/jtra.png) right center no-repeat;}
dl.jrdl:hover dd{ color:#fff; opacity:0.9;} 

.joindc{ width:94%; height:auto; max-width:1400px; position:fixed; display:none; left:200px; top:100px; z-index:9999; box-sizing:border-box; background:#fff;}
.joindctop{ width:100%; height:auto; float:left; background:#f5f7f9; padding:40px 60px 30px 60px; box-sizing:border-box;}
.joinclose{ width:50px; height:50px; position:absolute; right:0; top:0; cursor:pointer; background:url(../images/closeX.png) center center no-repeat; background-size:cover;}
.joindctop strong{ width:100%; height:auto; float:left; font-size:26px; line-height:32px; color:#333; margin-bottom:10px;}
.joindctop p{ width:auto; height:auto; float:left; line-height:46px; margin-right:50px; font-size:16px; color:#333;}
.joindctop a{ float:right;}
.joindcnr{width:100%; height:auto; float:left; background:#fff; padding:30px 60px 50px 60px; box-sizing:border-box;}
.joindcnr strong.s{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#08279c; margin-top:15px;}
.joindcnr p{ width:100%; height:auto; float:left; font-size:15px; line-height:26px; color:#333;}

/*******关于我们-联系我们******/
.lxwmdiv1{ width:100%; height:auto; float:left; padding:30px 0 80px 0; background:#fff;}
.indextt1 strong{ font-size:36px; line-height:40px;}
.lxwmdiv1 dl{ width:49%; height:auto; float:left; margin-bottom:10px;}
.lxwmdiv1 dl dt{ width:100%; height:auto; float:left; font-size:16px; line-height:36px; font-weight:bold; color:#000;}
.lxwmdiv1 dl dd{ width:100%; height:auto; float:left;}
.lxwmdiv1 dl dd .input{ width:100%; height:50px; line-height:50px; border:1px solid #ededed; font-family:"ziti"; border-radius:3px; outline:none; padding:0 20px; box-sizing:border-box;}
.lxwmdiv1 dl.last{ margin-left:2%;}
.lxwmdiv1 dl.d2{ width:100%;}
.lxwmdiv1 dl dd .text{ width:100%; height:120px; line-height:30px; border:1px solid #ededed; border-radius:3px; outline:none; padding:10px 20px; box-sizing:border-box;}
.lxwmdiv1 label{ width:100%; height:auto; float:left; line-height:30px; font-family:"ziti"; font-size:15px; color:#666; margin-bottom:25px;}
.lxwmdiv1 .che{ width:20px; height:20px; float:left; margin:5px 5px 5px 0;}
.lxwmdiv1 label a{ color:#08279c;}
.lxwmdiv1 .button{ width:auto; height:46px; float:left; line-height:46px; padding:0 30px;transition:all 0.8s ease; border:1px solid #08279c; background:#08279c; display:table; margin:0 auto; border-radius:40px;}
.lxwmdiv1 .button span{ padding-right:15px; font-family:"ziti"; font-size:16px; color:#fff; background:url(../images/jtra.png) right center no-repeat;} 
.lxwmdiv1 .button:hover{ background:#000; transition:all 0.8s ease; border:1px solid #000;} 
 

.lxwmdiv2{ width:100%; height:auto; float:left; padding:80px 0; background:#f3f7fb;}
.lxwmdiv3{ width:100%; height:auto; float:left; padding:80px 0;}
.lxwmdiv3 dl{ width:48%; height:auto; float:left; margin:1%; background:#f3f7fb; padding:35px 45px; box-sizing:border-box;}
.lxwmdiv3 dl dt{ width:100%; height:auto; float:left; font-size:22px; line-height:40px; color:#08279c; font-weight:bold; margin-bottom:70px;}
.lxwmdiv3 dl dd{ width:100%; height:auto; float:left; min-height:90px; font-size:16px; line-height:30px; color:#000;}

/*******解决方案******/
.soldiv1{ width:100%; height:auto; float:left; padding:30px 0 80px 0; background:url(../images/sol_bj1.jpg) top center no-repeat; background-size:cover;}
.soldiv1 dl{ width:calc(100% / 3); height:auto; text-align:center; float:left; padding:30px 70px; box-sizing:border-box; background:url(../images/huibj.png) right center no-repeat; background-size:1px 40%;}
.soldiv1 dl dt{ width:100%; height:auto; float:left;}
.soldiv1 dl dt img{ width:84px; height:84px; margin:0 auto; display:block;}
.soldiv1 dl dd{ width:100%; height:auto; float:left; margin-top:25px;}
.soldiv1 dl dd strong{ width:100%; height:auto; float:left; font-size:24px; line-height:34px; color:#000; font-weight:bold; margin-bottom:5px;}
.soldiv1 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#666; min-height:78px;}
.soldiv1 dl.nobj{ background:none;}

.soldiv2{ width:100%; height:750px; padding-top:80px; box-sizing:border-box; position:relative; float:left; }
.soldiv2 .img{ width:100%; height:750px; display:block; position:absolute; left:0; top:0; z-index:-1;}
.soldiv2 .indextt strong{ color:#fff; text-align:left; }
.soldiv2nr{ width:100%; height:500px; background:url(../images/sol_bj2s.jpg) right center no-repeat; background-size:55% 100%; position:absolute; right:0; bottom:-80px;}
.soldiv2nr .box{ width:55%; height:auto; float:right; padding:80px 0 60px 80px; overflow-y:auto; box-sizing:border-box;}
.soldiv2nr .box h2{ width:100%; height:auto; float:left; font-size:30px; line-height:44px; color:#7fe2fe; font-weight:bold; margin-bottom:20px;}
.soldiv2nr .box p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:rgba(255,255,255,0.9);}

.soldiv3{ width:100%; height:auto; float:left; padding:140px 0 80px 0; background:url(../images/sol_bj3.jpg) center center no-repeat; background-size:cover;}
.soldiv3 .indextt,.soldiv4 .indextt{ text-align:left;}
.soldiv3 dl{ width:25%; height:auto; float:left; background:#fff; padding:70px 35px; box-sizing:border-box;}
.soldiv3 dl dt{ width:100%; height:auto; float:left;}
.soldiv3 dl dt img{ width:82px; height:82px; border-radius:100%; box-shadow:0 2px 6px #ededed;transform:rotateY(0); transition:0.9s ease all;}
.soldiv3 dl dd{ width:100%; height:auto; float:left; margin-top:50px; min-height:150px;}
.soldiv3 dl dd strong{ width:100%; height:auto; float:left; font-size:20px; line-height:28px; color:#000; font-weight:bold; margin-bottom:10px;}
.soldiv3 dl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#555;}
.soldiv3 dl.d1{ background:#3c8bf2;}
.soldiv3 dl.d2{ background:#14192e;}
.soldiv3 dl.d1 dd strong,.soldiv3 dl.d1 dd p,.soldiv3 dl.d2 dd strong,.soldiv3 dl.d2 dd p{ color:#fff;}
.soldiv3 dl:hover dt img{transform:rotateY(180deg); transition:0.9s ease all;}


.soldiv4{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/sol_bj4.jpg) center center no-repeat; background-size:cover;}
.soldiv4 ul{ width:100%; height:auto; float:left; list-style:none; margin-bottom:25px;}
.soldiv4 ul li{ width:230px; height:auto; float:left; text-align:center;}
.soldiv4 ul li strong{ width:auto; padding-left:25px; font-size:60px; line-height:70px; color:#0b1e2f; background:url(../images/sol_div4tb.png) left center no-repeat; box-sizing:border-box;}
.soldiv4 ul li p{ width:100%; height:auto; float:left; font-size:18px; line-height:26px; color:#666;}
.soldiv4 ul li.l1{ width:50px; height:120px; background:url(../images/huibj.png) center center no-repeat; background-size:1px 50%;}
.soldiv4 a.amore{ float:left; margin:0; background:#f16911;}
.soldiv4 a.amore s{ color:#fff; background:url(../images/jtr.png) right center no-repeat;}
.soldiv4 a.amore:Hover{ opacity:0.9;}

/******新闻中心******/
.xwzxdiv{ width:100%; height:auto; float:left; padding:20px 0 80px 0; background:#f5f8fc;}
dl.xwdl{ width:calc(95.8% / 3); height:auto; float:left; margin:0.7%; background:url(../images/csbj.jpg) center bottom no-repeat #fff; background-size:0 2px; transition:all 0.5s ease;}
dl.xwdl dt{ width:100%; height:auto; float:left; overflow:hidden;}
dl.xwdl dt img{ width:100%; height:auto; display:block; -webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1,1);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms;}
dl.xwdl:hover dt img{ -webkit-transform: scale(1.05,1.05);-webkit-transition-timing-function: ease-out;  -webkit-transition-duration: 800ms;  -moz-transform: scale(1.05,1.05);  -moz-transition-timing-function: ease-out;  -moz-transition-duration: 800ms; }
dl.xwdl dd{ width:100%; height:auto; float:left; padding:22px 40px; box-sizing:border-box;}
dl.xwdl dd span{ width:100%; height:24px; line-height:24px; float:left; font-size:16px; background:url(../images/inews_tb.png) left center no-repeat; padding-left:20px; box-sizing:border-box; color:#000; overflow:hidden;} 
dl.xwdl dd h3 a{ width:100%; height:30px; line-height:30px; float:left; font-size:18px; color:#000; overflow:hidden; font-weight:bold; margin:5px 0 10px 0;} 
dl.xwdl dd p{ width:100%; height:48px; line-height:24px; float:left; font-size:16px; color:#666; overflow:hidden;} 
dl.xwdl dd a.a{ width:100%; height:40px; line-height:40px; border-top:1px solid #ededed; float:left; font-size:15px; color:#666; font-weight:bold; margin-top:15px; background:url(../images/jtrh1.png) right center no-repeat;} 
dl.xwdl:hover{ background-size:100% 2px; transition:all 0.5s ease;}
dl.xwdl:hover dd h3 a{ color:#08279c;} 
dl.xwdl:hover dd a.a{ color:#08279c; background:url(../images/jtrh.png) right center no-repeat;}

/******新闻中心-详细信息******/
.mbxdiv1{ background:#f5f8fc; margin-top:100px;}
.xwzxxxdiv{ width:100%; height:auto; float:left; padding:40px 0 70px 0; background:#fff;}
.xwzxxxdiv .document_width,.xwzxxxdiv2 .document_width{ width:1300px; }
.xwzxxxdiv .h1{ width:100%; height:auto; float:left; font-size:36px; line-height:48px; color:#000; font-weight:bold; margin-bottom:10px;}
.ptime{ width:100%; height:auto; float:left; border-top:1px solid #ededed; border-bottom:1px solid #ededed; padding:10px 0; margin-bottom:25px;}
.ptime span{ width:auto; height:auto; float:left; font-size:16px; line-height:32px; color:#333; margin-right:30px;}

.xwxxnr{ width:100%; height:auto; float:left; font-size:16px; line-height:26px; color:#222;}
.xwxxnr p{ width:100%; height:auto; float:left;}
.xwxxnr img{ width:auto; height:auto !important; max-width:100% !important; display:block;/* margin:0 auto;*/}
.xwsxt{ width:100%; height:auto; float:left; border-top:1px solid #ededed; padding:20px 0; box-sizing:border-box; margin-top:40px;}
.xwsxt p.p1{ width:45%; height:auto; float:left;}
.xwsxt p.p1 a{ width:100%; height:30px; line-height:30px; float:left; overflow:hidden; font-size:16px; font-weight:600; color:#333; box-sizing:border-box;}
.xwsxt p.p1 a:hover{ color:#08279c;}
.xwsxt p.p2{ width:10%; height:30px; float:left;}
.xwsxt p.p2 a{ width:30px; height:30px; margin:0 auto; display:block; background:url(../images/newsxx_tb.png) center center no-repeat; }
.xwsxt p.p1.p3{ float:right;}
.xwsxt p.p1.p3 a{ text-align:right; }

.xwzxxxdiv2{ width:100%; height:auto; float:left; padding:80px 0; background:#f5f8fc;}
.xwzxxxdiv2 .indextt strong{ text-align:left; border-bottom:1px solid #ededed; padding-bottom:15px;}
.xwzxxxdiv2 .indextt strong a{ width:auto; font-size:16px; font-weight:normal; color:#666; float:right;}
.xwzxxxdiv2 .indextt strong a s{ padding-right:20px; background:url(../images/jtrh1.png) right center no-repeat;}
.xwzxxxdiv2 .indextt strong a:Hover{ color:#000;}
.xwzxxxdiv2 dl{ width:420px; height:auto; float:left; padding:0;/* background:url(../images/huibj.png) right center no-repeat; background-size:1px 80%;*/ box-sizing:border-box;}
.xwzxxxdiv2 dl dt{ width:100%; height:auto; float:left; overflow:hidden; margin-bottom:15px; }
.xwzxxxdiv2 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;}
.xwzxxxdiv2 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; }

.xwzxxxdiv2 dl dd{ width:100%; height:auto; float:left;}
.xwzxxxdiv2 dl dd span{width:100%; height:auto; float:left; padding-left:18px; background:url(../images/inews_tb.png) left center no-repeat; box-sizing:border-box; font-size:16px; line-height:24px; color:#888;}
.xwzxxxdiv2 dl dd h3 a{ width:100%; height:30px; line-height:30px; float:left; font-size:20px; overflow:hidden; font-weight:bold; color:#000; margin-bottom:10px;}
.xwzxxxdiv2 dl dd p{ width:100%; height:48px; float:left; line-height:24px; font-size:16px; color:#666; overflow:hidden;}
.xwzxxxdiv2 dl:hover dd h3 a{ color:#08279c;}

.xwzxxxdiv2c{ width:100%; height:auto; float:left; padding-bottom:60px; margin-top:10px; position:relative; overflow:hidden;}
.xwzxxxdiv2list{ width:20000000px; height:auto; float:left; transition:transform 600ms; touch-action: pan-y;} 
.xwzxxxspan{ margin:0px;padding:0px; width:100%; height:auto; position:absolute; bottom:0px;text-align:center; z-index:886;}
.xwzxxxspan span{ display:inline-table;  width:22px;height:22px;border:1px solid rgba(0,0,0,0); border-radius:22px; position:relative;  box-sizing:border-box; cursor:pointer; background:url(../images/yuandianh.png) center center no-repeat; margin:0 5px; box-sizing:border-box; }
.xwzxxxspan span.cur{ border:4px solid rgba(0,0,0,0.1); box-sizing:border-box; background:none;}
.xwzxxxspan span.cur .wrapper {width: 20px; height: 20px;position: absolute; clip: rect(0px, 20px, 20px, 10px); left:-2px; top:-2px;}
.xwzxxxspan span.cur .wrapper .circle { width: 12px;height: 12px; border: 4px solid #106bdb;border-radius: 10px; position: absolute; clip: rect(0px, 10px, 20px, 0px);}
.xwzxxxspan span.cur div[data-anim~=base] {-webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function:linear; }
.xwzxxxspan span.cur .wrapper[data-anim~=wrapper] {-webkit-animation-duration: 0.01s;-webkit-animation-delay: 3s; -webkit-animation-name: close-wrapper; }
.xwzxxxspan span.cur .circle[data-anim~=left] {-webkit-animation-duration: 6s;-webkit-animation-name: left-spin;}
.xwzxxxspan span.cur .circle[data-anim~=right] { -webkit-animation-duration: 3s; -webkit-animation-name: right-spin;}

/****旧****/
.indexdiv5{ width:100%; height:auto; float:left; padding:80px 0; background:url(../images/index_bj2.jpg) center center no-repeat; background-size:cover;} 
.indexdiv5 ul{ width:100%; height:auto; float:left; list-style:none;}
.indexdiv5 ul li{ width:25%; height:auto; float:left; text-align:center; border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box;} 
.indexdiv5 ul li strong{ width:100%;font-family:"zitic";  height:auto; float:left;font-size:72px; line-height:72px;background: linear-gradient(to bottom, #42c9fe, #1170dd);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} 
.indexdiv5 ul li strong s{ font-size:40px; line-height:40px; padding:0 0 0 5px;} 
.indexdiv5 ul li p{ width:100%; height:auto; float:left; font-size:22px; line-height:28px; margin-top:5px; color:#fff;}
.indexdiv5 ul li:last-child{ border-right:none;}


.indextt{ width:100%; height:auto; float:left; text-align:center; margin-bottom:40px;}
.indextt strong{ width:100%; height:auto;font-family:"zitic";  float:left; font-size:48px; line-height:50px; color:#000;} 
.indextt p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#444; margin-top:12px;} 
.indextt1 strong { font-size: 36px; line-height: 40px;}


/*****发展历程****/
.aboutfzlc{ width:100%; height:auto; float:left; padding:80px 0 0 0; overflow:hidden;} 
.aboutfzlcz{ width:100%; height:auto;   float:left;position:relative; z-index: 1; }
.aboutfzlclist{ width:20000px; height:auto; float:left; padding-bottom:15px; transition:transform 600ms; touch-action: pan-y;} 
.fzjt{width:100px; height:30px; margin:0 auto;}
.fzjtl{ width:40px; height:20px; float:left; background:url(../images/hshzdiv1_jtl.png) center center no-repeat; cursor:pointer; opacity:0.8;}
.fzjtr{ width:40px; height:20px; float:right; background:url(../images/hshzdiv1_jtr.png) center center no-repeat; cursor:pointer; opacity:0.8;}
.fzjtl:hover,.fzjtr:hover{opacity:1;}

.aboutfzlc dl{ width:375px; height:auto; float:left; margin-right:25px; background:#f8f9fa; box-shadow:0 2px 10px #ccc; transition:all 0.5s ease;}
.aboutfzlc dl dt{ width:100%; height:auto; float:left;}
.aboutfzlc dl dt img{ width:100%; height:280px; display:block;}
.aboutfzlc dl dd{ width:100%; height:auto; min-height:200px; float:left; padding:20px; box-sizing:border-box;}
.aboutfzlc dl dd strong{ width:100%; height:auto; float:left; border-bottom:1px solid #ededed; font-size:40px; line-height:40px; color:#000; padding-bottom:10px; margin-bottom:15px;}
.aboutfzlc dl dd strong s{ font-size:16px; color:#444; line-height:30px; margin-left:15px;}
.aboutfzlc dl dd p{ width:100%; height:auto; float:left; padding-left:16px; background:url(../images/csbj.jpg) left 8px no-repeat; background-size:5px 5px; font-size:16px; line-height:24px;}
.aboutfzlc dl:hover{ margin-top:-5px; background:#fff; transition:all 0.5s ease;}