@charset "utf-8";
/* CSS Document */
@import url("animate.min.css");
@import url("iconfont.css");
body { font-family:"Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;color: #555;margin: 0px; font-size:0.12rem;line-height: 0.20rem;padding: 0px; background: #191818;}
a{ font-family:"Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;text-decoration: none; color: #3a3c49; font-size:0.13rem;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,menu{ display: block; margin: 0px;}
a:hover {font-family:"Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;  text-decoration: none; color: #555;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;  }
h1,h2,h3,h4,h5,h6{display:block;padding:0px;margin: 0px;color:#555;font-family:"Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;}
p,ul,ol,li,form,img,dl,dt,dd,em,i{margin:0;padding:0;border:0;font-family:"Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;}
em,i { font-style: normal; }
s{text-decoration: none;}
img{ border: 0px !important; max-width: 100%;}
input,button,select { margin: 0; font-size: 0.13rem; vertical-align: middle; outline: none;font-family:"Microsoft Yahei", "宋体", Tahoma, 'Simsun', Arial, Helvetica, sans-serif;}
dl,dt,ul,ol { margin: 0px; display: block; padding: 0px; list-style: none;    color: #7affdb;text-align: center; }
h1 { }
h2 { padding: 0px;  display: block; font-weight: normal; }
h3 { padding: 0px; margin: 0px; display: block; }
h4 {padding: 0px; margin: 0px; display: block; }
h5 { }
h6 { }
.scroll{width:30px;height:30px; padding:10px;position:fixed;right:10px;bottom:60px;cursor:pointer; color:#008f62; font-size:14px; line-height:16px;}
.scroll s{display:block; width:30px; height:20px;background:url(../images/huadong.png) no-repeat 0 0; margin:0 auto;}
.w90{width: 90%; margin: 0 auto;}
.w1200{width: 1200px; margin: 0 auto;}
@media (max-width:1100px) {
    body{font-size: 0.5rem; line-height: 1rem;}
    a,p,ul,dl,li,ol,em,i,form,input,textarea{font-size: 0.5rem;color: #fff;padding: 5px;}
	.w90{width: 94%;
		line-height: 1rem;
		text-align: center;}
	.w1200{width: 94%;}
}
/*Pagination*/
#Pagination {padding: 50px 0px 50px 0px;}
#Pagination a {display:inline-block; margin-right: 6px;  height: 24px; line-height: 24px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(pie.htc); padding: 10px 15px; border: 1px solid #ecedf4; font-size: 14px; font-weight: bolder; behavior: url(pie.htc); color:#fff;}
#Pagination a:nth-of-type(1){display: inline-block;margin: 0px; padding: 0;height: 45px;border: 0px;}
#Pagination a:nth-of-type(1):hover{padding: 0px;margin: 0px; height: 45px;border: 0px; background: none;}
#Pagination a:nth-of-type(1) b { color:#000; background: none;margin: 0px;}
#Pagination a:hover { display:inline-block;;  background:#000; border: 1px solid #3a3c49; color: #fff;  height: 24px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(../images/pie.htc); }
#Pagination b{display:inline-block;  background:#000; border: 1px solid #ecedf4; color: #fff;  height: 24px; line-height: 24px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(../images/pie.htc); padding: 10px 16px; margin-right: 6px;}

.img_fd img{width:100%;overflow-x: hidden; overflow-y: hidden; position: relative; z-index: 1; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; /* Firefox 4 */
-moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; /* Safari 和 Chrome */
-webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; /* Opera */
-o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease;}
.img_fd:hover img{transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); 	/* IE 9 */ -moz-transform: scale(1.2, 1.2); 	/* Firefox */ -webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */ -o-transform: scale(1.2, 1.2); 	/* Opera */opacity:1; }
.jbxg{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.im-100 img{display: block;width: 90%;height: 90%;margin: 0 auto;border-radius: 15px;}
/*menu*/
.top{ width:90%;height:70px; padding: 10px 5% 0 5%; background:rgba(255,255,255,0.5); position:fixed; top:0px; left:0px; z-index:999999999999999;display: flex; justify-content: space-between;}
.top .logo{display:block; width:209px;}
.top .nav-box{
	/* width: 860px; */
	display: flex; justify-content: space-between;}
.top .nav-box ul.nav{display: block; 
width: 900px;
position: relative;z-index: 111;}
.top .nav-box ul.nav li{float: left;width: 80px;height: 40px;line-height: 64px;text-align: center; margin-right: 30px;}
.top .nav-box ul.nav li a{color: #555;font-size: 12px;display: block;}
.top .nav-box ul.nav li a:hover{
/* 	border-bottom: 2px solid #3a3c49;height: 68px;*/}
.top .nav-box ul.nav li a.active{border-bottom: 2px solid #3a3c49; height: 68px;}

.top .nav-box ul.nav li .second-nav{width: 190px;position: relative;display: none;left: -330px;}
.top .nav-box ul.nav li .second-nav li{position: relative;width: 100%;
/* height: 40px; */
line-height: 40px; background: #fff;}
.top .nav-box ul.nav li .second-nav li a{border: 0px;display: block; height: 40px;}
.top .nav-box ul.nav li .second-nav li a:hover{
/* 	background: #3a3c49; color: #fff;*/
	color: #000000;	font-weight: bold;
}

/* 3级导航隐藏 */
/* .top .nav-box ul.nav li .second-nav li .third-nav{width: 150px;margin-left: 100%; position: absolute; top: 0px; left: 0px;display: none;} */
/* .top .nav-box ul.nav li .second-nav li .third-nav li{display: block; height: 40px; line-height: 40px;} */

/* 3级导航展开 */
.top .nav-box ul.nav li .second-nav li .third-nav{width: 1075px;margin-left: 100%; position: absolute; top: 0px; left: 0px;display: block !important; 
background-color: rgb(255, 255, 255);}
.top .nav-box ul.nav li .second-nav li .third-nav li{display: block; height: 40px; line-height: 40px;
float: left;font-size: 14px;margin-right: 5px;width: 224px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: left;}

.top .nav-box dl{display:flex; justify-content: space-between; width: 170px;  background: rgba(0,0,0,0.1);border-radius: 4px;-moz-border-radius: 4px;height: 35px; line-height: 35px; margin-top: 10px; padding-left: 5px;}
.top .nav-box dl form{display:flex; justify-content: space-between;border: 0px; width: 100%;}
.top .nav-box dl .flbd{display: block; border: 0px; background: none; width: 60px; height: 35px;}
.top .nav-box dl .sousuobd{display: block; border: 0px; background: none; width: 80px; height: 35px;}
.top .nav-box dl .sousuoanniu{display: block; border: 0px; background: none; height: 20px; margin: 8px 5px 0 0;}

.sp_header{display: none;height:2.5rem;overflow:hidden;background: rgba(0,0,0,.92); position:fixed;z-index:10;width:100%;}
.sp_logo{padding:0.1rem;float:left;height:1.8rem;    display: grid}
.sp_logo img{margin:auto; height: 30px;margin-left: 0.5rem;margin-top: 8px;}
.sp_nav{width:2rem;margin-right: 0.3rem; float:right;position:relative;cursor:pointer;height:1.5rem;margin-top:0.75rem}
.sp_nav span{display:block;background:#fff;width:70%;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:0.5rem}
.sp_nav span:nth-of-type(3){top:1rem}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999;background: rgba(0,0,0,.92); width:100%; height:100%;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:2.5rem;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{width:calc(100% - 70px);  color: #fff;}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:0.5rem;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #333 solid;margin-left:20px;position:relative;line-height:2rem;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #222 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{width:80%; font-size: 0.6rem; color: #fff;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:1.2rem;height:30px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#ffffff}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*banner*/
.index_show{position: relative;z-index: 2;width: 100%;}
.bxslider{height: 789px;overflow: hidden;width: 100%;}
.bxslider li{width: 100%;height: 789px;overflow: hidden;}
.bx-controls{display: none;}
#bx-pager{width: 1200px; display: flex; justify-content: space-between; position: absolute;left: 50%;bottom: 50px;z-index:10;margin-left: -600px;		justify-content: center;}
#bx-pager a{width: 25%;height: 60px;line-height: 60px;text-align: center;font-size: 16px;color: #555;border-bottom: 1px solid #555;}
#bx-pager a:hover{text-decoration: none;border-bottom: 1px solid #fff;color: #fff;}
#bx-pager .active{position: relative;border-bottom: 1px solid #fff; color: #fff;}

.justify{justify-content: space-between;-moz-justify-content: space-between; flex-wrap: wrap; -moz-flex-wrap: wrap;}

.index-title-box{display: block;width: 20%;}
.index-title-box h2{display: block; height: 130px;font-size: 0.26rem; text-transform: uppercase; font-weight: bold;    color: #373847;}
.index-title-box h2 strong{display: inline-block; height: 80px; line-height: 60px;  font-size: 0.48rem; border-bottom: 3px solid #3a3c49;margin-bottom: 10px;}
.index-title-box article{display: block; padding-top: 30px;}
.index-title-box article a{display: block; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold;}
.index-title-box span{display: flex; justify-content:flex-start;padding-top: 60px;}
.index-title-box span a{display: block; width: 40px; height: 40px; line-height: 35px; text-align: center; font-size: 30px; box-shadow: 0 0px 1px #ccc; margin-right: 5px; cursor: pointer; overflow: hidden;}

.index-xt{display: flex;padding: 6vw 5%; }							
.index-xt ul{display:flex;width: 75%;}
.index-xt ul li{display: block; width: 31%; margin: 0 0 3vw 0;}
.index-xt ul li a{display: block; background: #f1f1f1;}
.index-xt ul li a s{display: block; overflow: hidden; background: #3a3c49;}
.index-xt ul li a dl{display: block; padding: 20px;}
.index-xt ul li a dl span{display: block; background:url("../images/png_29.png") no-repeat left; padding-left: 30px; height: 30px; line-height: 30px; font-size: 16px;text-overflow : clip | ellipsis ;overflow: hidden;}
.index-xt ul li a:hover{background: #eee; color: #3a3c49;}
.index-xt ul li:hover{box-shadow: 0 2px 15px #ccc;}

.about-shili{width: 100%; height:200px; background: url(../images/index_08.jpg) no-repeat center;}
.about-shili ul{display:flex; margin: 0 auto;justify-content: space-between; -moz-justify-content: space-between;}
.about-shili ul li{display: block; width: 24%; text-align: center; font-size: 14px; padding-top: 80px;}
.about-shili ul li span{display: block; font-size: 18px; border-right: 1px solid #aaa; }
.about-shili ul li span em{font-size: 0.48rem;}
.about-shili ul li span em p{display: inline-block; margin: 0px; padding: 0px;}
.about-shili ul li span i{display: inline-block; position: relative; right: -5px; top: -40px;}
.about-shili ul li:nth-of-type(4) span{border: 0px;}

.index-case{display: flex;padding: 0vw 5%; background: #f8f8f8 url("../images/index_03_bg.jpg") no-repeat center -8vw;}
.index-case h2{padding-top: 6vw;}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide{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;}
.home-case-pc{width: 75%;padding: 6vw 0 !important;}
.home-case-pc ul li a{display: block;}
.home-case-pc ul li a s{display: block; overflow: hidden; background: #3a3c49;height: 201px;}
.home-case-pc ul li a strong{display: block; height: 40px; line-height:40px; font-size: 16px;padding:  20px 20px 0 20px;}
.home-case-pc ul li a p{display: block; margin: 0px; padding: 20px; color: #888; line-height: 24px;}
.home-case-pc ul li:hover{box-shadow: 0 2px 5px #ccc; }

.home-case-wap{display: none;}

.index-shichang-pc{background: url("../images/index_05_bg.jpg") no-repeat center top; height: 340px;}
.index-shichang-pc ul{display:flex; height: 300px;}
.index-shichang-pc ul li{display: block;width: 180px; padding-top: 220px; position: relative;}
.index-shichang-pc ul li a{display: block;}
.index-shichang-pc ul li.h180{padding-top: 160px;}
.index-shichang-pc ul li a dl{width: 251px; position: absolute; left: 0; top: -50px; z-index: 2;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;opacity: 0;}

.index-shichang-pc ul li a dl s{display: block;}
.index-shichang-pc ul li a dl s img{display: block;border: 0px;    width: 100%;}
.index-shichang-pc ul li a dl i{display: block; height: 30px; line-height: 30px; background: #373847; color: #fff;}
.index-shichang-pc ul li a span{display: block; height: 60px; font-size: 16px;}
.index-shichang-pc ul li a span p{display: block; height: 30px; line-height: 30px; font-size: 14px;}
.index-shichang-pc ul li a span p em{display: block; width: 24px; height: 24px; background: url("../images/png_05.png") no-repeat;border-radius: 50%; overflow: hidden;float: left; margin: 3px 5px 0 0;}
.index-shichang-pc ul li:hover a span p em{background: #373847;}
.index-shichang-pc ul li:hover a dl{display: block; top: 0; opacity: 1;}
.index-shichang-pc ul li.h180:hover a dl{top: -60px;}

#home-shichang-wap{display: none;}

.index-video-box{background: #f1f1f1; padding: 8% 2% !important; width: 86% !important; margin: 4% auto;}
.index-video{display: flex;}
.index-video ul{position: relative;}
.index-video ul li{display:flex;justify-content: space-between; flex-wrap: wrap;}
.index-video ul li s{display: block; width: 45%;height: 21vw;}
.index-video ul li s img{display: block; width: 100%;}
.index-video ul li dl{display: block; width: 46%; height: 13vw; background: #fff; padding: 5% 3%;}
.index-video ul li dl h3{display:inline-block; height: 80px;font-size:32px; border-bottom: 3px solid #3a3c49;}
.index-video ul li dl dt{display:block; height: 0.6rem; line-height: 0.6rem; font-size:24px; }
.index-video ul li dl p{display: block; color: #888;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;height: 84px;}
.index-video article{display:flex; justify-content: space-between; position: absolute; bottom: 10%; left:51%; width: 140px; height: 40px; z-index: 2;}
.index-video article a{display: block; width: 40px; height: 40px; line-height: 35px; text-align: center; font-size: 30px; box-shadow: 0 0px 1px #ccc; margin-right: 5px; cursor: pointer; overflow: hidden;}

.links{width: 100%; padding: 0.3rem 0 0 0;background: #eaeaec;}
.links ul{display: block; margin: 0 auto;overflow: hidden;}
.links ul i{display: block; width: 30px; float: left;}
.links ul li{float: left;}
.links ul li a{display: inline-block; padding: 2px 10px; border-right: 1px solid #ccc; color: #888;}
footer{background: #eaeaec;display: block; width: 100%; padding: 4vw 0; height: 23vh; overflow: hidden;}
footer div{display:flex; justify-content: space-between; -moz-justify-content: space-between; margin: 0 auto; height: 50vh;}
footer div .font-logo{width: 28%;}
footer div .font-logo span{display: block; line-height: 0.3rem; font-size: 0.16rem; color: #888; text-indent: 10%;}
footer div ul{display: block; width: 40%;}
footer div ul li{display: block; width: 49%; float: left; border-left: 1px solid #ccc;}
footer div ul li a{display: block; height: 40px; line-height: 40px; padding-left: 90px;color: #888;}
footer div ul li a:hover{ color: #3a3c49;}
footer div .font-right{width: 26%;display: block;}
footer div .font-right span{display:flex; justify-content: space-between; -moz-justify-content: space-between; margin: 0 0 0 1.7rem;}
footer div .font-right span a{display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 30px; margin-top: 30%; color: #888;position: relative;}
footer div .font-right span a s{ width: 1.5rem;position: absolute; top: -40px; left: -1.5rem; text-align: center; line-height: 24px; color: #8b8b8b;font-size: 14px;}
footer div .font-right span a s img{display: block; width: 100%; margin-bottom: 5px;}
footer div .font-right span a:hover{ color: #3a3c49;}
footer div .font-right span a:hover s{display: block;}

.bottom{width: 100%; height: 40px; line-height: 40px;  color: #888;}
.bottom div{margin: 0 auto;}
.bottom div a{color: #fff;}
.bottom div a:hover{color: #fff;}
.bottom div span{display: inline-block; float: right;}

.footer-box{height: 500px;}
@media (max-width:1100px) {
	.top{display: none;}
	.sp_header{display: block;}
	
	.index_show{padding-top: 2.5rem;}
	
    .bxslider li{background-size: 170% !important;}
	#bx-pager{width: 160px; margin-left: -80px;bottom: 10px;}
	#bx-pager a{width: 40px;height: 1px;overflow: hidden;}
	
	.index-title-box{width: 96%;padding: 0 2%;}
	.index-title-box h2{font-size: 0.6rem;
		margin-top: -0.7rem;    height: 100px;}
	.index-title-box h2 strong{
		display: inline-block;
		height: 54px;
		line-height: 60px;
		font-size: 0.8rem;
		border-bottom: 3px solid #fff;
		margin-bottom: 10px;
		color: #fff;}
	
	.index-title-box article{display: block;padding-top: 0px;}
	.index-title-box article a{
		display: block;
		height: 30px;
		line-height: 15px;
		font-size: 13px;
		font-weight: bold;
		float: left;
		width: 30%;
	}
		
	.index-title-box span{
		display: flex;
		justify-content: flex-start;
		padding-top: 0px;
	}
	
	.index-xt{padding: 6vw 0;}
	.index-xt ul{width: 100%;}
	.index-xt ul li{width: 100%;}
	
	.about-shili ul li{font-size: 12px;}
	.about-shili ul li span em{font-size:1rem; }
	.about-shili ul li span em p{font-size:1rem; }
	.about-shili ul li span i{right: 0px; top: -20px;}	
	
	.home-case-pc{display: none;}
	.home-case-wap{width: 100%;padding: 6vw 0 !important;display: block;}
    .home-case-wap ul li a{display: block;}
    .home-case-wap ul li a s{display: block; overflow: hidden; background: #3a3c49;}
    .home-case-wap ul li a strong{display: block; height: 40px; line-height:40px; font-size: 16px;padding:  20px 20px 0 20px;}
    .home-case-wap ul li a p{display: block; margin: 0px; padding: 20px; color: #888; line-height: 24px;}
    .home-case-wap ul li:hover{box-shadow: 0 2px 5px #ccc; }
	
	.index-shichang-pc{display: none;}
	#home-shichang-wap{background: url("../images/index_05_bg.jpg") no-repeat center top; height: 300px;display: block;}
    #home-shichang-wap ul li{display: block; padding: 20px 0;}
	#home-shichang-wap ul li a{display: block;width: 100%; margin: 0 auto;}
    #home-shichang-wap ul li a dl{width: 100%;}
    #home-shichang-wap ul li a dl s{display: block;}
    #home-shichang-wap ul li a dl s img{display: block;border: 0px; width: 100%;}
    #home-shichang-wap ul li a dl i{display: block; height: 30px; line-height: 30px; background: #373847; color: #fff;}
    #home-shichang-wap ul li a span{display: block; height: 60px; font-size: 16px;}
    #home-shichang-wap ul li a span p{display: block; height: 30px; line-height: 30px; font-size: 14px;}
    #home-shichang-wap ul li a span p em{display: block; width: 24px; height: 24px; background: url("../images/png_05.png") no-repeat;border-radius: 50%; overflow: hidden;float: left; margin: 3px 5px 0 0;}
	
	.index-video ul li{height: 24rem;}
	.index-video ul li s{width: 100%;}
	.index-video ul li dl{width: 100%;height: 61vw;text-align: left;}
	.index-video ul li dl h3{height: 2.5rem;font-size: 0.8rem;}
	.index-video ul li dl dt{height: 2rem; line-height: 1rem;font-size: 0.7rem;    margin-top: 0.5rem;}
	
	.index-video article{bottom: 15%; left: 5%;}
	
		.tab-title a{padding: 0.35rem 0.8rem; border-radius: 1.35rem; -moz-border-radius: 1.35rem;}
	
	footer{display: none;}
	.bottom{height: auto; padding-bottom: 10px;}
	.bottom div span{float: none;}
  
  .product-wap ul{    margin-top: -2rem;}
  .index-case ul{    margin-top: -0.5rem;}
  
  .project-youshi ul li span{font-size: 0.55rem !important;}
  .project-youshi ul li span{height: 0.8rem;}
  .project-youshi ul li p{line-height: 0.8rem;}
}
.in-banner{width: 100%; height: 4rem; background-size: cover; position: relative;}
.in-banner dl{display: block; margin: 0 auto; padding-top: 10%;}
.in-banner dl h3{display:inline-block; font-size: 0.3rem; height: 60px; border-bottom: 4px solid #3a3c49;}
.in-banner dl span{display: block;font-size: 0.24rem; height: 50px; line-height: 50px; text-transform: uppercase;}
.in-banner dl p{display: block; font-size: 14px;}
.in-banner dl p a{font-size: 14px;}

.side-nav{width: 1200px; margin: 0 auto;height: 312px; line-height: 50px; padding: 50px 0 0 0; }
.side-nav ul{display:flex; justify-content: flex-start; flex-wrap: wrap;margin-top: 5px}
.side-nav ul li{position: relative; margin-right: 22px;}
.side-nav ul li a{display: block; font-size: 17px;}
.side-nav ul li a:hover{font-weight: bold; border-bottom: 2px solid #3a3c49; height: 48px;}
.side-nav ul li a.active{font-weight: bold; border-bottom: 2px solid #3a3c49; height: 48px;}
.side-nav ul li ul{display: none;position: absolute; left: 0px; top: 50px;background: #4e4e5b; width: 140px; text-align: center;    z-index: 2;}
.side-nav ul li ul a{display: block; height: 35px; line-height: 35px; font-size: 14px; color: #fff;border: 0px;}
.side-nav ul li ul a:hover{background: #3a3c49;height: 35px; line-height: 35px; font-size: 14px; border: 0px;}
.side-nav ul li:hover ul{display: block;}

.product{overflow: hidden; padding: 3vw 0;}
.product ul{display: block; overflow: hidden; width: 105%;}
.product ul li{display: block; width: 30%; float: left; margin: 0 2.6% 2.6% 0;}
.product ul li a{display: block;}
.product ul li a s{display: block; overflow: hidden;    margin-top: 30px; }
.product ul li a strong{display: block;color: #fff; 
/* height: 40px;  */
line-height:20px; font-size: 14px;padding:  0px 20px 0 20px;}
.product ul li a p{display: block; margin: 0px; padding: 20px; color: #eadada; line-height: 24px;}
.product ul li:hover{box-shadow: 0 2px 5px #ccc; }

.product-video-box{background: #f1f1f1; padding: 3% 20px !important; margin: 0 auto; width: 1160px;}
.product-video-box h2{display: block; height: 60px;  font-size: 32px; font-weight: bold;}
.product-video{display:block;}
.product-video ul{position: relative;}
.product-video ul li{display:flex;justify-content: space-between; flex-wrap: wrap;}
.product-video ul li s{display: block; width: 45%;float: left;}
.product-video ul li s img{display: block; width: 100%;}
.product-video ul li dl{display: block; width: 46%;overflow: hidden; background: #fff; padding: 3% 3% 8% 3%; float: right;}
.product-video ul li dl h3{display:inline-block; height: 50px;font-size:22px; border-bottom: 2px solid #3a3c49;}
.product-video ul li dl dt{display:block; height: 60px; line-height: 60px; font-size:16px; }
.product-video ul li dl p{display: block; color: #888; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.product-video article{display:flex; justify-content: space-between; position: absolute; bottom: 10%; left:51%; width: 160px; height: 40px; z-index: 2;}
.product-video article a{display: block; width: 40px; height: 40px; line-height: 35px; text-align: center; font-size: 30px; box-shadow: 0 0px 1px #ccc; margin-right: 5px; cursor: pointer; overflow: hidden;}



a#loadmore{display:flex; justify-content: center; -moz-justify-content: center; width: 100%; height:0.5rem; line-height: 0.5rem; background: #292929; text-align: center; font-size:0.14rem;margin: 0.1rem auto; color: #555;}
a#loadmore span{display: inline-block; margin-right: 10px;}
a#loadmore:hover {color: #fff;}

.Program{overflow: hidden; padding: 6vw 0;}
.Program ul{display: block; overflow: hidden; width: 105%;}
.Program ul li{display: block; width: 30%; float: left; margin: 0 2.6% 2.6% 0; background: #f1f1f1;}
.Program ul li a{display: block;}
.Program ul li a s{display: block; overflow: hidden; background: #3a3c49;}
.Program ul li a s img{display: block; 
/* height: 2rem; */
 }
.Program ul li a span{display: block; /* height: 40px;  */color: #373847;margin-top: 20px;line-height:25px; font-size: 16px;padding:  0 20px 0 50px; background:url(../images/png_29.png) no-repeat 20px top;}
.Program ul li a p{display: block; margin: 0px; padding: 20px; color: #888; line-height: 24px;
font-size: 14px;
margin-top: -10px;}
.Program ul li:hover{box-shadow: 0 2px 5px #ccc; background: #fff;}

.Program-jianjie{background: #fff; padding: 3% 20px !important; margin: 0 auto 60px auto; width: 1160px;}
.Program-jianjie h2{display: block; height: 60px;  font-size: 32px; font-weight: bold;}

.show{ cursor: pointer; color: #f00;}
.sm-box{display: none; background: #dfdfdf; width: 760px; height: 500px; position: fixed; left: 50%; top: 50%; margin: -250px 0 0 -400px; z-index: 10; padding: 30px;box-shadow: 0 2px 10px #ccc;}
.sm-box .hide{display: block; height: 40px; line-height: 40px; text-align: center; font-size: 24px; cursor: pointer; text-align: right;}
.sm-box .neirong{width: 760px; height: 440px; overflow-x: hidden; overflow-y: auto;}

.wenti-sousuo-box{height: 40px; line-height: 40px; background: #eaeaea; border-radius: 4px; -moz-border-radius: 4px; margin: 30px auto;}
.wt-bd1{width: 70%; height: 40px; margin-right: 41px; border: 0px; background: none; padding-left: 10px;}
.wt-bd2{float: right; width: 20px; height: 20px;border: 0px; background: none; margin: 10px 10px 0 0; cursor: pointer;}

.wenti-list{overflow: hidden; padding: 0vw 0 6vw 0;}
.wenti-list ul{display: block;}
.wenti-list ul li{ background: #fff; margin-bottom: 20px;display:flex; padding: 30px;justify-content: space-between; flex-wrap: wrap;}
.wenti-list ul li a{display: block; width: 87%;}
.wenti-list ul li a dl{display: block;}
.wenti-list ul li a dl dt{display: block; 
/* height: 30px;  */
line-height: 30px; font-size: 16px;}
.wenti-list ul li a dl p{display: block; margin: 0px; padding: 0px; color: #888;}
.wenti-list ul li span{display: block; width: 8%; line-height: 78px; text-align: center;}

.fuwu-dianhua{margin: 0 auto;font-size: 16px; text-align: center; padding: 0 0px 3vw 0px;}
.fuwu-dianhua span{display: flex; justify-content: center; flex-wrap: wrap; height: 30px; line-height: 30px; text-align: center;}
.fuwu-dianhua a{display: inline-block; padding: 0 20px; background: #373847; color: #fff; font-size: 16px;}

.download{overflow: hidden; padding: 3vw 0 6vw 0;}
.download ul{display: block;}
.download ul li{ background: #fff; margin-bottom: 20px;display:flex; padding: 30px;justify-content: space-between; flex-wrap: wrap;}
.download ul li dl{display: block; width: 87%;}
.download ul li dl dt{display: block; height: 30px; line-height: 30px; font-size: 16px;}
.download ul li dl p{display: block; margin: 0px; padding: 0px; color: #888;    font-size: 14px;}
.download ul li span{display: block; width: 10%; line-height: 78px; text-align: center;}
.download ul li span a{display: block; height: 35px; line-height: 35px; text-align: center; background: #f8f8f8;}

.video{overflow: hidden; padding: 3vw 0 6vw 0;}
.video ul{position: relative;}
.video ul li{display:flex;justify-content: space-between; flex-wrap: wrap; background: #fff; margin-bottom: 20px;}
.video ul li s{display: block; width: 45%;float: left;}
.video ul li s img{display: block; width: 100%;}
.video ul li dl{display: block; width: 46%;overflow: hidden; background: #fff; padding: 3% 3% 8% 3%; float: right;}
.video ul li dl h3{display:inline-block; height: 50px; border-bottom: 2px solid #3a3c49;}
.video ul li dl h3 a{font-size:22px;}
.video ul li dl dt{display:block; height: 60px; line-height: 60px; font-size:16px; }
.video ul li dl p{display: block; color: #888; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.news-list{overflow: hidden; padding: 3vw 0 6vw 0;}
.news-list ul{display: block; overflow: hidden;}
.news-list ul li{display:flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; background: #fff; padding: 30px;}
.news-list ul li span{display: block; width: 8%; text-align: center; padding-top: 10px;}
.news-list ul li span strong{display: block;font-size: 48px; height: 40px; line-height: 40px;}
.news-list ul li dl {display: block; width: 90%}
.news-list ul li dl a{display: block;}
.news-list ul li dl a dt{display: block; 
/* height: 30px; */
 line-height: 30px; font-size: 16px; color: #3a3c49;}
.news-list ul li dl a p{display: block; color: #888;}

.about-top-box{width: 100%; background: #373847; color: #fff;}
.about-top{padding: 3vw 0; margin-top: 2vw;}
.about-top strong{display: block; height: 50px; line-height: 50px; font-size: .3rem;}
.about-top img{max-width: 98%;}

.about-in-list{padding: 3vw 0;}
.about-in-list ul{display: block;overflow: hidden;}
.about-in-list ul li{display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff; padding: 20px; margin-bottom: 20px;}
.about-in-list ul li s{display: block; width: 11%;}
.about-in-list ul li s img{display: block; width: 100%;}
.about-in-list ul li dl{display: block; width: 82%;}

.about-fazhan-list{padding: 3vw 0; background: #fff;}
.about-fazhan-list ul{display: block; overflow: hidden;padding: 30px;}
.about-fazhan-list ul li{display: flex; justify-content: space-between; flex-wrap: wrap;}
.about-fazhan-list ul li:nth-of-type(1){background: url(../images/6-1-about_history_03-jt.jpg) no-repeat 66px 0;}
.about-fazhan-list ul li:nth-of-type(1) em{margin-top: 11px;}
.about-fazhan-list ul li:nth-of-type(1) em i{top: 16px;}
.about-fazhan-list ul li span{display: block; width: 3%; font-size: 18px;}
.about-fazhan-list ul li em{display: block; width: 2px; position: relative; background: #3a3c49;}
.about-fazhan-list ul li em i{display: block; width: 10px; height: 10px; background: #3a3c49; border-radius: 50%; position: absolute; top: 5px;  left: -4px;}
.about-fazhan-list ul li div{display: block; width: 90%;}
.about-fazhan-list ul li div h5{display: block; height: 30px;font-size: 16px;}

.about-honor{padding: 3vw 0;}
.about-honor ul{display: block; width: 105%;}
.about-honor ul li{display: block; width: 20%; margin: 0 2.5% 2.5% 0; padding: 1%; background: #fff; text-align: center; cursor: pointer; float: left;}
.about-honor ul li s{display: block; overflow: hidden; background: #3a3c49;}
.about-honor ul li span{display: block; height: 40px; line-height: 40px; font-size: 14px;}
.honor-box{width: 100%; height: 100vh; left: 0; top: 0; background: rgba(0,0,0,0.5); position: fixed; z-index: -1;}
.tanchuang{display: none; width: 420px; top: 50%; left: 50%; margin: -334px 0 0-210px; background: #fff; position: fixed; z-index: 100;}

.gb{display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; font-size: 24px; color: #3a3c49; background: #fff; position:absolute; top: -20px; right: -20px; z-index: 2; cursor: pointer;}
.on{display: block;}
.tanchuang.off{display: none;}

.zp-list{background: #f6f6f6;padding: 0.6rem 0;}
.zp-list ul{display:block; overflow: hidden;}
.zp-list ul li{display: block; background: #fff; padding: 20px 0 70px 0; margin-bottom: 20px;}
.zp-list ul li em{width: 1rem; float: left; line-height: 0.5rem; font-size: 0.14rem; margin-left: 20px; text-align: center; padding-right: 1rem; border-right: 1px solid #dbdbdb;}
.zp-list ul li em s{display: block; width: 1rem; height: 1rem;margin: 0 auto;border-radius: 50%; -moz-border-radius: 50%;}
.zp-list ul li dl{display: flex; justify-content: space-between; flex-wrap: wrap; }
.zp-list ul li dl span{display: block; width: 20%;line-height: 0.5rem; padding-left: 5%;float: left;}
.zp-list ul li dl .toggle-btn{display: block; width: 20%;line-height: 0.5rem;cursor: pointer;float: left; text-align: center; font-size: 16px;}
.zp-list ul li dl article{display: block; overflow: hidden;}
.content{overflow: hidden;padding-top: 0.3rem; width: 100%; margin-top: 50px;}

.certify {position: relative;width: 1200px;margin: 50px auto;}
.certify ul {padding-bottom: 60px;}
.certify ul li {width: 523px;height: 293px;background: #fff;box-shadow: 0 8px 30px #ddd; position: relative;}
.certify ul li img{display:block; width: 100%;}
.certify ul li span{display: block;width: 100%; height: 40px; line-height: 40px;text-align: center;color: #636363;font-size: 1.1em;}
.certify .swiper-pagination {width: 100%; bottom: 20px;}
.certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
.certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
.certify .swiper-button-prev-wh {position: absolute; top: 40%; left: -30px;width: 45px;height: 45px;background: url(../images/jt-l.png) no-repeat;background-position: 0 0;background-size: 100%; color: #3a3c49;}
.certify .swiper-button-prev-wh:hover {background-position: 0 ;background-size: 100%}
.certify .swiper-button-next-wh {position: absolute; top: 40%;right: -30px;width: 45px;height: 45px;background: url(../images/jt-r.png) no-repeat;background-position: 0 0;background-size: 100%;color: #3a3c49;}
.certify .swiper-button-next-wh:hover {background-position: 0;background-size: 100%}
.certify strong{display: block; height: 40px; line-height: 40px; font-size: 30px; text-align: center;}
@media (max-width:1100px) {
	.in-banner{height: 9rem;}
	.in-banner dl{padding: 20% 0 0 5%; width: 95%;}
	.in-banner dl h3{font-size: 0.6rem;height: 40px;}
	.in-banner dl span{height: 30px; line-height: 30px;}

	
	.case-list ul{padding: 0 1%; width: 98%;}
	.case-list ul li{width: 48%; margin: 0 1% 2% 1%;}
    .case-list ul li a dl{line-height:0.6rem; font-size: 0.4rem;}
    .case-list ul li a dl dt{line-height: 1rem;font-size: 0.5rem;}
	.case-list ul li a dl span{display: none;}
	
	a#loadmore{width: 96%; height: 1.5rem; line-height: 1.5rem;font-size: 0.6rem;}
	.side-nav{width: 100%;display: none;}
	.side-nav ul{justify-content: space-around;}
	.side-nav ul li{margin: 0px;}
	.product ul{padding: 0 3%;width: 94%;}
	.product ul li{width: 100%;}
	
	.product-video-box{width: 90%;}
	.product-video-box h2{height: 50px; line-height: 50px; font-size: 32px;}
	.product-video ul li{height: 24rem;}
	.product-video ul li s{width: 100%;float: none;}
	.product-video ul li dl{width: 100%;height: 61vw; float: none;}
	.product-video ul li dl h3{height: 60px;}
	.product-video ul li dl dt{height: 2rem; line-height: 2rem;}
	
	.product-video article{bottom: 15%; left: 5%;}
	
    .Program ul{padding: 0 3%;width: 94%;}
	.Program ul li{width: 100%;}
    .Program ul li a s img{height: auto;}
	
	.Program-jianjie{width: 94%; padding: 3% 3%;}
	
	.sm-box{width: 90%; padding: 5%; left: 0px; margin-left: 0px;}
	.sm-box .neirong{width: 100%;}
	
	.wenti-list ul li a{display: block; width: 100%;}
    .wenti-list ul li span{display: block; width: 100%; line-height: 30px; text-align: left;}
	
	.video ul li s{width: 100%;}
	.video ul li dl{width: 100%;}
	
	.news-list ul li span{width: 100%; text-align: left;}
	.news-list ul li dl{width: 100%;}
	
	.about-in-list ul li s{width: 100%;}
	.about-in-list ul li dl{width: 100%;}
	
	.about-fazhan-list ul{padding: 5px;}
	
	.about-fazhan-list ul li span{width: 5%;}
	.about-fazhan-list ul li div{width: 70%;}
	.about-fazhan-list ul li div img{max-width: 94%;}
	
	.about-honor ul li{width: 44%;}
	.tanchuang{width: 90%; top: 50%; left: 5%; margin: -55% 0 0 0;}
	
	.zp-list ul li em{width: 20%;padding-right: 0.5rem;line-height: 1.2rem; font-size: 0.6rem;}
    .zp-list ul li em s{width: 1.5rem; height: 1.5rem;}
    .zp-list ul li dl{padding-left: 8%;}
    .zp-list ul li dl span{line-height:inherit;width: 92%;}
    .zp-list ul li dl .toggle-btn{width: 100%; text-indent: 4%;padding-top: 0.3rem;}
    .content{padding-right: 2%; width: 98%;}
    
    .download ul li dl{ width: 100%;}
    .download ul li span{width: 30%; padding-top: 20px;}
}

.kefu{display: block; width: 40px; position: fixed; right: 10px; bottom: 50px; z-index: 9999999999999999;}
.kefu ul{display: block;}
.kefu ul li{display: block; width: 40px;height: 40px; margin-bottom: 5px; background: #222;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.kefu ul li a{font-size: 12px; text-align: center;color: #fff;position: relative;display: block; padding-top: 5px;}
.kefu ul li a i{display: block; height: 30px; line-height: 30px; text-align: center; font-size: 30px;}
.kefu ul li a span,.kefu ul li a s{display: none; position: absolute; top: 0px;left: 10px;-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;opacity: 0; z-index: -1;background: #900;}
.kefu ul li a span{display: block;width: 160px; height: 40px; line-height: 40px; font-size: 14px; padding: 0 0 0 10px;}
.kefu ul li a s{display: block;width: 100px; height:100px; line-height: 35px; font-size: 18px;}
.kefu ul li a:hover span{opacity: 1; left: -160px; text-align: left;}
.kefu ul li a:hover s{opacity: 1; left: -100px;}
.kefu ul li:hover{background: #900;}
.kefu ul li:hover a{color: #fff;}

/*详情页*/
.show-title2{display: block; height: 0.6rem ;line-height: 0.6rem; font-size: 0.24rem;     font-weight: bold;border-bottom: 1px solid #8e8e8e;}
.show-p-top{display: flex;justify-content: space-between; flex-wrap: wrap;padding: 0.3rem 0;overflow: hidden; margin-bottom: 0.2rem;}

.show-p-top .thumbs-box{width: 70%;display: flex; justify-content: space-between;}
.show-p-top .txt-show{width: 24%;padding: 3% 2%; background: #fff;}
.show-p-top .txt-show h1{display: block;  font-size: 14px; background: url("../images/pic-title-dx.jpg") no-repeat bottom left; padding-bottom: 0.2rem; }
.show-p-top .txt-show p{display: block; color: #888; }
.show-p-top .txt-show span{display: flex; justify-content:space-around;}
.show-p-top .txt-show a{display:block; width: 1.1rem; height: 0.3rem; line-height: 0.3rem; border-radius: 40px; background: #295a9c; color: #fff; text-align: center;}
.show-p-top .txt-show a:hover{background: #173e73; color: #fff;}

.swiper-container6{width: 16%;overflow: hidden; height: 600px;}
.swiper-container6 .swiper-wrapper{display: block;}
.swiper-container7{width: 82%;background: #fff;overflow: hidden; height: 593px;}
.swiper-container6,.swiper-container7{display: block;position: relative; overflow: hidden;}
.swiper-container6 .swiper-slide{height: 100px;}
.swiper-container6 .swiper-slide img,.swiper-container7 .swiper-slide img{width: 100%; display: block;border: 0px;}
.swiper-container6 .swiper-slide-thumb-active img{border: 2px solid #2c5c9d !important; width: 97%;}

.swiper-top,.swiper-fot{z-index: 100; cursor: pointer;}
.swiper-top{position: absolute; top: 0px; left: 45%; width: 20px; height: 12px;}
.swiper-fot{position: absolute; bottom: 15px; left: 45%; width: 20px; height: 12px;}

.show-box-p{background: #fff; margin-bottom: 0.3rem; overflow: hidden;width: 1130px; margin: 0 auto 3% auto; padding: 40px;
	margin-top: 35px;}
.show-p-canshu{background: #fff; width: 1130px; margin: 0 auto 0.3rem auto; padding: 40px;}
.show-p-canshu ul{display: block;overflow: hidden;}
.show-p-canshu ul li{display:flex; justify-content: space-between; height: 0.6rem; line-height: 0.6rem; border-bottom: 1px solid #eee; }
.show-p-canshu ul li i{display: block; width: 50%;font-size: 0.16rem;}
.show-p-canshu ul li span{display: block; width: 50%; text-align: right; color: #888;font-size: 0.16rem;}
.show-p-canshu ul li i s{display: inline-block; float: left; margin-right: 5px;padding-top: 4px;}

.show-morelist2{display: flex; justify-content: space-between;flex-wrap: wrap;  padding: 0.2rem 30px; width: 1150px; margin: 0 auto 0.3rem auto;}
.show-morelist2 span{display: block; width: 50%;    color: #fff;}
.show-morelist2 span a{color: #fff;font-size: 0.14rem;}
.show-morelist2 span:nth-child(2n){text-align: right;border-left: 1px solid #ddd; width: 49%;}

.show-Program-img{width: 55%;}
.show-Program-img img{width: 100% !important;height: 100% !important;}

.show-box{margin: 3vw auto; width: 1150px;padding: 30px;overflow: hidden; }
.show-box img{max-width: 1100px; height: auto;}

.show-title{display: block; line-height:40px; font-size: 0.2rem; text-align: center;}
.show-date{display: block; line-height: 30px; color: #888; border-bottom: 1px solid #ddd; margin-bottom: 0.2rem; text-align: center;}

@media (max-width:1100px) {
    .wrap{max-height:6rem; }
	.show-box-p{width: 94%;padding: 3%;}
	.show-p-canshu{width: 94%;padding: 3%;}
	.show-p-canshu ul li{height: 1.6rem; line-height: 1.6rem; }
	.show-p-canshu ul li i{height: 1.6rem; line-height: 1.6rem; }
	.show-morelist2{width: 94%;padding: 3%;    color: #fff;}
	.show-morelist2 span{width: 100%;}
    .show-morelist2 span a{font-size: 0.5rem;}
	.show-morelist2 span:nth-child(2n){text-align: left;border: 0px;}
	.show-title2{font-size: 0.9rem; height: 2rem; line-height: 2rem;padding-left: 1%;}
	
    .kefu{display: none;}
	.technology ul li{flex-direction: column-reverse;}
	.technology ul li a s{width: 100%;}
	.technology ul li a dl{width: 90%;}
	.technology ul li a dl dt{height: 1.2rem;line-height: 1.2rem; font-size: 0.8rem;}
	.technology ul li a dl em{padding: 0.06rem 0.8rem;border-radius: 1.5rem;}
	
	.show-morelist span{width: 100%;}
	.show-morelist span:nth-child(2n){text-align: left;border: 0px;}
	
	.swiper-container6{height: 339px;width: 20%;}
	.swiper-container7{height: 339px;width: 77%;}
	.show-p-top .thumbs-box{width: 100%;margin-bottom: 0.3rem;}
	.show-p-top .txt-show{width: 94%;}
	.show-p-top .txt-show h1{font-size: 1rem; line-height: 1.6rem;}
	.swiper-top,.swiper-fot{left: 36%;}
	.show-p-top .txt-show a{width: 40%; height: 1.3rem; line-height: 1.3rem;}
    
    .show-morelist span a{font-size: 0.6rem;}
	
	.show-box{margin: 3vw auto; width: 96%;padding: 2%;overflow: hidden;    color: #fff;}
    .show-box img{max-width: 98%; height: auto;}
	.show-title{font-size: 0.8rem;color: #fff;}
    
    .show-Program-img{width: 100%;}
    .txt-show{width: 100% !important;}

}

  
span.dropBottom,span.dropRight {  
    display: block;  

    position: absolute;  
    left: 0px;  
    width:100%;  
    height: 100%;  
    top: 0px;  
}  
span.dropBottom {  
    position: absolute;  
    width: 100%;  
    bottom: 0px;  
}  
  
nav {  
    width: 1000px;
    margin:20px auto;  

}  
.dht ul {  
    margin:0;  
    padding:0;  
    list-style:none;  
}  
  
.dht ul ul {  
    opacity:0;  
    position:absolute;  
    top:160%;  
    visibility:hidden;  
    transition:all .4s ease;  
    -webkit-transition:all .4s ease;  
	 background: #fcf8f3;
}  
.dht ul ul ul {  
    top:0%;  
    left:160%;  
}  
.dht ul ul li:hover > ul {  
    top:0%;  
    left:100%;  
    opacity:1;  
    visibility:visible;  
}  
.dht ul li:hover > ul {  
    opacity:1;  
    top:100%;  
    visibility:visible;  
}  
.dht ul li {  
    float:left;  
    position:relative;  
}  
.dht ul ul li {  
    float:none;  
}  
.dht ul li {  

    cursor: pointer;  
}  
.dht ul a {  
    text-decoration:none;  
    display:block;  
	width: 118px;
    padding:10px 5px;  
	text-align: center;


}  
.dht ul li:hover {  
	border-bottom: 1px solid #000;
 
} 
 
.dht ul li a:hover {  

}  





.dht ul li {
    position: relative;

    color: #000;
    line-height: 1;
    transition: 0.2s all linear;
    cursor: pointer;
}

.dht ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 100%;
    border-bottom: 2px solid #000;
    transition: 0.2s all linear;
}

.dht ul li:hover::before {
    width: 100%;
    top: 0;
    left: 0;
    transition-delay: 0.1s;
    border-bottom-color: #000;
    z-index: -1;
}

.dht ul li:hover ~ li::before {
    left: 0;
}

.dht ul li:active {
    background: #000;
    color: #fff;
}
 a:link{text-decoration:none;}/* 指正常的未被访问过的链接*/
    a:visited{text-decoration:none;}/*指已经访问过的链接*/
    a:hover{text-decoration:none;}/*指鼠标在链接*/
    a:active{text-decoration:none;}/* 指正在点的链接*/
    .wx{
   
        color:white;
		    background: url(../images/icon-hlang.png) no-repeat left center;
		    padding-left: 20px;
   
    }
    .wx a{
        font-size: 18px;
        color:white;
    }
    /*弹窗*/
    .tan{
       width: 18%;
           height: 53px;
           background-color: #f1f1f1;
           position: fixed;
           right: 12%;
           top: 8%;
        display:none;
        z-index: 200;
    }
    .kuang{
        height:115px;
        text-align:center;

    }
    .txtcss{
        color:red;
        font-weight:800;
        font-size:20px;
    }
    .copy{
        font-size: 16px;
        float: left;
        background-color: #5AD700;
        padding: 5px 20px;
        margin-left: 28%;color: black;
        border-radius: 5px;
    }
    .copy a{color: white;}
    .guanbi{
        width:20px;
        height:20px;
        color:red;
        margin-top:-130px;
    }
	.pg-2019 .bdgh {
    background: url(../images/jp-11.jpg) no-repeat;
    background-size: contain;
    padding: 0;
}
.green {
    color: #1a9ee2 !important;
}

.pg-2019 .qrzkc .content hr.r-3 {
    border: 1px solid #1a9ee2;
}
.f-46 {
    font-size: 22px;
}
.pg-jp-2019 .qrzkc {
    min-height: 189vw;
    background-image: url(../images/qx1.png);
    text-align: center;
}
.page {
  padding-top:0;
  padding-bottom:0;
  
}
       [tsbrowser_force_max_size] {
        width: 100% !important;
        height: 100% !important;
        left: 0px !important;
        top: 0px !important;
        margin: 0px !important;
        padding: 0px !important;
        transform: none !important;
      }
      [tsbrowser_force_fixed] {
        position: fixed !important;
        z-index: 9999 !important;
        background: black !important;
      }
      [tsbrowser_force_hidden] {
        opacity: 0 !important;
        z-index: 0 !important;
      }
      [tsbrowser_hide_scrollbar] {
        overflow: hidden !important;
      }
      [tsbrowser_display_none] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
      }
      [tsbrowser_force_show] {
        display: black !important;
        visibility: visible !important;
        opacity: 0;
      }
.about-shili ul li {
    width: 33%;
}
.Hlang{display: none;}
.action{    margin-top: 21px;
    float: right;}
.action a{    color: #ccc1c1;}
.side-nav ul li {
    position: relative;
    width: 272px;
    margin-right: 28px;
    text-align: center;
    font-size: 16px;
}
.side-nav ul li a {
    display: block;
    font-size: 15px;
    display: block;
    background-color: #e5e5e5;
    color: #5f5f5f;
    margin-top: 2px;
}
.ny-top {
    text-align: center;
    position: relative;
    padding-top: 40px;
    padding-bottom: 5px;
}
.ny-top h2 {
    font-size: 28px;
    color: #cc0a0a;
}
.ny-top h3 {
    font-size: 22px;
    color: #bbbbbb;
   
}
.ny-crumbs {
    text-align: right;
    font-size: 0;
    border-bottom: 1px solid #cfcfcf;
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
}
.ppdw_h {
    font-size: 42px;
    color: #fff;
	text-align: center;
}
.ppdw_n {
    font-size: 36px;
    color: #eb251f;
    margin-top: -50px;
    display: block;
   text-align: center;
}
.zxtz {
    text-align: center;
    display: block;
    color: #fff;
    border: 1px solid #fff;
    width: 135px;
    margin: 0 auto;
    border-radius: 25px;
    font-size: 18px;
    padding: 9px;
}