@charset "utf-8";

/*
 * Author: https://github.com/happyfreelife
 * Org: http://www.68team.com
 * Date: 2017-11-13
 */
@font-face {
	font-family:GOTHAM-BLACK;
	src: url(../font/GOTHAM-BLACK/GOTHAM-BLACK.eot),src: url(../font/GOTHAM-BLACK/GOTHAM-BLACK.svg),src: url(../font/GOTHAM-BLACK/GOTHAM-BLACK.ttf),src: url(../font/GOTHAM-BLACK/GOTHAM-BLACK.woff);
	font-family: "GOTHAM-BLACK";
    src: url("../font/GOTHAM-BLACK/GOTHAM-BLACK.eot"); /* IE9 */
    src: url("../font/GOTHAM-BLACK/GOTHAM-BLACK.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/GOTHAM-BLACK/GOTHAM-BLACK.woff") format("woff"), /* chrome、firefox */
    url("../font/GOTHAM-BLACK/GOTHAM-BLACK.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/GOTHAM-BLACK/GOTHAM-BLACK.svg#go") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "gotham-bold";
    src: url("../font/GOTHAM-BOLD/gotham-bold.eot"); /* IE9 */
    src: url("../font/GOTHAM-BOLD/gotham-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/GOTHAM-BOLD/gotham-bold.woff") format("woff"), /* chrome、firefox */
    url("../font/GOTHAM-BOLD/gotham-bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/GOTHAM-BOLD/gotham-bold.svg#go") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

@font-face {
	font-family:GOTHAM-XLIGHT;
	src: url(../font/GOTHAM-XLIGHT/GOTHAM-XLIGHT.eot),src: url(../font/GOTHAM-XLIGHT/GOTHAM-XLIGHT.svg),src: url(../font/GOTHAM-XLIGHT/GOTHAM-XLIGHT.ttf),src: url(../font/GOTHAM-XLIGHT/GOTHAM-XLIGHT.woff);
	font-family: "GOTHAM-XLIGHT";
    src: url("../font/GOTHAM-XLIGHT/GOTHAM-XLIGHT.eot"); /* IE9 */
    src: url("../font/GOTHAM-XLIGHT/GOTHAM-XLIGHT.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    
    url("../font/GOTHAM-XLIGHT/GOTHAM-XLIGHT.woff") format("woff"), /* chrome、firefox */
    url("../font/GOTHAM-XLIGHT/GOTHAM-XLIGHT.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    
    url("../font/GOTHAM-XLIGHT/GOTHAM-XLIGHT.svg#go") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
/****************************** Normalize ******************************/
*, *:before, *:after{box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden;font-size: 12px;font-family: "Arial", "Microsoft YaHei", "PingFang SC", sans-serif;color: #666;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
img{border: none;}
ul, ol,li{list-style: none;}
i, em{font-style: normal;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;cursor:pointer;}
input[type="radio"], input[type="checkbox"]{border: none;padding:0}
input::-ms-clear, input::-ms-reveal{display: none;}
button[disabled], input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td, th{padding:0}


/****************************** Global Style ******************************/22
.fl{float: left;}
.fr{float: right; margin-right: 10px;}   
.tac{text-align: center;}
.tar{text-align: right;}
.mr0{margin-right: 0 !important;}
.bd0{border-width: 0 !important;}
.center{margin-left: auto;margin-right: auto;}
.rps{display: block;max-width: 100%;}
.upload img{height: auto !important;max-width: 100%;}
.container{width: 1200px;margin: 0 auto;}
.container, .wrapper, .box{position: relative;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}


/****************************** Icon Sprite ******************************/
.banner-index li .play:after,
.index-product .name ul li:before,
.index-product .content .picture .arrow,
.solution ul li .text p:before,
.service-faq ul li h3:after,
.service-network dl	dd i:after,
.service-after dl dd:before,
.about .history .year .arrow,
.about .history .event li .text p:before,
.about .honor .arrow,
.news ul li .text .detail,
.contact .info dd:before{background:none;background-image: url(../img/icon.png);background-repeat: no-repeat;}

.about section{position: relative;}
.about section .hei{position: absolute;display: block;width:100%;height: 100px;top:-100PX;}

/****************************** CSS3 Transition ******************************/
.pagination a,
.page-category .box a,
.page-category .box a:after,
.index-solution li .box,
.index-solution li .box i,
.index-solution li .box h3,
.index-solution li .box p,
.index-solution li .box a,
.solution ul li .text,
.solution ul li .text h3,
.solution ul li .text p,
.solution ul li .text a,
.product .list a h3,
.product .list a h3 span,
.product-detail .back,
.service-download ul li,
.service-download ul li a,
.news ul li .text h3 a,    
.article .jump .back,
.contact .message li a{-webkit-transition: all .3s;transition: all .3s;}


/****************************** Common Part ******************************/
header{position:absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 70px;background: rgba(0, 0, 0, .5);}
header .logo{float: left;width: 135px;height: 36px;margin-top: 17px;background: url(../img/logo.png) no-repeat;}
header .nav{float: left;margin-left: 100px;}
header .nav li{float: left;margin-right:40px;position: relative;}
header .nav li:last-child{margin-right: 0;}
header .nav li .nav-hide{
	position: absolute;
	top:61px;
	left: -32px;
	width: 120px;
	border-radius: 5px;
	padding-top: 8px;
	background:url(../img/jt.png) no-repeat center top;
	text-align: center;
	z-index: 999;
}
header .nav li .nav-hide a{
	display: block;
	background: #fff;
	font-size: 12px;
	color: #000;
	line-height: 40px;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}
header .nav li .nav-hide a:hover{
	color: #236cce;
}
header .nav li a.to{position: relative;line-height: 70px;font-size: 14px;color: #fff;}
header .nav li.active a.to{color: #236cce;}
header .nav li.active a.to:before,
header .nav li:hover a.to:before{content: "";position: absolute;left: 0;width: 100%;top: 40px;color: #236cce;}
header .nav li.active a.to,header .nav li:hover a.to{color: #236cce;}         
header .lang{float: right;margin-top: 24px;}
header .lang a{float: left;line-height: 22px;margin-left: 15px;border: 1px solid transparent;border-radius: 3px;font-family: "Microsoft YaHei";color: #fff;text-align: center;text-transform: uppercase;}
header .lang a.active{width: 30px;border-color: #265fac;color: #265fac;}

.floater a:after{
    background: none;
    background-image: url(../img/icon1.png);
    background-repeat: no-repeat;
}
/*右侧*/
.floater{position: fixed;top: 50%;right: 0;z-index: 1;width: 50px;background: #333;-webkit-transform: translateY(-50%);transform: translateY(-50%);transition: all .3s;}
.floater a{position: relative;display: block;height: 51px;border-bottom: 1px solid #555;text-transform: uppercase;}
.floater a:last-child{border: none;}
.floater a span{position: absolute;top: 0;left: 0;width: 120px;line-height: 51px;padding-left: 24px;font-size: 12px;color: #fff;}
.floater a:after{content: "";position: absolute;top: 0;right: 0;width: 50px;height: 50px;background-color: #333;}
.floater a:nth-child(1):after{background-position: 0 -50px;}
.floater a:nth-child(2):after{background-position: -50px -50px;}
.floater a:nth-child(3):after{background-position: -100px -50px;}
.floater a:nth-child(4):after{background-position: -150px -50px;}
.floater.active,
.floater:hover{width: 200px;transition: all .3s;}
.floater a:hover{background-color: #fff;}
.floater a:hover span{color: #666;}
.floater a:hover:after{background-color: #fff;background-position-y: -100px;}

.popup-wechat{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.popup-wechat img{width:250px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

footer{padding-top: 55px;background: #2e2e2e;}
footer dl{float: left;margin-right: 80px;}
footer dl dt{line-height: 20px;margin-bottom: 15px;font-size: 16px;color: #ccc;}
footer dl dd a{line-height: 25px;color: #888;}
footer dl dd a:hover{text-decoration: underline;}
footer dl.app{float: right;margin: 0;}
footer dl.app dd{float: left;width: 100px;padding-top: 8px;}
footer dl.app dd:nth-of-type(2){margin-left: 24px;}
footer dl.app dd img{display: block;width: 100%;}
footer dl.app dd span{display: block;line-height: 26px;color: #888;text-align: center;}
footer .copyright{margin-top: 40px;background: #181818;}
footer .copyright p.fl{float:left;}
footer .copyright p,
footer .copyright p a{line-height: 60px;color: #666;}


/****************************** Page Component ******************************/
.banner-top{position: relative;overflow: hidden;}
.banner-top img{position: relative;left: 50%;display: block;margin-left: -960px;}
.banner-top .title{position: absolute;top: 215px;width: 100%;color: #fff;text-align: center;}
.banner-top .title .cn{display: block;line-height: 40px;font-size: 40px;}
.banner-top .title .en{display: block;line-height: 40px;font-size: 16px;text-transform: uppercase;}
.banner-top .title .en:before,
.banner-top .title .en:after{content: "";display: inline-block;width: 60px;height: 1px;vertical-align: middle;}
.banner-top .title .en:before{margin-right: 24px;background: url(../img/banner-top-line-left.png) no-repeat;}
.banner-top .title .en:after{margin-left: 24px;background: url(../img/banner-top-line-right.png) no-repeat;}

.page-category{height: 60px;background: #f2f2f2;}
.page-category .box{position: relative;left: 50%;display: inline-block;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.page-category .box a{position: relative;float: left;width: 150px;line-height: 60px;margin: 0 5px;font-size: 16px;color: #666;text-align: center;}
.page-category .box a:after{content: "";position: absolute;bottom: 0;left: 50%;width: 0;margin-left: 0;border-bottom: 2px solid #265fac;}
.page-category .box a:hover,
.page-category .box a.active{background: #fff;color: #236cce;}   
.page-category .box a:hover:after,
.page-category .box a.active:after{width: 30px;margin-left: -15px;}

.pagination{height: 40px;margin-bottom: 100px;text-align: center;}
.pagination .center{display: inline-block;overflow: hidden;}
.pagination a{float: left;width: 40px;margin: 0 6px;border: 1px solid #ddd;cursor: pointer;font: 14px/38px "Microsoft YaHei";color: #333;text-align: center;}
.pagination a:hover,
.pagination a.active{background: #333;border-color: #333;color: #fff;}

.article h1{line-height: 30px;margin-top: 60px;font-size: 20px;color: #333;text-align: center;}
.article .attr{line-height: 80px;border-bottom: 1px dotted #ccc;font-size: 14px;color: #888;text-align: center;}
.article .attr em{display: inline-block;width: 40px;}
.article .upload{margin-top: 32px;}
.article .jump{position: relative;margin: 50px 0 125px;padding-top: 72px;border-top: 1px dotted #ccc;}
.article .jump span{display: block;line-height: 32px;font-size: 14px;color: #888;}                            
.article .jump span a:hover{color: #265fac;}
.article .jump .back{position: absolute;top: 78px;right: 0;width: 130px;line-height: 32px;border: 1px solid #ddd;border-radius: 3px;font-size: 14px;color: #888;text-align: center;}
.article .jump .back:hover{background: #265fac;border-color: #265fac;color: #fff;}


/****************************** Index ******************************/
.banner-index img{display: block;width: 100%;}
.banner-index li .play{position: absolute;bottom: 18%;left: 50%;width: 130px;line-height: 38px;margin-left: -65px;border: 1px solid #fff;border-radius: 5px;font-size: 16px;color: #fff;text-align: center;letter-spacing: 1px;}
.banner-index li .play:after{content: "";display: inline-block;width: 22px;height: 22px;margin-left: 4px;vertical-align: -5px;background-position: -514px -64px;}
.banner-index .tb-btn{bottom: 30px;}
.banner-index .tb-btn a{width: 40px;height: 4px;background: rgba(255, 255, 255, .3);border-radius: 0;}
.banner-index .tb-btn a.active{background: #fff;}

.index-section-title{margin-top: 60px;text-align: center;}
.index-section-title .cn{display: block;line-height: 30px;font-size: 28px;color: #333;}   
.index-section-title .en{display: block;line-height: 18px;margin-top: 14px;font-size: 15px;color: #ccc;text-transform: uppercase;}
.index-section-title .en:before,
.index-section-title .en:after{content: "";display: inline-block;width: 70px;vertical-align: middle;border-bottom: 1px solid #ddd;}
.index-section-title .en:before{margin-right: 45px;}
.index-section-title .en:after{margin-left: 45px;}

.index-product .name{padding: 50px 0 25px;text-align: center;}
.index-product .name ul{width: 680px;margin: 0 auto;}
.index-product .name ul li{position: relative;float: left;width: 130px;line-height: 40px;margin: 0 14px;font-size: 16px;}
/*jxh*/
.index-product .name ul li .imgboxout .imgbox{
	transition: all .3s;
}
.index-product .name ul li .imgboxout .imgbox img{
	margin-bottom: 30px;
}
.index-product .name ul li .imgboxout{
	width: 70px;
	height: 70px;
	overflow: hidden;
	margin: 0 auto;
}
.index-product .name ul li.active{color: #265fac;}
.index-product .name ul li.active .imgboxout .imgbox {
	transform: translateY(-100px);
}              
/*.index-product .name ul li:before{content: "";display: block;width: 70px;height: 70px;margin: 0 auto;}*/
/*.index-product .name ul li:nth-child(1):before{background-position: -15px -215px;}
.index-product .name ul li:nth-child(2):before{background-position: -115px -215px;}
.index-product .name ul li:nth-child(3):before{background-position: -215px -215px;}
.index-product .name ul li:nth-child(4):before{background-position: -315px -215px;}*/
/*.index-product .name ul li.active:before{background-position-y: -315px;}

.index-product .name ul li.active:after{content: "";position: absolute;bottom: -25px;left: 50%;margin-left: -18px;border: 18px solid transparent;border-bottom: 18px solid #ededed;}*/
.index-product .content{overflow: hidden;background: #ededed;}
.index-product .content .container{height: 400px;margin-top: 10px;margin-bottom: 30px;background: #fff;border: 1px solid #e8e8e8;}              
.index-product .content .item{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.index-product .content .item.active{z-index: 1;opacity: 1;}
.index-product .content .picture{float: left;width: 600px;height: 100%;}
.index-product .content .picture img{position: absolute;top: 50%;left: 50%;max-width: 60%;max-height: 60%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);cursor: pointer;}
.index-product .content .picture h3{position: absolute;bottom: 15px;left: 50%;line-height: 40px;font-size: 16px;color: #333;text-align: center;-webkit-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;}
.index-product .content .picture h3:hover{color: #265fac;}
.index-product .content .picture .arrow{position: absolute;top: 50%;z-index: 1;width: 16px;height: 30px;margin-top: -15px;}
.index-product .content .picture .arrow.prev{left: 30px;background-position: -17px -10px;}
.index-product .content .picture .arrow.next{right: 30px;background-position: -67px -10px;}
.index-product .content .text{float: right;width: 500px;padding: 50px 50px 0 0;}
.index-product .content .text h3{line-height: 20px;font-size: 16px;color: #333;font-weight:bold;}   
.index-product .content .text .desc{line-height: 24px;margin-top: 20px;font-size: 14px;height: 240px;overflow: hidden;}
.index-product .content .text .mCSB_container{margin-right: 15px;}
.index-product .content .text .mCSB_draggerContainer{top: 5px;}

.index-solution .wrapper{margin-top: 60px;background: #2e2e2e;}
.index-solution li{position: relative;float: left;width: 300px;height: 425px;text-align: center;}
.index-solution li img{display: block;width: 100%;}
.index-solution li .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: default;}
.index-solution li .box i{position: relative;display: block;width: 100px;height: 100px;margin: 100px auto 0;padding-top: 1px;}
.index-solution li .box i img{
	width: 60px;
	margin: 22px auto;
}
/*.index-solution li .box i:after{content: "";position: absolute;bottom: -14px;left: 50%;width: 30px;margin: 14px auto 0;margin-left: -15px;border-bottom: 2px solid #fff;}*/
/*.index-solution li:nth-child(1) .box i{background-position: -0 -400px;}
.index-solution li:nth-child(2) .box i{background-position: -100px -400px;}        
.index-solution li:nth-child(3) .box i{background-position: -200px -400px;}                          
.index-solution li:nth-child(4) .box i{background-position: -300px -400px;}*/
.index-solution li .box h3{line-height: 24px;margin-top: 40px;font-size: 20px;color: #eee;letter-spacing: 1px;}
.index-solution li .box p{height: 108px;line-height: 24px;padding: 12px 26px 0;opacity: 0;font-size: 14px;color: #a3c0e6;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.index-solution li .box a{display: block;width: 120px;line-height: 40px;margin: 40px auto 0;background: #fff;border-radius: 3px;opacity: 0;font-size: 14px;color: #265fac;text-align: center;}
.index-solution li:hover .box{top: -20px;height: 465px;background: #265fac;}
.index-solution li:hover .box i{margin-top: 45px;}
.index-solution li:hover .box i:after{opacity: 0;}
.index-solution li:hover .box h3{margin-top: 20px;}
.index-solution li:hover .box p,
.index-solution li:hover .box a{opacity: 1;}

.index-news{padding: 0px 0 70px;}
.index-news .picture{float: left;width: 423px;height: 273px;margin-top: 60px;}
.index-news .picture a img{display: block;width: 100%;-webkit-transition: all 2s;transition: all 2s;}
.index-news .picture a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.index-news .picture a h3{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 50px;padding: 0 155px 0 10px;overflow: hidden;background: rgba(0, 0, 0, .6);font-size: 16px;color: #fff;white-space: nowrap;text-overflow: ellipsis;}
.index-news .picture .page{position: absolute;right: 0;bottom: 22px;left: auto;z-index: 1;width: auto;}
.index-news .picture .page span{float: left;width: 35px;height: 5px;margin: 0 5px;background: rgba(255, 255, 255, .5);border-radius: 0;opacity: 1;}
.index-news .picture .page span[class*="active"]{background: #fff;}
.index-news .list{float: right;width: 760px;margin-top: 60px;}
.index-news .list li{float: left;width: 320px;margin: 0 0 45px 60px;  height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}          
.index-news .list li:before{content: "";display: inline-block;vertical-align: -1px;border: 6px solid transparent;border-left: 5px solid #265fac;}
.index-news .list li a{line-height: 18px;font-size: 14px;color: #333;}
.index-news .list li a:hover{color: #265fac;}

.popup-video{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .8);}
.popup-video .close{position: absolute;top: 20px;right: 20px;z-index: 1;width: 50px;height: 50px;}
.popup-video .close:before,
.popup-video .close:after{content: "";position: absolute;top: 23px;left: -5px;width: 60px;height: 4px;background: #fff;border-radius: 2px;}
.popup-video .close:before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.popup-video .close:after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.popup-video .video-js{top: 50%;left: 50%;width: 100% !important;height: auto;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.popup-video .video-js .vjs-big-play-button{display: none;}
.popup-video .video-js .vjs-tech{position: relative;height: auto;}



/****************************** 产品中心 ******************************/
.product .list{margin-top: 80px;overflow: hidden;}
.product .list a{float: left;width: 370px;margin: 0 45px 45px 0;overflow: hidden;}
.product .list a:nth-child(3n){margin-right: 0;}
.product .list a img{display: block;width: 100%;-webkit-transition: all 2s;transition: all 2s;}
.product .list a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.product .list a h3{position: relative;padding: 20px 0 15px;background: #f2f2f2;text-align: center;}
.product .list a h3 span:nth-child(1){display: block;line-height: 20px;font-size: 18px;color: #333;}
.product .list a h3 span:nth-child(2){display: block;line-height: 25px;font-size: 12px;color: #888;letter-spacing: .5px;text-transform: uppercase;}
.product .list a:hover h3{background: #265fac;}
.product .list a:hover h3 span{color: #fff;}
.product .pagination{margin-top: 45px;}

.product-detail .anchor{height: 70px;padding: 20px 0;background: #fff;box-shadow: 0 1px 10px rgba(0, 0, 0, .2);text-align: center;}
.product-detail .anchor.fixed{position: fixed;top: 0px;left: 0;z-index: 10;width: 100%;}
.product-detail .anchor a{display: inline-block;line-height: 30px;margin: 0 20px;padding: 0 20px;border-radius: 3px;font-size: 14px;color: #666;text-align: center;}
.product-detail .anchor a:hover,
.product-detail .anchor a.active{background: #265fac;color: #fff;}
.product-detail .main{margin-bottom: 100px;padding-bottom: 50px;}
.product-detail .main h3{line-height: 20px;margin: 60px 0 40px;padding-left: 8px;border-left: 3px solid #265fac;font-size: 20px;color: #265fac;}
.product-detail .back{position: absolute;bottom: 0;right: 0;width: 130px;line-height: 32px;border: 1px solid #ddd;border-radius: 3px;font-size: 14px;color: #888;text-align: center;}
.product-detail .back:hover{background: #265fac;border-color: #265fac;color: #fff;}


/****************************** 解决方案 ******************************/
.solution ul:first-of-type{margin-top: 45px;}
.solution ul li{float: left;width: 383px;margin: 0 25px 58px 0;overflow: hidden;}
.solution ul li:nth-child(3n){margin-right: 0;}
.solution ul li .figure{display: block;height: 280px;overflow: hidden;}
.solution ul li .figure img{display: block;width: 100%;-webkit-transition: all 2s;transition: all 2s;}
.solution ul li .text{position: relative;padding: 25px 20px;background: #eee;}
.solution ul li .text h3{line-height: 20px;margin-bottom: 18px;font-size: 20px;font-size: 18px;color: #333;}
.solution ul li .text p{position: relative;line-height: 22px;padding-left: 15px;color: #333;}
.solution ul li .text p:before{content: "";position: absolute;top: 6px;left: 0;width: 10px;height: 10px;background-position: -220px -20px;}
.solution ul li .text p:nth-of-type(1){overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 22px;}
.solution ul li .text p:nth-of-type(2){display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 44px;}
.solution ul li .text a{display: block;width: 90px;line-height: 23px;margin-top: 14px;border: 1px solid #bbb;border-radius: 3px;text-align: center;text-transform: uppercase;}
.solution ul li:hover .figure img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.solution ul li:hover .text{background: #265fac;}
.solution ul li:hover .text h3,
.solution ul li:hover .text p{color: #fff;}
.solution ul li:hover .text p:before{background-position: -270px -20px;}
.solution ul li:hover .text a{border-color: #fff;color: #fff;}
.solution .pagination{margin-top: 30px;}


/****************************** 服务支持 ******************************/
.service-faq ul{margin-top: 50px;margin-bottom: 70px;}
.service-faq ul li{margin-bottom: 10px;padding: 0 40px;background: #f2f2f2;}
.service-faq ul li h3{position: relative;line-height: 100px;cursor: pointer;font-size: 16px;color: #333;}
.service-faq ul li h3:after{content: "";position: absolute;top: 46px;right: 0;width: 16px;height: 8px;background-position: -117px -21px;}
.service-faq ul li.active h3:after{background-position: -167px -21px;}
.service-faq ul li .content{display: none;line-height: 24px;padding: 38px 0;border-top: 1px dashed #ddd;font-size: 14px;color: #265fac;}

.service-network img{display: block;margin-top: 60px;}
.service-network dl{margin: 90px 0 115px;}
.service-network dl	dt h3{line-height: 30px;font-size: 30px;text-align: center;}
.service-network dl	dt span{display: block;line-height: 20px;margin-top: 18px;font-size: 16px;color: #888;text-align: center;}
.service-network dl	dd{float: left;width: 400px;margin-top: 65px;padding-left: 80px;}
.service-network dl	dd:last-of-type{margin-right: 0;}
.service-network dl	dd i{float: left;width: 96px;height: 96px;border-radius: 50%;}
.service-network dl	dd:nth-of-type(1) i{background: #faaa11;}
.service-network dl	dd:nth-of-type(2) i{background: #306fc3;}
.service-network dl	dd:nth-of-type(3) i{background: #e4522b;}
.service-network dl	dd i:after{content: "";display: block;width: 50px;height: 50px;margin: 23px auto;}
.service-network dl	dd:nth-of-type(1) i:after{background-position: 0 -50px;}
.service-network dl	dd:nth-of-type(2) i:after{background-position: -50px -50px;}
.service-network dl	dd:nth-of-type(3) i:after{background-position: -100px -50px;}
.service-network dl	dd span{float: left;line-height: 26px;margin: 22px 0 0 16px;font-size: 14px;}
.service-network dl	dd span em{display: block;font-size: 16px;color: #333;}
.service-network dl	dd span a{color: #333;}

.service-download ul{margin-top: 60px;}
.service-download ul li{float: left;margin-bottom: 20px;}
.service-download ul li{float: left;width: 590px;height: 250px;padding: 0 30px;border: 1px solid #ddd;}
.service-download ul li:nth-child(even){float: right;}
.service-download ul li h3{line-height: 20px;margin-top: 25px;font-size: 16px;color: #333;}
.service-download ul li p{line-height: 24px;margin-top: 16px;font-size: 14px;}
.service-download ul li a{float: left;width: 120px;line-height: 36px;margin: 50px 20px 0 0;background: #bbb;border-radius: 3px;font-size: 14px;color: #fff;text-align: center;}
.service-download ul li:hover{border-color: #265fac;}
.service-download ul li:hover a{background: #265fac;}
.service-download .pagination{margin-top: 70px;}

.service-after .top{height: 365px;margin-top: 85px;padding-top: 78px;background: #f3f3f3;background: url(../img/bg-service-after.jpg) no-repeat center top;}
.service-after .top h3{line-height: 20px;margin-bottom: 50px;font-size: 20px;color: #333;}
.service-after .top h3:after{content: "";display: block;width: 30px;margin-top: 15px;border-bottom: 2px solid #e5e5e5;}
.service-after .top p{line-height: 20px;margin-bottom: 20px;font-size: 14px;}
.service-after dl{width: 960px;margin: 82px auto 146px;}
.service-after dl dt{line-height: 20px;margin-bottom: 32px;font-size: 20px;color: #333;text-align: center;}
.service-after dl dt:after{content: "";display: block;width: 30px;margin: 18px auto 0;border-bottom: 2px solid #e5e5e5;}
.service-after dl dd{position: relative;float: left;width: 460px;margin: 0 10px 24px;padding: 36px 0 36px 110px;border: 1px solid #eee;border-radius: 3px;}
.service-after dl dd:before{content: "";position: absolute;top: 50%;left: 32px;width: 50px;height: 50px;margin-top: -25px;border: 1px solid #ddd;border-radius: 50%;}
.service-after dl dd:nth-of-type(1):before{background-position: -150px -50px;}
.service-after dl dd:nth-of-type(2):before{background-position: -200px -50px;}
.service-after dl dd:nth-of-type(3):before{background-position: -250px -50px;}
.service-after dl dd:nth-of-type(4):before{background-position: -300px -50px;}
.service-after dl dd h3{line-height: 16px;font-size: 16px;color: #333;}
.service-after dl dd span{display: block;line-height: 16px;margin-top: 12px;color: #888;}


/****************************** 关于我们 ******************************/
.about h2{line-height: 30px;font-size: 30px;color: #333;text-align: center;}
.about .page-category.fixed{position: fixed;top: 0px;left: 0;z-index: 2;width: 100%;}
.about .profile{padding: 110px 0 120px;}
.about .profile .text{float: left;width: 700px;margin-top: 80px;}
.about .profile .text h3{line-height: 26px;font-size: 26px;color: #333;}
.about .profile .text h3:after{content: "";display: block;width: 40px;margin-top: 12px;border-bottom: 2px solid #265fac;}
.about .profile .text .box{margin-top: 40px;height: 330px;overflow: hidden;}
.about .profile .text .box .mCSB_draggerContainer{top: 5px;}
.about .profile .text .top{line-height: 24px;color: #888;}
.about .profile .text .bottom{line-height: 24px;margin-top: 30px;font-size: 14px;color: #333;}
.about .profile .figure{float: right;width: 390px;height: 386px;margin-top: 108px;background: #eaeaea;}
.about .profile .figure img{display: block;margin: -32px 0 0 -32px;}

.about .history{height: 694px;padding-top: 50px;background: url(../img/bg-about-history.jpg) no-repeat center top;}
.about .history .year{position: relative;margin: 50px 50px 0;}
.about .history .year .swiper-container{padding: 30px 120px 0;}
.about .history .year:before{content: "";position: absolute;top: 6px;left: 0;width: 100%;border-top: 1px dotted #ccc;}
.about .history .year li{cursor: pointer;font: 18px/20px "Microsoft YaHei";color: #333;text-align: center;letter-spacing: 1px;}
.about .history .year li:before{content: "";position: absolute;top: -30px;left: 50%;margin-left: -6px;width: 12px;height: 12px;border: 2px solid #999;border-radius: 50%;background: #fff;z-index: 1;}
.about .history .year li.active{color: #265fac;}
.about .history .year li.active:before{background: #265fac;border-color: #265fac;}
.about .history .year .arrow{position: absolute;top: -16px;width: 42px;height: 42px;border: 2px solid #ccc;border-radius: 50%;}
.about .history .year .arrow.prev{left: -50px;background-position: -4px -106px;}
.about .history .year .arrow.next{right: -50px;background-position: -54px -106px;}
.about .history .year .arrow:hover{background-color: #265fac;background-position-y: -156px;border-color: #265fac;}
.about .history .event{margin: 80px 35px 0;}
.about .history .event li{position: relative;display: none;}
.about .history .event li.active{display: block;}
.about .history .event li img{display: block;width: 540px;height: 332px;}
.about .history .event li .text{position: absolute;top: 50%;right: 0;width: 550px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.about .history .event li .text p{position: relative;line-height: 24px;padding: 18px 0;padding-left: 45px;font-size: 16px;color: #333;}
.about .history .event li .text p:before{content: "";position: absolute;top: 25px;left: 0;width: 10px;height: 10px;background-position: -220px -20px;}

.about .culture{height: 630px;padding-top: 60px;background: url(../img/bg-about-culture.jpg) no-repeat center top;}
.about .culture h2{color: #fff;}
.about .culture .container{margin-top: 80px;}
.about .culture .name{position: absolute;top: 25px;left: 50%;width: 294px;height: 294px;margin-left: -147px;overflow: hidden;}
.about .culture .name li{position: absolute;width: 145px;height: 145px;line-height: 24px;font-size: 20px;color: #fff;}
.about .culture .name li:nth-child(1){top: 0;left: 0;padding: 64px 0 0 64px;background: #2f6ec2;border-top-left-radius: 100%;}
.about .culture .name li:nth-child(2){top: 0;right: 0;padding: 64px 0 0 32px;background: #f9a910;border-top-right-radius: 100%;}
.about .culture .name li:nth-child(3){bottom: 0;left: 0;padding: 30px 0 0 64px;background: #f9a910;border-bottom-left-radius: 100%;}
.about .culture .name li:nth-child(4){right: 0;bottom: 0;padding: 30px 0 0 30px;background: #2f6ec2;border-bottom-right-radius: 100%;}

.about .culture .slogan:after{content: "";display: block;clear: both;}
.about .culture .slogan li{float: left;width: 535px;height: 156px;line-height: 154px;margin: 0 130px 34px 0;padding-left: 80px;background: rgba(255, 255, 255, .1);border: 1px solid #ddd;border-radius: 3px;font-size: 18px;color: #fff;}
.about .culture .slogan li:nth-child(even){margin-right: 0;}
.about .culture .slogan li:nth-child(n+3){line-height: 30px;padding-top: 47px;padding-bottom: 47px;}

.about .honor{padding-top: 90px; overflow:hidden; padding-bottom:90px;}
.about .honor .container1_1{margin: 45px 120px 0;}
.about .honor li{height: 300px;overflow: hidden; width:216px; float:left; margin-bottom:20px; margin-left:10px; margin-right:10px;}
.about .honor li img{display: block;width: 100%;}
.about .honor .arrow{position: absolute;top: 50%;z-index: 1;width: 40px;height: 40px;margin-top: -20px;border: 1px solid #ccc;border-radius: 50%; display:none;}
.about .honor .arrow.prev{left: 0;background-position: -205px -105px;}
.about .honor .arrow.next{right: 0;background-position: -255px -105px;}
.about .honor .arrow:hover{background-color: #ccc;background-position-y: -155px;}


/****************************** 新闻资讯 ******************************/
.news ul{margin-top: 60px;}
.news ul li{margin-bottom: 34px;overflow: hidden;}
.news ul li .figure{float: left;width: 310px;height: 200px;overflow: hidden;}
.news ul li .figure img{display: block;width: 100%;-webkit-transition: all 2s;transition: all 2s;}
.news ul li .text{position: relative;float: left;width: 890px;height: 200px;padding: 0 180px 0 60px;background: #f7f7f7;}
.news ul li .text h3{margin-top: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;}
.news ul li .text h3 a{line-height: 20px;font-size: 16px;color: #333;}
.news ul li .text h3 a:hover{color: #265fac;}
.news ul li .text span{display: block;line-height: 20px;margin-top: 15px;font-size: 14px;color: #888;}
.news ul li .text p{display: -webkit-box;line-height: 28px;margin-top: 14px;overflow: hidden;font-size: 14px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news ul li .text .detail{position: absolute;top: 50%;right: 50px;width: 40px;height: 40px;margin-top: -20px;background-position: -255px -105px;border: 1px solid #ccc;border-radius: 50%;}
.news ul li:hover .figure img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.news ul li:hover .text .detail{background-color: #265fac;background-position-y: -155px;border-color: #265fac;}
.news .pagination{margin-top: 55px;}

.contact .info{float: left;margin-top: 60px;}
.contact .info dt{line-height: 20px;font-size: 20px;color: #333;}
.contact .info dd{position: relative;margin-top: 50px;padding-left: 75px;}
.contact .info dd:before{content: "";position: absolute;top: 0;left: 0;width: 50px;height: 50px;border: 1px solid #ccc;border-radius: 50%;}
.contact .info dd:nth-of-type(1):before{background-position: -350px -50px;}
.contact .info dd:nth-of-type(2):before{background-position: -400px -50px;}
.contact .info dd:nth-of-type(3):before{background-position: -450px -50px;}
.contact .info dd label{display: block;line-height: 24px;font-size: 16px;color: #333;}                
.contact .info dd span{display: block;line-height: 24px;font-size: 14px;}
.contact .message{float: right;width: 520px;margin-top: 60px;}
.contact .message li{margin-bottom: 25px;padding-bottom: 10px;overflow: hidden;border-bottom: 1px dotted #bbb;}
.contact .message li:last-child{border: none;}
.contact .message li label{float: left;width: 70px;line-height: 20px;font-size: 14px;color: #888;}
.contact .message li input{float: left;width: 450px;line-height: 20px;border: none;font-size: 14px;color: #333;}
.contact .message li textarea{float: left;width: 450px;height: 70px;line-height: 20px;border: none;font-size: 14px;color: #333;}
.contact .message li a{display: block;width: 130px;line-height: 40px;background: #bbb;border-radius: 5px;font-size: 14px;color: #fff;text-align: center;}
.contact .message li a:hover{background: #265fac;}
.contact .map{height: 450px;margin-top: 100px;}
.contact .map .BMap_cpyCtrl,
.contact .map .anchorBL{display: none;}
.contact .map .BMapLabel[style*="display: inline"]{padding: 0 10px !important;background: #fff !important;border: none !important;border-bottom: 1px solid #ddd !important;font: bold 14px/40px "SimHei" !important;color: #333 !important;text-align: center !important;}
.contact .map .BMapLabel[style*="display: inline"]:before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -6px;border: 6px solid transparent;border-top: 6px solid #ddd;}
.contact .map .BMapLabel[style*="display: inline"]:after{content: "";position: absolute;top: 39px;left: 50%;margin-left: -6px;border: 6px solid transparent;border-top: 6px solid #fff;}

/****************************** 分页 ******************************/
.page1{clear:both; text-align:center;font-size:12px; margin-top:25px;}
.page1 span a{ color:#333333;padding:10px 15px; text-decoration:none;background:#f8f8f8;}
.page1 span a:hover{ color:#999; background:#2e2e2e; color:#fff;}
.page1 span{margin:2px;}
.page1 span.current a{background:#2e2e2e;color:#fff;}
/*.page1 span a.disabled{border:1px solid #ccc;color:#ccc;cursor:default;}*/



/****************************** CSS3 Animation ******************************/
[animation-name]{
	visibility: hidden;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInLeft50 {
	from {
		opacity: 0;
		transform: translate3d(-50px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInRight50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInRight50 {
	from {
		opacity: 0;
		transform: translate3d(50px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInUp50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInUp50 {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInDown50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInDown50 {
	from {
		opacity: 0;
		transform: translate3d(0, -50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}


/* 新加样式 */
.lf{ float:left;}
.rg{ float:right;}
.div_app{ padding-top:80px;}
.div_app ul{ margin-top:35px;}
.div_app ul li{ float:left; width:238px; margin-left:81px; margin-right:81px; text-align:center;}
.div_app ul li .div2{ margin-top:15px; font-size:20px;}
.div_app ul li .div3{ line-height:22px; font-size:14px; margin-top:15px;}
.div_app .div4{ text-align:center; margin-top:50px;}

.div_app1{ background:#ededed; padding-top:80px; margin-top:20px; padding-bottom:80px; position:relative; z-index:10; overflow:hidden;}
.div_app1 .div1{ background:url(../images/1_06.jpg) center bottom no-repeat; margin-top:15px; padding-bottom:15px; text-align:center; color:#bbbbbb; font-size:18px; text-transform:uppercase;}
.div_app1 .div2{ margin-top:50px; padding-left:90px; padding-right:90px;}
.div_app1 .div2 ul li{ float:left; width:278px; border:1px solid #e5e5e5; margin-left:30px; margin-right:30px; position:relative; overflow:hidden; cursor:pointer;}
.div_app1 .div2 ul li img{ width:100%; vertical-align:bottom;}
.div_app1 .div2 ul li .p2{ position:absolute; bottom:-278px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; opacity:0;}
.div_app1 .div2 ul li:hover .p2{ bottom:0px; opacity:1;}


.div_app2{ margin-top:80px;}
.div_app2 .lf{ padding-left:90px; width:414px;}
.div_app2 .rg{ padding-right:90px; width:600px; text-align:left; padding-top:100px;}
.div_app2 .rg h2{ text-align:left;}
.div_app2 .rg .div1{ background:url(../images/1_06.jpg) left bottom no-repeat; margin-top:15px; padding-bottom:15px; color:#bbbbbb; font-size:18px; text-transform:uppercase;}
.div_app2 .rg .div2{ margin-top:80px;}
.div_app2 .rg .div2 ul li{ float:left; width:100px; text-align:center; margin-right:30px;}
.div_app2 .rg .div2 ul li .p2{ line-height:26px; font-size:14px; color:#666; margin-top:10px;}

/*partner*/
.partner{
	padding-top: 50px;
	padding-bottom: 280px;
    /*background: url(../img/par_1.jpg) no-repeat center bottom;*/
}
.partner .title{
    text-align: center;
}
.partner .title h2{
	font-weight: normal;
	line-height: 30px;
    font-size: 40px;
    color: #333;
}
.partner .title p{
	line-height: 30px;
    font-size: 16px;
    color: #888;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.partner .content{
	height: 510px;
	background: url(../img/par_1.png) no-repeat center center;
	position: relative;
}
.partner .content ul li{
	position: absolute;
	text-align: center;
	display: list-item;
	/*opacity: 0;
    transform: translateY(50px);*/
}
.partner .content ul li p{
	font-size: 14px;
	color: #000;
	line-height: 30px;
}
.partner .content ul li.li1{
	left: 30px;
	bottom: 20px;
}
.partner .content ul li.li2{
	left: 200px;
	bottom: -10px;
}
.partner .content ul li.li3{
	left: 290px;
	bottom: 195px;
}
.partner .content ul li.li4{
	left: 450px;
	bottom: 300px;
}
.partner .content ul li.li5{
	left: 580px;
	bottom: 160px;
}
.partner .content ul li.li6{
	left: 730px;
	bottom: 290px;
}
.partner .content ul li.li7{
	left: 890px;
	bottom: 240px;
}
.partner .content ul li.li8{
	left: 1030px;
	bottom: 330px;
}
.service-top {
	text-align: center;
	padding-top: 70px;
}
.service-top .top-title{
	font-size: 30px;
	letter-spacing: 0px;
	color: #444444;
}
 .service-top .top-st{
	font-family: GOTHAM-XLIGHT;
	font-size: 40px;
	font-style: italic;
	letter-spacing: 0px;
	color: #cdcdcd;
	font-weight: 300;
	margin-top: 8px;
}
 .service-top .line-w{

	width: 16px;
	height: 3px;
	background-color: #1b1b1b;
	margin: 0 auto;
	margin-top: 10px;
	
}
.service-top .info{
	font-size: 16px;
	line-height: 28px;
	margin-top:50px;
}
.service-top .top-search-box{
	width: 314px;
	position: relative;
	margin: 0 auto;
	margin-top: 35px;
}

.service-top .topinput{
	display: block;
	margin: 0 auto;
	height: 47px;
	background-color: #ffffff;
	border-radius: 2px;
	border: solid 1px #e5e5e5;
	width: 100%;
	box-sizing: border-box;
	padding-left: 24px;
	padding-right: 50px;
}
.service-top .topsearchbtn{
	width: 45px;
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.Gotham{
	font-family: gotham-bold;
	font-size: 20px;
	color: #306fc3;
}
.partner .partnerBox{
	background: url(../img/pbg.png) no-repeat;
	background-position: center center; 
	padding: 96px 0;
}
.partner #swiper1{
	width: 1200px;
	margin: 0 auto;
	padding: 20px;
}
.partner #swiper1 .imgbox{
	float: left;
	width: 25%;
	transition: all .3s;
	border-right: 1px solid #efefef;;
}
.partner #swiper1 .imgli{
	border-bottom: 1px solid #efefef;
}
.partner #swiper1 .imgli .imgbox:last-child{
	border-right: none;
}
.partner #swiper1 .imgli:last-child{
	border-bottom:none;
}
.partner #swiper1 .imgbox img{
	display: block;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 22px;
}
.partner #swiper1 .imgbox .text{
	text-align: center;
	font-size: 14px;
	letter-spacing: 0px;
	color: #444444;
	opacity: 0;
	transition: all .3s;
	margin-bottom: 20px;
}
.partner #swiper1 .imgbox:hover{
	background: #fff;
	box-shadow: 0px 12px 20px 1px rgba(176, 169, 169, 0.21);
}
.partner #swiper1 .imgbox:hover .text{
	opacity: 1;
}

.pbtnbox{
	width: 100px;
	margin: 0 auto;
	margin-top: 30px;
	
}	
.pbtnbox .prevbtn,
.pbtnbox .nextbtn{
	width: 40px;
	height: 40px;
	transition: all .3s;
	float: left;
	cursor: pointer;
}
.pbtnbox .prevbtn{
	background: url(../img/pprev1.png);
	margin-right: 20px;
}
.pbtnbox .nextbtn{
	background: url(../img/pnext1.png);
}

.pbtnbox .prevbtn:hover{
	background: url(../img/pprev2.png);
}
.pbtnbox .nextbtn:hover{
	background: url(../img/pnext2.png);
}
 .partner .p-st{
	font-family: GOTHAM-XLIGHT;
	font-size: 40px;
	font-style: italic;
	letter-spacing: 0px;
	color: #cdcdcd;
	font-weight: 300;
	margin-top: 23px;
}
 .partner .p-line{

	width: 16px;
	height: 3px;
	background-color: #1b1b1b;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 45px;
}
.history-box {
	padding-bottom: 130px;
	background-image: url(../img/about-historybg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #efeff1;	
	padding-top: 1px;
}
.history-box h2{
	margin: 40px 0;
}
.history-box .navbox {
	text-align: center;
	margin-bottom: 70px;
}
.history-box .navbox span{
	margin-right: 14px;
	font-size: 30px;
	font-family: GOTHAM-XLIGHT;
	cursor: pointer;
	font-weight: 300;
	font-style: italic;
}
.history-box .navbox .acspan{
	font-family: gotham-bold;
	text-decoration: underline;
}
.history-box .ulbox{
	width: 1200px;
	margin: 0 auto;
	display: none;
}
.history-box .showulbox{
	display: block;
}
.history-box ul li{
	width: 60px;
	height: 60px;
	position: relative;
	margin: 70px auto;
	display: none;
}
.history-box ul li:after{
	width: 1px;
	height: 70px;
	position: absolute;
	background: #dcdcdc;
	content: '';
	left: 30px;
	bottom: -70px;
}
.history-box ul .noheight:after{
	height: 0;
}
.history-box ul li .jxh-month{
	width: 60px;
	height: 60px;
	background-color: #1b1b1b;
	color: #faaa11;
	border-radius: 50%;
		text-align: center;
	line-height: 60px;
}
.history-box ul li .jxh-month .b-num{
	font-size: 24px;
}
.history-box ul li .jxh-month .s-m{
	font-size: 14px;
}
.history-box ul li .text-box{
	position: absolute;
	width: 540px;
	box-sizing: border-box;
	padding: 10px;
	top: 0;
	line-height: 30px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
}
.history-box ul li:nth-child(2n+1) .text-box{
	right: -580px;
}
.history-box ul li:nth-child(2n) .text-box{
	left: -580px;
}

.history-box ul li .text-box .sjbox{
	width: 10px;
	height: 15px;
	position: absolute;
	top: 22px;
}

.history-box ul li:nth-child(2n+1) .text-box .sjbox{
	left: -20px;
	background-image: url(../img/sjr.png);
}
.history-box ul li:nth-child(2n) .text-box .sjbox{
	right: -20px;
	background-image: url(../img/sjl.png);
}
.history-box ul li:nth-child(1),
.history-box ul li:nth-child(2),
.history-box ul li:nth-child(3),
.history-box ul li:nth-child(4){
	display: block;
}
.history-box .getmore{
	width: 40px;
	height: 40px;
	background: url(../img/getmore.png);
	background-size: cover;
	margin: 70px auto 0 auto;
	position: relative;
	z-index: 11;
}