/* ========== */
/* = HOME = */
/* ========== */

html, body { position: relative; height: 100%; }
.swiper-home { width: 100%; height: 100%; }
.swiper-home .swiper-slide { padding-top: 91px; position: relative; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
 -webkit-box-pack: center; -ms-flex-pack: center;  -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; 
 -webkit-align-items: center; align-items: center; overflow: hidden;}
.swiper-home .swiper-button-prev.black{ background-image: url(home_prev_black.png); }
.swiper-home .swiper-button-next.black{ background-image:url(home_next_black.png); }
.swiper-pagination-home .swiper-pagination-bullet{ width: 32px; height:6px; background:none; border:0; border-radius: 0; position: relative;}
.swiper-pagination-home .swiper-pagination-bullet:before{ content: ""; position: absolute; top:2px; left:0; width:100%; height: 1px; background: #FFFFFF;}
.swiper-pagination-home .swiper-pagination-bullet-active:before{ top:0; height:4px; background: #e6061f;}
.swiper-pagination-home .swiper-pagination-bullet.black:before{ background:#222; }
.swiper-pagination-home .swiper-pagination-bullet-active.black:before{ background:#e6061f; }
.ani1{ color:#fff;font-size:55px; line-height:50px; font-weight:bold;text-shadow: 1px 1px 1px #000;}
.ani2{ color:#fff; font-size:100px; line-height:220px;font-weight:bold;text-shadow: 1px 1px 1px #000;}
.ani3{ color:#fff;font-size:32px; line-height:30px;  text-shadow: 2px 3px 3px #000;}
@media (max-width:1500px) {
	.swiper-home .swiper-slide{ padding-top: 71px;}
}
.banner{ width: 100%; height: 100%;}
.banner .bgFull{  position: absolute; display: block; top:0; left:0; width: 100%; height: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;  padding-top:90px;}
.banner .bgFull div{ width: 100%;}
.banner .bgFull span{ display: block;}
.banner .bgFull .png-01{ max-width:90%;}
.banner .bgFull .png-02{ margin-top: 5%; max-width: 50%;}
.banner .bgFull .hover{ display:none;}
.banner .bgFull a:hover .default{ display:none;}
.banner .bgFull a:hover .hover{ display:block;}
@media screen and (max-width:992px) {
}
/* ========== */
/* = HOME-SERVICE = */
/* ========== */
.home-service{ display:block; width: 100%;}
.service-text{ display: block; text-align: left; position: relative; z-index: 0;}
.service-text .con{ width:65%; max-width: 620px; position: relative; z-index: 1;}
.service-text .tit{ padding-bottom: 20px; position: relative; font-size: 30px; letter-spacing:3px;}
.service-text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 60px; height: 1px; background: #555555; }
.service-text .des{ margin-top: 5%; color: #888888; font-size: 24px; line-height: 36px; letter-spacing:2px;}
.service-text .text{ margin-top: 7%;  font-size: 24px; line-height: 50px; }
.service-text .text span{ margin-bottom: 10px; display: block; color: #e6061f;  letter-spacing:3px; font-weight: bold;}
.service-text .text p{ position: relative; padding-left: 28px; color: #858585;  letter-spacing:2px; font-size:16px; line-height:30px; margin-top:20px;}
.service-text .text p:before{ content: ""; position:absolute; top:15%; margin-top:px; left:5px; width: 8px; height: 8px; background: #e6061f; border-radius: 100%;}
.service-text .text .home-button{ margin-top:10%;}
.service-text .letter{ position: absolute; bottom: 20px; left:15%; width:60%; z-index: 0;}
.service-img{ position:absolute; bottom: 0; right:0; width:54%; height: 100%; background-image: url(../images/service_png.png); background-size: cover; background-position: top center;}
@media screen and (max-width:992px) {
		.swiper-home .swiper-slide{ padding-top: 0px;}
.home-service{ display:block; width: 100%;background-image: url(service_bg.jpg);  background-size:100% auto; background-position: top center; height: 100%; 

padding:30% 4% 0 4%; }
.service-text{ display: block; text-align: left; position: relative; z-index: 0; height: 100%;}
.service-text .con{ width:100%; max-width: 620px; position: relative; z-index: 1; height: 100%; }
.service-text .tit{ padding-bottom: 20px; position: relative; font-size: 20px; letter-spacing:3px; font-weight: bold; margin-top: 5%;}
.service-text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 60px; height: 1px; background: #555555; }
.service-text .des{ margin-top: 5%; color: #333; font-size: 15px; line-height: 26px; letter-spacing:2px;}
.service-text .text{ margin-top: 7%;  font-size: 20px; line-height: 50px; }
.service-text .text span{ margin-bottom: 10px; display: block; color: #e6061f; font-size:15px;  letter-spacing:2px; font-weight: bold;}
.service-text .text p{ position: relative; padding-left: 28px; color: #333; font-size: 15px;line-height: 26px;    letter-spacing:2px;}
.service-text .text p:before{ content: ""; position:absolute; top:22%; margin-top:-4px; left:5px; width: 8px; height: 8px; background: #e6061f; border-radius: 100%;}
.service-text .text .home-button{ margin-top:10%;}
.service-text .letter{ position: absolute; bottom: 20px; left:15%; width:60%; z-index: 0; display:none;}
.service-img{ display:none; position:absolute; bottom: 0; right:0; width:54%; height: 100%;  background-size: cover; background-position: top center;}
	.ani{ color:#fff;font-size:25px; line-height:50px; font-weight:bold;}
.ani2{ color:#fff; font-size:50px; line-height:120px;font-weight:bold;}
.ani3{ color:#fff;font-size:22px; line-height:30px;}
}
/* ========== */
/* = HOME-CASE = */
/* ========== */
.home-case{ position: relative; z-index:1; width: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; }
.home-case-text{ text-align: left;  }
.home-case-text .line{ width: 62px; height: 6px; background: #e6061f;}
.home-case-text img{ margin:30px 0 0;}
.home-case-text .des{ margin-top: 50px; font-size: 24px; line-height: 36px; color: #000000; font-weight: bold;}
.home-case-text .des .red-text{ color: #e6061f;}
.home-case-text .home-button{ margin-top:85px;}
.home-case-img { text-align: left;}
.home-case-img img{ width: 100%;}
.home-case-img .red{ padding: 30px 50px; font-size: 30px; line-height: 44px; font-weight: bold; letter-spacing: 2px; background: #e6061f; color: #FFFFFF;}
.home-case-bg1{  position: absolute; top:20px; left:-7%; width:30%; z-index:0;}
.fh-case .home-case-img{position: absolute; right:0; width: 52%; z-index:0; }
.fh-case .home-case-img .text{ padding-left: 150px;}
.fh-case .home-case-img img{ width: 100%;}
.home-case-bg2{  position: absolute; top:20px; left:44%; width:30%; z-index:0;}
.bsd-case .home-case-img{ width: 52%; text-align:right;}
.bsd-case .home-case-img .img{ padding-right: 95px;}
.bsd-case .home-case-text{ width: 44%; padding-right:15%;}
.bsd-case .home-case-img .red{ padding:50px 95px;}
.home-case-bg3{ position: absolute; top:58%; left:-4%; width:60%; z-index:0;}
.yd-case .home-case-img{ width: 100%;text-align: left; positionr:relative; z-index:1; }
.yd-case .home-case-img .img{ width:73%;}
.yd-case .home-case-img .text{ position: absolute; bottom:10px; right:0; width: 47%;}
.yd-case .home-case-img .red{ padding:50px 68px;}
.yd-case .home-button{ margin-top:12%; }
.yd-case .home-case-text{ position: relative; margin-top: 40px;}
.yadi2{ display:none;}
.anli2{display:none;}
.home-case-bg4{ position: absolute; top:50px; left:20%; width:60%; z-index:0;}
.fenzhong-case .box{ width: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.fenzhong-case .home-case-img{ margin-left: -38%; width:88%; text-align:right;}
.fenzhong-case .home-case-text{ text-align:left; padding-right: 3%;}
.fenzhong-case .home-case-text .des{ margin-top: 20px;}
.fenzhong-case .home-button{ margin-top:35px;}
.fenzhong-case .box:nth-child(2) .home-case-img{ margin-right: -38%; margin-left: 0;}
.fenzhong-case .box:nth-child(2) .home-case-img .red{  text-align:left;}
.fenzhong-case .home-case-img .text{ width:100%;}
@media screen and (max-width:992px) {
.home-case{ position: relative; z-index:1; width: 100%; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; height:auto;  }
.home-case-text{ text-align: left; margin-top:90%;  padding-left:9% }
.home-case-text .line{ width: 32px; height: 3px; background: #e6061f;}
.home-case-text img{ margin:30px 0 0;}
.home-case-text .des{ margin-top: 20px; font-size: 14px; line-height:28px; color: #000000; font-weight: bold;}
.home-case-text .des .red-text{ color: #e6061f;}
.home-case-text .home-button{ margin-top:20px;}
.home-case-img { text-align: left; width:100%; z-index:-1111; margin-top:-50%; }
.home-case-img img{ width: 100%; z-index:-1111; }
.home-case-img .red{ padding: 10px 30px; z-index:9999; width:100%;font-size: 18px; line-height: 30px; font-weight: bold; letter-spacing: 2px; background: #e6061f; color: #FFFFFF;}
.home-case-bg1{  position: absolute; top:55%; left:55%; width:50%; z-index:0;  }
.fh-case .home-case-img{position: absolute; right:0; width: 92%;  }
.fh-case .home-case-img .text{ padding-left:30px;}
.fh-case .home-case-img img{ width: 100%; z-index:-1111; }
.home-case-bg2{  position: absolute; top:59%; left:50%; width:60%; z-index:0; }
.bsd-case .home-case-img{ width: 100%; text-align:right; margin-top:15%;}
.bsd-case .home-case-img .img{ padding-right: 0px;  width:92%;}
.bsd-case. .home-case-img .img img{ width:100%; display:block;}
.bsd-case .home-case-text{ width:92%; padding-left:9%; margin-top:10%; }
.bsd-case .home-case-img .red{ padding:20px 50px;}
.bsd-case .home-case-img .red{ padding: 10px 30px; z-index:9999; width:92%; float:right;font-size: 18px; line-height: 30px; font-weight: bold; letter-spacing: 2px; background: #e6061f; color: #FFFFFF;}
.home-case-bg3{ position: absolute; top:71%; left:50%; width:60%; z-index:0;}
.yd-case .home-case-img{ width: 100%;text-align: left; positionr:relative; z-index:1; margin-top:1%; }
.yd-case .home-case-img .img{ width:92%;}
.yd-case .home-case-img .text{ position: absolute; bottom:0px; right:0; width:95%;padding-left:8%;  }
.yd-case .home-case-img .red{ padding:20px 20px;}
.yd-case .home-case-img .text .button2{ margin-top:20%;  }
.yd-case .home-button{ margin-top:29%; }
.yd-case .home-case-text{ position: relative; margin-top: 50px;padding-bottom:60px;}
.yadi2{ display:block;}
.yadi1{ display:none;}
.anli2{display:block;}
.anli1{display:none;}
.container{ width:100%; 	padding: 0 0%;}
.home-case-bg4{ position: absolute; top:20%; left:50%; width:60%; z-index:0;}
.fenzhong-case .box{ width: 100%; display:block; }
.fenzhong-case .home-case-img{ margin-left:0%; width: 100%;  text-align:right;}
.fenzhong-case .home-case-text{ text-align:left; padding-left:5%; margin-top: 10px;}
.fenzhong-case .home-case-text .des{ margin-top: 10px;}
.fenzhong-case .home-button{ margin-top:20px;}
.fenzhong-case .box:nth-child(2) .home-case-img{ margin-right: 0%; margin-left: 0;}
.fenzhong-case .box:nth-child(2) .home-case-img .red{  text-align:left; padding:20px 50px;}
.fenzhong-case .home-case-img .text{ width:100%;}
.CRO{ margin-top:8%;}
.CRO2{ margin-top:2%;}
.CRO3{margin-top:15%;}
}
/* ========== */
/* = HOME-VIDEO = */
/* ========== */
.weilai span{ margin-top: 20px; font-size: 60px; letter-spacing:2px; color: #e6061f; display:block;}
@media screen and (max-width:992px) {
.weilai span{ margin-top: 20px auto; text-align:center; font-size: 20px; letter-spacing:2px; color: #e6061f; display:block;}
	}
/* ========== */
/* = HOME-NEWS = */
/* ========== */
.home-news-slide{ padding-bottom: 320px; }
.home-news-bg{ position: absolute; top:26px; left:7%; width: 30%;}
.home-news{ width: 100%; position: relative; z-index: 1;}
.home-news .tit{ text-align: left; font-size: 30px; color: #222222; font-weight: bold; }
.home-news ul{  position: relative; margin: 25px -10px 0; }
.home-news li{ float: left; width: 33.33333%; padding: 0 10px; z-index: 1; position: relative;}
.home-news li a{ display: block; position: relative; z-index: 1; background:#FFFFFF; text-align: left;}
.home-news li .img{ width: 100%; overflow: hidden;}
/*.home-news li .img img{ width: 100%;}
.home-news li .text{ padding: 25px 30px;}
*/
.home-news li .img img{ width: auto; height:170px;}
.home-news li .text{ padding: 10px 30px;}
.home-news li .text p{ font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; color: #000000;}
.home-news li .text span{ margin-top:12px; display: none; font-size: 18px; color: #8a8a8a;}.home-news li a:hover{ background: #383838;}
.home-news li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-news li a:hover .text p{ color: #FFFFFF;}
.home-news ul li:last-child:before{ content: ""; position: absolute; z-index:0; right:-14%; top:-14%; height: 100%; width: 100%; background: #e6061f;}
@media (max-width:1500px),(max-height:750px)  {
	/* ========== */
	/* = HOME-SERVICE = */
	/* ========== */
	/* ========== */
	/* = HOME-CASE = */
	/* ========== */
}
@media screen and (max-width:992px) {
.home-news-bg{ position: absolute; top:26px; left:0%; width: 30%; display:none;}
.home-news{ width: 100%; position: relative; z-index: 1; margin-top:70px;}
.home-news .tit{ text-align: left; font-size: 18px; color: #222222; font-weight: bold; }
.home-news ul{  position: relative; margin: 15px -10px 0; }
.home-news li{ float:none; width:95%; padding: 0 10px; z-index: 1; position: relative; margin:5px auto;}
.home-news li a{ display: block; position: relative; z-index: 1; background:#FFFFFF; text-align: left;}
.home-news li .img{ width: 45%; overflow: hidden; float:left;}
.home-news li .img img{ width: 100%;}
.home-news li .text{ padding: 5px 5px;width: 50%; float:right;}
.home-news li .text p{ font-size: 16px; line-height: 25px; height: 50px; overflow: hidden; color: #000000;}
.home-news li .text span{ margin-top:10px; display: block; font-size: 16px; color: #8a8a8a;}.home-news li a:hover{ background: #383838;}
.home-news li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-news li a:hover .text p{ color: #FFFFFF;}
.home-news ul li:last-child:before{ content: ""; position: absolute; z-index:0; right:-14%; top:-14%; height: 100%; width: 100%; background: #e6061f;}
	.home-news li .text p{ font-size: 14px; }
	.home-news li .text span{ margin-top: 7px; font-size: 12px; }
}
@media (max-height:600px) {
	.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:8px 0;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ margin-top:-160px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ margin-top: 60px;}
}
@media (max-height:670px){
	.home-news-slide { padding-bottom:170px;}
	.footer{ padding: 20px 4%; }
    .footer .text{ margin-top: 14px; }
}
/* = NY = */
/* ========== */
.n_banner{width:100%;/* height:400px;*/ height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;margin-top:90px;}
.bread{ padding: 31px 0; font-size: 17px; text-align: right; color: #999999; position: relative; z-index: 1;}
.bread i{ font-style: normal; margin: 0 8px;}
.bread a{ color: #999999;}
.bread span,
.bread .red{ color: #ff0000;}
/* ========== */
/* = ABOUT = */
/* ========== */
.theme{ letter-spacing:2px; text-align: center; color: #000000; font-size: 30px;}
.theme p{ font-size:18px;letter-spacing:1px; line-height:40px;}
.about-box{ padding: 40px 0 184px; position: relative;}
.about-letter{ position: absolute; z-index: -1; top:-110px; left:-2%; width: 39%;}
.about-box .content{ position: relative;}
.about-box .content .left{ float: left; width: 64%; padding:95px 5% 195px 8%;}
.about-box .content .left .theme{ text-align: left;}
.about-box .content .left .des{ margin-top: 5%; width: 100%; padding: 5% 0; border-bottom: 3px solid #222222; border-top: 3px solid #222222; text-align: justify; line-height: 36px;}
.about-box .content .left .des p{ margin-bottom: 2%;}
.about-box .content .right{ position:absolute; right: 0; top:0; height: 100%; width: 36%; padding: 190px 0 0 0;}
.about-box .pos{ position: absolute; bottom:80px; width: 100%; left:0; }
.about-box .box{  max-width: 560px; width: 100%; margin: 0 auto; color:#FFFFFF;  background: #e6061f; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.about-box .box .video-box{ position: relative; width: 50%; cursor: pointer;}
.about-box .box .video-box>img{width: 100%; }
.about-box .box .video-box p{ position: absolute; top:50%; left:0; margin-top: -35px; text-align: center; width: 100%;}
.about-box .box .video-box p span{ display: inline-block; vertical-align: middle; letter-spacing:3px;}
.about-box .box .video-box p img{ margin: 0 10px; display: inline-block; vertical-align: middle;}
.about-box .box .red{ padding:2%; width:90%; text-align: center; background: url(../images/x_line.png) no-repeat center;}
.about-box .box .red span{ float: left; width: 50%; font-size: 22px;}
.about-box .box .red i{ font-size: 40px; display: block; font-style:normal;}
.about-box .box .red span:nth-child(1){ padding-top: 25px;}
.culture-box{ padding: 60px 0 70px; background-attachment: fixed; background-image: url(../images/culture_bg.jpg);}
.culture-box .theme{ color: #FFFFFF;}
.culture-box .container{ margin-top: 40px;}
.culture-box ul{ float: left; width:100%; }
.culture-box li{ width: 50%;float: left; background: #222222; color: #a7a7a7;  text-align: left; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; cursor: pointer;}
.culture-box li .img{ width: 50%;}
.culture-box li .img img{ width: 100%;}
.culture-box li .box{ padding:5px 30px; width: 50%;}
.culture-box li .box img{ margin: 0;}	
.culture-box li .box span{ margin-top: 18px; font-size: 22px; color: #FFFFFF; display: block;}
.culture-box li .box p{ margin-top: 10px; color:#a7a7a7; line-height: 28px;}	
.culture-box li:hover{ background: #e6061f;}
.culture-box li:hover .box p{ color:#FFFFFF;}
.honor-box1{ display:none;}	
.honor-box{ padding: 70px 0 175px; background-image: url(../images/honor_bg.jpg);}
.honor-box .container{ margin-top: 70px; max-width: 1650px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.honor-box .left{ width: 41%;}
.honor-box .left div{ padding: 0 40px; color: #666; cursor: pointer;}
.honor-box .left div p{ padding:12px 0; border-bottom: 1px solid #303030;line-height: 28px; }
.honor-box .left div a{ color: #666; }
.honor-box .left div:last-child p{ border-bottom: none;}
.honor-box .left .active{ background: #e6061f; color:#FFFFFF; font-size: 20px;}
.honor-box .left .active p{ border-bottom: none; padding: 20px 0; font-weight: bold;}
.honor-box .left .active p a{ color:#FFFFFF;}
.honor-box .left .bordernone p{ border-bottom: none;}
.honor-box .right{ width: 59%;}
.honor-box .right div{ display: none;}
.honor-box .right div.active{ display: block;}
.honor-box .right img{ width: 100%;}
.honor-box .right a{ display: block; position: relative;}
.honor-box .right a span{ position: absolute; bottom:20px; left:20px; color: #FFFFFF; font-size: 16px;}
@media (max-width:1300px) {
	.honor-box .left div{ padding:0 30px; }
	.honor-box .left .active{ font-size:17px;}
}
@media screen and (max-width:992px) {
.about-box{ padding: 20px 0 84px; position: relative;}
.about-letter{ display:none; position: absolute; z-index: -1; top:-110px; left:-2%; width: 39%;}
.about-box .content .left{ float:none; width: 90%; padding:0px 5% 155px 8%; }
.about-box .content .left .des{ margin-top: 2%; width: 100%; padding: 5% 0; border-bottom: 1px solid #222222; border-top: 1px solid #222222; text-align: justify; line-height: 28px;}
.about-box .content .left .des p{ margin-bottom: 2%; font-size:15px;}
.about-box .content .left .theme{ text-align: left; font-size:18px; font-weight:bold; line-height:30px;}
.about-box .content .right{ position:absolute; right: 0; bottom:0; height: 100%; width: 90%; display:none;}
.about-box .box .red span{ float: left; width: 50%; font-size: 16px;}
.about-box .box .red i{ font-size: 20px; display: block; font-style:normal;}
.culture-box{ padding: 60px 0 70px; background-attachment: fixed; background-image: url(../images/culture_bg.jpg);}
.culture-box .theme{ color: #FFFFFF; font-size:18px; font-weight:bold; line-height:30px;}
.culture-box .container{ margin-top: 40px;}
.culture-box ul{ float:none; width:100%; }
.culture-box li{ width: 100%; background: #222222; color: #a7a7a7;  text-align: left; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between; cursor: pointer;}
.culture-box li .img{ width: 50%;}
.culture-box li .img img{ width: 100%;}
.culture-box li .box{ padding:5px 30px; width: 50%;}
.culture-box li .box img{ margin: 0; }	
.culture-box li .box span{ margin-top: 18px; font-size: 16px; color: #FFFFFF; display: block;}
.culture-box li .box p{ margin-top: 10px; color:#a7a7a7; line-height: 25px; font-size:14px;}	
.culture-box li:hover{ background: #e6061f;}
.culture-box li:hover .box p{ color:#FFFFFF;}
.honor-box1{ display:block;}	
.honor-box2{ display:none;}
.honor-box{ padding: 0.9375rem 1.5rem 1.25rem; background-image: url(../images/about/honor_bg.jpg);}
.honor-box .theme{ text-align: center;font-size:18px; font-weight:bold; line-height:30px; }
.honor-box li{ border-bottom:1px solid #332e2e; text-align: center; padding:15px 0px;}
.honor-box li .tit{ position: relative; z-index: 1; padding: 0.3125rem 0; font-size: 0.88rem; line-height: 1.29rem;  color: #666666; letter-spacing:0.02083333rem; text-align:left;}
.honor-box li .con{ display: none; position:relative; margin-bottom: 0.52083333rem;}
.honor-box li .con img{ width: 100%;}
.honor-box li .con span{ position: absolute; bottom: 0.3125rem; left:0.3125rem; font-size: 0.38rem; color: #FFFFFF;}
.honor-box li.active .tit{ margin-top: 0.46875rem; font-size: 0.88rem; line-height:0.66rem;padding:20px 0px; background: #e6061f; font-weight:bold;  color: #FFFFFF;}
.honor-box li.active .con{ margin-top:-0.08rem; display: block;}
}
/* ========== */
/* = JOIN = */
/* ========== */
.join-box{ padding-top: 50px; padding-bottom:120px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;  position:relative;}
.join-box .bg{ position: absolute; top:-90px; left:0; width:30%;}
.join-box .left{ width: 40%;}
.join-box .left .theme{ text-align:left;}
.join-box .left .con div{ margin-top:10%; float: left; width: 50%; padding-right: 10px;}
.join-box .left .con div span{ font-size: 24px; color: #000;}
.join-box .left .con div p{ margin-top: 10px; line-height: 32px; color: #222222; }
.join-box .right{ width:85%; margin-right: -25%;}
.join-list .content{ margin: 40px 0; border-top: 2px solid #222222;}
.join-list .box{ border-bottom: 2px solid #222222; padding: 45px 0;}
.join-list .box .tit{ font-size: 24px; color: #000000; font-weight: bold;}
.join-list .box .con{ margin-top: 30px;  line-height: 36px;}
.join-contact{ padding: 80px 0 65px; line-height: 36px;}
.join-contact .tit{ margin-bottom: 15px; font-weight: bold; }
.join-contact a:hover{ color:#e6061f;}
.zhuanye{ background:url(zhuanye.png) no-repeat left top; padding-left:30px;}
.zhuanzhu{ background:url(zhuanzhu.png) no-repeat left top; padding-left:30px;}
.cheng{ background:url(cheng.png) no-repeat left top; padding-left:30px;}
.zi{ background:url(zi.png) no-repeat left top; padding-left:30px;}
@media screen and (max-width:992px) {
.join-box{ padding-top: 30px; padding-bottom:50px; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;  position:relative;}
.join-box .bg{ display:none; position: absolute; top:-90px; left:0; width:30%;}
.join-box .left{ width: 90%; margin:0 auto;}
.join-box .left .theme{ text-align:left;  font-weight:bold;  font-size:21px;}
.join-box .left .con div{ margin-top:7%; float: left; width: 50%; padding-right: 0px;}
.join-box .left .con div span{ font-size: 16px; font-weight:bold;}
.join-box .left .con div p{ margin-top: 10px; line-height: 32px; color: #222222; font-size:14px; }
.join-box .right{ width:100%; margin-right: -0%;}
.join-list .content{ margin: 40px 0; border-top: 2px solid #222222; width:90%; margin:0 auto;}
.join-list .theme{  font-weight:bold;  font-size:21px;}
.join-list .box{ border-bottom: 2px solid #222222; padding: 45px 0;}
.join-list .box .tit{ font-size: 17px; color: #000000; font-weight: bold;}
.join-list .box .con{ margin-top: 30px;  line-height: 28px;}
.join-contact{ padding: 60px 0 65px; line-height: 28px;width: 90%; margin:0 auto;}
.join-contact .tit{ margin-bottom: 15px; font-weight: bold;font-size: 15px;  }
.join-contact a:hover{ color:#e6061f;}
.join-list .box p{ font-size: 14px;  line-height: 28px;}
.join-list .theme p{ font-size: 14px;  line-height: 28px; font-weight:normal;}
.join-contact p{ font-size: 14px;  line-height: 28px;}
	}
.case-box{ padding: 40px 0 104px; position: relative;}
.case-letter{ position: absolute; z-index: -1; top:-90px; left:0.5%; width: 55%;}
.w1200{ width:1200px; margin:0 auto;}
.anli-l{ float:left; width:740px; height:450px; background:url(anli-l.jpg) no-repeat center;}
.anli-l p{ color:#fff; line-height:70px; font-size:40px; font-weight:bold; padding:140px 0px 0px 30px; }
.anli-r{ float:right; width:400px;}
.anli-r p{ color:#333; font-size:17px; line-height:35px; margin-top:40px;}
.anli-r ul li{background:url(dd.png) no-repeat center left; padding-left:20px; line-height:35px; }
.anli-r ul li b{ font-weight:bold;}
.anli-z{ margin-top:50px;}
.anli-z p{color:#333;padding-left:30px; line-height:105px; font-size:24px; font-weight:bold;}
.anli-z span{ color:#333; line-height:37px; font-size:17px;background:url(dd.png) no-repeat center left; padding-left:20px; }
.anli-z .d1{color:#333;background:url(d1.png) no-repeat center left; }
.anli-z .d2{color:#333;background:url(d2.png) no-repeat center left; }
@media screen and (max-width:992px) {
.n_banner{ height:180px; margin-top:50px;}
.bread{ padding: 25px 30px; font-size: 17px; text-align: right; color: #999999; position: relative; z-index: 1;}
.bread i{ font-style: normal; margin: 0 8px;}
.bread a{ color: #999999;}
.bread span,
.bread .red{ color: #ff0000;}
.case-box{ padding: 20px 0 104px; position: relative;}
.case-letter{ display:none; position: absolute; z-index: -1; top:-90px; left:0.5%; width: 55%;}
.w1200{ width:100%; margin:0 auto;}
.anli-l{ float:none; width:99%; margin:0 auto; height:400px; background:url(anli-l.jpg) no-repeat center;}
.anli-l p{ color:#fff; line-height:70px; font-size:25px; font-weight:bold; padding:140px 0px 0px 20px; }
.anli-r{ float:none; width:90%; margin:0 auto;}
.anli-r p{ color:#333; font-size:14px; line-height:28px; margin-top:20px;}
.anli-r ul li{background:url(dd.png) no-repeat center left; padding-left:20px; line-height:28px;font-size:14px; }
.anli-r ul li b{ font-weight:bold;}
.anli-z{ margin-top:50px; width:90%; margin:0 auto;}
.anli-z p{color:#333; padding-left:30px; line-height:85px; font-size:20px; font-weight:bold;}
.anli-z span{ color:#333; line-height:28px; font-size:14px;}
.anli-z .d1{color:#333;background:url(d1.png) no-repeat center left; padding-left:30px; line-height:85px; font-size:20px; font-weight:bold;}
.anli-z .d2{color:#333;background:url(d2.png) no-repeat center left; padding-left:30px; line-height:85px; font-size:20px; font-weight:bold;}
}
.cantact-box{ 

padding: 20px 0 84px; position: relative;}
.contact-letter{ position: absolute; z-index: -1; top:-110px; left:-1%; width: 43%;}
.cantact-box h1{color:#000; font-size:22px; line-height:28px; margin-top:20px; text-align:center; font-weight:bold; margin-bottom:30px;}
.contact-l{ float:left; width:615px; height:330px;}
.contact-r { color:#000000; font-size:17px;line-height:50px; width:555px; float:right; padding-top:30px;}
.contact-r .ditu1{ background:url(ditu1.png) no-repeat center left; padding-left:70px; }
.contact-r .ditu2{background:url(ditu2.png) no-repeat center left; padding-left:70px; }
.contact-r ul { margin-top:30px;}
.contact-r ul li{ float:left; color:#000000; font-size:15px;line-height:30px; text-align:center; margin:16px 0px 0px 15px;}
.contact-r ul li a:hover{ color:#f00;}
.business-form{  margin: 0 auto; padding:40px 0 30px;}
.business-form .tit{ float: left; margin-top: 15px;}
.business-form .right .fl{ float: left;}
.business-form .right .in{ margin-top: 15px; width:22.3%; margin-right:1.5%; margin-left:1.5%; font-size: 16px; line-height: 34px;}
.business-form .right .in:nth-child(2n){ margin-right:0; }
.business-form .right .in i{ margin-right: 2px; font-style: normal;  color:#e6061f;}
.business-form .right .in .inp{ display: block; width: 100%; height: 36px; padding:5px 10px; border: none; background: #f5f5f5; line-height: 26px; border-radius: 6px; }
.business-form .right .in select{ display: block; width: 100%; height: 36px; border: none; background: #f5f5f5; border-radius: 6px; }
.business-form .right .frcont_liaojie{  margin-top: 25px; width:100%;}
.business-form .right span{ display:inline-block; vertical-align:middle;}
.business-form .right label{ margin-left: 20px; display:inline-block; vertical-align:middle;}
.business-form .right label .radio{ margin-right: 5px; display: inline-block; vertical-align: middle; width: 14px; height:14px;}
.business-form .right .in label .inp{ width:120px; height: 36px; padding:5px 10px; border: none; background: #f5f5f5; line-height: 26px; border-radius: 6px; }
.business-form .right .in-text{ width:100%; }
.business-form .right textarea{ width:97%; height: 80px; display: block; border: none; background: #f5f5f5; line-height: 26px; padding: 10px; border-radius: 6px; }
.business-form .right .button{ text-align:center; display:block; margin:40px auto; background: none; padding: 0 40px; line-height: 40px; font-size: 16px; color: #6e6e6e; border:2px solid #6e6e6e;}
.business-form .right .button:hover{ color: #dd061f; border: 2px solid #dd061f;}
.business-form .right .tip{ margin-top: 25px; background: url(../images/ico_tip.png) no-repeat left; padding-left: 25px; line-height: 30px;font-size: 16px;}
.business-form .right .tip a:hover{ color: #dd061f;}
@media only screen and (max-width:992px) {
.cantact-box{ 

padding: 20px 0 84px; position: relative;}
.contact-letter{ display:none; position: absolute; z-index: -1; top:-110px; left:-1%; width: 43%;}
.cantact-box h1{color:#000; font-size:18px; line-height:28px; margin-top:0px; text-align:center; font-weight:bold; margin-bottom:30px;}
.contact-l{ float:none; width:100%; height:auto;}
.contact-r { color:#000000; font-size:14px;line-height:40px; width:90%; float:none; margin-top:20px;}
.contact-r .ditu1{ background:url(ditu1.png) no-repeat center left top; padding-left:70px; }
.contact-r .ditu2{background:url(ditu2.png) no-repeat center left top 30px; padding-left:70px; }
.contact-r ul li{ float:none; color:#000000; font-size:15px;line-height:30px; text-align:center; margin:10px 0px 0px 15px;}
.contact-r ul li a:hover{ color:#f00;}
.business-form{  margin: 0 auto; padding:20px 0 20px;width:90%;}
.business-form .right .in{ margin-top: 10px; width:100%; margin-right:0%; font-size: 16px; line-height: 34px;}
.business-form .right textarea{ width:100%; }
.contact-info{ margin: 0 auto; padding: 30px 0 50px;}
.contact-info ul{ margin-top:20px;}
.contact-info li{ float: left; margin-right: 40px; font-size: 16px; line-height: 26px;}
.contact-info li .box{ margin-bottom: 20px;} 
}
.compete-value{padding: 20px 0 104px; position: relative;}
/*.compete-value p{ color:#222222; font-size:18px; width:900px; line-height:42px; text-align:center; margin:30px auto;  }
*/
.neiqu{ color:#222222; font-size:18px; width:900px; line-height:180%;  margin:30px auto;  }
.value-letter{ position: absolute; z-index: -1; top:-110px; left:-1%; width: 40%;}
.compete-value ul{ margin-top: 140px; background-image: url(../images/compete_bg.jpg);}
.compete-value li{ float: left; width: 16.666666666%; color: #FFFFFF; border-left: 1px solid rgba(255,255,255,.4); padding: 2% 3% 2% 2%; text-align: justify; text-align:center;}
.compete-value li:first-child{ border-left: none;}
.compete-value li:nth-child(2n){ padding: 2% 3% 2% 2%;}
.compete-value li span .default{ display: block;}
.compete-value li span .hover{ display: none;}
.compete-value li span img{ margin:0 auto; text-align:center;}
.compete-value li .tit{ margin-top: 45px; font-size:24px;}
.compete-value li .des{ margin-top: 30px; line-height: 30px; min-height:120px;}
.compete-value li:hover{ background: #e6061f;}
.compete-value li:hover span .default{ display: none;}
.compete-value li:hover span .hover{ display: block;}
@media (max-width:1500px) {
	.compete-value li{ min-height: 360px;}
	.compete-value li .tit{ margin-top: 30px; font-size: 22px;}
	.compete-value li .des{ margin-top: 20px;}
}
@media only screen and (max-width:992px) {
.compete-value{padding: 20px 0 84px; position: relative;}
.compete-value p{ color:#222222; font-size:15px; width:90%; line-height:27px; text-align:center; margin:25px auto;  }
.value-letter{ display:none; position: absolute; z-index: -1; top:-110px; left:-1%; width: 40%;}
.compete-value ul{ margin-top:60px; background-image: url(../images/compete_bg.jpg); }
.compete-value li{ border-bottom:1px solid rgba(255,255,255,.4); margin:0 auto; float:none; width:100%; color: #FFFFFF; border-left:none; padding: 2% 2% 1.5% 2%; text-align:center; text-align:center; min-height: 190px;}
.compete-value li:first-child{ border-left: none;}
.compete-value li:nth-child(2n){ padding: 2% 2% 1% 2%;}
.compete-value li span .default{ display: block;}
.compete-value li span .hover{ display: none;}
.compete-value li span img{ margin:0 auto; text-align:center;}
.compete-value li .tit{ margin-top: 15px; font-size:20px;}
.compete-value li .des{ margin-top: 20px; line-height: 30px; min-height:0px;}
.compete-value li:hover{ background: #e6061f;}
.compete-value li:hover span .default{ display: none;}
.compete-value li:hover span .hover{ display: block;}
}
.lietou-box{ padding: 40px 0 104px; position: relative;}
.w1200{ width:1200px; margin:0 auto;}
.lietou-l{ float:left; width:545px; height:auto; }
.lietou-l p{ color:#333; font-size:16px; line-height:35px; margin-top:10px;}
.lietou-r{ float:right; width:600px;}
.lietou-z{ margin-top:50px;}
.lietou-z h1{color:#000; font-size:24px; line-height:28px; margin-top:20px; text-align:center; font-weight:bold; margin-bottom:30px;}
.fuwu{  padding:40px 0; overflow:hidden}
.fuwu ul { width:1200px; margin:0 auto;text-align:center}
.fuwu ul li{ float:left; width:171px; text-align:center}
.fuwu ul li i { display:block; transition:all 0.6s}
.fuwu ul li:hover i{ transform: translateY(5px); transition:all 0.6s}
.fuwu ul li:hover h3{transform: translateY(-5px); transition:all 0.6s}
.fuwu ul li h3{ font-weight:normal; font-size:18px; line-height:55px; color:#000;transition:all 0.6s}
.fuwu ul li p{ font-size:14px; color:#999; line-height:23px}
.sy_gdhb h1{color:#000; font-size:24px; line-height:28px; margin-top:20px; text-align:center; font-weight:bold; margin-bottom:30px;}
.sy_gdhb { width:100%; margin:0px auto 50px auto;}
.sy_gdhb ul { margin-top:40px;}
.sy_gdhb ul li { width:12.499999%; float:left; margin:0%; border:1px solid #ebebeb;}
.sy_gdhb ul li img { width:100%; height:auto;}
.sy_gdhb ul li:hover{ background:#fff;box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}
@media only screen and (max-width:1500px){
.sy_gdhb ul li { width:16.666666%; float:left; margin:0%;}
.sy_gdhb ul li img { width:100%; height:auto;}		
}
@media screen and (max-width:992px) {
.lietou-box{ padding: 20px 0 84px; position: relative;}
.w1200{ width:100%; margin:0 auto;}
.lietou-l{ float:none; width:90%; height:auto;margin:0 auto; }
.lietou-l p{ color:#333; font-size:15px; line-height:30px; margin-top:10px;}
.lietou-r{ float:none; width:100%;}
.lietou-z{ margin-top:40px;}
.lietou-z h1{color:#000; font-size:18px; line-height:28px; margin-top:20px; text-align:center; font-weight:bold; margin-bottom:30px;}
.fuwu{  padding:40px 0; overflow:hidden}
.fuwu ul { width:100%; margin:0 auto;text-align:center}
.fuwu ul li{ float:left; width:47%; text-align:center; margin:1.2%}
.fuwu ul li i { display:block; transition:all 0.6s}
.fuwu ul li:hover i{ transform: translateY(5px); transition:all 0.6s}
.fuwu ul li:hover h3{transform: translateY(-5px); transition:all 0.6s}
.fuwu ul li h3{ font-weight:normal; font-size:16px; line-height:55px; color:#000;transition:all 0.6s}
.sy_gdhb h1{color:#000; font-size:18px; line-height:28px; margin-top:20px; text-align:center; font-weight:bold; margin-bottom:30px;}
.sy_gdhb { width:100%; margin:0px auto 30px auto;}
.sy_gdhb ul { margin-top:20px;}
.sy_gdhb ul li { width:49.9999%; float:left; margin:0%;}
.sy_gdhb ul li img { width:100%; height:auto;}
}
.service_content1{ width:1200px; margin:20px auto; border-bottom:1px solid #d3d3d3; height:80px;}
.service_content1 .title{ float:left; color:#b1b1b1; font-size:14px;   background: url(../images/qiyet.jpg) left no-repeat; padding-left:60px; }
.service_content1 .title p{color:#222222; font-size:25px; line-height:35px;  }
.service_content1 .tab_title{ float:left; margin-left:120px;}
.clearfloat_L li{ float:left;height:80px; margin:0px 30px 0px 30px;line-height:80px; }
.clearfloat_L li:hover{ color:#f00; border-bottom:1px solid #f00; }
.floatL{color:#f00;border-bottom:1px solid #f00;}
.service_content{ padding-top:40px;}
.service_content{width:1200px; margin:20px auto;}
.service_content p{ font-size:18px; color:#000;font-weight:bold; text-align:center; border-bottom:2px solid #f00; width:82px; line-height:45px; margin:0 auto;}
.service_content h6{ font-size:16px; color:#444;text-align:center; font-weight:normal; line-height:45px;}
.service_content ul li{  border-bottom:1px solid #d3d3d3; height:120px; margin-top:30px;}
.sjdy-l{ float:left; width:10%;}
.sjdy-r{ float:right;  width:87%;}
.ren1{ color:#222222; font-size:17px; font-weight:bold; border-bottom:2px solid #000; width:110px; padding:0px 0px; line-height:45px; text-align:center;}
.sjdy-r h5{ color:#333333; font-size:15px; font-weight:normal;line-height:35px; }
.ren{color:#222222; font-size:17px; font-weight:bold; border-bottom:2px solid #000; width:110px; padding:0px 0px; line-height:40px; text-align:center;}
.ren2{color:#222222; font-size:17px; font-weight:bold; border-bottom:2px solid #000; width:80px; padding:0px 0px; line-height:40px; text-align:center;}
.service_content3{ width:100%; background:#f7f7f7; height:340px; margin-top:40px; padding-top:30px;}
.service_content3 p{ font-size:18px; color:#000;font-weight:bold; text-align:center; border-bottom:2px solid #f00; width:82px; line-height:45px; margin:0 auto;}
.service_content3 h6{ font-size:16px; color:#444;text-align:center; font-weight:normal; line-height:45px;}
.service_content3 ul{ width:1200px; margin:30px auto;}
.service_content3 ul li{ float:left;}
.qybg{ width:170px; height:50px; background:url(qiyebg.png) no-repeat center; color:#fff; text-align:center; line-height:50px; margin-top:20px;}
.expert{ padding:40px 0 80px; position: relative;}
.expert-letter{ position: absolute; z-index: 0; top:-90px; left:-20px; width: 37%;}
.expert .content{ position: relative; z-index: 1; max-width: 1695px; margin: 0 auto; padding: 0 30px;}
.expert li{ margin-top: 58px; margin:0 auto; width:100%; padding: 0 30px;}
.expert li a{ display: block; text-align: center;}
.expert li .img{ overflow: hidden;}
.expert li .img img{ width: 100%;}
.expert li .tit{ margin-top: 25px; font-size:26px;}
.expert li .des{  margin-top: 15px;}
.expert li a:hover .img img{  transform: scale(1.1); -webkit-transform: scale(1.1);}
.expert li a:hover .tit{  color: #e6061f;}
@media screen and (max-width:992px) {.expert-letter{ display:none; position: absolute; z-index: 0; top:-90px; left:-20px; width: 37%;}
	.expert li{ margin-top: 58px; float:none; margin:0 auto; width:98%; padding: 0 10px;}
.expert li a{ display: block; text-align: center;}
.expert li .img{ overflow: hidden;}
.expert li .img img{ width: 100%;}
.expert li .tit{ margin-top: 20px; font-size:20px;}
.expert li .des{  margin-top: 15px;}
	}
.index-servers{
	padding: 60px 0;
}
.indexPart5 {
	position: relative;
	/*padding-bottom: 180px;*/
	width: 100%;
	overflow: hidden;
	margin-top: 58px;
}
.indexPart5 .swiper-slide .img, 
.indexPart5 .swiper-slide .container2{
	transition: All 0.5s ease;
   -webkit-transition: All 0.5s ease;
   -moz-transition: All 0.5s ease;
   -o-transition: All 0.5s ease;
}
.indexPart5 .swiper-slide .container2{
	display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column; 
    justify-content: center;
    -webkit-justify-content: center;
    background: #fff;
}
.indexPart5 .swiper-slide {
	/*min-height: 615px;*/
	position: relative;
}
.indexPart5 .swiper-slide .img {
	width: 43.75vw;
	position: relative;
	left: 29.16vw;
	opacity: .3;
	padding-bottom: 17px;
}
.indexPart5 .swiper-slide .img:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: -17px;
	bottom: 0;
	background: #f4f4f4;
	opacity: 0;
}
.indexPart5 .swiper-slide .container2 {
	position: absolute;
	z-index: 10;
	left: 0rem;
	right: auto;
	top: 0;
	bottom: auto;
	height: 100%;
	width: 280px;
	opacity: 0;
	visibility: hidden;
}
.indexPart5 .swiper-slide .container2 a.title {
	text-transform: uppercase;
	font-size: 21px;
	line-height: 42px;
	color: #222;
}
.indexPart5 .swiper-slide .container2 a.title h2 {
	font-size: 32px;
}
.indexPart5 .swiper-slide .container2 p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	/*width: 190px;*/
	padding: 30px 0;
	min-height: 200px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.indexPart5 .swiper-slide .container2 a.more {
	width: 134px;
	height: 34px;
	line-height: 34px;
	background: #e60720;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center; margin-top:20px;
}
.indexPart5 .swiper-slide .container2 a.more span {
	padding-right: 38px;
	background: url("../images/img5_1.png") right center no-repeat;
	background-size: 5px;
}
.indexPart5 a.arrow {
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	z-index: 10;
	left: auto;
	right: auto;
	top: 50%;
	bottom: auto;
	margin-top: -32px;
	background: center no-repeat;
	background-size: cover;
}
.indexPart5 a.arrow.prev {
	left: 50%;
	margin-left: -38.125vw;
	background-image: url("../images/left.png");
}
.indexPart5 a.arrow.next {
	right: 50%;
	margin-right: -38.125vw;
	background-image: url("../images/right.png");
}
.indexPart5 .list {
	width: 218.75vw;
	position: relative;
	left: 50%;
	margin-left: -109.375vw;
}
.indexPart5 .swiper-slide img {
	position: relative;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	min-height: 450px;
}
.indexPart5 .swiper-slide-next .img {
	left: 0;
}
.indexPart5 .swiper-slide-active .img {
	left: 20.46875vw;
	opacity: 1;
}
.indexPart5 .swiper-slide-active .img:before {
	opacity: 1;
}
.indexPart5 .swiper-slide-active .img img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}
.indexPart5 .swiper-slide-active .container2 {
	opacity: 1;
	visibility: visible;
	left: 4.29vw;
	transition-delay: .5s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	transition-duration: 1.5s;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
}
@media screen and (max-width:992px) {
.indexPart5 {
	margin-top: 28px;
}
	.index-servers{padding: 0px 0;}
	.indexPart5 .swiper-slide .img{width: 82vw;}
	.indexPart5 .swiper-slide img{min-height: 260px;}
	.indexPart5 a.arrow{width: 32px;height: 32px;margin-top: -16px;}
	.indexPart5 a.arrow.next{right: 0;margin-right: 0;}
	.indexPart5 a.arrow.prev{left: 0;margin-left: 0;}
	.indexPart5 .swiper-slide .container2{padding-left: 35px;     background: #F2F2F2;}
	.indexPart5 .swiper-slide .container2 a.title{font-size: 20px;}
	.indexPart5 .swiper-slide .container2 p{padding: 10px 0;min-height: 130px;font-size: 14px;line-height: 26px;}
}
.icon img{position: absolute; width: 100%; left: 0; top: 0;}

li .i1{transition: 400ms;}

li .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}

li:hover .i2,li.on .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}

li:hover .i1,li.on .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.boxbg,.effect-img span{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.relative{position: relative;}
.ptb3{padding: 3% 0;}
.ptb6{padding: 8% 0;}
.ptb5{padding: 5% 0;}
.mb3{margin-bottom: 3%;}
.mb5{margin-bottom: 5%;}
.title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.whitebg{background-color: #fff;}
.white{color: #fff;}
.light{font-weight: 100;}
.zindex{z-index: 3; position: relative;}
.w1600{max-width:1600px; min-width:320px; margin:0px auto;}
.renshi{padding: 0px 0 104px; position: relative;}
.f42{display: block; font-size: 42px; line-height: 50px;}
.Flexibleinfo .pic{width: 50%; float: left;}
.Flexibleinfo .pic img{display: block; width: 100%;}
.Flexibleinfo .con{width: 36%; float: right; margin: 2.5% 8.333% 0 0;}
.Flexibleinfo .con .name i{display: block; width: 72px; height: 1px; background: #2d6dc1; margin-bottom: 40px;}
.Flexibleinfo .con .info{font-size: 16px; line-height: 30px; color: #666;}
.Fspecial{ margin-top:40px;}
.BackStyle{background-repeat: no-repeat; background-position: center top; background-size: 100% auto;}
.Fspecial .list{border-radius: 10px; background: #fff; box-shadow: 0 3px 20px rgba(0,0,0,0.12); margin-top:60px;}
.Fspecial li{width: 20%; float: left; text-align: center; background: url(../images/line4.png) no-repeat right center;}
.Fspecial li:nth-child(4n){background: none;}
.Fspecial li .con{padding: 36px 20px; font-size: 20px; line-height: 30px; color:#333;}
.Fspecial li .icon{width: 141px; height: 141px; margin: 0 auto 10px;}
.SceneSlider li{width: 25%; float: left;}
.SceneSlider li .con{/*padding: 56px 50px 0; */height: 330px; position: relative; margin: 0 1px;}
.SceneSlider li .con .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background: rgba(0,0,0,0.5);}
.SceneSlider li .con .info{font-size: 20px; color: #fff; line-height: 35px; min-height: 105px; margin-bottom: 34px;}
.SceneSlider li .con .icon{width: 88px; height: 88px;}
.SceneSlider li:hover .con .mask{background: rgba(0,0,0,0.76);}
.biaoti{ color:#161616; font-size:24px; font-weight:bold; margin:30px auto; text-align:center; line-height:35px;}
.biaoti2{ color:#fff; font-size:24px; font-weight:bold; margin:30px auto; text-align:center; line-height:35px;}
.biaoti3{ color:#fff; font-size:20px;  margin:30px auto; text-align:center; line-height:35px;}
@media ( max-width:1640px){
  .w1600{padding:0 15px;}
  .auto{margin: 0 15px;}
}
}
@media ( max-width:1640px){
  .f42{font-size: 30px; line-height: 36px;}
  .Flexibleinfo .con .name i{margin-bottom: 20px;}
  .Flexibleinfo .con{margin-right: 15px; width: 45%;}
  .Fspecial li .con{font-size: 20px;}
  .Freason .list li .name{font-size: 16px;}
  .Freason .list li .name span,.Fsystem li .con .name{font-size: 24px;}
  .SceneSlider li .con{padding: 35px 25px; height: 200px;}
  .SceneSlider li .con .icon{width: 70px; height: 70px;}
  .SceneSlider li .con .info{font-size: 16px; line-height: 30px;}
  .Fsystem li .con .name .num{font-size: 40px;}
}
@media ( max-width:1024px){
  .f42{font-size: 24px; line-height: 30px;}
  .Flexibleinfo .con{margin-top: 0;}
  .Flexibleinfo .con .name i{width: 30px;}
  .Fspecial li .icon,.Fadvantage li .icon,.Fsystem li .con .icon{width: 100px; height: 100px;}
  .Fspecial li .con,.Fadvantage li .con{font-size: 16px; line-height: 24px; padding: 20px 15px;}
  .Fspecial .list{border-radius: 10px; background: #fff; box-shadow: 0 3px 20px rgba(0,0,0,0.12); margin-top:10px;}
}
@media ( max-width:768px){
  .Flexibleinfo .pic,.Flexibleinfo .con{width: auto; float: none;}
  .Flexibleinfo .con{margin: 0 15px;}
  .Fspecial li .icon, .Fadvantage li .icon, .Fsystem li .con .icon{width: 60px; height: 60px;}
  .Fsystem li .con .icon{margin-top: -30px;}
  .biaoti{ color:#161616; font-size:20px; font-weight:bold; margin:20px auto; text-align:center; line-height:35px;}
.biaoti2{ color:#fff; font-size:20px; font-weight:bold; margin:0px auto; text-align:center; line-height:35px;}
.biaoti3{ color:#fff; font-size:16px;  margin:0px auto; text-align:center; line-height:30px;}
}
@media ( max-width:640px){
  .Fsystem li .effect-img, .Fsystem li .box{height: 178px;}
  .Fspecial li .con, .Fadvantage li .con{font-size: 14px;}
  .SceneSlider li{width: 50%;}
  .SceneSlider li .con{/*padding: 20px;*/ height: 150px; margin: 1px;}
  .SceneSlider li .con .icon{width: 50px; height: 50px; margin-top:-50px;}
  .SceneSlider li .con .info{font-size: 14px; line-height: 24px; min-height: 78px;}
}
@media ( max-width:480px){
  .f42{font-size: 20px;}
  .BackStyle{background-size: 100% 150px;}
  .Fspecial li{width: 50%;}
  .Fspecial li:nth-child(2n){background: none;}
}
/*my*/
/* ========== */
/* = NEWS-DETAIL = */
/* ========== */
.news-detail{ padding: 45px 0 145px;}
.news-detail-top{ position: relative; padding-right: 170px;}
.news-detail-top .title{  font-size: 24px; font-weight: bold; line-height:48px; color: #333333;}
.news-detail-top .source{ margin-top: 40px; color:#999999;}
.news-detail-top .source span{ position: relative; display:inline-block; padding-left: 40px; line-height: 30px;}
.news-detail-top .source span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
.news-detail-top .source span:nth-child(1){ margin-right: 50px; }
/*.news-detail-top .source span:nth-child(1):before{ background-image: url(ico_article.png);}*/
.news-detail-top .source span:nth-child(1):before{ background-image: url(ico_date.png);}
.news-detail-top .share{ position: absolute; right:20px; top:-5px; height:60px; width: 60px; background-image: url(../images/ico_share.png); background-size: cover;}
.news-detail-top .share:hover{ background-image: url(ico_shareh.png);}
.news-detail-top .share:hover .bshare-custom{ display: block;}
.news-detail-top .share .bshare-custom{ display: none; padding-bottom: 20px; position:absolute; top:60px; left:50%; margin-left: -50px; width: 100px; border:2px solid #d7d7d7;}
.news-detail-top .share .bshare-custom span{ padding-top:20px; display: block;padding-left: 15px;}
.news-detail-top .share .bshare-custom a{ margin-right: 10px;  font-size: 20px; line-height: 20px; height: 20px; padding-left:27px; background-position:left;}
.news-detail-top .share .bshare-custom .bshare-weixin{ background-image: url(../images/ico_weixin_black.png);}
.news-detail-top .share .bshare-custom .bshare-sinaminiblog{ background-image: url(../images/ico_weibo_black.png);}
#bsWXBox{ box-sizing: content-box; }
.news-article{ margin-top: 80px; line-height: 36px; color: #666666;}
.news-article p{ margin-top: 20px;}
@media ( max-width:780px){
.news-detail{ padding: 10px }
.news-detail-top .title{  font-size: 20px; font-weight: bold; line-height:30px; text-align:center;}
.news-detail-top .source{ margin-top:15px;}
}
/* ========== */
.media-list{ padding: 40px 0 80px;}
.media-list .theme{ position:relative;}
.media-list .theme .video { position:absolute; top:-100%; width: 39%;}
.media-list ul{ margin-bottom: 55px;}
.media-list li{ margin-top: 75px;}
.media-list li a{ display: block; display: flex; flex-flow: wrap; align-items: center; justify-content: space-between;}
.media-list li .img{ width: 39%; overflow: hidden;}
.media-list li .img img{ width: 100%;}
.media-list li .text{ width: 61%; padding:0 5%; }
.media-list li .tit{ max-width: 460px; font-size: 20px; color: #333333; line-height: 40px; max-height: 88px; overflow: hidden;}
.media-list li .source span{ margin-top: 20px; display: block; position: relative; color:#999999; padding-left: 45px; line-height: 30px;}
.media-list li .source span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
/*.media-list li .source span:nth-child(1):before{ background-image: url(ico_article.png);}*/
.media-list li .source span:nth-child(1):before{ background-image: url(ico_date.png);}
.media-list li a:hover .img img{  transform: scale(1.1); -webkit-transform: scale(1.1);}
.media-list li a:hover .tit{  color: #e6061f;}
.bread .container a:nth-last-child(1){ color:#ff0000;}