/* ========== */
/* = NY-BANNER = */
/* ========== */
.ny-banenr{ width: 100%; height: 360px; text-align: center; padding-top: 120px; color:#FFFFFF;letter-spacing: 3px;}
.ny-banenr span{ padding-bottom: 15px; position: relative; display: block; font-size: 38px;}
.ny-banenr span:after{ content: ""; position: absolute; bottom: 0; left:50%; width:30px; height:4px; margin-left: -15px; background: #FFFFFF; }
.ny-banenr p{ margin-top: 12px; font-size: 18px; }


.bread{ line-height: 72px; border-bottom: 1px solid #eeeeee;}
.bread span{ display: inline-block; padding-left: 25px; background: url(../images/ico_home.png) no-repeat left;}
.bread a,.bread i{ margin: 0 3px; font-style: normal;}
.bread a:hover{ color: #000;}

.page{ text-align: center;}
.page a,.page span{ margin:2px; display: inline-block; width: 38px; height: 38px; line-height: 36px; border: 1px solid #e5e5e5; color: #111111; text-align: center;}
.page a:hover,
.page a.active,
.page span.current{ background: #3864bc; border: 1px solid #3864bc; color: #FFFFFF;}
.page em{ display: inline-block; margin:0 10px;}



.flip { margin-top: 25px;}
.flip a{ max-width:47%; display: inline-block; position: relative; line-height: 38px;}
.flip a span{ position: absolute; top:0; display:inline-block; width: 75px; height: 38px; line-height:36px; border: 1px solid #e5e5e5; text-align: center;}
.flip .prev{ float: left; padding-left:90px;}
.flip .prev span{ left:0;}
.flip .next{ float: right; padding-right:90px;}
.flip .next span{ right:0;}
.flip a:hover{ color: #3864bc;}
.flip a:hover span{ background: #3864bc; border: 1px solid #3864bc; color: #FFFFFF;}


@media (max-width:999px) {
	.ny-banenr{ letter-spacing: 0.04rem; height: 5rem; padding-top: 1.2rem;}
	.ny-banenr span{ padding-bottom: 0.4rem; font-size: 0.52rem;}
	.ny-banenr p{ margin-top: 0.4rem; font-size: 0.32rem; }


	.page a,.page span{ width:28px; height: 28px; line-height: 26px; font-size: 12px;}

		
	.flip a{ font-size: 12px;}
	.flip a span{ width: 60px;}
	.flip .prev{ padding-left: 65px;}
	.flip .next{  padding-right: 65px;}
}




/* ========== */
/* = PRODUCT = */
/* ========== */
.product{ padding: 60px 0 85px;}
.product-sub{ float: left;  width: 21%; background: #f6f8fb;}
.product-sub .tit{ padding: 30px 20px 20px; font-size:24px; font-weight: bold; color: #333333;}
.product-sub .tit span{ margin-left: 10px; font-style: normal; font-weight:normal; font-size: 14px; color: #aaaaaa;}
.product-sub ul{ border-top: 1px solid #e7e8e9; }
.product-sub li>a{ display: block; height: 54px; line-height: 54px; border-bottom: 1px solid #e7e8e9; padding: 0 55px 0 20px; position: relative; color: #333333;}
.product-sub li>a:after{ content: ""; position: absolute; top:50%; right:10px; margin-top: -10px; width: 20px; height: 20px; background-image:url(../images/product_tab_ico1.png);}
.product-sub li div{ display: none; padding: 20px 0 30px;}
.product-sub li div a{ display: block; line-height: 44px; height:44px; padding: 0 32px; border-bottom: 1px solid #e7e8e9; color: #555555;}
.product-sub li div a:hover,
.product-sub li div a.active{color: #3864bc;}
.product-sub li.active>a,
.product-sub li:hover>a{ background: #3864bc; color: #FFFFFF; font-size: 16px;} 
.product-sub li.active>a:after,
.product-sub li:hover>a:after{ background-image:url(../images/product_tab_ico2.png);}
.product-sub li.active div{ display: block;}

.product .right{ float: right; width:74%;}
.product-tit{ padding-bottom: 15px; border-bottom: 1px solid #3864bc; font-size: 22px; color: #333333; font-weight: bold; position: relative;}
.product-tit:after{ content: ""; position: absolute; bottom: 0; left:0; width:30px; height: 2px; background: #3864bc;} 

.product-list{ margin: 35px 0 60px;}
.product-list li{ margin-top: 35px; float: left; width: 31.33333333%; margin-right:3%;}
.product-list li:nth-child(3n){ margin-right: 0;}
.product-list li:nth-child(3n+1){  clear: both;}
.product-list li a{ display: block; -o-box-shadow:0 0 25px rgba(0,0,0,.05); -ms-box-shadow:0 0 25px rgba(0,0,0,.05); -moz-box-shadow:0 0 25px rgba(0,0,0,.05); -webkit-box-shadow:0 0 25px rgba(0,0,0,.05); box-shadow:0 0 25px rgba(0,0,0,.05);}
.product-list li .img{ overflow: hidden;}
.product-list li .img img{ width: 100%;}
.product-list li .text{ text-align: center; border-top: 1px solid #e5e5e5; color: #333333; padding: 0 10px;}
.product-list li .text span{ display: inline-block; max-width: 100%; line-height: 60px; padding-right: 25px; background: url(../images/ico_pro_more2.png) no-repeat right;}
.product-list li a:hover{ transform: translateY(-15px); -webkit-transform: translateY(-15px) ; -o-box-shadow:0 0 25px rgba(0,0,0,.12); -ms-box-shadow:0 0 25px rgba(0,0,0,.12); -moz-box-shadow:0 0 25px rgba(0,0,0,.12); -webkit-box-shadow:0 0 25px rgba(0,0,0,.12); box-shadow:0 0 25px rgba(0,0,0,.12);}
.product-list li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.product-list li a:hover .text{ background: #3864bc; color:#FFFFFF;}
.product .page{ text-align: right;}

/* ========== */
/* = PRODUCT-DETAIL = */
/* ========== */
.product-img{ float: left; width: 46%;}
.product-img .slick-for{ border: 1px dotted #dcdcdc;}
.product-img .slick-nav{ margin-top: 18px; width: 100%; padding:0 40px;}
.product-img .slick-nav .slick-prev,
.product-img .slick-nav .slick-next{ top:0; margin: 0; background-color: #f3f3f3; width: 35px; height: 100%;}
.product-img .slick-nav .slick-prev{ left:0px;}
.product-img .slick-nav .slick-next{ right:0px;}
.product-img .slick-nav .slick-slide{ padding: 0 5px; cursor: pointer;}
.product-img .slick-nav .slick-slide span{ display: block; position: relative; border: 1px dotted #dcdcdc;}
.product-img .slick-nav img{ width: 100%;}
.product-img .slick-nav .slick-current span{border: 1px solid #3864bc;}

.product-info{ float: right; width:54%; padding-left:7%; padding-top: 10px;}
.product-info .title{ font-size: 22px; line-height: 30px; color: #000000; font-weight: bold;}
.product-info .info{ margin-top: 25px; line-height: 24px; color: #000000;}
.product-info .info span{ color: #999999;}
.product-info .button{ margin-top: 60px;}
.product-info .button a{ float: left; display:inline-block; padding: 0 5px; width:37%; height:48px; line-height: 48px; background: #cc0000; color: #FFFFFF; text-align: center;}
.product-info .button .tel{ float: left; margin-left: 5%; width: 58%;}
.product-info .button .tel span{ display: block; line-height: 26px; background: url(../images/ico_pro_tel.png) no-repeat left; padding-left: 25px; color: #999999;}
.product-info .button .tel p{ margin-top: 5px;}
.product-info .share{ margin-top: 35px; padding-top: 25px; border-top: 1px dotted #dcdcdc;}
.product-info .share span{ display: inline-block; vertical-align: middle; color:#dcdcdc;} 
.product-info .share div{ display: inline-block; vertical-align: middle;}

.product-tab{  margin-top: 60px;}
.product-tab span{ display: inline-block; width: 150px; max-width:40%; margin-right:10px; background: #f6f8fb; text-align: center; line-height: 46px; height: 46px; cursor: pointer; color: #333333; position: relative;}
.product-tab span:after{ display: none; position: absolute; bottom: -15px; left:50%; margin-left: -7px; content:"";  width: 0px; height: 0px; border-style: solid dashed dashed dashed; border-color: #3864bc transparent transparent transparent ; border-width: 10px;}
.product-tab span.active{ background: #3864bc; color: #FFFFFF;}
.product-tab span.active:after{ display: block;}
.product-tab-box .js-tab-con{ display: none; line-height: 36px; color: #333333;}
.product-tab-box .js-tab-con.con1{border: 1px solid #eeeeee; padding:40px 45px 70px; }
.product-tab-box .js-tab-con.active{ display: block;}
.tablea{border: 1px solid #eeeeee;width: 100%;}
.tablea tbody{width: 100%;}
.tablea td{border: 1px solid #eeeeee;text-align: center;}
.ke-zeroborder{ width: 100%; text-align: center;  border: 1px solid #eeeeee;}
.ke-zeroborder td{ border: 1px solid #eeeeee; }

@media (max-width:999px) {
	.ke-zeroborder{ font-size: 12px;  word-break:break-all; }
	.tablea{ font-size: 12px; word-break:break-all;}
}




.ny-tit{  padding-bottom: 18px; font-size: 18px; font-weight: bold; letter-spacing: 1px; border-bottom:1px solid #eeeeee; color: #333333; position: relative;}
.ny-tit:after{ content: ""; position: absolute; bottom: 0; left:0; width:40px; height:4px; background: #3864bc;} 

.xg-product{ margin-top:40px;}
.xg-product .product-list{ margin-top: 0px;}

.xg-news{ margin-top: 55px;}
.xg-news ul{ margin-top: 20px;}
.xg-news li a{ display: block; height: 56px; line-height: 56px; color: #262b27; padding-right: 60px; position: relative;}
.xg-news li a:after{ content: ""; position: absolute; top:50%; right:15px; width: 7px; margin-top: -4px; height: 12px; background: url(../images/home_news_more.png);}
.xg-news li span{ padding-left: 50px; margin-right: 20px; position: relative; display: inline-block;}
.xg-news li span:before{ content: ""; position: absolute; top:50%; left:15px; width: 10px; height: 3px; margin-top: -2px; background: #135df1;}
.xg-news li:hover{ z-index: 1;}
.xg-news li:hover a{ -webkit-box-shadow:0 3px 25px rgba(0,0,0,.1); box-shadow:0 3px 25px rgba(0,0,0,.1); background:#FFFFFF; border-bottom: none;}


@media (max-width:999px) {
	/* ========== */
	/* = PRODUCT = */
	/* ========== */
	.product-sub{ float: none; width: 100%;}
	.product-sub .tit{ font-size: 0.54rem; font-weight:bold;}
	.product-sub li{ float: left; width:50%;}
	.product-sub li:nth-child(2n-1){border-right: 1px solid #e7e8e9;}
	.product-sub li>a{ padding:0 5px; text-align: center; font-size: 0.34rem;}
	.product-sub li>a:after{ display: none;}
	.product-sub li.active>a{ font-size:0.36rem;}
	.product-sub li.active div{ display: none;}

	.product .right{ float:none; width: 100%; margin-top: 55px; margin-left: 0;}
	.product-tit{ font-size: 0.54rem; font-weight:bold;}
	.product-list{ margin-top:20px;}
	.product-list li{ width: 100%; margin-right: 0; padding: 0 5%;}
	.product .page{ text-align: center;}
	
	/* ========== */
	/* = PRODUCT-DETAIL = */
	/* ========== */
	.product-img{ float: none; width: 100%;}
	.product-info{ float: none; width:100%; padding-left:0; padding-top: 30px;}
	.product-tab-box .js-tab-con.con1{ padding: 20px;}
	
	
	.xg-news li a{ font-size: 13px; padding-right: 45px;}
	.xg-news li span{ padding-left: 20px; margin-right:10px;}
	.xg-news li span:before{ left:0;}


}



/* ========== */
/* = INDUSTRY = */
/* ========== */
.industry-list li{ margin-bottom: 35px; float: left; width:48%; margin-right:4%;}
.industry-list li:nth-child(2n){ margin-right:0;}
.industry-list li:nth-child(5),
.industry-list li:nth-child(6){ margin-bottom: 0;}
.industry-list li a{ display: block; padding:38px 35px 40px; -o-box-shadow:0 0 20px rgba(7,49,107,.1); -ms-box-shadow:0 0 20px rgba(7,49,107,.1); -moz-box-shadow:0 0 20px rgba(7,49,107,.1); -webkit-box-shadow:0 0 20px rgba(7,49,107,.1); box-shadow:0 0 20px rgba(7,49,107,.1); position: relative;}
.industry-list li a:before{ content: ""; position: absolute; bottom:0; left:0; width: 0; height:4px; background: #3864bc; -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s;  transition: all ease .4s;}
.industry-list li .img{ float: left; width:122px;}
.industry-list li .img img{ width: 100%;}
.industry-list li .text{  margin-left: 155px;}
.industry-list li .text .tit{ display: block; padding-bottom: 15px; position: relative; font-size: 12px; color: #999999; text-transform: uppercase;}
.industry-list li .text .tit span{ font-size: 18px; color: #333333; margin-right: 10px;}
.industry-list li .text .tit:after{ content: ""; position:absolute; bottom: 0; left:0; width: 30px; height: 3px; background: #2b65bc;}
.industry-list li .text .des{ margin-top: 12px; color: #999999; line-height: 24px; height: 48px; overflow: hidden;}
.industry-list li a:hover:before{ width: 100%;}
.industry-list li a:hover .tit{ color: #3864bc;}
.industry-list li a:hover .tit span{ color: #3864bc;}


/* ========== */
/* = INDUSTRY-DETAIL = */
/* ========== */
.industry-box{ margin-top:32px;}
.industry-box .img{ float: left; width: 240px;}
.industry-box .img img{ width: 100%;}
.industry-box .text{ margin-left: 240px; padding:45px 15px; text-align: center;}
.industry-box .text .tit{ font-size: 24px; font-weight: bold; color: #3864bc;}
.industry-box .text .en{margin-top: 5px; display: block; font-size: 12px; color: #d3d3d3; text-transform: uppercase; position: relative; padding-bottom:40px; letter-spacing: 1px;}
.industry-box .text .en:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 30px; margin-left: -15px; height:3px; background: #ececec;}

.industry-info{ margin-top: 20px; border-bottom: 4px solid #3864bc;}
.industry-info .box{ padding: 50px 65px; border-bottom: 1px solid #ebebeb; line-height: 24px;}
.industry-info .tit{ margin-bottom: 30px; position: relative; font-size: 24px; line-height: 36px; color: #333333; font-weight: bold; padding-left: 20px;}
.industry-info .tit:before{ content: ""; position: absolute; left: 0; top:50%; width:4px; height: 24px; background: #3864bc; margin-top: -12px;}
.industry-info .font16{ font-size: 16px; color: #333333; line-height: 32px;}

.industry-xg-product .product-list{ margin-bottom: 0;}
.industry-xg-product .product-list li{ width: 23.87%;margin-right:1.5%;}
.industry-xg-product .product-list li:nth-child(3n){ margin-right:1.5%;}
.industry-xg-product .product-list li:nth-child(4n){ margin-right:0;}


@media (max-width:999px) {
	/* ========== */
	/* = INDUSTRY = */
	/* ========== */
	.industry-list li a{ padding:0.46666666rem;}
	.industry-list li .img{ float: none; width: 100%;}
	.industry-list li .text{ margin-left: 0; margin-top: 20px;}
	.industry-list li .text .tit span{ display: block; margin-bottom: 5px;}
	
	
	/* ========== */
	/* = INDUSTRY-DETAIL = */
	/* ========== */
	.industry-box .img{ float: none; width: 100%;}
	.industry-box .text{margin-left: 0; padding:0.7rem 0.26666666rem;}
	.industry-box .text .tit{ font-size: 0.53333333rem;}
	
	.industry-info .box{ padding:0.8rem 0.6rem;}
	.industry-info .tit{ margin-bottom:0.4rem; font-size: 0.4rem;}
	.industry-info .tit:before{ height: 0.4rem; margin-top:-0.2rem;}
	
	.industry-xg-product .product-list li{ width: 100%;margin-right:0%;}
	.industry-xg-product .product-list li:nth-child(3n){ margin-right:0%;}
}




/* ========== */
/* = NEWS = */
/* ========== */
.news{ padding: 40px 0 65px;}
.news-tab{ text-align: center; }
.news-tab a{ display: inline-block; margin: 0 2px; width: 235px; height: 55px; line-height: 55px; color: #333333; text-align: center; background: #eeeeee;} 
.news-tab a:hover{ color: #3864bc;}
.news-tab a.active{ background: #3864bc; color: #FFFFFF;}
.news-list{ margin: 25px 0 50px;}
.news-list li{ margin-top:35px; position: relative;}
.news-list li a{ display: block; padding:60px 0; position: relative; -o-box-shadow:0 0 20px rgba(7,49,107,.1); -ms-box-shadow:0 0 20px rgba(7,49,107,.1); -moz-box-shadow:0 0 20px rgba(7,49,107,.1); -webkit-box-shadow:0 0 20px rgba(7,49,107,.1); box-shadow:0 0 20px rgba(7,49,107,.1); padding-right: 185px;}
.news-list li a:before{ content: ""; position: absolute; bottom:0; left:0; width: 0; height:4px; background: #3864bc; -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s;  transition: all ease .4s;}
.news-list li .date{ float: left; width: 215px; padding-left: 36px; font-weight: lighter; position: relative;}
.news-list li .date:after{ content: ""; position: absolute; right:0; top:25px; width: 34px; height: 1px; background: #bfbfbf;}
.news-list li .date span{ display:block; font-size: 36px; line-height:50px; color: #999999;}
.news-list li .date p{ font-size: 18px; color: #cccccc;}
.news-list li .text{ margin-left: 255px; max-width: 615px;}
.news-list li .text span{ display: block; font-size: 16px; color: #333333; line-height: 36px;}
.news-list li .text p{ margin-top: 15px; color:#999999; line-height: 24px; height: 48px; overflow: hidden;}
.news-list li .more{ position: absolute; top:50%; margin-top: -44px; right:0; width: 126px; height:88px; border-left: 1px solid #ebebeb; text-align: center;}
.news-list li .more span{ margin-top:29px; display: inline-block; width: 30px; height: 30px; background: url(../images/ico_news_more.png);}
.news-list li a:hover .more span{ background: url(../images/ico_news_moreh.png);}
.news-list li a:hover:before{ width: 100%;}
.news-list li a:hover{ background: #FFFFFF; -o-box-shadow:0 0 20px rgba(7,49,107,.08); -ms-box-shadow:0 0 20px rgba(7,49,107,.08); -moz-box-shadow:0 0 20px rgba(7,49,107,.08); -webkit-box-shadow:0 0 20px rgba(7,49,107,.08); box-shadow:0 0 20px rgba(7,49,107,.08);}


/* ========== */
/* = NEWS_DETAIL = */
/* ========== */
.news-detail{ padding:75px 0 90px;}
.news-detail .title{ color: #333333; font-size:26px; letter-spacing: 2px; line-height: 34px; text-align: center;} 
.news-detail .title-en{ margin-top:10px; letter-spacing:1px; text-align: center; color: #bbbbbb; font-size: 12px; text-transform: uppercase;}
.article-come{ line-height: 24px; margin-top: 35px; text-align: center; color: #999999;}
.article-come span{ margin:0 70px; padding-left: 28px; display: inline-block; vertical-align: middle; position: relative;}
.article-come span:after{ content:""; position: absolute; top:7px; right:-70px; width: 2px; height: 12px; background:#dfdfdf;}
.article-come .bdsharebuttonbox{ display:inline-block; vertical-align: middle;}
.article-come span.span-sourse{ background: none;}
.article-come span.span-autor{ background:url(../images/ico_write.png) left no-repeat;}
.article-come span.span-date{ background:url(../images/ico_time.png) left no-repeat;}
.article-come span.span-share{ padding-left:38px; background:url(../images/ico_share.png) left no-repeat;}
.article-come span.span-share:after{ display: none;}
.news-article{ margin-top: 20px; padding: 45px 0 50px; border-top: 1px dotted #e5e5e5; line-height: 30px; color: #777777;}
.news-detail .return{ padding-bottom: 25px; text-align: right; border-bottom:1px dotted #e5e5e5; }
.news-detail .return a{ display:inline-block; width: 75px; height: 38px; line-height:38px; background: #3864bc; color: #FFFFFF; text-align: center;}
.news-detail .xg-news li{ float: left; width: 48%; margin-right:4%;}
.news-detail .xg-news li:nth-child(2n){ margin-right: 0;}


@media (max-width:999px) {
	/* ========== */
	/* = NEWS = */
	/* ========== */
	.news-tab a{ float: left; width: 32%; margin: 0; margin-right:2%; height: 40px; line-height: 40px;}
	.news-tab a:nth-child(3n){ margin-right: 0;}
	.news-list li a{ padding: 0.6rem;}
	.news-list li .date{ width:2rem; padding-left:0;}
	.news-list li .date:after{display: none;}
	.news-list li .date span{ font-size: 0.5rem; line-height:1.2rem;}
	.news-list li .date p{ font-size: 0.32rem;}
	.news-list li .text{ margin-left:2rem; max-width:100%;}
	.news-list li .text span{ font-size: 14px;}
	.news-list li .text p{ margin-top:0.06666666rem; font-size: 12px;}
	.news-list li .more{ display: none;}


	/* ========== */
	/* = NEWS_DETAIL.HTML = */
	/* ========== */
	.news-detail{ padding:45px 0; }
	.news-detail .title{ font-size: 18px; font-weight: bold; line-height: 30px;}
	.article-come{ margin-top: 20px;}
	.article-come span{ margin: 0 20px;}
	.article-come span:after{ display: none;}
	.news-article{ padding:40px 0;}
	.news-detail .xg-news li{ width: 100%; margin-right:0;}
}



/* ========== */
/* = CASE = */
/* ========== */
.case{ padding:45px 0 65px;}
.case-fl-tit{ text-align: center;}
.case-fl-tit span{ font-size:30px; color: #333333;}
.case-fl-tit p{  margin-top:5px; font-size: 12px; color: #999999; text-transform: uppercase;}
.case-tab{ margin-top: 35px; text-align: center;}
.case-tab a{ margin:0 2px; display: inline-block; width: 138px; height: 40px; line-height: 38px; font-size: 16px; color: #333333; border: 1px solid #e5e5e5;}
.case-tab a:hover{ color: #2b65bc;}
.case-tab a.active{ background: #2b65bc; border: 1px solid #2b65bc; color: #FFFFFF;}
.case-list{ margin-top: 25px;}
.case-list li{ margin-top: 20px; float: left; width: 20%; padding: 0 13px;}
.case-list .item{ padding: 10px 10px 0px; border:1px solid #eeeeee; text-align: center;}
.case-list .item img{ width: 100%;}
.case-list .item p{height: 54px; line-height: 54px;}
.case-list .item:hover{ border: 1px solid #2b65bc; background: #2b65bc; color: #FFFFFF;}

.case-table{ margin-top: 50px; width: 100%; border: 1px solid #e4e4e5;}
.case-table td{ width: 25%; padding:15px 5px; line-height: 24px; text-align: center;border: 1px solid #e4e4e5;}
.case-table tr:nth-child(2n){ background: #f7f8fc;}

@media (max-width:999px) {
	.case-fl-tit span{ font-size: 0.52rem; font-weight: bold;}
	.case-tab a{ float: left; width: 32%; margin: 0; margin-top: 10px; margin-right:2%; font-size: 0.37333333rem;}
	.case-tab a:nth-child(3n){ margin-right: 0;}
	.case-list li{width: 50%; padding: 0 5px;}
	.case-table td{ font-size: 12px; line-height: 20px;}
}




/* ========== */
/* = SERVICE = */
/* ========== */
.service{ padding: 45px 0 90px;}
.service-tab{ text-align: center;}
.service-tab a{ margin: 0 3px; display: inline-block; width: 235px; max-width:40%; height: 54px; line-height: 52px; border: 1px solid #3864bc; color: #3864bc;}
.service-tab a.active{ background: #3864bc; color: #FFFFFF;}
.service-tit{ margin-top: 50px; text-align: center; position: relative; padding-bottom: 25px; font-size: 30px; color: #000000;}
.service-tit:after{ content: ""; position: absolute; bottom: 0; margin-left: -15px; left:50%; width: 30px; height:4px; background: #3864bc;}
.service-des{ margin-top: 25px; padding: 0 20px; text-align: center; line-height: 30px;}
.service-des span{ color: #d12124;}

.service-ico{ max-width: 1100px; margin: 0 auto;}
.service-ico li{ margin-top: 52px; float: left; padding: 0 5px; width: 25%; text-align: center;}
.service-ico li div{ position: relative; display: inline-block;}
.service-ico li span{ position: absolute; top:50%; left:0; width: 100%; margin-top: -20px; line-height: 40px; font-size:30px; color:#FFFFFF;}

.service-ul{ margin-top: 85px; background: #f4f4f4;}
.service-ul li .img{ float: left; width: 50%;}
.service-ul li .text{ float: right; width: 50%; padding:40px 50px;}
.service-ul li:nth-child(2n) .img{ float: right; }
.service-ul li:nth-child(2n) .text{ float:left; }
.service-ul li .text .tit{ padding-bottom: 35px; position:relative; font-size: 30px; color: #333333;}
.service-ul li .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 30px; height:4px; background: #3864bc;}
.service-ul li .text .des{ margin-top: 30px;}
.service-ul li .text .des p{ margin-bottom: 15px; line-height: 24px; background:url(../images/ico_right.png) no-repeat left 2px; padding-left: 35px;}
.service-ul li .text .des p span{ font-size: 16px; color: #333333;}


/* ========== */
/* = QUESTION= */
/* ========== */
.question-ul{ margin-bottom: 55px;}
.question-ul li{ margin-top: 35px;}
.question-ul .item{ padding: 35px 210px 50px 35px; position: relative; cursor: pointer;}
.question-ul .item .letter{ position: absolute; top:3px; left:0; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align:center; background: #3864bc; color: #FFFFFF; font-size: 12px;}
.question-ul .item .ques{ font-size: 16px; color: #000000; line-height: 28px; position: relative; padding-left: 30px;}
.question-ul .item .ques .letter{ top:5px;}
.question-ul .item .ans{ margin-top: 20px; padding-left: 30px; position: relative; line-height: 24px; color: #999999; height: 48px; overflow: hidden;}
.question-ul .item .bt{ position: absolute; top:50%; margin-top: -40px; right:0; width: 120px; height: 80px; border-left: 1px solid #ebebeb;}
.question-ul .item .bt span{ position:absolute; top:50%; left:50%; margin-left: -15px; margin-top: -15px; display: block; width: 30px; height:30px; background-image: url(../images/ico_ques.png);}
.question-ul li.active{ border-bottom:4px solid #3864bc;}
.question-ul li.active .ques{ color: #3864bc; }
.question-ul li.active .ans{ height: auto;}  
.question-ul li.active .item .bt span{background-image: url(../images/ico_ques_h.png);}

@media (max-width:999px) {
	/* ========== */
	/* = SERVICE = */
	/* ========== */
	.service-tit{ font-size: 0.5rem; font-weight: bold;}
	.service-ico li span{ font-size: 0.4rem;}
	.service-ul { margin-top:1rem;}
	.service-ul li .img{ width: 100%;}
	.service-ul li .text{ width: 100%; padding: 0.7rem 0.4rem;}
	.service-ul li .text .tit{ font-size:0.5rem; font-weight: bold;}
	
	
	/* ========== */
	/* = QUESTION= */
	/* ========== */
	.question-ul .item{ padding:20px;}
	.question-ul .item .bt{ display: none;}
}


/* ========== */
/* = ABOUT = */
/* ========== */
.about{ padding:40px 0 95px;}
.about-tab{ text-align: center;}
.about-tab a{ float: left; width: 19.7%; height: 54px; line-height: 54px; margin-right:0.37%; background: #eeeeee; font-size: 16px; color: #333333;}
.about-tab a:nth-child(5n){ margin-right: 0;}
.about-tab a.active{ background: #3864bc; color: #FFFFFF;}
.about-ul li{ margin-top: 60px;}
.about-ul li .left{ float: left; width: 41.5%;}
.about-ul li .left img{ width: 100%;}
.about-ul li .right{ float: right; width: 53%;}
.about-ul li:nth-child(2n) .left{ float: right; width: 53%;}
.about-ul li:nth-child(2n) .right{ float:left;width: 41.5%;}
.about-ul li .tit{ padding: 25px 0; font-size: 30px; color: #000000; position: relative;}
.about-ul li .tit:after{ content:""; position: absolute; bottom: 0; left:0; width:30px; height: 4px; background: #3864bc;}
.about-ul li .des{ margin-top: 20px; line-height: 30px;}
.about-ul li .box{ margin: 80px -30px 0;}
.about-ul li .box .item{ float: left; width: 33.333333%; padding: 0 30px; text-align: center; position: relative;}
.about-ul li .box .item:before{ content: ""; position: absolute; top:50%; left:0; width: 1px; height: 36px; margin-top: -18px; background: #ededed;}
.about-ul li .box .item:first-child:before{ display: none;}
.about-ul li .box .item img{ float: left;}
.about-ul li .box .item div{ margin-left: 80px;line-height:30px; padding-top:5px; text-align: left; }
.about-ul li .box .item div span{ color: #999999; display: block;}
.about-ul li .box .item div p{ font-size:24px;}
.about-ul li .box .item div i{ font-size: 12px; font-style: normal;}
.about-ul li .tip{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #EEEEEE;}
.about-ul li .tip span{ margin-top: 25px; padding-left: 30px; float: left; display: block; width: 50%; line-height: 30px; background: url(../images/ico_right.png) no-repeat left 3px; font-size: 12px; color: #333333;}
.about-ul li .img{ margin-top: 40px;}


/* ========== */
/* = VIDEO = */
/* ========== */
.video-list{ margin: 40px 0 60px;}
.video-list li{ margin-top: 28px; float: left; width:32.333333%; margin-right:1.5%; cursor: pointer;}
.video-list li:nth-child(3n){ margin-right: 0;}
.video-list li .img{ overflow: hidden; position: relative;}
.video-list li .img:before{ content: ""; position: absolute; top:50%; left:50%;  background-image: url(../images/ico_play.png); background-size: cover; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; z-index: 1;}
.video-list li .img:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 0;}
.video-list li img{ width: 100%;}
.video-list li p{ padding: 20px 10px; text-align: center; font-size: 16px; color: #333333;}
.video-list li:hover{-o-box-shadow:0 0 25px rgba(0,0,0,.12); -ms-box-shadow:0 0 25px rgba(0,0,0,.12); -moz-box-shadow:0 0 25px rgba(0,0,0,.12); -webkit-box-shadow:0 0 25px rgba(0,0,0,.12); box-shadow:0 0 25px rgba(0,0,0,.12);}
.video-list li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}

.video-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.7); text-align: center; z-index:9999;}
.video-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.video-pop .content{ max-width:780px; width: 90%; background: #000; display: inline-block; vertical-align: middle; position: relative;}
.video-pop .close{ cursor: pointer; position: absolute;top:-50px; right:0; width: 40px; height: 40px; background-image: url(../images/pop_close.png); background-size: cover;}
.video-pop video,
.video-pop iframe{ width: 100%;}
.video-pop iframe{ height: 500px; }


/* ========== */
/* = CULTURE = */
/* ========== */
.culture-tit{ margin-top: 60px; text-align: center; font-size: 30px; color: #333333;}
.culture-ico{ margin: 0 -8px;}
.culture-ico li{ margin-top: 40px; text-align: center; float: left; width: 25%; padding: 0 8px;}
.culture-ico li div{ border:1px solid #e8e8e8; padding:35px 5px;}
.culture-ico li div p{ margin-top: 20px; color: #333333;}
.culture-bg{ margin-top: 40px; background-image: url(../images/culture_bg.jpg); text-align: center; color:#FFFFFF; padding:5.5% 20px;}
.culture-bg span{ display: block; font-size: 24px;}
.culture-bg p{ margin-top:10px; font-size: 12px; text-transform: uppercase;}
.culture-content{ margin-top: 30px; line-height: 30px;}
.culture-content .tit{ font-size: 20px; line-height:40px; color: #3864bc; font-weight: bold;}
.culture-content .tit2{ margin-top: 20px; font-size: 16px;  color: #333333; font-weight: bold;}
.culture-content .tit3{ color:#333333;font-weight: bold;}
.culture-content .box .text{ float: left; width: 42%;}
.culture-content .box .img{ float: right; width: 58%;}

/* ========== */
/* = HONOR = */
/* ========== */
.honor-list{ margin:30px -13px 60px;}
.honor-list li{ float:left; margin-top: 20px; width: 25%; padding: 0 13px;}
.honor-list li div{ border: 2px solid #eeeeee;}


/* ========== */
/* = HONOR = */
/* ========== */
.mien-tit{ margin-top: 65px; padding-bottom: 20px; font-size: 30px; color: #000000; text-align: center; position: relative;}
.mien-tit:after{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -15px; width: 30px; height: 3px; margin-left: -15px; background: #3864bc;}
.mien-des{ margin-top: 20px; text-align: center; line-height: 24px;}
.mien-des span{ color: #3864bc;}
.mien-text{ margin-top: 120px; line-height: 30px;}
.mien-ul li{ margin-top:135px; position: relative;}
.mien-ul li:first-child{ margin-top: 65px;}
.mien-ul li:before{ position: absolute; content: ""; position: absolute; top:70px; right:0; height: 100%; width:92%; -o-box-shadow:0 0 25px rgba(0,0,0,.12); -ms-box-shadow:0 0 25px rgba(0,0,0,.12); -moz-box-shadow:0 0 25px rgba(0,0,0,.12); -webkit-box-shadow:0 0 25px rgba(0,0,0,.12); box-shadow:0 0 25px rgba(0,0,0,.12); border-bottom: 3px solid #3864bc;}
.mien-ul li .slick{ float: left; width: 52.75%;}
.mien-ul li .slick-prev,
.mien-ul li .slick-next{ top:auto; margin: 0; bottom: 20px; width: 40px; height: 40px; background-color: #FFFFFF;}
.mien-ul li .slick-prev{ left:auto; right:65px;  background-image: url(../images/mien_prev.png);}
.mien-ul li .slick-next{ right:15px; background-image: url(../images/mien_next.png);}
.mien-ul li .text{ float: right; width: 47.25%; padding: 120px 40px 20px;}
.mien-ul li .tit{ padding: 25px 0; font-size: 30px; color: #000000; position: relative;}
.mien-ul li .tit:after{ content:""; position: absolute; bottom: 0; left:0; width:30px; height: 4px; background: #3864bc;}
.mien-ul li .des{ margin-top: 20px; line-height: 30px;}
.mien-ul li:nth-child(2n) .slick{ float: right;}
.mien-ul li:nth-child(2n) .text{ float: left;}
.mien-ul li:nth-child(2n):before{ right:auto; left:0;}



@media (max-width:999px) {
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about{ padding:60px 0;}
	.about-tab a{ font-size: 12px; height:40px; line-height: 40px;}
	.about-ul li .left{ width: 100%;}
	.about-ul li .right{ width: 100%;}
	.about-ul li:nth-child(2n) .left{width: 100%;}
	.about-ul li:nth-child(2n) .right{width: 100%;}
	.about-ul li .tit{ font-size: 0.53333333rem;}
	.about-ul li .box{ margin:30px 0 0;}
	.about-ul li .box .item{padding:0; }
	.about-ul li .box .item img{ float: none; width: 40px;}
	.about-ul li .box .item div{ margin-left: 0;text-align: center;}
	.about-ul li .box .item div p{ font-size: 0.55rem;}
	.about-ul li .tip span{ width: 100%;}
	
	
	/* ========== */
	/* = VIDEO = */
	/* ========== */
	.video-list{ margin: 20px 0 40px;}
	.video-list li{ width:49%; margin-right:2%;}
	.video-list li:nth-child(3n){ margin-right: 2%;}
	.video-list li:nth-child(2n){ margin-right: 0;}
	.video-list li .img:before{ width: 40px; height: 40px; margin-left: -20px; margin-top: -20px;}
	.video-pop iframe{ height: 5rem; }

	
	/* ========== */
	/* = CULTURE = */
	/* ========== */
	.culture-tit{ font-size: 0.52rem; font-weight: bold;}
	.culture-ico{ margin: 0 -8px;}
	.culture-ico li{ width: 50%;}
	.culture-ico li div p{ font-size: 0.26666666rem;}
	.culture-bg span{ font-size:0.42rem;}
	.culture-bg p{ font-size: 0.32rem;}
	.culture-content .tit{ font-size: 16px;}
	.culture-content .tit2{ font-size: 14px;}
	.culture-content .box .text{width: 100%;}
	.culture-content .box .img{ width: 100%;}
	
	
	/* ========== */
	/* = HONOR = */
	/* ========== */
	.honor-list{ margin:30px -5px 60px;}
	.honor-list li{ width: 50%; padding: 0 5px;}
	
	
	/* ========== */
	/* = HONOR = */
	/* ========== */
	.mien-tit{ font-size: 0.53333333rem;}
	.mien-text{ margin-top: 40px;}
	.mien-ul li{ margin-top:50px;}
	.mien-ul li:before{ top:0; width: 100%;}
	.mien-ul li .slick{ width: 100%;}
	.mien-ul li .text{ width: 100%; padding: 30px;}
	.mien-ul li .tit{font-size: 0.53333333rem; }
}



/* ========== */
/* = CONTACT = */
/* ========== */
.contact{ padding:70px 0;}
.contact-ul{ margin-top: 55px; border-bottom: 1px solid #e5e5e5;  border-left: 1px solid #e5e5e5;  }
.contact-ul li{ float: left; width: 33.33333333%; border: 1px solid #e5e5e5; border-left: none; border-bottom: none; padding: 55px 20px 35px 50px; min-height: 175px; color: #333333; line-height: 24px;}
.contact-ul li .ico{ float:left; position: relative; display: inline-block;  width: 50px;}
.contact-ul li .ico .hover{ position: absolute; top:0; left:0; transform: rotateY(-180deg); -webkit-transform: rotateY(180deg); opacity:0;}
.contact-ul li div{ margin-left: 62px;}
.contact-ul li div p{  min-height: 48px;}
.contact-ul li:hover {background: #3864bc; color: #FFFFFF;}
.contact-ul li:hover .ico .default{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0;}
.contact-ul li:hover .ico .hover{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1;}

.contact-box{ margin-top: 60px;}
.contact-box ul{ float: left; width:59%;}
.contact-box li { margin-bottom:30px; border:1px solid #e5e5e5; line-height: 26px; padding:18px 30px;}
.contact-box li span{ font-size: 16px; color: #3864bc;}
.contact-box li:hover{ border:1px solid #FFFFFF; -o-box-shadow:0 0 25px rgba(0,0,0,.12); -ms-box-shadow:0 0 25px rgba(0,0,0,.12); -moz-box-shadow:0 0 25px rgba(0,0,0,.12); -webkit-box-shadow:0 0 25px rgba(0,0,0,.12); box-shadow:0 0 25px rgba(0,0,0,.12);}
.contact-box .map-box{ float: right; width:38%; height:558px; border: 1px solid #e5e5e5; position: relative;}
.contact-box .map-box img{ max-width:1000%; width: auto;}
.contact-box .map-box .allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 
.contact-box .map-box .anchorBL{ display: none; }

.message{ padding: 45px 0 60px; background: #f4f4f4;}
.message .row span{ margin-top:30px; float: left; width:32%; margin-right: 2%;}
.message .row span:nth-child(3n){ margin-right: 0;}
.message .row input{ width: 100%; line-height:24px; border: 1px solid #e5e5e5; height: 44px; padding: 8px 15px; color: #333333; border-radius:5px;}
.message .text textarea{ margin-top: 20px; width: 100%; border: 1px solid #e5e5e5; height:144px; padding: 12px 15px; color: #333333; }
.message .button{ text-align: center;}
.message .button input{margin-top: 45px; height: 56px; line-height: 56px; width: 32%; text-align: center; background: #3864bc; color: #FFFFFF; border-radius: 5px;} 


/* ========== */
/* = JOIN = */
/* ========== */
.join-list{ margin-top: 65px;}
.join-list li{ margin-bottom:15px;}
.join-list li .tit{ cursor: pointer; background: #FFFFFF; border: 1px solid #eeeeee; font-size: 0; padding-right:2%;}
.join-list li .tit span{ padding: 14px 5px; width: 15%; text-align: center; font-size: 14px; color: #333333; display:inline-block; vertical-align: middle;}
.join-list li .tit .span-1{ width: 25%; text-align: left; padding-left:8%; padding-right: 10px;}
.join-list li .tit .span-6{ padding: 0;}
.join-list li .tit .span-6 i{ display:inline-block; width:30px; height:30px; background-image: url(../images/ico_ques.png); background-size: cover;}
.join-list li .top-tit{ cursor:auto;  border: none; background:#3864bc;}
.join-list li .top-tit span{  padding: 20px 2px; color: #FFFFFF; letter-spacing: 1px;}
.join-list li .con{ display: none; padding:0 8.5% 50px; border: 1px solid #e5e5e5; border-bottom:5px solid #3864bc; border-top: none; line-height:30px; }
.join-list li .con .tip{ padding-bottom:10px; padding-top:40px; color: #333333; font-size: 18px;}
.join-list li .con .mail{ margin-top:40px; background: url(../images/join_mail_ico.png) no-repeat left 8px; padding-left: 30px;}
.join-list li .con .mail a{ color: #3864bc; text-decoration:underline !important; font-weight: bold;}
.join-list li.active{ margin-bottom: 40px;}
.join-list li.active .tit span{ color: #3864bc; }
.join-list li.active .span-6 i{ background-image:url(../images/ico_ques_h.png);}
.join-list li:first-child.active{-o-box-shadow: 0 0 0 rgba(0,0,0,.05); -ms-box-shadow: 0 0 0 rgba(0,0,0,.05); -moz-box-shadow: 0 0 0 rgba(0,0,0,.05); -webkit-box-shadow: 0 0 0 rgba(0,0,0,.05); 	box-shadow:  0 0 0 rgba(0,0,0,.05);}
.join-list li.active .top-tit{ border: none;}
.join-list li.active .top-tit span{ color: #FFFFFF; }


@media (max-width:999px) {
	/* ========== */
	/* = CONTACT = */
	/* ========== */
	.contact-ul li{  width: 100%; padding:20px; min-height:0;}
	.contact-ul li .ico{ width: 40px;}
	.contact-ul li div{ margin-left:50px;}
	.contact-ul li div p{ min-height: 0;}
	.contact-box ul{ width: 100%;}
	.contact-box .map-box{ width: 100%; height: 200px;}
	
	.message .row span{ margin-right: 0; margin-top:20px; width: 100%;}
	.message .button input{ margin-top:20px; width: 100%;}
	
	
	/* ========== */
	/* = JOIN = */
	/* ========== */
	.join-list li{ padding-right: 0;}
	.join-list li .tit{ padding-right: 0;}	
	.join-list li .tit span{ width:23%; padding:12px 2px; font-size: 12px;}
	.join-list li .tit .span-1{ width: 27%; padding:12px 2px;  text-align: center;}
	.join-list li .tit .span-6 i{ width:30px; height:30px;}
	.join-list li .tit .span-2,.join-list li .tit .span-3{ display: none;}
	.join-list li .con{ padding:0 25px 40px; font-size:12px; line-height: 26px;}
	.join-list li .con .tip{ font-size: 14px; font-weight: bold;}
	.join-list li .con .mail a{ display: block;}
}