/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff; min-width: 1200px; }
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#0092a9;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
table{ width: 100%; border: solid 1px #eee; border-collapse:collapse;}
table tr,table td{ width: 100%; border: solid 1px #eee; }

.active{color:#34a056 !important;}
.active:hover{color:#fff !important;}
.on a {
    color: #34a056;
}
.fl{ float:left;}
.fr{ float:right;}


.pull-left {
    float: left!important;
}


input,textarea,select{  font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}

@font-face {font-family:'avignon-bold'; src: url('../font/avignon-bold.ttf') format('truetype'); }

.scrollbar::-webkit-scrollbar{ width:5px; background:#d4d7e3; }/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#1c5697; }/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */
.c1200{ width: 1200px; margin: auto; position: relative; z-index: 1;}


/* header */
.header{ width:100%; height:95px; padding: 10px 0; min-width: 1200px; position:fixed; top:0; left: 0; background-color: #fff; z-index: 9999; transition: all 0.8s ease; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.headerLogo a{ display: block; width: 280px; margin:auto; text-align: center; height:50px; padding:2px 0; background: url(../image/headerLogo.png) center center no-repeat;}
.headerNav { position: relative; }
.headerNav .nav{  margin:0 0 ; height: 50px;     float: left; }
.headerNav .nav li{ float: left; width: 120px; text-align:center;position:relative;}
.headerNav .nav li:first-child{background:none;}
.headerNav .nav li h3 { font-weight: normal; }
.headerNav .nav li h3 a{display:block; text-transform: capitalize; font-size:16px; margin: 10px 0; line-height: 40px; color:#333 ;}
.headerNav .nav li#seced h3 a,.headerNav .nav li:hover  a{ color: #fff;}
.headerNav .nav .m{z-index:99999;}
.headerNav .nav li a:hover{color: #fff !important;background-color: #0092a9;}
.headerNav .nav .m .on h3 a{ color: #0092A9;}

.headerNav .nav .sub{display:none;position:absolute;z-index:99999;background-color:rgba(255,255,255,0.95);-webkit-transform-origin: top center;-webkit-animation-duration:0.3s; animation-duration:0.3s;-moz-transform-origin: top center;-ms-transform-origin:top center;-o-transform-origin: top center;transform-origin: top center;text-transform: uppercase;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);  transform: translateX(-50%);  left: 50%;}
.headerNav .nav .sub dt{text-align:center;  width:120px; position: relative;}
.headerNav .nav .sub dt h5{font-weight: normal;}
.headerNav .nav .sub dt h5 a{display:block;border-top:1px solid #eee; text-align: center; width: 90px; text-align: ; overflow: hidden; padding: 12px 15px ; font-size:14px; line-height:16px; color:#666; }
.headerNav .nav .sub dt:first-child h5 a{  border-top:0; }
.headerNav .nav .sub dt:hover h5 a,.headerNav .nav .sub dt#seced h5 a{ background-color: #0092a9 ; color: #fff ; opacity: 1;}


.is-fixed.mod-header { padding: 15px 0; position: fixed; background-color: rgba(255,255,255, 0.95); }
.is-fixed.mod-header .headerNav .nav li h3 a{ color: #333;}
.is-fixed.mod-header .headerNav .nav li#seced h3 a,.is-fixed.mod-header .headerNav .nav li:hover h3 a{ color: #0092a9;}


/* indexBanner */
.indexBanner{width:100% ;position:relative;height:100vh; min-width: 1200px;  margin:0 auto; z-index:1;}
.indexBanner .bd{margin:0 auto; width: 100%; position:relative;z-index:0;overflow:hidden;}
.indexBanner .bd ul{width:100% !important; position: relative;}
.indexBanner .bd li{width:100% !important; height:100vh; overflow:hidden; text-align:center; position: relative;}
.indexBanner .bd li a{display:block; width:100% !important; height:100vh;}
.indexBanner .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;}
.indexBanner .hd ul{text-align:center;}
.indexBanner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; overflow: hidden;  height:12px;margin:0 15px;overflow:hidden; border: solid 2px #fff; line-height:999px; transition: all 0.8s ease; border-radius: 50%;}
.indexBanner .hd ul .on{ background-color: #0092a9; border-color: #0092a9;  }
.indexBanner .pageState{ position: absolute; left: 0; bottom: 0; color: #fff; font-size: 14px;}
.indexBanner .pageState span{ font-size: 30px;}

/* indexTitle */
.indexTitle{ width: 100%; color: #2d92a4; height: 100px; overflow: hidden;}
.indexTitle h2{ font-size: 64px; line-height: 50px; text-transform: uppercase;  font-family:'avignon-bold';}
.indexTitle p{ font-size: 26px; margin-top: 15px; }


/* indexAbout */
.indexAbout{ width: 100%; padding: 110px 0 0 0; margin: auto; position: relative;}
.indexAbout::before{ content: ''; width: 100%; height: 600px; position: absolute; top: 0; left: 0; z-index: 0; background: #eef2f5 url(../image/aboutIcon.png) right bottom -90px no-repeat;}
.indexAbout .left{ width: 460px; height: 550px; overflow: hidden; position: relative;}
.indexAbout .left img{ width: 460px; height: 550px; }
.indexAbout .right{ width: 670px; height: 550px;}

.AboutItem{ width:100%; text-align:left; position: relative; height: 450px; }
.AboutItem .hd{  float: right; width: 60px;  position:relative; }
.AboutItem .hd ul{ width: 60px;  }
.AboutItem .hd ul li{ display: inline-block; width: 100%; margin-bottom: 15px; text-align: center; cursor: pointer; padding-bottom: 0; position: relative;  transition: all 0.8s ease;}
.AboutItem .hd ul li i{ display: inline-block; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: solid 2px #1c5697; margin: 0 auto 5px;  transition: all 0.8s ease;}
.AboutItem .hd ul li:nth-child(1) i{ background: url(../image/icon_about1.png) center center no-repeat;}
.AboutItem .hd ul li:nth-child(2) i{ background: url(../image/icon_about2.png) center center no-repeat;}
.AboutItem .hd ul li:nth-child(3) i{ background: url(../image/icon_about3.png) center center no-repeat;}
.AboutItem .hd ul li:nth-child(4) i{ background: url(../image/icon_about4.png) center center no-repeat;}
.AboutItem .hd ul li p{width: 100%; font-size: 14px; color: #1c5697;  transition: all 0.8s ease;  }
.AboutItem .hd ul li.on:nth-child(1) i{ background: url(../image/icon_about1-1.png) center center no-repeat; }
.AboutItem .hd ul li.on:nth-child(2) i{ background: url(../image/icon_about2-1.png) center center no-repeat; }
.AboutItem .hd ul li.on:nth-child(3) i{ background: url(../image/icon_about3-1.png) center center no-repeat; }
.AboutItem .hd ul li.on:nth-child(4) i{ background: url(../image/icon_about4-1.png) center center no-repeat; }
.AboutItem .hd ul li.on i{ border-color: #0092a9;}
.AboutItem .hd ul li.on p{ color: #0092a9;}
.AboutItem .hd ul li.on{ }
.AboutItem .bd{ float: left; width: 550px; height: 450px; position: relative; overflow: hidden;}
.AboutItem .bd .box{ padding-top: 40px; height: 410px; position: relative;}
.AboutItem .bd .info{ width: 100%; padding-bottom: 30px; height: 200px; overflow: hidden; font-size: 14px; color: #666; line-height: 30px;}
.AboutItem .bd .info img{ max-width: 100%; display: none;}
.AboutItem .bd .more{ width: 250px; padding: 25px; height: 130px; background-color: #fff;}
.AboutItem .bd .more img{ width: 200px; height: 130px; display: inline-block; vertical-align: top;}
.AboutItem .bd .more a{ display: inline-block; vertical-align: top; width: 50px;  height: 90px; padding: 20px 0; background: #0092a9 url(../image/icon_more.png) center bottom 20px no-repeat; font-size: 14px; color: #fff; text-align: center; line-height: 16px; transition: all 0.8s ease;}
.AboutItem .bd .more a:hover{ background-color: #1c5697; }

/* indexProduct */
.indexProduct{ width: 100%; padding: 110px 0; margin: auto;}
.indexProduct .parHd{  position:absolute; width: 460px; top: 0; left: 0;  background-color: #eef2f5; padding: 50px 50px;  z-index: 2; }
.indexProduct .parHd ul{  width: 100%; text-align: left; display: table; word-spacing: -1em; margin-top: 30px; }
.indexProduct .parHd ul li{ display: inline-block; vertical-align: top;  word-spacing: -1em; cursor: pointer; font-size: 16px; color: #333; position: relative;  transition: all 0.8s ease; margin:15px 10px 15px 0;}
.indexProduct .parHd ul li .icon{ float: left;  width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: solid 1px #333;  opacity:0.8; filter:alpha(opacity=80);}
.indexProduct .parHd ul li .name{ float: left;  margin-left: 10px;line-height: 20px;}
.indexProduct .parHd ul li .name p{ font-size: 16px; color: #333; margin: 5px 0; }
.indexProduct .parHd ul li .name span{  text-transform: capitalize; color: #999;}
.indexProduct .parHd ul li:nth-child(1),.indexProduct .parHd ul li:nth-child(4){ width: 140px;}
.indexProduct .parHd ul li.on .name p,.indexProduct .parHd ul li.on .name span{ color: #0092a9;}
.indexProduct .parHd ul li.on .icon{ opacity:1; filter:alpha(opacity=100);}
.indexProduct .parBd{ width: 100%; position: relative;  z-index: 1;}
.indexProduct .proBox{ width: 100%; position: relative;}
.indexProduct .proBox .proImg{  width: 100%; text-align: right; height: 440px; position: relative; z-index: 2;}
.indexProduct .proBox .proImg img{ width: 640px; height: 440px; position: relative; z-index: 2;}
.indexProduct .proList{  zoom:1; width: 1300px; margin: 40px -50px 0 -50px;  position:relative;  }
.indexProduct .proList .list{ width: 1200px; margin: 0 50px; overflow: hidden;}
.indexProduct .list ul{zoom:1;  text-align: left; display: table; word-spacing: -1em;  }
.indexProduct .list ul li{ width: 380px; margin-right:30px; display: inline-block; vertical-align: top; overflow:hidden; text-align:center; transition: all 0.8s ease; position: relative; z-index: 1;}
.indexProduct .list ul li .img{ width: 380px; height: 240px; overflow: hidden;}
.indexProduct .list ul li .img img{ width: 380px; height: 240px; transition: all 0.8s ease; }
.indexProduct .list ul li .name{ font-size: 18px; color: #333; margin: 5px 0; transition: all 0.8s ease;}
.indexProduct .list ul li:hover .name{ color: #0092a9;}
.indexProduct .list ul li:hover img{ transform:scale(1.1);}
.indexProduct .sPrev,.indexProduct .sNext{ position:absolute;  top:108px; display:block; width:14px; height:26px; z-index: 3;}
.indexProduct .sPrev{ left: 0; background: url(../image/icon_Pleft1.png) center center no-repeat;}
.indexProduct .sNext{ right: 0; background: url(../image/icon_Pright1.png) center center no-repeat;}
.indexProduct .sPrev:hover{ background: url(../image/icon_Pleft2.png) center center no-repeat;}
.indexProduct .sNext:hover{ background: url(../image/icon_Pright2.png) center center no-repeat;}
.indexProduct .more{width: 100%; text-align: center; margin:70px auto 0; }
.indexProduct .more a{ display: inline-block; text-align: left; width: 100px; padding: 0 40px; line-height: 46px; font-size: 14px; color: #fff; background:#1c5697 url(../image/icon_more1.png) right 40px center no-repeat; z-index: 2; transition: all 0.8s ease; }
.indexProduct .more a:hover{ background-color: #0092a9;}


/* indexService */
.indexService{ width: 100%; padding-top: 110px; min-width: 1200px; margin: auto; position: relative; background-color: #eef2f5;}
.indexService .ServiceList{ width: 100%; margin-top: 50px; height: 450px;}
.ServiceList .hd{ width: 100%; }
.ServiceList .hd ul{ width: 100%; text-align: left; display: table; word-spacing: -1em;  }
.ServiceList .hd ul li{ display: inline-block; vertical-align: top; height: 450px; text-align: right; padding:0 ; width: 21%; cursor:pointer; transition: all 0.8s ease; position: relative;overflow: hidden; }
.ServiceList .hd ul li a{ display: block; padding:110px 40px 40px 40px ; height: 300px;}
.ServiceList .hd ul li::after{ content: ''; position: absolute; background-color: #eef2f5; top: 0; left: 0; width: 2px; height: 100%;}
.ServiceList .hd ul li:first-child::after{ display: none;}
.ServiceList .hd ul li .en{ font-size: 30px; text-transform: uppercase; transition: all 0.8s ease;}
.ServiceList .hd ul li .name{ font-size: 22px; margin: 10px 0; transition: all 0.8s ease;}
.ServiceList .hd ul li .slogan{ font-size: 14px; line-height: 28px; margin-top: 30px; color: #333; transition: all 0.8s ease; transform: translateY(450px);}
.ServiceList .hd ul li:nth-child(1) .en{ color: rgba(36,22,15,0.5);}
.ServiceList .hd ul li:nth-child(2) .en{ color: rgba(122,58,6,0.5);}
.ServiceList .hd ul li:nth-child(3) .en{ color: rgba(41,23,109,0.5);}
.ServiceList .hd ul li:nth-child(4) .en{ color: rgba(57,55,56,0.5);}
.ServiceList .hd ul li:nth-child(1) .name{ color: rgba(36,22,15,1);}
.ServiceList .hd ul li:nth-child(2) .name{ color: rgba(122,58,6,1);}
.ServiceList .hd ul li:nth-child(3) .name{ color: rgba(41,23,109,1);}
.ServiceList .hd ul li:nth-child(4) .name{ color: rgba(57,55,56,1);}
.ServiceList .hd ul li.on{ width: 37%; }
.ServiceList .hd ul li.on .slogan{ transform: translateY(0);}


/* indexNetwork */
.indexNetwork{ width: 100%; padding: 110px 0; margin: auto; position: relative;}
.indexNetwork .network{ width: 830px;}
.indexNetwork .network img{ width: 100%;}
.indexNetwork .info { width:290px;}
.indexNetwork .cont{ width: 100%; margin-top: 100px;}
.indexNetwork .cont p{ float: left; width: 100%; margin: 18px 0; font-size: 20px; color: #333;}
.indexNetwork .cont span{ display: inline-block; margin-right: 10px; font-size: 52px; color: #1c5697;}


/* indexNews */
.indexNews{ width: 100%; margin:0 auto 50px; position: relative; background: url(../image/newsBg.jpg) center center no-repeat; background-attachment: fixed !important;}
.indexNews::after{ content: ''; height: 125px; width: 100%; position: absolute; z-index: 0; background-color: #fff; left: 0; bottom: 0;}
.indexNews .hd{ position:relative; background-color: #fff; padding-bottom: 30px; z-index: 1; }
.indexNews .hd ul{ position: absolute; right: 0; bottom: 5px;  }
.indexNews .hd ul li{ float:left; font-size: 16px; color: #333; padding:0 5px 15px 5px; position: relative; margin-left: 40px; cursor:pointer; transition: all 0.8s ease; }
.indexNews .hd ul li::after{ content: ''; width: 0; height: 4px; background-color: #1c5697; position: absolute; bottom: 0; left: 0; transition: all 0.8s ease; }
.indexNews .hd ul li.on{ color: #1c5697;}
.indexNews .hd ul li.on::after{ width: 100%; }
.indexNews .bd{ width: 100%; margin-top: 230px; position: relative; z-index: 1;}
.indexNews .bd .newsBox{ width: 100%; position: relative;}
.indexNews .bd .newsBox::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50%; background-color: #fff; height: 100%; z-index: 0;}
.indexNews .bd .newsBox .cont{ background-color: #fff; width: 1140px; padding: 60px; margin: 0 auto; position: relative; z-index: 1; }
.indexNews .bd .newsBox .first{ width: 470px; padding: 40px; height: 440px; background-color: #eef2f5;}
.indexNews .bd .newsBox .first .img{ width: 470px; height: 240px; overflow: hidden;}
.indexNews .bd .newsBox .first .img img{ width: 470px; height: 240px; transition: all 0.8s ease;}
.indexNews .bd .newsBox .first .img:hover img{ transform:scale(1.05);}
.indexNews .bd .newsBox .first .name{ padding-right: 120px; margin: 20px 0 15px 0; position: relative; line-height: 24px;}
.indexNews .bd .newsBox .first .name a{ font-size: 18px; color: #333;}
.indexNews .bd .newsBox .first .name span{ position: absolute; font-size: 18px; color: #999; right: 0; top: 0;}
.indexNews .bd .newsBox .first .name a:hover{ color: #0092a9;}
.indexNews .bd .newsBox .first .con{ font-size: 14px; color: #666; line-height: 28px;}
.indexNews .bd .newsBox .first .more a{ display: inline-block; margin-top: 30px; text-align: left; width: 100px; padding: 0 40px; line-height: 46px; font-size: 14px; color: #fff; background:#1c5697 url(../image/icon_more1.png) right 40px center no-repeat; transition: all 0.8s ease; }
.indexNews .bd .newsBox .first .more a:hover{ background-color: #0092a9;}
.indexNews .bd .newsBox .newsList{ width: 530px;}
.indexNews .bd .newsBox .newsList li{ float: left; width: 100%; padding: 22px 0; border-bottom: solid 1px #eee; overflow: hidden;}
.indexNews .bd .newsBox .newsList li a{ display: block;}
.indexNews .bd .newsBox .newsList li .name{ width: 410px;}
.indexNews .bd .newsBox .newsList li .name h2{ font-weight: normal; font-size: 16px; color: #333; line-height: 20px;}
.indexNews .bd .newsBox .newsList li .name p{ display: none; font-size: 14px; color: #000; line-height: 26px; margin-top: 5px;}
.indexNews .bd .newsBox .newsList li .time{ width: 90px; line-height: 20px;}
.indexNews .bd .newsBox .newsList li .time span{ float: right; font-size: 16px; color: #999;}
.indexNews .bd .newsBox .newsList li.on{padding: 24px 0;}
.indexNews .bd .newsBox .newsList li.on .name h2{ font-weight: bold; color: #0092a9;}
.indexNews .bd .newsBox .newsList li.on .name p{ display: block;}
.indexNews .bd .newsBox .newsList li.on .time{ width: 70px; line-height: 30px; margin-top: 20px;}
.indexNews .bd .newsBox .newsList li.on .time .y span{ display: none;}
.indexNews .bd .newsBox .newsList li.on .time .y,.indexNews .bd .newsBox .newsList li.on .time .d{ display: block; width: 100%; text-align: center;}
.indexNews .bd .newsBox .newsList li.on .time .y{ font-size: 18px;}
.indexNews .bd .newsBox .newsList li.on .time .d{ font-size: 26px; color: #333;}


/* indexJoin */
.indexJoin{ width: 100%; position: relative; text-align: right; height: 310px; padding: 60px 0; background: url(../image/joinBg.jpg) center center no-repeat; color: #fff;}
.indexJoin .title{ width: 100%; float: right; font-size: 60px; letter-spacing: 5px;}
.indexJoin .slogan{ width: 100%; float: right; font-size: 28px; letter-spacing: 2px;}
.indexJoin .tel{ float: right; text-align: left; margin-top: 50px; position: relative; padding-left: 65px;}
.indexJoin .tel::after{ content: ''; width: 50px; height: 50px; border-radius: 50%; background: #fff url(../image/icon_tel1.png) center center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -25px;}
.indexJoin .tel p{ font-size: 14px;}
.indexJoin .tel b{ font-size: 30px;}
.indexJoin .more{  width: 100%; float: right; margin-top: 20px;}
.indexJoin .more a{ display: inline-block; text-align: left; width: 100px; padding: 0 40px; line-height: 46px; font-size: 14px; color: #1c5697; background:#fff url(../image/icon_more2.png) right 40px center no-repeat; transition: all 0.8s ease; }
.indexJoin .more a:hover{ color: #fff; background:#1c5697 url(../image/icon_more1.png) right 40px center no-repeat;}


/* indexContact */
.indexContact{ width: 100%; margin: auto ; padding: 110px 0; position: relative; background: url(../image/contactBg.jpg) center center no-repeat; background-attachment: fixed !important;}
.indexContact .list{ max-width: 500px;}
.indexContact .list ul{ width: 100%;}
.indexContact .list ul li{ float: left; width: 100%; margin-bottom: 25px;}
.indexContact .list ul li p{ font-size: 16px; color: #999; margin-bottom: 5px;}
.indexContact .list ul li b{ font-size: 20px; color: #333; font-weight: bold;}
.indexContact .list ul li:nth-child(2) b{ font-size: 18px;}
.indexContact .list .weixin{ width: 170px; margin-top: 0; text-align: center;}
.indexContact .list .weixin img{ width: 170px; height: 170px;}
.indexContact .list .weixin p{ font-size: 14px; color: #999; margin-top: 5px;}
.indexContact .form{ width: 600px;}
.indexContact .form .top{ font-size: 28px; color: #1c5697; font-weight: bold;}
.indexContact .form form{ width: 100%; margin-top: 30px;}
.indexContact .form .row{ float: left; width: 100%; margin-bottom: 10px;}
.indexContact .form .row label{ float: left; width: 600px; height: 60px; line-height: 20px;  border-bottom: solid 1px #ddd; position: relative;}
.indexContact .form .row label span{ position: absolute; top: 20px; left: 0; z-index: 2; line-height: 20px; font-size: 16px; color: #333;}
.indexContact .form .row .txt{ width: 500px; height: 20px; font-size: 16px; color: #333; padding: 20px 10px 20px 90px; line-height: 20px; position: relative; z-index: 1; border: 0; background-color: rgba(255,255,255,0);} 
.indexContact .form .row1{float: left; width: 100%; margin-bottom: 40px;}
.indexContact .form .row1 label{ float: left; width: 600px; height: 100px; line-height: 20px;  border-bottom: solid 1px #ccc; position: relative;}
.indexContact .form .row1 label span{ position: absolute; top: 20px; left: 0; z-index: 2; line-height: 20px; font-size: 16px; color: #333;}
.indexContact .form .row1 textarea.txt{ width: 500px; height:60px; font-size: 16px; color: #333; padding: 20px 10px 20px 90px; line-height: 20px; position: relative; z-index: 1; border: 0; background-color: rgba(255,255,255,0);} 
.indexContact .form .btn{ float: left; width:600px; display: block; padding: 0 30px;  line-height: 56px; text-align: left; font-size: 16px; color: #fff; background: #1c5697 url(../image/icon_more3.png) center right 30px no-repeat; border: 0;  cursor: pointer; transition: all 0.8s ease;}
.indexContact .form .btn:hover{ background-color: #0092a9;}


/* footer */
footer{ width: 100%; margin: auto; background-color: #2b2c2e; }
.footer{ width: 100%; padding: 50px 0; }
.footer .left{ max-width: 760px;}
.footer .left dl{ float: left; max-width: 100px; margin-left: 120px;}
.footer .left dl:first-child{ margin-left: 0;}
.footer .left dl dt a{display: inline-block; margin-bottom: 15px; font-size: 16px; color: #fff;}
.footer .left dl dd a{display: inline-block; font-size: 14px; color: #999; margin: 7px 0; }
.footer .left dl a:hover{ color: #0092a9;}
.footer .right{ padding-left: 60px; position: relative;}
.footer .right::after{ content: ''; width: 50px; height: 50px; border: solid 1px rgba(255,255,255, 0.2); border-radius: 50%; background: url(../image/icon_tel.png) center center no-repeat; position: absolute; left: 0; top: 0;}
.footer .right p{ font-size: 14px; color: #999;}
.footer .right h3{ font-size: 30px; color: #fff; margin: 5px 0 15px 0;}
.links{ width: 100%; padding: 15px 0; line-height: 24px; color: #999; font-size: 14px;}
.links span{ font-size: 14px; color: #fff; font-weight: bold; }
.links a{ color: #999; margin-right: 10px;}
.links a:hover{ color: #0092a9;}
.links i{ margin: 0 5px;}
.links i:last-child{ display: none;}
.copy{ width: 100%; padding: 20px 0; line-height: 24px; border-top: solid 1px #353535;}
.copy .left{ font-size: 14px; color: #999;}
.copy .left a{ color: #999;}
.copy .left a:hover{ color: #0092a9;}
.copy .right{ height: 22px; margin: 2px 0;}
.copy .right a{ float: left; display: block; width: 22px; height: 22px; margin-left: 25px; opacity:0.5; filter:alpha(opacity=50);}
.copy .right a.qq{ background: url(../image/icon_qq.png) center center no-repeat;}
.copy .right a.wx{ background: url(../image/icon_wx.png) center center no-repeat;}
.copy .right a.wb{ background: url(../image/icon_wb.png) center center no-repeat;}
.copy .right a:hover{ opacity:1; filter:alpha(opacity=100)}


/* tanchu */
.theme-mask{z-index:99999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); display:none; }
.popover_weixin{ width:360px; height:400px; z-index:100000; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; border-radius:5px;}
.popover_weixin dl{ margin-top:50px; font-size:14px; line-height:36px;}
.popover_weixin dl a{ width:110px; height:36px; background:#0092a9; color:#fff; display:inline-block; border-radius:5px; font-size:14px; margin-top:20px;}

.theme-bg{z-index:99999; position:fixed; _position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); }



/* customer */
.customer {top:50%; position:fixed; right:2px; z-index:99; margin-top:-104px; font-size:12px;}
.customer a {display:block; width:50px; height:50px; padding:0px; background:#1c5697;  position: relative; text-align: center; margin:1px 0; font-size:12px;}
.customer a:hover{ background:#0092a9;  color:#fff; }
.customer a.a{ z-index: 10000;}
.customer i{ display: block; height:50px; width:50px; background:url(../image/fudong.png); margin:0 ; }
.customer .customer1{ background-position:0 0px;}
.customer .customer2{ background-position:0 -50px;}
.customer .customer3{ background-position:0 -100px;}
.customer .customer4{ background-position:0 -150px;}
.customer li:hover a{ background:#0092a9; color:#fff;}

.customer .qicq{}
.customer .qicq .qicqCon{ position:relative;}
.customer .qicq .qicqSub{  width:108px; right:-134px; top:0;  position:absolute; background:#0092a9; padding:12px 12px 10px; z-index:9999; transition: all 0.8s ease; }
.customer .qicq .qicqSub p{ width:100%; text-align:center; display:inline-block; margin:3px 0;}
.customer .qicq .qicqSub p a img{ margin:8px 4px 8px 8px; float:left;}
.customer .qicq .qicqSub p a{display:block; width:108px; height:32px; padding:0; background:rgba(255, 255, 255, 0.1); border:1px solid #eee; position: relative; text-align: left; line-height:32px; border-radius:32px; margin:0; color:#fff;}
.customer .qicq .qicqSub p a:hover{ background:#fff; color:#333; border:1px solid #fff;}
.customer .qicq:hover .qicqSub{ right: 50px;}

.customer .erweima{}
.customer .erweima .erweimaCon{ position:relative;}
.customer .erweima .erweimaSub{  width:120px; right:-146px; top:0;  position:absolute; background:#0092a9; padding:12px 12px 10px; z-index:9999; transition: all 0.8s ease;}
.customer .erweima .erweimaSub img{ width:110px; height:110px; border: solid 5px #fff;}
.customer .erweima .erweimaSub p{ width:100%; line-height:20px; text-align:center; color: #fff; display:inline-block; margin-top:5px;}
.customer .erweima:hover .erweimaSub{ right: 50px;}

.customer .fdTel{}
.customer .fdTel .fdTelCon{ position:relative;}
.customer .fdTel .fdTelSub{  width:140px; text-align: center; color: #fff;  line-height: 20px; right:-166px; top:0; font-size: 14px; position:absolute; background:#0092a9; padding: 12px ; z-index:9999; transition: all 0.8s ease;}
.customer .fdTel .fdTelSub  span{  font-weight: bold; font-size: 18px;}
.customer .fdTel:hover .fdTelSub{ right: 50px;}


/* pageBanner */
.pageBanner{ width: 100%; height: 140px; padding-top: 50px; margin:100px auto 0; position: relative; text-align: center; color: #fff;}
.pageBanner h2{ font-size:40px; font-weight: normal;}
.pageBanner p{ font-size: 24px; text-transform: capitalize;}

.JoinBanner{ height: 700px; padding-top: 0;}


/* pageNav */
.pageNav{ width: 100%; padding: 0 0; font-size: 16px; color: #333; line-height: 30px; border-bottom: solid 1px #eee;}
.pageNav .nav{ max-width: 800px; padding: 20px 0;}
.pageNav .nav ul{  text-align: left ; display: table; word-spacing: -1em;}
.pageNav .nav ul li{ display: inline-block; vertical-align: top; margin-right: 50px;}
.pageNav .crumbs{ max-width: 350px; padding: 20px 0;}
.pageNav .crumbs span{ margin: 0 5px;}
.pageNav a{ color: #333;}
.pageNav li:hover a,.pageNav li.on a{ color: #0092a9;}
.pageNav .proNav{ width: 100%;}
.pageNav .proNav ul{ text-align: center; display: table; word-spacing: -1em;}
.pageNav .proNav ul li{ display: inline-block; vertical-align: top; position: relative; width: 240px; box-sizing: border-box; border-right: solid 1px #eee;}
.pageNav .proNav ul li:first-child{ border-left: solid 1px #eee;}
.pageNav .proNav ul li a{ display: block; padding: 15px 0; color: #333;}
.pageNav .proNav ul li .icon{display: inline-block;  width: 50px; height: 50px; overflow: hidden; margin: auto; }
.pageNav .proNav ul li .icon-del{ display: inline-block; height:50px;width:50px; position: relative;}
.pageNav .proNav ul li p{ display: block; width: 100%;}
.pageNav .proNav ul li.on,.pageNav .proNav ul li:hover{ background-color: #0092a9;}
.pageNav .proNav ul li.on a,.pageNav .proNav ul li:hover a{ color: #fff;}
.pageNav .proNav ul li.on .icon-del,.pageNav .proNav ul li:hover .icon-del{ left:-50px; border-right:50px solid transparent;-webkit-filter:drop-shadow(0 0 0px #fff);filter:drop-shadow( 50px 0 0px #fff);  }



/* fenye */
.pages{ margin:40px 0 0;font-size:14px; text-align: center;}
.pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#0092a9;  border:1px solid #0092a9; color:#fff; text-decoration:none }
.pages span { display:inline-block; height:32px; line-height:32px; background:#0092a9; color:#fff; text-align:center; padding:0 14px; margin:0 2px;}


/* pageTitle */
.pageTitle{ width: 100%; text-align: center; position: relative;}
.pageTitle h3{ font-size: 36px; color: #333; font-weight: normal;}
.pageTitle p{ font-size: 30px; color: #999; text-transform: capitalize;}


/* pageBrand */
.pageBrand{ width: 100%; padding: 80px 0; position: relative;}
.pageBrand .pageTitle{ text-align: left;}
.pageBrand .cont{ width: 550px;}
.pageBrand .cont .info{ width: 100%; margin-top: 40px; font-size: 14px; color: #666; line-height: 30px;}
.pageBrand .cont .info img{ max-width: 100%;}
.pageBrand .img{ width: 545px; height: 395px; padding: 0 0 30px 30px; position: relative;}
.pageBrand .img::after{ content: ''; width: 200px; height: 320px; border: solid 1px #ddd; position: absolute; left: 0; bottom: 0; z-index: 0;}
.pageBrand .img img{ position: relative; width: 545px; height: 395px; z-index: 1;}


/* pageProfile */
.pageProfile{ width: 100%; padding: 100px 0 60px 0; background-color: #eef2f5;}
.pageProfile .cont{ width: 100%; margin-top: 50px; font-size: 14px; color: #666; line-height: 30px; text-align: center;}
.pageProfile .cont img{ max-width: 100%;}


/* pageHonor */
.pageHonor{ width: 100%; padding: 100px  0; margin: auto;  position: relative;}
.pageHonor .pageTitle{text-align: left;}
.pageHonor .info{  position: absolute; bottom: 5px; padding-left: 15px; left: 200px; font-size: 16px; color: #999; line-height: 26px;}
.pageHonor .info::after{ content: ''; width: 3px; height: 42px; background-color: #1c5697; left: 0; top: 50%; margin-top: -21px; position: absolute;}
.honorList{ position:relative; margin: 50px auto 0;   }
.honorList .prev,.honorList .next{ width: 14px; height: 26px; position: absolute; top: 50%; margin-top: -13px;}
.honorList .prev {left: -40px; background: url(../image/icon_Pleft1.png) no-repeat;}
.honorList .next {right: -40px; background: url(../image/icon_Pright1.png) no-repeat;}
.honorList .prev:hover{background: url(../image/icon_Pleft2.png) no-repeat;}
.honorList .next:hover{ background: url(../image/icon_Pright2.png) no-repeat;}
.honorList .bd{ padding:0; width: 100%; overflow: hidden;  }
.honorList .bd ul{ overflow:hidden; zoom:1; }
.honorList .bd ul li{ margin-right:20px; width: 285px; background-color: #fff; height: 210px;   float:left; _display:inline; overflow:hidden; text-align:center;  position: relative;  overflow: hidden; }
.honorList .bd ul li img{ width: 285px; height: 210px; position: relative; z-index: 1;}
.honorList .bd ul li p{ position: absolute; left: 0; bottom: 0; width: 225px; padding: 10px 30px ; background-color: rgba(28,86,151,0.8); overflow: hidden; z-index: 2; font-size: 16px; line-height: 26px; color: #fff;  transform: translateY(100%); transition: all 0.8s ease;}
.honorList .bd ul li:hover p{ transform: translateY(0); opacity:1;}


/* pageHistory */
.pageHistory{ width: 100%; padding: 100px 0 ; background-color: #eef2f5;}
.pageHistory .cont{ width: 100%; margin-top: 50px;}
.pageHistory .cont .img{ width: 580px; height: 380px; overflow: hidden;}
.pageHistory .cont .img img{ width: 580px; height: 380px;}
.pageHistory .cont .list{ width: 500px; height: 380px; padding-right:60px ; position: relative; overflow-y: auto;}
.pageHistory .cont .list li{ float: left; width: 100%;  padding: 40px 0; position: relative; z-index: 2;}
.pageHistory .cont .list li::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 120px; background-color: #ddd;}
.pageHistory .cont .list li i{ display: block; width: 21px; height: 21px; border-radius: 50px; background-color: #eef2f5; border: solid 1px #ddd; position: absolute; left: 109px; top: 50px; z-index: 2;}
.pageHistory .cont .list li i::before{ content: ''; width: 9px; height: 9px; border-radius: 50%; background-color: #aaa; position: absolute; top: 6px; left: 6px; z-index: 2;}
.pageHistory .cont .list li .time{ width: 100px; font-size: 36px; color: #333; font-weight: bold; position: relative; z-index: 2;}
.pageHistory .cont .list li .item{ width: 330px; font-size: 16px; color: #333; line-height: 24px; position: relative; z-index: 2;}
.pageHistory .cont .list li .item img{ max-width: 100%; display: none;}
.pageHistory .cont .list li:hover .time{ color: #1c5697;}
.pageHistory .cont .list li:hover i{ border-color: #1c5697;}
.pageHistory .cont .list li:hover i::before{ background-color: #1c5697;}



/* pageContact */
.pageContact{ width: 100%; padding: 110px 0; margin: auto;}
.pageContact .pageTitle{ text-align: left;}
.pageContact .info{ width: 500px;}
.pageContact .info .list{ width: 100%; margin-top: 20px; font-size: 16px; color: #666; line-height: 24px;}
.pageContact .info .list p{ float: left; width: 100%; margin: 8px 0;}
.pageContact .info .weixin{ width: 100%; position: relative; margin-top: 20px;}
.pageContact .info .weixin img{ width: 110px; height: 110px; border: solid 10px #f5f5f5;}
.pageContact .info .weixin p{ position: absolute; bottom: 0; left: 150px; font-size: 14px; color: #666; line-height: 20px;}

.pageContact .form{ width: 600px;}
.pageContact .form form{ width: 100%; }
.pageContact .form .row{ float: left; width: 100%; margin-bottom: 10px;}
.pageContact .form .row label{ float: left; width: 600px; height: 60px; line-height: 20px;  border-bottom: solid 1px #ddd; position: relative;}
.pageContact .form .row label span{ position: absolute; top: 20px; left: 0; z-index: 2; line-height: 20px; font-size: 16px; color: #333;}
.pageContact .form .row .txt{ width: 500px; height: 20px; font-size: 16px; color: #333; padding: 20px 10px 20px 90px; line-height: 20px; position: relative; z-index: 1; border: 0; background-color: rgba(255,255,255,0);} 
.pageContact .form .row1{float: left; width: 100%; margin-bottom: 40px;}
.pageContact .form .row1 label{ float: left; width: 600px; height: 100px; line-height: 20px;  border-bottom: solid 1px #ccc; position: relative;}
.pageContact .form .row1 label span{ position: absolute; top: 20px; left: 0; z-index: 2; line-height: 20px; font-size: 16px; color: #333;}
.pageContact .form .row1 textarea.txt{ width: 500px; height:60px; font-size: 16px; color: #333; padding: 20px 10px 20px 90px; line-height: 20px; position: relative; z-index: 1; border: 0; background-color: rgba(255,255,255,0);} 
.pageContact .form .btn{ float: left; width:600px; display: block; padding: 0 30px;  line-height: 56px; text-align: left; font-size: 16px; color: #fff; background: #1c5697 url(../image/icon_more3.png) center right 30px no-repeat; border: 0;  cursor: pointer; transition: all 0.8s ease;}
.pageContact .form .btn:hover{ background-color: #0092a9;}


/* pageMap */
.pageMap{ width: 100%; height: 600px; position: relative; margin: auto;}
#allmap{ width: 100%; height: 600px;}


/* pageIntroduction */
.pageIntroduction{ width: 100%; padding: 100px 0; position: relative; margin: auto;}
.pageIntroduction .info{ width: 100%; text-align: center; margin-top: 40px; font-size: 14px; color: #666; line-height: 28px;}
.pageIntroduction .info img{ max-width: 100%; margin-top: 20px;}


/* pageSystem */
.pageSystem{ width: 100%; padding-top: 100px; position: relative; margin: auto; overflow: hidden; }
.pageSystem::after{ content: ''; height: 650px; position: absolute; top: 0; left: 0; background-color: #eef2f5; width: 100%;}
.systemList{ width:1140px; padding: 30px; margin-top: 50px;  background-color: #fff; }
.systemList .hd{ width: 100%; position:relative; }
.systemList .hd ul{ width: 100%; text-align: center; border-bottom: solid 1px #eee; display: table; word-spacing: -1em; }
.systemList .hd ul li{ display: inline-block; vertical-align: top; position: relative; padding-bottom: 25px; cursor: pointer; font-size: 24px; color: #333; margin: 0 50px;}
.systemList .hd ul li::after{ content: ''; width: 0; height: 3px; background-color: #0092a9; position: absolute; bottom: -2px; left: 50%; transition: all 0.8s ease;}
.systemList .hd ul li.on{ color: #0092a9; }
.systemList .hd ul li.on::after{ width: 50px; margin-left: -25px;}
.systemList .bd{ width: 100%;  }
.systemList .bd .box{ padding-top:30px;  zoom:1; width: 100%; }
.systemList .bd .name{ width: 100%; text-align: center; font-size: 24px; color: #1c5697; font-weight: bold;}
.systemList .bd .cont{ width: 100%; text-align: center; font-size: 14px; color: #666; line-height: 24px; margin-top: 20px;}
.systemList .bd .cont img{ max-width: 100%; margin-top: 40px;}
.systemList .bd .info{ padding: 40px 20px; width: 1100px; position: relative;}
.systemList .bd .info .img{ width: 400px; text-align: center;}
.systemList .bd .info .img img{ max-width: 100%;}
.systemList .bd .info .con{ width: 660px;}
.systemList .bd .info .con dl{ float: left; width: 100%; margin: 15px 0;}
.systemList .bd .info .con dl dt{ float: left; font-size: 18px; color: #1c5697; font-weight: bold; text-align: right; width: 110px;}
.systemList .bd .info .con dl dd{ float: right; width: 540px; font-size: 16px; color: #666; line-height: 28px;}
.systemList .bd .item{ padding: 40px 20px; width: 1100px; position: relative;}
.systemList .bd .item .list{ width: 500px;}
.systemList .bd .item .list .sbs{ width: 252px; height: 68px;}
.systemList .bd .item .list .sbs img{ width: 252px; height: 68px;}
.systemList .bd .item .list ul{ width: 100%; margin: 15px 0; text-align: left; display: table; word-spacing: -1em;}
.systemList .bd .item .list ul li{ display: inline-block;  vertical-align: top; width: 100px; margin: 10px 60px 10px 0; text-align: center;}
.systemList .bd .item .list ul li img{ width: 60px; height: 60px;}
.systemList .bd .item .list ul li p{ font-size: 14px; color: #666; margin-top: 8px;}
.systemList .bd .item .list dl{ width: 100%;}
.systemList .bd .item .img{ width: 300px; text-align: center;}
.systemList .bd .item .img img{ max-width: 100%;}
.systemList .bd .item .ewm{ width: 100px; text-align: center; position: absolute; right: 380px; top: 170px; }
.systemList .bd .item .ewm img{ width: 100%; border: solid 1px #ddd; box-sizing: border-box;}
.systemList .bd .item .ewm p{ width: 100%; font-size: 14px; color: #666; margin-top: 5px;}


/* pageProcess */
.pageProcess{ width: 100%; padding-top: 60px; margin: auto; position: relative;}
.pageProcess .cont{ width:1100px ; padding:80px 50px; background-color: #eef2f5; text-align: center; font-size: 14px; color: #333; line-height: 28px; margin-top: 50px;}
.pageProcess .cont img{ max-width: 100%;}


/* pagePartner */
.pagePartner{ width: 100%; padding: 100px 0; margin: auto; position: relative;}
.pagePartner .pageTitle{ text-align: left; width: 200px;}
.pagePartner .cont{ float: right; width: 920px; margin-top: 50px; }
.pagePartner .cont dl{ float: left; width: 100%; margin-bottom: 30px;}
.pagePartner .cont dl dt{ float: left; width: 140px; line-height: 40px; font-size: 18px; font-weight: bold; color: #1c5697; text-align: center; border: solid 1px #1c5697;}
.pagePartner .cont dl dd{ float: right; width: 750px; padding: 5px 0;}
.pagePartner .cont dl dd span{ display: inline-block; font-size: 16px; color: #666; line-height: 30px; margin-right: 30px;}


/* pageVision */
/* .pageVision{ width: 100%; padding: 100px 0; margin: auto; position: relative;}
.pageVision .pageTitle{ text-align: left;}
.pageVision .img{ width: 520px;}
.pageVision .img img{ width: 520px;}
.pageVision .info{ width: 620px; margin-top: 20px;}
.pageVision .cont{ font-size: 14px; color: #666; line-height: 28px; margin-top: 30px;}
.pageVision .cont img{ max-width: 100%; display: none;} */


/* pageShop */
/* .pageShop{ width: 100%; padding-top: 100px; margin: auto; position: relative; background: url(../images/vision/002.jpg) center center no-repeat; background-attachment: fixed !important;}
.pageShop::after{ content: ''; width: 100%; height: 140px; background-color: #fff; position: absolute; left: 0; bottom: 0;}
.pageShop .pageTitle h3,.pageShop .pageTitle p{ color: #fff;}
.Storefront{ width:100%;  margin-top: 40px;  position: relative; z-index: 1; }
.Storefront .hd{ width: 100%; position:relative; margin-bottom: 40px; }
.Storefront .hd ul{ width: 100%; text-align: center;  display: table; word-spacing: -1em; }
.Storefront .hd ul li{ display: inline-block; vertical-align: top; position: relative; width: 160px; line-height: 46px; border: solid 1px #fff; cursor: pointer; font-size: 18px; color: #fff; margin: 0 20px;}
.Storefront .hd ul li.on{ border-color: #0092a9; background-color: #0092a9;}
.Storefront .bd{ width: 100%; background-color: #fff; }
.Storefront .bd .box{ padding:40px 40px 60px 40px;  zoom:1;  width: 1120px;}
.Storefront .bd .name{ width: 100%; font-size: 24px; line-height: 32px; color: #333; padding-bottom: 20px; border-bottom: solid 1px #ddd; }
.Storefront .bd .cont{ width: 100%; margin-top: 10px;}
.Storefront .bd .item{ float: left; width: 100%; margin: 20px 0;}
.Storefront .bd .item h5{ float: left; width: 140px; margin-top: 15px; font-weight: normal; font-size: 24px; color: #1c5697;}
.Storefront .bd .item ul{ float: right; width: 980px; text-align: left; display: table; word-spacing: -1em;}
.Storefront .bd .item ul li{ display: inline-block; text-align: center; vertical-align: top; margin-left: 55px;}
.Storefront .bd .item ul li:first-child{ margin-left: 0;}
.Storefront .bd .item ul li img{ width: 70px; height: 70px; border-radius: 50%; border: solid 1px #1c5697;}
.Storefront .bd .item ul li p{ font-size: 16px; color: #666; margin-top: 10px;}
 */

/* pageStatus */
.pageStatus{ width: 100%; padding: 100px 0; position: relative; margin: auto;}
.pageStatus .box{ width: 100%; margin-top: 60px;}
.pageStatus .img{ width: 570px;}
.pageStatus .img img{ width: 570px;}
.pageStatus .item{ width: 550px;}
.pageStatus .item dl{ position: relative; padding-left: 100px; width: 450px; margin-top: 60px;}
.pageStatus .item dl::after{ content: ''; width: 70px; height: 70px; position: absolute; left: 0; top: 0; border-radius: 50%;}
.pageStatus .item dl:nth-child(1)::after{ background:#1c5697 url(../image/status02.png) center center no-repeat;}
.pageStatus .item dl:nth-child(2)::after{ background:#1c5697 url(../image/status03.png) center center no-repeat;}
.pageStatus .item dl:first-child{ margin-top: 0;}
.pageStatus .item dl dt{ font-size: 24px; color: #1265c9;}
.pageStatus .item dl dd{ font-size: 16px; color: #999; line-height: 28px; margin-top: 10px;}


/* pageClaim */
.pageClaim{ width: 100%; padding-top: 80px; margin: auto; position: relative; overflow: hidden; background: url(../image/claimBg.jpg) center center no-repeat; background-attachment: fixed !important;}
.pageClaim .pageTitle h3{ color: #fff;}
.pageClaim .pageTitle p{color: #fff; font-size: 18px; margin-top: 10px;}

.ClaimBox{ position: relative; width: 100%; margin-top: 60px; }
.ClaimBox .box{  position: relative;  margin-top: 65px; background: #fff url(../image/claimLine.jpg) top 35px center no-repeat; }
.ClaimBox .box .cont{ padding: 60px 50px 35px 50px; font-size: 18px; color: #666; line-height: 36px;  text-align:center;}
.ClaimBox .box .cont img{ max-width: 100%;}
.ClaimBox .timeline{  position: relative; width: 740px; padding: 0 230px; height: 130px;}
.ClaimBox .sPrev,.ClaimBox .sNext{ position: absolute; top: 50%; margin-top: -13px; display: block; width: 14px; height: 26px; text-indent: -9999px;  z-index: 2;}
.ClaimBox .sPrev{  left: 0; background: url(../image/icon_Pleft0.png) no-repeat; opacity:0.4; filter:alpha(opacity=40);}
.ClaimBox .sNext{  right: 0; background: url(../image/icon_Pright0.png) no-repeat; opacity:0.4; filter:alpha(opacity=40);}
.ClaimBox .sPrev:hover,.ClaimBox .sNext:hover{opacity:1; filter:alpha(opacity=100); }
.ClaimBox .time{ width: 100% ;  margin: 0; display:inline;  overflow: hidden; z-index: 1; position: relative;}
.ClaimBox .time ul{ height:130px;  width: 9999px; overflow: hidden; }
.ClaimBox .time li{ float: left; margin-right:175px ; width:128px; height: 68px; padding: 35px 0 25px 0; cursor:pointer; display: inline-block; text-align: center; color: #fff; border: solid 1px #fff; border-radius: 50%; line-height: 34px; transition: all 0.8s ease;}
.ClaimBox .time li p{ font-size: 48px;}
.ClaimBox .time li span{ font-size: 18px;}
.ClaimBox .time li.on{ background-color: #fff; color: #1c5697;}


/* pageDifficulty */
.pageDifficulty{ width: 100%; padding: 100px 0; background-color: #eef2f5;}
.pageDifficulty .list{ width: 1210px; margin: 60px -5px 0 -5px; text-align: center; display: table; word-spacing: -1em;}
.pageDifficulty .list dl{ display: inline-block; vertical-align: top; height: 300px; width: 180px; margin: 0 5px; padding:30px 26px; background-color: #fff;}
.pageDifficulty .list dl dt{ width: 64px;  text-align: center; padding: 20px 0; line-height: 34px; font-size: 30px; background: url(../image/difficulty01.png) no-repeat; color: #fff; margin: auto;  transition: all 0.8s ease;}
.pageDifficulty .list dl dd{ margin-top: 30px;}
.pageDifficulty .list dl dd p{ font-size: 24px; color: #1265c9; position: relative; margin-bottom: 15px; padding-bottom: 20px;  transition: all 0.8s ease;}
.pageDifficulty .list dl dd p::after{ content: ''; width: 40px; height: 3px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background-color: rgba(28,86,151, 0.5);  transition: all 0.8s ease; }
.pageDifficulty .list dl dd span{ font-size: 16px; color: #999; line-height: 28px;  transition: all 0.8s ease;}
.pageDifficulty .list dl:hover dt{ background: url(../image/difficulty02.png) no-repeat; }
.pageDifficulty .list dl:hover dd p,.pageDifficulty .list dl:hover dd span{ color: #0092a9;}
.pageDifficulty .list dl:hover dd p::after{ background-color: rgba(52,160,86, 0.5);}


/* pageSolution */
.pageSolution{ width: 100%; padding: 80px 0; height: 420px; background: url(../image/solutionBg.jpg) center top no-repeat;}
.pageSolution .pageTitle h3{ color: #fff;}
.pageSolution .box{ width: 100%; margin-top: 50px;}
.pageSolution .box .img{ width: 500px; padding: 5px; background-color: #fff;}
.pageSolution .box .img img{ width: 100%;}
.pageSolution .box .cont{ width: 640px; color: #fff;}
.pageSolution .box .cont h3{ font-size: 24px; line-height: 36px; margin: 20px 0 30px 0; font-weight: normal;}
.pageSolution .box .cont p{ font-size: 16px; line-height: 36px;}


/* pageService */
.pageService{ width: 100%; padding: 100px 0; background-color: #eef2f5;}
.pageService .list{ width: 100%; margin-top: 60px; text-align: center; word-spacing: -1em; display: table;}
.pageService .list dl{ display: inline-block; vertical-align: top; width: 120px; padding-right: 96px; position: relative; }
.pageService .list dl::after{ content: ''; width: 11px; height: 12px; position: absolute; top: 54px; right: 42px; background: url(../image/serviceIcon.png) no-repeat;}
.pageService .list dl:last-child{ padding-right: 0;}
.pageService .list dl:last-child::after{ display: none;}
.pageService .list dl dt{ width: 120px; height: 120px; border-radius: 50%; overflow: hidden;  transition: all 0.8s ease;}
.pageService .list dl:nth-child(1) dt{ background:#1265c9 url(../image/service01.png) center center no-repeat;}
.pageService .list dl:nth-child(2) dt{ background:#1265c9 url(../image/service02.png) center center no-repeat;}
.pageService .list dl:nth-child(3) dt{ background:#1265c9 url(../image/service03.png) center center no-repeat;}
.pageService .list dl:nth-child(4) dt{ background:#1265c9 url(../image/service04.png) center center no-repeat;}
.pageService .list dl:nth-child(5) dt{ background:#1265c9 url(../image/service05.png) center center no-repeat;}
.pageService .list dl:nth-child(6) dt{ background:#1265c9 url(../image/service06.png) center center no-repeat;}
.pageService .list dl dd{ width: 100%; margin-top: 20px;}
.pageService .list dl dd p{ font-size: 24px; color: #333; margin-bottom: 10px;}
.pageService .list dl dd span{ font-size: 16px; color: #666; display: block; line-height: 24px; margin: 5px 0;}
.pageService .list dl:hover dt{ background-color: #0092a9;}


/* pageExcellent */
.pageExcellent{ width: 100%; padding: 100px 0; margin: auto;}
.pageExcellent .list{ width: 1220px; margin: 50px -10px 0 -10px; text-align: left; display: table; word-spacing: -1em;}
.pageExcellent .list dl{ display: inline-block; vertical-align: top; width: 490px; margin: 10px; height: 200px; padding: 50px; overflow: hidden; position: relative;  background: url(../image/excellent02.jpg) no-repeat; background-size: 100%;}
.pageExcellent .list dl dt{ font-size: 160px; position: absolute; right: -30px; bottom: -50px; z-index: 1; font-weight: bold; color: rgba(28,86,151, 0.2);}
.pageExcellent .list dl dd{ position: relative; z-index: 2;}
.pageExcellent .list dl dd h5{ font-size: 30px; font-weight: normal; color: #1265c9;}
.pageExcellent .list dl dd p{ font-size: 16px; color: #333; line-height: 36px; margin-top: 20px;}
.pageExcellent .list dl:nth-child(1) dt,.pageExcellent .list dl:nth-child(4) dt{ color: rgba(52,160,86, 0.2);}
.pageExcellent .list dl:nth-child(1) dd h5,.pageExcellent .list dl:nth-child(4) dd h5{ color: #0092a9;}
.pageExcellent .list dl:nth-child(1),.pageExcellent .list dl:nth-child(4){background: url(../image/excellent01.jpg) no-repeat;}


/* pageScenes */
.pageScenes{ width: 100%; padding: 100px 0; background-color: #eef2f5;}
.pageScenes .ScenesList{ width: 100%; margin-top: 35px;}
.pageScenes .ScenesList .bd{ padding:0; overflow:hidden; width: 100%;  }
.pageScenes .ScenesList .bd ul{ overflow:hidden; zoom:1; width: 1230px; margin: 0 -15px; text-align: left; display: table; word-spacing: -1em;}
.pageScenes .ScenesList .bd ul li{ display: inline-block; vertical-align: top; margin: 15px; width: 380px; height: 240px; cursor: pointer; transition: all 0.8s ease; position: relative; overflow: hidden;}
.pageScenes .ScenesList .bd ul li img{ width: 380px; height: 240px;  transition: all 0.8s ease; position: relative; z-index: 1;}
.pageScenes .ScenesList .bd ul li p{  width: 300px; height: 60px; padding: 90px 40px; line-height: 30px; text-align: center; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(28,86,151, 0.6); font-size: 20px; color: #fff; transform: translateY(240px); transition: all 0.8s ease;}
.pageScenes .ScenesList .bd ul li:hover{  -webkit-box-shadow:0 0 15px rgba(0,0,0,0.3); -moz-box-shadow:0 0 15px rgba(0,0,0,0.3); box-shadow:0 0 15px rgba(0,0,0,0.3);}
.pageScenes .ScenesList .bd ul li:hover p{transform: translateY(0);  }
.pageScenes .ScenesList .bd ul li:hover img{transform:scale(1.1);}

.pageScenes .ScenesList .hd{ width: 100%; margin-top: 30px;}
.pageScenes .ScenesList .hd ul{ width: 100%; text-align: center; display: table; word-spacing: -1em;}
.pageScenes .ScenesList .hd li{ display: inline-block; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; margin: 5px; background-color: rgba(28,86,151, 0.6); cursor: pointer; line-height: 999px;}
.pageScenes .ScenesList .hd li.on{ background-color: #1c5697;}






/* pageTraining */
.pageTraining{ width: 100%; padding: 100px 0; position: relative; margin: auto;}
.pageTraining .cont{ width: 100%; margin-top: 50px;}
.pageTraining .info{ width: 700px; font-size: 14px; color: #666; line-height: 34px; margin-top: 15px;}
.pageTraining .info img{ max-width: 100%; display: none;}
.pageTraining .img{ width: 420px;}
.pageTraining .img img{ width: 420px;}


/* pageTypes */
.pageTypes{ width: 100%; padding-top: 100px; margin: auto;  background: url(../image/002.jpg) center center no-repeat; background-attachment: fixed !important;}
.pageTypes .pageTitle p{ font-size: 22px; }
.typesList{ width:1040px; padding: 30px 80px; margin-top: 50px;  background-color: #fff; }
.typesList .hd{ width: 100%; position:relative; }
.typesList .hd ul{ width: 100%;  text-align: center; border-bottom: solid 1px #eee; display: table; word-spacing: -1em; }
.typesList .hd ul li{ display: inline-block; vertical-align: top; padding-bottom: 15px; position: relative;  cursor: pointer; font-size: 18px; color: #333; margin:10px 20px 0 20px;}
.typesList .hd ul li::after{ content: ''; width: 0; height: 3px; background-color: #0092a9; position: absolute; bottom: -2px; left: 50%; transition: all 0.8s ease;}
.typesList .hd ul li.on{ color: #0092a9; }
.typesList .hd ul li.on::after{ width: 50px; margin-left: -25px;}
.typesList .bd{ width: 100%;  }
.typesList .bd .box{ padding:30px 0 50px 0;  zoom:1; width: 100%; }
.typesList .bd .img{ width: 400px; height: 320px; text-align: center;}
.typesList .bd .img img{ width: 400px; height: 250px;}
.typesList .bd .img p{ font-size: 24px; color: #333; margin-top: 20px;}
.typesList .bd .cont{ width: 540px; height: 320px; padding-right: 20px; overflow-y: auto; font-size: 16px; color: #666; line-height: 30px;}
.typesList .bd .cont img{ max-width: 100%; display: none;}


/* pageMethod */
.pageMethod{ width: 100%; padding: 100px 0 0 0; margin: auto; position: relative;}
.pageMethod .cont{ width: 880px;padding: 50px 160px; margin-top: 50px; background-color: #eef2f5;}
.pageMethod .cont .item{ width: 810px; float: left; margin: 20px 0; padding:10px 0 ; padding-left: 70px; font-size: 18px; line-height: 28px; color: #333; display: table; word-spacing: -1em;}
.pageMethod .cont .item.xs{ background: url(../image/003.png) left center no-repeat;}
.pageMethod .cont .item.xx{ background: url(../image/004.png) left center no-repeat;}
.pageMethod .cont .item b{ display: inline-block; vertical-align: top; font-size: 20px; margin-right: 10px; font-weight: bold; color: #1c5697;}
.pageMethod .cont .item span{ display: inline-block; vertical-align: top; margin-right: 40px;}
.pageMethod .cont .item i{ display: inline-block; vertical-align: top; width: 22px; height: 22px; border-radius: 50%; overflow: hidden; background-color: #1c5697; color: #fff; text-align: center;line-height: 22px; margin: 3px 5px 3px 0;}



/* pageCourse */
.pageCourse{ width: 100%; padding: 100px 0 ; margin: auto; position: relative;}
.pageCourse .pageTitle{ text-align: left;}
.pageCourse .cont{ width: 560px;}
.pageCourse .list{ width: 100%; margin-top: 30px;}
.pageCourse .list ul{ width: 100%; text-align: left; display: table; word-spacing: -1em;}
.pageCourse .list ul li{ display: inline-block; vertical-align: top; width: 240px; position: relative; padding: 20px ; font-size: 20px; color: #333;line-height: 30px;}
.pageCourse .list ul li::after{ content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: #d4d7e3; position: absolute; top: 30px; left: 0;}
.pageCourse .img{ width: 640px;}
.pageCourse .img img{ width: 640px;}


/* pageTeam */
.pageTeam{ width: 100%; padding: 100px 0; margin: auto; position: relative; background-color: #eef2f5;}
.teamList { width: 100%; margin-top: 50px ; height: 508px; overflow: hidden; position: relative; }
.teamList .teamBox { width: 1060px; position: relative; }
.teamList .teamBox li { width: 100%; height: 510px; position: relative; }
.teamList .teamBox .img { width: 370px; height: 370px; position: absolute; top: 70px; left: 0; -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 10px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 10px; box-shadow: rgba(0,0,0,0.1) 0 0 10px; border-radius: 10px; overflow: hidden; }
.teamList .teamBox .img img { width: 370px; height: 370px; }
.teamList .teamBox .cont {margin: 10px 0 0 310px; width: 610px; height: 370px; padding:60px 60px 60px 100px;  background-color: #fff; border-radius: 10px; -webkit-box-shadow: rgba(0,0,0,0.1) 0 0 10px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 10px; box-shadow: rgba(0,0,0,0.1) 0 0 10px; }
.teamList .teamBox .cont .name{ width: 100%; line-height: 40px;}
.teamList .teamBox .cont .name h2{ display: inline-block; font-size: 30px; color: #1c5697; }
.teamList .teamBox .cont .name span{ display: inline-block; text-transform: capitalize; font-size: 16px; margin-left: 15px; color: #666; }
.teamList .teamBox .cont .con{ overflow-y: auto; margin-top: 20px; font-size: 14px; color: #333; line-height: 30px; height: 300px;}
.teamList .teamBox .cont .con img{ max-width: 100%; display: none;}
.teamList .smallScroll { width: 80px; }
.teamList .smallScroll .smallImg { width: 80px; height: 350px; overflow: hidden; }
.teamList .smallScroll .smallImg li { width: 80px; height: 80px; margin-bottom: 10px; position: relative; cursor: pointer; }
.teamList .smallScroll .smallImg li img{ width: 80px; height: 80px;  position: relative; z-index: 1;}
.teamList .smallScroll .smallImg li p{ position: absolute; left: 0; bottom: 0; z-index: 2; padding:2px 5px ; width: 70px; font-size: 12px; color: #fff; text-align: center; background-color: rgba(0,0,0,0.4);}
.teamList .smallScroll .smallImg li.on img{ width: 78px; height: 78px;border: 1px solid #1c5697; }
.teamList .smallScroll .smallImg li.on p{ background-color: rgba(28,86,151,0.8);}
.teamList .smallScroll .sPrev,.teamList .smallScroll .sNext{ display: block; width: 20px; height: 25px; background: url(../image/slideArrow.png) no-repeat; margin: 24px auto 30px; }
.teamList .smallScroll .sPrev { background-position: 0 0; } 
.teamList .smallScroll .sNext { background-position: 0 -25px; }


/* pageAdvantage */
.pageAdvantage{ width: 100%; padding: 100px 0 70px 0; margin: auto; position: relative;}
.pageAdvantage .list{ width: 1230px; margin: 20px -15px 0 -15px; text-align: left; word-spacing: -1em; display: table;}
.pageAdvantage .list dl{ width: 318px; height: 280px; padding:40px 30px; border: solid 1px #eee; display: inline-block; vertical-align: top; margin: 30px 15px; text-align: center;}
.pageAdvantage .list dl dt{ width: 50px; height: 50px; margin: auto;}
.pageAdvantage .list dl:nth-child(1) dt{ background: url(../image/006.png) center center no-repeat;}
.pageAdvantage .list dl:nth-child(2) dt{ background: url(../image/007.png) center center no-repeat;}
.pageAdvantage .list dl:nth-child(3) dt{ background: url(../image/008.png) center center no-repeat;}
.pageAdvantage .list dl:nth-child(4) dt{ background: url(../image/009.png) center center no-repeat;}
.pageAdvantage .list dl:nth-child(5) dt{ background: url(../image/010.png) center center no-repeat;}
.pageAdvantage .list dl:nth-child(6) dt{ background: url(../image/011.png) center center no-repeat;}
.pageAdvantage .list dl dd{ width: 100%; margin-top: 30px;}
.pageAdvantage .list dl dd h3{ font-size: 24px; color: #333;}
.pageAdvantage .list dl dd p{ font-size: 16px; color: #999; line-height: 30px; margin-top: 15px;}


/* pageProduct */
.pageProduct{ width: 100%; padding: 60px 0; margin: auto;}
.pageProduct ul{ width: 1230px; margin: 0 -15px; text-align: left; display: table; word-spacing: -1em;  }
.pageProduct ul li{ width: 380px; margin:15px; display: inline-block; vertical-align: top; overflow:hidden; text-align:center; transition: all 0.8s ease; position: relative; z-index: 1;}
.pageProduct ul li .img{ width: 380px; height: 240px; overflow: hidden;}
.pageProduct ul li .img img{ width: 380px; height: 240px; transition: all 0.8s ease; }
.pageProduct ul li .name{ font-size: 18px; color: #333; margin: 5px 0; transition: all 0.8s ease;}
.pageProduct ul li:hover .name{ color: #0092a9;}
.pageProduct ul li:hover img{ transform:scale(1.1);}

/* pageProduct */
.pageProduct1{ width: 100%; padding: 60px 0; margin: auto;}
.pageProduct1 ul{ width: 1230px; margin: 0 -15px; text-align: left; display: table; word-spacing: -1em;  }
.pageProduct1 ul li{ width: 580px; margin:15px;  border: solid 1px #eee; display: inline-block; vertical-align: top; overflow:hidden; text-align:center; transition: all 0.8s ease; position: relative; z-index: 1;}
.pageProduct1 ul li .img{ width: 290px; height: 240px; overflow: hidden; border: solid 2px #fff;}
.pageProduct1 ul li .img img{ width: 290px; height: 240px; transition: all 0.8s ease; }
.pageProduct1 ul li .name{ font-size: 14px; color: #333; margin: 5px 0; transition: all 0.8s ease;padding: 6px 10px;
}
.pageProduct1 ul li:hover .name{ color: #0092a9;}
.pageProduct1 ul li:hover img{ transform:scale(1.1);}


/*产品放大*/
.pageProductD{ width: 100%; padding: 100px 0;}
.product_box{ width: 100%;}
.pro_l{padding:0;position:relative; width: 550px;}
#showbox {z-index:1;  border: solid 1px #eee;}
#showbox span {background:url(../image/whitebg.png) repeat; border: solid 1px #eee; }
#showsum { left:20px; position: absolute !important; bottom: 0;}
#showsum span{ background-color: #eee; padding:1px; width:88px !important;height:88px !important;}
#showsum span.sel{ background:#1265c9; padding:2px; width:86px !important;height:86px !important; cursor: pointer;}
#showsum span.sel img{}
.smallImg{ width: 100%; position: relative; height: 100px; padding: 0 0; margin-top: 10px;}
.showpage a{display:block;width:16px;height:30px; position:absolute; left:0; top:50%; margin-top: -15px; background: url(../image/jt_ico.png) no-repeat;}
.showpage a#shownext{left:auto;right:0;}
.showpage #showlast{background-position:0 0;}
.showpage #shownext{background-position:-16px 0;}

.pro_r{width:600px; position: relative; }
.pro_r .name{  font-size: 24px; color: #333; width: 100%; border-bottom: solid 1px #eee; line-height: 24px; padding: 15px 0;}
.pro_r .summary{  width: 100%; margin-top: 20px; font-size:14px ; color: #333; line-height: 26px; max-height: 300px;}
.pro_r .summary img{ max-width: 100%; display: none;}


/* pageNews */
.pageNews{ width: 100%; padding: 75px 0; margin: auto;}
.pageNews ul{  width: 1230px; margin:0 -15px; text-align: left; display: table; word-spacing: -1em;}
.pageNews ul li{ display: inline-block; vertical-align: top; width: 380px; height: 350px; margin: 15px;  }
.pageNews ul li .img{ position: relative; width: 380px; height: 195px; overflow: hidden;}
.pageNews ul li .img img{ width: 380px; height: 195px;  position: relative; z-index: 1; transition: all 0.8s ease;}
.pageNews ul li .img .time{ width: 70px; height: 70px; background-color: rgba(28,86,151, 0.8); color: #fff; text-align: center; position: absolute; top: 0; left: 0; z-index: 2; transition: all 0.8s ease;}
.pageNews ul li .img .time p{ font-size: 30px; margin-top: 10px;}
.pageNews ul li .img .time span{ font-size: 14px;}
.pageNews ul li .info{  width: 340px;  overflow: hidden; background-color: #fff; padding: 20px 20px; position: relative; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.06); -moz-box-shadow:0 0 15px rgba(0,0,0,0.06); box-shadow:0 0 15px rgba(0,0,0,0.06);}
.pageNews ul li .info::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #0092a9; z-index: 1; transform: translateY(100%); transition: all 0.6s ease;}
.pageNews ul li .info .name{ font-size: 20px; color: #333; position: relative; z-index: 3; transition: all 0.8s ease;}
.pageNews ul li .info .con{ font-size: 14px; color: #666; line-height: 24px; margin: 10px 0; position: relative; z-index: 3; transition: all 0.8s ease;}
.pageNews ul li:hover .info::after{transform: translateY(0);}
.pageNews ul li:hover .name,.pageNews ul li:hover .con{ color: #fff;}
.pageNews ul li:hover .img img{transform:scale(1.1);}
.pageNews ul li:hover .img .time{ background-color: rgba(52,160,86, 0.8);}

.pageNewsD{ width: 100%; padding:80px 0 60px 0;}
.pageNewsD .newsLeft{ width: 850px;}
.pageNewsD .name{ font-size: 30px;  color: #333;}
.pageNewsD .time{ font-size: 14px; color: #999; padding: 10px 0; border-bottom: dashed 1px #ddd; }
.pageNewsD .time span{ margin-right: 20px;}
.pageNewsD .time span a{ color: #1265c9;}
.pageNewsD .time span a:hover{ color: #0092a9;}
.pageNewsD .summary{ margin: 20px 0; padding: 20px; background-color: #fafafa; font-size: 14px; color: #999; line-height: 24px;}
.pageNewsD .summary span{ color: #666;}
.pageNewsD .cont{ width: 100%; margin: 30px auto; font-size: 14px; color: #333; line-height: 34px;}
.pageNewsD .cont img{ max-width: 100%;}

.pageNewsD .link{ width: 100%; padding: 20px 0 0 0; border-top: dashed 1px #ddd; }
.pageNewsD .link .left{  line-height: 40px; margin: 20px 0; height: 40px;}
.pageNewsD .link .left a{ color: #000; font-size: 18px; color: #666;}
.pageNewsD .link .right{ height: 80px; max-width: 600px;}
.pageNewsD .link .right p{ margin: 10px 0; width: 100%;}
.pageNewsD .link .right a{ font-size: 14px; color: #999; line-height: 20px;}
.pageNewsD .link .left a:hover,.pageNewsD .link .right a:hover{ color: #0092a9; text-decoration: underline;}
.pageNewsD .share{ width: 100%; height: 36px; position: relative; z-index: 98; margin-bottom: 30px;}
.pageNewsD .bshare-custom{ display:block;height: 36px; position: relative;  padding:  0; width: 100% !important;   }
.pageNewsD .bshare-custom a{ display: inline-block; width: 36px !important;height:36px !important; font-size: 14px ; padding: 0 !important; color: #333; line-height: 36px; border-radius: 50%; text-align: center; margin-right: 10px; color: #fff; font-size: 12px;}
.pageNewsD .bshare-custom a.bshare-qqim{ background:#333 url(../image/qq.png) center center no-repeat;}
.pageNewsD .bshare-custom a.bshare-qzone{ background:#333 url(../image/qj.png) center center no-repeat;}
.pageNewsD .bshare-custom a.bshare-weixin{ background:#333 url(../image/wx.png) center center no-repeat;}
.pageNewsD .bshare-custom a.bshare-sinaminiblog{ background:#333 url(../image/xl.png) center center no-repeat;}
.pageNewsD .bshare-custom a.bshare-douban{ background:#333 url(../image/douban.png) center center no-repeat;}
.pageNewsD .bshare-custom a.bshare-itieba{ background:#333 url(../image/baidu.png) center center no-repeat;}
.pageNewsD .bshare-custom a:hover{ background-color: #0092a9;}
.pageNewsD .state{ width: 100%; margin-bottom: 30px;}
.pageNewsD .state p{ margin: 5px 0; font-size: 12px; color: #999; line-height: 20px;}
.pageNewsD .state p a{ color: #999;}


/* relatedNews */
.relatedNews{ width: 100%; padding: 70px 0 ; margin: auto;  background-color: #fafafa;}
.relatedNews .top{ font-size: 28px; font-weight: bold; color: #333;}
.relatedNews ul{  width: 1230px; margin:20px -15px 0 -15px; text-align: left; display: table; word-spacing: -1em;}
.relatedNews ul li{ display: inline-block; vertical-align: top; width: 380px; height: 350px; margin: 15px;  }
.relatedNews ul li .img{ position: relative; width: 380px; height: 195px; overflow: hidden;}
.relatedNews ul li .img img{ width: 380px; height: 195px;  position: relative; z-index: 1; transition: all 0.8s ease;}
.relatedNews ul li .img .time{ width: 70px; height: 70px; background-color: rgba(28,86,151, 0.8); color: #fff; text-align: center; position: absolute; top: 0; left: 0; z-index: 2; transition: all 0.8s ease;}
.relatedNews ul li .img .time p{ font-size: 30px; margin-top: 10px;}
.relatedNews ul li .img .time span{ font-size: 14px;}
.relatedNews ul li .info{  width: 340px;  overflow: hidden; background-color: #fff; padding: 20px 20px; position: relative; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.06); -moz-box-shadow:0 0 15px rgba(0,0,0,0.06); box-shadow:0 0 15px rgba(0,0,0,0.06);}
.relatedNews ul li .info::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #0092a9; z-index: 1; transform: translateY(100%); transition: all 0.6s ease;}
.relatedNews ul li .info .name{ font-size: 20px; color: #333; position: relative; z-index: 3; transition: all 0.8s ease;}
.relatedNews ul li .info .con{ font-size: 14px; color: #666; line-height: 24px; margin: 10px 0; position: relative; z-index: 3; transition: all 0.8s ease;}
.relatedNews ul li:hover .info::after{transform: translateY(0);}
.relatedNews ul li:hover .name,.relatedNews ul li:hover .con{ color: #fff;}
.relatedNews ul li:hover .img img{transform:scale(1.1);}
.relatedNews ul li:hover .img .time{ background-color: rgba(52,160,86, 0.8);}



.pageNewsD .newsRight{ width: 300px;}
.pageNewsD .item{ width: 100%; margin-bottom: 30px; border: solid 1px #eee;}
.pageNewsD .item .top{ line-height: 30px; padding:12px 20px; font-size: 16px; font-weight: bold; color: #333; background-color: #fafafa;}
.pageNewsD .item ul{ padding:5px 20px;}
.pageNewsD .item ul li{float: left; width: 100%; border-bottom: solid 1px #eee; }
.pageNewsD .item ul li:last-child{ border-bottom: 0;}
.pageNewsD .item ul li a{display: block; padding: 15px 0; font-size: 14px; line-height: 20px; color: #666;}
.pageNewsD .item ul li:hover a{ color: #1265c9;}


/* pageContent */
.pageContent{ width: 100%; padding: 100px 0; margin: auto; position: relative; font-size: 14px; color: #333; line-height: 32px;}
.pageContent img{ max-width: 100%;}

/* JoinTiTle */
.JoinTiTle{ width: 100%; text-align: center; margin: auto;}
.JoinTiTle .title{ font-size: 30px; font-weight: bold; color: #1c5697;}
.JoinTiTle .name{ font-size: 36px; color: #333; }
.JoinTiTle .slogan{ font-size: 18px; color: #666; line-height: 30px; text-transform: uppercase; margin-top: 5px;}


/* JoinForm */
.JoinForm{ width: 100%; margin: auto; padding: 80px 0;}
.JoinForm .top{ width: 100%; text-align: center; line-height: 40px; font-size: 36px; color: #333; font-weight: bold;}
.JoinForm .top b{ color: #1c5697;}
.JoinForm .top span{ height: 40px; padding: 0 10px; margin: 0 5px; background-color: #0092a9; color: #fff; border-radius: 4px;}
.JoinForm .list{ width: 100%; margin: 40px auto 0; height: 120px;}
.JoinForm .list .left{ width: 1040px; height: 120px;}
.JoinForm .left .row{ width:100%; clear:both;  margin-bottom:20px;}
.JoinForm .left .row:last-child{ margin-bottom: 0;}
.JoinForm .left .row p{  float:left; display:block; margin-left: 20px; }
.JoinForm .left .row p:first-child{ margin-left: 0;}

.JoinForm .left label{ position:relative; display:block; }
.JoinForm .left label span{ position:absolute; left:15px; top:0; line-height: 50px; font-size:14px; color:#999;}
.JoinForm .left .txt{ border:solid 2px #eee; padding:0 15px; height: 46px; border-radius: 5px; overflow: hidden; line-height: 46px; background:#fff; color: #999;}
.JoinForm .left .txt:focus{ border-color:#0092a9; padding:0 15px; background:#fff;}
.JoinForm .left .txt.w1{ width:256px; height:46px; }
.JoinForm .left .txt.w2{ width:1006px; height:46px; }
.JoinForm .left select{ float: left; border:solid 2px #eee; padding:0 10px; height: 46px; border-radius: 5px; overflow: hidden; line-height: 46px; background:#fff; color: #999; width: 136px; margin-left: 6px;}
.JoinForm .left select:first-child{ margin-left: 0;}
.JoinForm .left select:focus{ border-color: #0092a9;}

.JoinForm .list .right{ width: 140px; height: 120px; position: relative; border-radius: 5px; overflow: hidden;}
.JoinForm .list .right input{display: none;}
.JoinForm .list .right label span{display: block; width: 140px; height: 80px; padding: 20px 0; text-align: center; font-size: 32px; font-weight: bold; line-height: 40px; background-color: #1c5697; color: #fff; cursor: pointer; letter-spacing: 5px;} 
.JoinForm .list .right label span:hover{ background-color: #0092a9;}


/* JoinShop */
.JoinShop{ width: 100%; padding: 80px 0; margin: auto; position: relative; background-color: #000;}
.JoinShop .JoinTiTle .name,.JoinShop .JoinTiTle .slogan{ color: #fff;}

.ShopBox{ width: 100%; height: 530px; position: relative;  margin-top: 45px;  background-color: #fff; }
.ShopBox .hd{  float: right; width: 350px; height: 470px; padding: 30px 0; background:#fff url(../image/shopBg.jpg) no-repeat;  position:relative; }
.ShopBox .hd ul{ float:left;  width: 100%;  }
.ShopBox .hd ul li{ float:left; padding:0 40px 0 70px ; width: 240px; margin: 25px 0; transition: all 0.8s ease; cursor:pointer; position: relative; overflow: hidden; }
.ShopBox .hd ul li::after{ content: ''; width: 0;  height: 2px; position: absolute; left: 24px; top: 13px;transition: all 0.8s ease; background-color: #1c5697;}
.ShopBox .hd ul li h3{ font-size: 24px; color: #1c5697; font-weight: normal; line-height: 28px;}
.ShopBox .hd ul li p{ width: 240px; height: 0 ; font-size: 14px; margin-top: 10px; color: #999; line-height: 26px;   transition: all 0.8s ease;}
.ShopBox .hd ul li.on{ padding:0 40px 0 70px ;}
.ShopBox .hd ul li.on::after{ width: 30px;}
.ShopBox .hd ul li.on p{ height: auto; }
.ShopBox .bd{ float: left; width: 850px; height: 530px;}
.ShopBox .bd .info{ width: 850px; height: 530px; zoom:1;  position: relative; }
.ShopBox .bd .info img{ width: 850px; height: 530px; position: relative; z-index: 1; }
.ShopBox .bd .info p{ font-size: 38px; color: #fff; position: absolute; top: 40px; left: 30px; z-index: 2; }
.ShopBox .bd .info b{ font-size: 38px; color: #fff; position: absolute; right: 30px; bottom: 20px; z-index: 2; font-family:'avignon-bold'; }

.ShopBox .arrow{ position: absolute; left: 70px; bottom: 60px;}
.ShopBox .arrow a{ display: inline-block; float: left; width: 30px; height: 30px; cursor: pointer;}
.ShopBox .arrow a.prev{ border: solid 1px #1c5697; background: url(../image/icon_Pleft3.png) center center no-repeat;}
.ShopBox .arrow a.next{ border: solid 1px #0092a9; background:#0092a9 url(../image/icon_Pright4.png) center center no-repeat;}
.ShopBox .arrow a.prev:hover{background:#1c5697 url(../image/icon_Pleft4.png) center center no-repeat;}
.ShopBox .arrow a.next:hover{background:#1c5697 url(../image/icon_Pright4.png) center center no-repeat; border-color: #1c5697;}


/* JoinMode */
.JoinMode{ width: 100%; padding: 80px 0; margin: auto; position: relative;}
.JoinMode .list{ width: 1212px; margin: 30px -6px 0 -6px; text-align: left; display: table; word-spacing: -1em;}
.JoinMode .list dl{ width: 291px; margin: 0 6px; display: inline-block; vertical-align: top;  position: relative;}
.JoinMode .list dl dt{ width: 100%; position: relative; z-index: 1; }
.JoinMode .list dl dt img{ width: 100%;}
.JoinMode .list dl dd{ position: absolute; padding: 15px; background-color: #1c5697; left: 0; bottom: 0; z-index: 2; color: #fff; font-size: 14px; line-height: 20px; transition: all 0.8s ease;}
.JoinMode .list dl dd p{ display: inline-block; width: 100%; font-size: 24px; margin-bottom: 10px;}
.JoinMode .list dl:hover dd{ padding: 40px 15px;}


/* JoinHonor */
.JoinHonor{ width: 100%; padding: 80px 0; margin: auto; position: relative; background: url(../image/honorBg.jpg) center center no-repeat; background-attachment: fixed !important;}
.JoinHonor .cont{ text-align: center; font-size: 16px; color: #666; line-height: 36px; margin: 50px 0;}
.Honorbox{ position:relative; margin: 50px auto 0;   }
.Honorbox .bd{ padding:0; width: 100%; overflow: hidden;  }
.Honorbox .bd ul{ overflow:hidden; zoom:1; }
.Honorbox .bd ul li{ margin-right:20px; width: 285px; background-color: #fff; height: 210px;   float:left; _display:inline; overflow:hidden; text-align:center;  position: relative;  overflow: hidden; }
.Honorbox .bd ul li img{ width: 285px; height: 210px; position: relative; z-index: 1;}
.Honorbox .bd ul li p{ position: absolute; left: 0; bottom: 0; width: 225px; padding: 10px 30px ; background-color: rgba(28,86,151,0.8); overflow: hidden; z-index: 2; font-size: 16px; line-height: 26px; color: #fff;  transform: translateY(100%); transition: all 0.8s ease;}
.Honorbox .bd ul li:hover p{ transform: translateY(0); opacity:1;}
.Honorbox .hd{ width: 100%; margin-top: 30px;}
.Honorbox .hd ul{ width: 100%; text-align: center; display: table; word-spacing: -1em;}
.Honorbox .hd li{ display: inline-block; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; margin: 5px; background-color: rgba(28,86,151, 0.6); cursor: pointer; line-height: 999px;}
.Honorbox .hd li.on{ background-color: #1c5697;}

/* JoinInfo */
.JoinInfo { width: 100%; padding: 80px 0; margin: auto; background-color: #1c5697;}
.InfoList{  position:relative;   }
.InfoList .bd{ padding:0 40px;   z-index: 1; position: relative;}
.InfoList .bd ul{ overflow:hidden; zoom:1; }
.InfoList .bd ul li{ margin:0 ; width: 100%; float:left; _display:inline; overflow:hidden; }
.InfoList .bd ul li .img{ float: left; width: 565px; height: 340px; position: relative;}
.InfoList .bd ul li .img::after{ content: ''; width: 545px; height: 325px; position: absolute; bottom: 0; right: 0; border: solid 1px #fff;}
.InfoList .bd ul li .img img{ width:  540px; height: 320px; border: solid 5px #fff; position: relative; z-index: 1;}
.InfoList .bd ul li .cont{ float: right; width: 500px; color: #fff; padding: 30px 0;}
.InfoList .bd ul li .cont h3{ font-weight: normal; font-size: 30px; line-height: 36px;}
.InfoList .bd ul li .cont p{ font-size: 16px; line-height: 30px; margin-top: 15px;}
.InfoList .hd{ position: absolute; bottom: 20px; left: 660px; z-index: 2;}
.InfoList .hd ul{ text-align: left; word-spacing: -1em; display: table;}
.InfoList .hd ul li{ display: inline-block; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; margin: 5px 10px 5px 0; background-color: rgba(255,255,255, 0.6); cursor: pointer; line-height: 999px;}
.InfoList .hd li.on{ background-color: #0092a9;}
.InfoList .prev,.InfoList .next{ position: absolute; width: 14px; height: 26px; top: 50%; margin-top: -13px; z-index: 3; cursor: pointer;}
.InfoList .prev { left: -14px; background: url(../image/icon_Pleft1.png) no-repeat;}
.InfoList .next { right: -14px; background: url(../image/icon_Pright1.png) no-repeat;}
.InfoList .prev:hover{  background: url(../image/icon_Pleft2.png) no-repeat;}
.InfoList .next:hover{  background: url(../image/icon_Pright2.png) no-repeat;}


/* JoinSolve */
.JoinSolve{ width: 100%; padding: 80px 0; margin: auto; }
.JoinSolve .list{ width: 1140px; margin: 50px auto 0; text-align: left; word-spacing: -1em; display: table;}
.JoinSolve .list dl{ display: inline-block; vertical-align: top; width: 380px; position: relative;}
.JoinSolve .list dl dt{ width: 100%; position: relative; z-index: 1;}
.JoinSolve .list dl dt img{ width: 100%;}
.JoinSolve .list dl dd{ padding: 15px 35px 35px 35px; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 2; font-size: 16px;}
.JoinSolve .list dl dd p{ font-size: 24px; margin-bottom: 5px;}
.JoinSolve .list dl dd::after{ content: ''; width: 40px; height: 4px; position: absolute; top: 0; left: 35px; background-color: #fff;}


/* JoinSystem */
.JoinSystem{ width: 100%; padding: 80px 0; margin: auto; position: relative; background: url(../image/systemBg.jpg) center center no-repeat; background-attachment: fixed !important;}
.JoinSystem .JoinTiTle .name,.JoinSystem .JoinTiTle .slogan{ color: #fff;}
.JoinSystem .box{ width: 100%; margin-top: 50px; position: relative;}
.JoinSystem .box .img{ width: 800px; height: 430px; border: solid 5px #fff;}
.JoinSystem .box .img img{ width: 800px; height: 430px;}
.JoinSystem .box .cont{ position: absolute; right: 0; bottom: 0; width: 290px; padding: 50px 50px 120px 50px; background-color: #fff; font-size: 16px; color: #1c5697; line-height: 28px;}
.JoinSystem .box .cont::after{ content: ''; width: 120px; height: 3px; background-color: #1c5697; position: absolute; left: 50px; bottom: 50px;}
.JoinSystem .box .cont p{ margin: 5px 0;}


/* JoinTerminal */
.JoinTerminal{ width: 100%; padding: 80px 0; margin: auto; position: relative;}
.JoinTerminal .TerminalList{ width: 100%; margin-top: 35px;}
.JoinTerminal .TerminalList .bd{ padding:0; overflow:hidden; width: 100%;  }
.JoinTerminal .TerminalList .bd ul{ overflow:hidden; zoom:1; width: 1230px; margin: 0 -15px; text-align: left; display: table; word-spacing: -1em;}
.JoinTerminal .TerminalList .bd ul li{ display: inline-block; vertical-align: top; margin: 15px; width: 380px; height: 240px; cursor: pointer; transition: all 0.8s ease; position: relative; overflow: hidden;}
.JoinTerminal .TerminalList .bd ul li img{ width: 380px; height: 240px;  transition: all 0.8s ease; position: relative; z-index: 1;}
.JoinTerminal .TerminalList .bd ul li p{  width: 300px; height: 60px; padding: 90px 40px; line-height: 30px; text-align: center; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(28,86,151, 0.6); font-size: 20px; color: #fff; transform: translateY(240px); transition: all 0.8s ease;}
.JoinTerminal .TerminalList .bd ul li:hover{  -webkit-box-shadow:0 0 15px rgba(0,0,0,0.3); -moz-box-shadow:0 0 15px rgba(0,0,0,0.3); box-shadow:0 0 15px rgba(0,0,0,0.3);}
.JoinTerminal .TerminalList .bd ul li:hover p{transform: translateY(0);  }
.JoinTerminal .TerminalList .bd ul li:hover img{transform:scale(1.1);}

.JoinTerminal .TerminalList .hd{ width: 100%; margin-top: 30px;}
.JoinTerminal .TerminalList .hd ul{ width: 100%; text-align: center; display: table; word-spacing: -1em;}
.JoinTerminal .TerminalList .hd li{ display: inline-block; vertical-align: top; width: 12px; height: 12px; border-radius: 50%; overflow: hidden; margin: 5px; background-color: rgba(28,86,151, 0.6); cursor: pointer; line-height: 999px;}
.JoinTerminal .TerminalList .hd li.on{ background-color: #1c5697;}


/* JoinAdvantage */
.JoinAdvantage{ width: 100%; padding: 80px 0; margin: auto; position: relative; background: url(../image/AdvantageBg.jpg) center center no-repeat; background-attachment: fixed !important;}
.JoinAdvantage .JoinTiTle .name,.JoinAdvantage .JoinTiTle .slogan{ color: #fff;}
.JoinAdvantage .list{ width: 100%; margin-top: 100px; position: relative; text-align: center; display: table; word-spacing: -1em;}
.JoinAdvantage .list::after{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; top:58px ; background-color: #fff;}
.JoinAdvantage .list dl{ display: inline-block; vertical-align: top; width: 200px; margin: 0 50px; color: #fff; position: relative; z-index: 2;}
.JoinAdvantage .list dl dt{ font-size: 40px; line-height: 36px; padding-bottom: 30px; position: relative; }
.JoinAdvantage .list dl dt::after{ content: ''; width: 4px; height: 4px; border-radius: 50%; overflow: hidden; background-color: #fff; border: solid 6px #fff; position: absolute; left: 50%; margin-left: -8px; bottom: 0;}
.JoinAdvantage .list dl dd{ margin-top: 15px;}
.JoinAdvantage .list dl dd h3{ font-size: 24px; margin-bottom: 15px; font-weight: normal;}
.JoinAdvantage .list dl dd p{ font-size: 14px; line-height: 24px;}
.JoinAdvantage .list dl:hover dt{ color: #0092a9;}
.JoinAdvantage .list dl:hover dt::after{ background-color: #000;}


/* JoinBuild */
.JoinBuild{ width: 100%; padding: 80px 0; position: relative; margin: auto;}
.JoinBuild .JoinTiTle .name{ color: #1c5697;}
.JoinBuild .list{ width: 100%; margin-top: 50px; text-align: center; display: table; word-spacing: -1em;  -webkit-box-shadow:0 0 15px rgba(0,0,0,0.1); -moz-box-shadow:0 0 15px rgba(0,0,0,0.1); box-shadow:0 0 15px rgba(0,0,0,0.1);}
.JoinBuild .list dl{ display: inline-block; vertical-align: top; position: relative; width: 180px; padding:50px 30px;}
.JoinBuild .list dl::after{ content: ''; width: 24px; height: 15px; position: absolute; top: 50%; left: 0; margin: -7px 0 0 -12px; background: url(../image/buildIcon.png) no-repeat;}
.JoinBuild .list dl:nth-child(1)::after{ display: none;}
.JoinBuild .list dl dt{ width: 44px; height: 44px; margin: auto;}
.JoinBuild .list dl dd{ font-size: 18px; color: #333; margin-top: 10px;}
.JoinBuild .list dl:nth-child(1) dt{ background: url(../image/build01.png) center center no-repeat;}
.JoinBuild .list dl:nth-child(2) dt{ background: url(../image/build02.png) center center no-repeat;}
.JoinBuild .list dl:nth-child(3) dt{ background: url(../image/build03.png) center center no-repeat;}
.JoinBuild .list dl:nth-child(4) dt{ background: url(../image/build04.png) center center no-repeat;}
.JoinBuild .list dl:nth-child(5) dt{ background: url(../image/build05.png) center center no-repeat;}


/* JoinFree */
.JoinFree{ width: 100%; padding: 80px 0; margin: auto; position: relative; background: url(../image/FreeBg.jpg) center center no-repeat; background-attachment: fixed !important;}
.JoinFree .JoinTiTle .name,.JoinFree .JoinTiTle .slogan{ color: #fff;}
.FreeBox{ width:100%;  height: 620px; position: relative; margin-top: 50px; }
.FreeBox .hd{ width:100%;  height: 620px;  position:relative; z-index: 1; }
.FreeBox .hd ul{ display: inline-block;  width: 100%;  margin-top: 100px; position: relative;}
.FreeBox .hd ul li{ padding:0 ; position: absolute; margin: 20px 0; cursor:pointer; max-width: 290px;  }
.FreeBox .hd ul li i{  display: inline-block; width: 53px; height: 60px; text-align: center; line-height: 60px; background: url(../image/freeIcon1.png) no-repeat; font-style: normal; font-size: 24px; color: #0092a9; font-weight: bold;}
.FreeBox .hd ul li span{ display: inline-block; margin:0 20px; font-size: 18px; line-height: 30px; padding: 15px 0; color: #fff;}
.FreeBox .hd ul li:nth-child(-n+4){ left: 0; text-align: left;}
.FreeBox .hd ul li:nth-child(-n+4) i,.FreeBox .hd ul li:nth-child(-n+4) span{ float: left;}
.FreeBox .hd ul li:nth-child(n+5){ right: 0; text-align: right;}
.FreeBox .hd ul li:nth-child(n+5) i,.FreeBox .hd ul li:nth-child(n+5) span{ float: right;}
.FreeBox .hd ul li:nth-child(1),.FreeBox .hd ul li:nth-child(5){ top: 0;}
.FreeBox .hd ul li:nth-child(2),.FreeBox .hd ul li:nth-child(6){ top: 100px;}
.FreeBox .hd ul li:nth-child(3),.FreeBox .hd ul li:nth-child(7){ top: 200px;}
.FreeBox .hd ul li:nth-child(4),.FreeBox .hd ul li:nth-child(8){ top: 300px;}
.FreeBox .hd ul li.on i{ background: url(../image/freeIcon2.png) no-repeat; color: #fff;}
.FreeBox .hd ul li.on span{ color: #0092a9; }
.FreeBox .bd{ position: absolute !important; top: 0; left: 50%; margin-left: -310px; width: 616px !important; height: 616px !important; border: solid 2px rgba(255,255,255, 0.2); border-radius: 50%; overflow: hidden; z-index: 2;}
.FreeBox .bd::after{ content: ''; width: 566px; height: 566px; position: absolute; left: 25px; top: 25px; background-color: rgba(255,255,255, 0.1); z-index: 1; border-radius: 50%;}
.FreeBox .bd::before{ content: ''; width: 466px; height: 466px;  position: absolute; left: 75px; top: 75px; background-color: rgba(255,255,255, 0.05); z-index: 2;  border-radius: 50%;}
.FreeBox .bd .info{  width: 360px; height: 360px; position: absolute; top: 50% !important; left: 50% !important; margin: -180px 0 0 -180px; border-radius: 50%; overflow: hidden; z-index: 1; background-color: #fff;}
.FreeBox .bd .info img{  width: 360px; height: 360px;  position: relative; z-index: 1; }
.FreeBox .bd .info p{ width: 350px; height: 350px; position: absolute; top: 5px; left: 5px; border-radius: 50%; overflow: hidden; background-color: rgba(0,0,0,0.3); text-align: center; z-index: 2;}
.FreeBox .bd .info span{ display: inline-block; font-size: 150px; font-weight: bold; color: rgba(255,255,255, 0.2); line-height: 350px;}


/* JoinSupport */
.JoinSupport{ width: 100%; padding: 80px 0; margin: auto; position: relative;}
.JoinSupport .list{ width: 100%; margin-top: 20px; text-align: center; display: table; word-spacing: -1em;}
.JoinSupport .list dl{ display: inline-block; vertical-align: top; width: 200px; margin: 40px 0;}
.JoinSupport .list dl dt{ width: 50px; height: 50px; margin: auto;}
.JoinSupport .list dl dd{ font-size: 18px; color: #666; margin-top: 15px;}
.JoinSupport .list dl:nth-child(1) dt{ background: url(../image/support01.png) center center no-repeat;}
.JoinSupport .list dl:nth-child(2) dt{ background: url(../image/support02.png) center center no-repeat;}
.JoinSupport .list dl:nth-child(3) dt{ background: url(../image/support03.png) center center no-repeat;}
.JoinSupport .list dl:nth-child(4) dt{ background: url(../image/support04.png) center center no-repeat;}
.JoinSupport .list dl:nth-child(5) dt{ background: url(../image/support05.png) center center no-repeat;}
.JoinSupport .list dl:nth-child(6) dt{ background: url(../image/support06.png) center center no-repeat;}
.JoinSupport .list dl:nth-child(7) dt{ background: url(../image/support07.png) center center no-repeat;}
.JoinSupport .list dl:nth-child(8) dt{ background: url(../image/support08.png) center center no-repeat;}
.JoinSupport .list dl:nth-child(9) dt{ background: url(../image/support09.png) center center no-repeat;}
.JoinSupport .list dl:nth-child(10) dt{ background: url(../image/support10.png) center center no-repeat;}
.JoinSupport .list dl:nth-child(11) dt{ background: url(../image/support11.png) center center no-repeat;}
.JoinSupport .list dl:nth-child(12) dt{ background: url(../image/support12.png) center center no-repeat;}



/* JoinProcess */
.JoinProcess{ width: 100%; padding: 80px 0; margin: auto; position: relative; background: url(../image/processBg.jpg) center center no-repeat; background-attachment: fixed !important;}
.JoinProcess .JoinTiTle .name,.JoinProcess .JoinTiTle .slogan{ color: #fff;}
.JoinProcess .list{ margin-top: 110px; text-align: center; display: table; word-spacing: -1em;}
.JoinProcess .list dl{ display: inline-block; vertical-align: top; width: 160px; padding: 0 20px; position: relative; cursor: pointer;}
.JoinProcess .list dl::after{ content: ''; width: 11px; height: 12px; position: absolute; top: 50%; left: 0; margin: -6px 0 0 -6px; background: url(../image/processIcon.png) no-repeat;}
.JoinProcess .list dl:nth-child(1)::after{ display: none;}
.JoinProcess .list dl dt{ width: 130px; height: 130px; padding:14px; border: dashed 1px #0092a9; border-radius: 50%; overflow: hidden; position: relative;}
.JoinProcess .list dl dt img{ width: 130px; height: 130px; border-radius: 50%; overflow: hidden; position: relative; z-index: 1; transition: all 0.8s ease;  transform:scale(1); }
.JoinProcess .list dl dt p{ position: absolute; width: 130px; height: 130px; top: 14px; left: 14px;  border-radius: 50%; overflow: hidden; background-color: #0092a9; text-align: center; line-height: 130px; color: rgba(255, 255, 255, 0.1); font-size: 72px; transition: all 0.8s ease;  transform:scale(0); }
.JoinProcess .list dl dd{ position: absolute; width: 130px; height: 130px; top: 15px; left: 35px; z-index: 2; text-align: center; color: #fff;}
.JoinProcess .list dl dd p{ line-height: 30px; padding: 50px 0; width: 100%; font-size: 18px;}
.JoinProcess .list dl:hover dt img{ transform:scale(0);}
.JoinProcess .list dl:hover dt p{ transform:scale(1);}

/* JoinApply */
.JoinApply{ width: 100%; padding: 80px 0; margin: auto; background: url(../image/contactBg.jpg) center center no-repeat; background-attachment: fixed !important;}
.ApplyList{ width: 470px; height: 400px; position: relative ; padding: 30px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1); overflow: hidden; background-color: #fff;}
.ApplyList .top{ width: 100%; font-size: 20px; color: #1c5697; font-weight: bold; line-height: 30px;}
.ApplyList .top a{ float: right; font-size: 14px; color: #666; font-weight: normal;}
.ApplyList .top a:hover{ color: #1c5697;}
.ApplyList ul{ width: 100%; margin-top: 10px;}
.ApplyList ul li{  float: left; width: 100%; padding: 20px 0; border-bottom: dashed 1px #ddd;  }
.ApplyList ul li a{ display: block;}
.ApplyList ul li p{ font-size: 16px; color: #333; margin-bottom: 10px;}
.ApplyList ul li span{ font-size: 16px; color: #999; }
.ApplyList ul li:hover{ border-bottom-color:  #1c5697;}
.ApplyList ul li:hover p{ color: #1c5697;}
.ApplyList ul li:hover span{ color: #333;}


.JoinApply .right{ width: 600px;}
.JoinApply .right .top{ width: 100%; margin-top: 15px;}
.JoinApply .right .top h2{ font-size: 34px; color: #333;}
.JoinApply .right .top p{  font-size: 16px; color: #1c5697; margin-top: 5px;}
.JoinApply .right .top p span{ font-size: 20px; font-weight: bold;}
.JoinApply .right form{ width: 100%; margin-top: 40px;}
.JoinApply .right .row{ width:100%; clear:both;  margin-bottom:20px;}
.JoinApply .right .row:last-child{ margin-bottom: 0;}
.JoinApply .right .row p{  float:left; display:block; }
.JoinApply .right .row p:first-child{ margin-right: 20px;}
.JoinApply .right .row label{ position:relative; display:block; }
.JoinApply .right .row label span{ position:absolute; left:15px; top:0; line-height: 50px; font-size:14px; color:#999;}
.JoinApply .right .txt{ border:solid 2px #eee; padding:0 15px; height: 46px; border-radius: 5px; overflow: hidden; line-height: 46px; background:rgba(255,255,255, 0); color: #999;}
.JoinApply .right .txt:focus{ border-color:#1c5697; padding:0 15px; background:rgba(255,255,255, 0);}
.JoinApply .right .txt.w1{ width:256px; height:46px; }
.JoinApply .right .txt.w2{ width:566px; height:100px; }
.JoinApply .right select{ float: left; border:solid 2px #eee; padding:0 10px; height: 46px; border-radius: 5px; overflow: hidden; line-height: 46px; background:rgba(255,255,255, 0); color: #999; width: 186px; margin-left: 21px;}
.JoinApply .right select:first-child{ margin-left: 0;}
.JoinApply .right select:focus{ border-color: #1c5697;}
.JoinApply .right .row1{ width: 100%; height: 50px; position: relative; overflow: hidden;}
.JoinApply .right .row1 input{display: none;}
.JoinApply .right .row1 label {display: block; width: 540px;height: 50px; padding: 0 30px;  text-align: left; font-size:16px;  background: #1c5697 url(../image/icon_more1.png) right 30px center no-repeat; cursor: pointer; transition: all 0.8s ease;} 
.JoinApply .right .row1 label span{  line-height: 50px; width: 100%; text-align: center; color: #fff; }
.JoinApply .right .row1 label:hover{ background-color: #0092a9 ;}


/* pageDetails */
.pageDetails{ width: 100%; padding:80px 0 60px 0;}
.pageDetails .name{ font-size: 30px;  color: #333;}
.pageDetails .time{ font-size: 14px; color: #999; padding: 10px 0; border-bottom: dashed 1px #ddd; }
.pageDetails .time span{ margin-right: 20px;}
.pageDetails .summary{ margin: 20px 0; padding: 20px; background-color: #fafafa; font-size: 14px; color: #999; line-height: 24px;}
.pageDetails .summary span{ color: #666;}
.pageDetails .cont{ width: 100%; margin: 30px auto; font-size: 14px; color: #333; line-height: 34px;}
.pageDetails .cont img{ max-width: 100%;}


/* pageResult */
.pageResult{ width: 100%; padding: 200px 0 100px 0;}
.pageResult .name{ width: 100%;  text-align: center; display: table; word-spacing:-1em; }
.pageResult .name i,.pageResult .name span{ display: inline-block; margin: 0 20px; vertical-align: top;}
.pageResult .name i{ width: 52px; height: 52px; background: url(../image/ResultIcon.png) center center no-repeat;}
.pageResult .name span{ margin: 0; font-size: 34px;  color: #333;}
.pageResult .img{ width: 260px; height: 215px; margin:40px auto; background: url(../image/ResultImg.png) center center no-repeat;}
.pageResult .slogan{ width: 100%; text-align: center; font-size: 28px; color: #333; line-height: 46px;}
.pageResult .more{ width: 100%; text-align: center; margin: 40px  auto; display: table; word-spacing:-1em; }
.pageResult .more a{display: inline-block; margin: 0 20px; line-height: 50px; width: 260px; border-radius: 5px; overflow: hidden; font-size: 16px; color: #fff;}
.pageResult .more a:nth-child(1){ background-color: #1c5697;}
.pageResult .more a:nth-child(2){ background-color: #333;}
.pageResult .more a:hover{ background-color: #0092a9;}





@media screen and (min-width:1081px) {
.ly_top {
	width: 100%;
	height: 80px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}
.ly_logo {
	width: 540px;
	height: 80px;
	overflow: hidden;
	margin: 0;
	float: left;
}
.ly_logo img {
	display: block !important;
}
.ly_tel {
	width: 270px;
	height: 48px;
	line-height: 24px;
	float: right;
	color: #797979;
	font-size: 14px;

	padding: 0;
	float: right;
}
.ly_tel img {
	display: block;
	width: 48px;
	height: 48px;
	overflow: hidden;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}
.ly_tel span {
	color: #0092a9;
	font-size: 30px;
	font-weight: bold;
	font-family: Arial, "Microsoft YaHei";
}
}
@media screen and (max-width:1080px) {
.ly_top {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0;
}
.ly_top .top_main {
	width: 95%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
.top_main .ly_logo {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	float: left;
	text-align: center;
}
.ly_logo img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	vertical-align: top; margin-top: 0.2rem;
}
.top_main .top_r {
	display: none;
}
.pc .header {
	height: auto;
}
.pc .cont {
	width: 95%;
	height: auto;
}
.pc .cont .cont {
	width: 100%;
}
.top_main .ly_tel {
	display: none;
}
#KFRightScreen {
	display: none !important;
}
.logo_desc {
	width: 100%;
	float: none;
	position: static;
	background: none;
	padding: 10px 0 0;
	margin-bottom: 10px;
	overflow: hidden;
}
.logo_desc div.tel {
	display: none;
}
.h_search {
	width: 100%;
	padding: 0;
}
.h_search .form_text1 {
	width: 70%;
	height: 50px;
	font-size: 0.22rem;
	background: #fff;
}
.h_search .form_button1 {
	width: 30%;
	height: 50px;
	font-size: 0.25rem;
}
.pc .nav-list li {
	width: 1.3rem;
	height: 0.5rem;
}
.nav-list a {
	line-height: 0.5rem;
}
.menu-box {
	font-size: 0.2rem;
	margin-right: 0;
}
}
 @media screen and (max-width:880px) {
.mb .header .cont {
}
.mb .menu-btn {
	position: absolute !important;
	top: -70px;
	right: 26px;
}
.logo_desc {
	padding: 0;
}
}
 @media (max-width:767px) {
.h_search .form_text1 {
	width: 70%;
	height: 40px;
	font-size: 14px;
	background: #fff;
}
.h_search .form_button1 {
	width: 30%;
	height: 40px;
	font-size: 14px;
}
.top_main .ly_logo {
	width: 80%;

}
.mb .menu-btn {
	top: -55px;
	right: 12px;
}
}

/*顶部*/
.logo_desc {
    float: right;
    width: 28%;
    padding: 9px 2px;
    box-sizing: border-box;
}
.logo_desc div.tel {
	display: block;
	padding-top: 10px;
}
.logo_desc div.tel p {
	color: #ffffff;
	font-size: 14px;
}
.logo_desc div.tel span {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
.h_search .form1 {
	max-width: 1280px;
	margin: 0 auto;
	line-height: 59px;
}
.h_search .form_text1 {
	float: left;
	width: 65%;
	height: 30px;
	line-height: 28px;
	text-indent: 10px;
	outline: none;
	background: #ffffff;
	border: 1px solid #e6e6e6;
	border-right: 0;
	margin: 3px 0;
	font-size: 14px;
}
.h_search .form_text1:hover {
	float: left;
	width: 65%;
	height: 30px;
	line-height: 28px;
	text-indent: 10px;
	outline: none;
	background: #BEE8EF;
	border: 1px solid #0089c7;
	border-right: 0;
	margin: 3px 0;
	font-size: 14px;
}

.h_search .form_button1 {
	float: left;
	width: 25%;
	height: 32px;
	background: #0394ac;
	border: 0;
	outline: none;
	color: #FFF;
	margin: 3px 0;
	cursor: pointer;/* border-radius:0 4px 4px 0; */
	font-size: 14px;
}
.h_search .form_button1:hover {
	background: #0089c7;
}
.store{width:1200px;margin:90px auto 150px;}
.store_title{text-align:center;}
.store_title span{font-size:26px;color:#333;letter-spacing:5px;display:inline-block;padding:0 30px;background:#fff;}
.store_title p{border-top:1px solid #666;position:relative;top:-16px;z-index:-1;}
.store_icon{overflow:hidden;width:100%;margin:50px 0 40px;}
.store_icon li{float:left;}



/*顶部*/
.logo_desc1 {
    margin:0 auto;
    width: 48%;
    padding: 9px 2px;
    box-sizing: border-box;
	padding-bottom: 10px;
}
.logo_desc1 div.tel {
	display: block;
	padding-top: 10px;
}
.logo_desc1 div.tel p {
	color: #ffffff;
	font-size: 14px;
}
.logo_desc1 div.tel span {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
.logo_desc1 .form1 {
	max-width: 1280px;
	margin: 0 auto;
	line-height: 59px;
}
.logo_desc1 .form_text1 {
	float: left;
	width: 65%;
	height: 30px;
	line-height: 28px;
	text-indent: 10px;
	outline: none;
	background: #E1F8FC;
	border: 1px solid #e6e6e6;
	border-right: 0;
	margin: 3px 0;
	font-size: 14px;
}
.logo_desc1 .form_text1:hover {
	float: left;
	width: 65%;
	height: 30px;
	line-height: 28px;
	text-indent: 10px;
	outline: none;
	background: #BEE8EF;
	border: 1px solid #0089c7;
	border-right: 0;
	margin: 3px 0;
	font-size: 14px;
}

.logo_desc1 .form_button1 {
	float: left;
	width: 25%;
	height: 32px;
	background: #0394ac;
	border: 0;
	outline: none;
	color: #FFF;
	margin: 3px 0;
	cursor: pointer;/* border-radius:0 4px 4px 0; */
	font-size: 14px;
}
.logo_desc1 .form_button1:hover {
	background: #0089c7;
}