.clear{ clear:both}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear {zoom:1; }


/*产品展示*/
.pro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:4% 0;background: url('../images/probg.jpg')repeat center top;}
.pro h2{text-align: center; margin-bottom:2%; font-weight: bold; font-size: 56px; color: #0b74ce}
.pro h2 em{display: block; font-size: 18px; font-weight: normal; color: #333}
.pro h2 em:before{content: ""; width: 80px; height: 3px; background: #ee9a07; margin:10px auto; display: block}

.tel_prolist{display: none}
.tx_index_pro{ overflow:hidden;	width:85%;margin:2% auto 2% auto; padding:20px 0; clear:both;  position:relative; }
.rtCont{position:relative;width: 100%;margin: 0 auto;overflow: hidden;}
.rtCont ul{width: 100%;}
.rtCont ul li{width:200px;border-radius:18px;overflow:hidden; float: left; margin: 0 30px;}
.rtCont .pro_pic{border-radius:50%; overflow: hidden;}
.rtCont ul li img{border-radius:10px 10px 0 0; width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.rtCont ul li:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.rtCont ul li p{  margin-top: 9%;}
.rtCont ul li p a{color:#333;font-weight: 700; line-height:30px;text-align:center;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:3% 0;transition:all linear .3s}
.rtCont ul li:hover p a{font-weight:700;color:#0b74ce}

@media (max-width:750px){
	.pro_adv,.tx_index_pro {display: none; padding: 0;}
	.tel_prolist{display: block; width: 98%; margin:10px auto 0 auto;}
	.tel_prolist ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;}
	.tel_prolist li{width: 48%;background: #2b89df; margin-bottom: 10px}
	.tel_prolist p{line-height: 45px; text-align: center;}
	.tel_prolist p a{color: #fff}
}

#tel_pro{display: none;}
#top_scroll {overflow: hidden;width:85%; margin:0 auto 0 auto; padding-bottom: 2%; height: 800px}
#top_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#top_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;}
#top_scroll .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}
#top_scroll .protel .protel_a{width: 50%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
#top_scroll .protel .protel_a:hover{background: #0b74ce; color: #fff;}
#top_scroll .protel .protel_b{width: 50%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
#top_scroll .protel .protel_b:hover{background: #ee9a07; color: #fff;}

#top_scroll ul li:hover .protel_a{background: #0b74ce; color: #fff;}
#top_scroll ul li:hover .protel_b{background: #ee9a07; color: #fff;}
.pro_more{width:550px; margin:4% auto 0 auto; height: 50px; line-height: 50px;}
.pro_more ul{display: flex; display:-webkit-flex;-webkit-justify-content:space-between;   justify-content: space-between;}
.pro_more li{ background: #0b74ce;text-align: center;border-radius: 40px;width: 50%;transition: .5s;color: #fff; }
.pro_more li a{color: #fff;}
.pro_more li:nth-child(2){background: #ee9a07; font-size: 18px;text-align: center;width: 45%;}
.pro_more li:hover:nth-child(2){ background: #0b74ce;}
.pro_more li i{font-size: 30px;display: inline-block; padding-right: 10px;}
.pro_more li em{font-size: 24px; font-family:"Axis";}



@media (max-width:1280px){
	.pro{width:95%; }
	.pro h2{ font-size: 46px;}
	.pro h2 em:before{margin:5px auto; }
}


@media (max-width:750px){
	.pro{width: 100%;padding: 3vh 0;}
	.pro h2{ font-size: 26px;}
	.pro h2 em:before{margin:5px auto; }
	.pro h2 em{font-size: 16px}
	.prolist{width: 95%}
	.prolist li{width: 30%; font-size: 16px}
	.prolist li:last-child{display: none}
	#top_scroll{display: none;}
	#tel_pro {overflow: hidden;width:98%; margin:1vh auto 0 auto; padding-bottom: 3%; display: block;}
	#tel_pro ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
	#tel_pro ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
	#tel_pro ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
	#tel_pro ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
	#tel_pro ul li .proText{ padding:15px 0; transition: .4s;-webkit-transition: .4s;}
	#tel_pro ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 17px;}
	#tel_pro .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}
	.pro_more{display: none}
}


/*首页公司简介*/
.index-about {margin: 0px auto 4% auto;}
.index-about .wrap{width: 100%; margin: 0 auto;background: url(../images/aboutbg.jpg)no-repeat center top;}
.index-about ul{width: 85%; margin: 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; padding: 4% 0;}
.index-about li{width: 25%; color: #fff;text-align: center;border-right:1px solid transparent; border-color: rgba(255, 255, 255, 0.3);}
.index-about li:nth-child(4){border-right:none}
.index-about li i{font-size: 50px;}
.index-about li h3{font-size: 22px; line-height: 60px;}
.index-about li em{font-size: 12px;}
.index-about .about-base{width: 85%; margin: 0 auto; padding: 3%  0 3% 2.5% ; display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;background:rgba(255,255,255,1);box-shadow: 0px 0px 10px #999;}
.about-pic {width: 48%;position: relative;z-index: 0;padding-left: 20px;}
.about-pic img {width: 100%;}
.about-info {position: relative;width: 48%; padding-top: 4%;}
.about-info h4{font-size: 18px;}
.about-info h4 em{display: block; font-size:38px;  line-height: 45px; margin-top: 2%;font-weight: bold;}
.about-info p {font-size: 18px;color: #999;line-height: 40px;margin-top: 50px;text-indent:2em;}
.about-info a{display: block;width: 150px; line-height: 50px; text-align: center;background: #0b74ce;text-align: center;font-size: 18px;color: #fff;border-radius: 10px;transition: .5s;margin-top: 4%;}
.about-info a:hover{background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926);}


@media screen and (max-width: 1280px) {
	.about-info h4 em{ font-size: 33px;margin-top: 32px;}
	.about-info p{font-size: 16px; line-height: 31px;}

}

@media screen and (max-width: 790px) {
	.index-about .about_tit h2{font-size: 50px;}
	.index-about .about_tit:before{font-size: 50px;}
	.index-about .about_tit p{width: 90%; margin: 0 auto;font-size: 16px;}
	.index-about ul{display: none;}
	.index-about .wrap{background: none;}
	.index-about .about-base{width: 98%; display: block;box-shadow: 0 0 0; padding: 0 }
	.about-pic {width: 100%; padding-left: 0;margin: 25px 0 0 0;}
	.about-pic:before{display: none;}
	.about-info {width: 100%;}
	.about-info h4{font-size: 25px;}
	.about-info h4 em{width: 70%;display: none}
	.about-info p{margin-top: 20px;}

}


.cf{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:0 0 4% 0;}
.cf h2{text-align: center; margin-bottom:2%; font-weight: bold; font-size: 56px; color: #0b74ce}
.cf h2 em{display: block; font-size: 18px; font-weight: normal; color: #333}
.cf h2 em:before{content: ""; width: 80px; height: 3px; background: #ee9a07; margin:10px auto; display: block}
.cf .swiper-container.casebox { width: 100%; padding-top: 30px; padding-bottom: 1.5%; }
.cf .swiper-container.casebox .swiper-slide { background-position: center; background-size: cover; width: 600px; border: 10px solid #fff; box-sizing: border-box }
.cf .swiper-container.casebox .swiper-slide img{width: 100%;}

@media (max-width:1280px){
	.cf h2{ font-size: 46px;}
	.cf h2 em:before{margin:5px auto; }
	.cf .swiper-container.casebox .swiper-slide{width: 450px}
}

@media screen and (max-width: 790px) {
	.cf h2{ font-size: 26px;}
	.cf h2 em{font-size: 16px}
}


/*news*/
.news{width:100%; margin:0 auto 0 auto; padding: 4% 0 0 0;background:url("../images/news.jpg") no-repeat center top;}
.news_tit{ }
.news_tit h2{ text-align: center;   margin: 0 auto; font-size: 56px; line-height: 73px; font-weight: 500; ;color: #fff;}
.news_tit h2 em{font-weight: 800; color: #fff;}
.news_tit h2:after{ content: ""; width: 80px; height: 3px; background: #fff; display: block; margin:10px auto 0 auto;}
.news_tit p{text-align: center; margin-top: 10px; color: #fff;}

.news_cont{padding-top: 2%; display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;	-ms-flex-wrap: wrap;flex-wrap: wrap;width: 85%;overflow: hidden; margin: 0 auto; overflow: hidden}
.news_cont .newList{flex-basis: 31%;margin-right: 3%;}
.newList{ overflow:hidden; padding:0rem 0 04% 0; height:auto; width:100%; }
.news_cont .newList:nth-child(3n){ margin-right:0px; }
.news_cont .newPicBox{ position:relative; width:100%; height:0px; padding-bottom:50%; overflow:hidden; border-radius:0px; margin:0 auto; }
.news_cont .newPic{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1); width:100%; height:auto; transition:all .5s ease; }
.news_cont .picLink{ position:absolute; top:0px; left:0px; width:100%; height:100%; }
.news_cont .contentBoxB{ padding:0 6%;background:rgba(255,255,255,0.9) }
.news_cont .newTitle{ font-size:20px; margin-bottom:0;  line-height:1.2; font-weight:normal; color:#373c41; transition:all .5s ease; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; }
.news_cont .lineBox{ position:relative; width:100%; height:1px; background:#ededed; margin-bottom:26px; }
.news_cont .lineBox::before{ content:''; position:absolute; top:0px; left:0px; width:0px; height:100%; background:#afafaf; transition:all .5s ease; }
.news_cont .TimeBox{ font-size:14px; line-height:1.5; letter-spacing:.25px; color:#777; margin-bottom:20px; }
.news_cont .newMs{ position:relative; width:100%; line-height:1.4; clear:both; font-size:14px; color:#777; min-height:22px; letter-spacing:0; padding:20px 0px 30px; display:-webkit-box; overflow:hidden; line-height: 30px; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;  font-weight: 100;}
.news_cont .image_con{ width: 100%; overflow: hidden;background:rgba(255,255,255,0.9); padding-top: 10px;}
.news_cont .image_con img{width:90%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; margin: 0 auto; display: block; max-height: 250px; }
.news_cont .image_con:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.news_cont .look{ display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:20px; color:#777; overflow:hidden; }
.news_cont .look .look_name{ margin-right:10px; position:relative; }
.news_cont .newList:hover .newPic{ transform:translate(-50%,-50%) scale(1.1); }
.news_cont .newList:hover .newTitle{ color:#222; }
.news_cont .newList:hover .lineBox::before{ width:100%; }
.di_img{width:100%; background: url(../images/model_bg_02.jpg) no-repeat center top;position: relative; height: 358px;}
.news_img{width:56%; margin: 0 auto; }
.news_img img{ width: 100%; margin-top: 5%;}

.news_cont .bottom_btn{font-size:14px;line-height:7.5;/* font-weight:bold; */letter-spacing:.5px;text-transform:uppercase;transition:all .5s ease;background:rgba(255,255,255,0.9) ;padding-left: 5%; }
.news_cont .contentBoxB .bottom_btn{ display:none; }
.news_cont .newList:hover .bottom_btn{ color:#2b89df; }

@media (max-width:1280px){
	.news{ margin:0 auto 0 auto;}
	.news h2{ font-size: 46px;}
	.news h2 em:before{margin:5px auto; }
}

@media (max-width:769px){
	.news{width: 100%; margin-top: 4%;}
	.news_tit h2{color: #fff;font-size: 35px;padding-top:0}
	.news_tit h2:after {content: "";width: 70px;height: 3px;background: #fff;display: block;margin: 0 auto 0 auto;border-radius: 10px;}
	.news_tit p{margin-top: 7px;color: #fff;}
	.news_cont{width: 100%;}
	.news_cont .newList{flex-basis: 100%;margin-right:0%;}
	.di_img{height: 240px;}
	.news_img{width: 100%; height: 100px;}
	.news_cont .bottom_btn{line-height: 31px;}
	.news_cont .newTitle {font-size: 17px;line-height: 1.5;}
	.news_cont .newMs {line-height: 24px;}
}


/*合作案例*/
.hezuo{width:85%; margin:0px auto; position: relative; overflow: hidden; padding:4% 0 4% 0;}
.hezuo h2{text-align: center; margin-bottom:2%; font-weight: bold; font-size: 56px; color: #0b74ce}
.hezuo h2 em{display: block; font-size: 18px; font-weight: normal; color: #333}
.hezuo h2 em:before{content: ""; width: 80px; height: 3px; background: #ee9a07; margin:10px auto; display: block}
.hezuo ul{width: 100%; margin: 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: center;   justify-content:center; flex-wrap: wrap;;background: #fff;}
.hezuo li{ padding: 20px 0; width: 15.5%;margin-right: 1%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); transition: .5s; }
.hezuo li:nth-child(6){margin-right: 0}
.hezuo li:nth-child(10){border-bottom:none}
.hezuo li:nth-child(11){border-bottom:none}
.hezuo li:nth-child(12){border-bottom:none}
.hezuo li:nth-child(13){border-bottom:none}
.hezuo li:nth-child(14){border-bottom:none}
.hezuo li:nth-child(15){border-bottom:none}
.hezuo li:nth-child(16){border-bottom:none}
.hezuo li img{width: 80%; display: block; margin: 0 auto;}
.hezuo li:hover{box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);-webkit-box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);}

@media (max-width:1280px){
	.hezuo h2{ font-size: 46px;}
	.hezuo h2 em:before{margin:5px auto; }
}

@media screen and (max-width: 790px) {
	.hezuo{width: 98%; padding-bottom: 100px}
	.hezuo h2{ font-size: 26px;}
	.hezuo h2 em{font-size: 16px}
	.hezuo li{ padding: 10px 0; width: 31%; margin-bottom: 10px}
	.hezuo li:nth-child(3n){margin-right: 0}
}


.news_box{width: 85%; margin: 0 auto;}
.news_box li{ line-height: 55px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}
.news_box li span{float: right;}
.flex-center{width: 85%; margin: 5% auto; text-align: center;}

/* ===================== 内页 Banner 图 ===================== */
.inbanner {width: 100%;height: 500px;position: relative;overflow: hidden; background: #000;}
.sec20 .inbanner {height: 100vh;}
.inbanner > img {position: absolute;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;z-index: 0; opacity: 0.8;}
.inbanner .ibbg{ position: absolute; z-index: 1; opacity: 0.8;}
.inbanner .cer {position: relative;height: 100%;}
.ibcatein {position: absolute;width: 100%;left: 0;top:32%;z-index: 1;color: #fff;text-align: center;overflow: hidden;}
.ibcatein .cn {font-size: 30px;line-height: 46px;}
.ibcatein .en {font-size: 72px;line-height: 84px;font-weight: bold;text-transform: uppercase;}
.ibcatein .en:after {content: '';position: absolute;left: 50%;bottom: 0;z-index: 0;width: 66px;height: 2px;background-color: #fff;margin-left: -33px;display: none;}
.mouse {width: 34px;height: 34px;margin-top: 110px;margin-left: -18px;border-radius: 50%;position: absolute;left: 50%;top:60%;z-index: 2;border: 1px solid #fff;/*font-size: 16px; line-height: 28px; color: #fff; text-align: center;*/background: url('../images/jtd-mouse.png') center no-repeat;}
.outnavbg {width: 100%;position: absolute;left: 0;bottom: 28px;z-index: 5;}


@media screen and (max-width:790px){
	.inbanner {height: 150px;}
}


/* ===================== 内页 Banner 图 ===================== */

.mbx{ width:100%; height:60px;   border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}
.mbx .mbx_cont{ width:85%; margin:0 auto; font-size:16px; line-height:60px; color:#333;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.mbx .mbx_cont a{color: #333;}


.inbanner2 {width: 100%;height: 380px;position: relative;overflow: hidden;background: #000;}
.inbanner2 > img {position: relative;width: 100%;height: 100%;-o-object-fit: cover;	object-fit: cover;z-index: 0;opacity: 0.7;}


.main{width: 80%; margin: 7vh auto;display: flex; display:-webkit-flex; -webkit-justify-content:  space-between;   justify-content:  space-between;flex-wrap:wrap;}
.main .main_l{width: 18%; }
.box_one{width: 100%;background-color: #0b74ce;padding: 10px 10px}
.box_one .title{text-align: center;margin-bottom:20px;}
.box_one .title h3{color:#fff;font-weight:bold;font-size:30px;margin:20px 0 10px 0;}
.box_one .title p{color:#fff;font-size:16px;}
.box_one ul li{line-height:50px;background-color:#fff;margin-bottom:5px;text-align:left;}
.box_one ul li a{color:#333;position: relative;z-index:1;font-size:17px; display:block; padding-left:20px;}
.box_one ul li i{position: absolute;width:100%;height:0;background-color:#ee9a07;left:0;top:0;z-index:-1;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.box_one ul li a:hover i, .box_one ul li a.active i{height:100%;}
.box_one ul li a:hover, .box_one ul li a.active{color:#fff;}
.box_two{ background:#ee9a07; padding:30px 10px 10px 10px; margin-top:0rem; color:#fff; width: 100%}
.box_two h3{ font-size:18px; font-weight:normal;}
.box_two h3:after{ content:""; width:30px; height:5px; background:#fff; display:block; margin-top:10px; margin-bottom:20px;}
.box_two p{ font-size:16px; line-height:31px;}
.box_two a{ width:70%; height:30px; line-height:30px; margin:30px auto 30px auto; background:#f2f2f2; display:block; text-align:center; color:#333}

.main .main_r{ width:72%; overflow:hidden; background: #f2f2f2;padding:0 3% 3% 3%; }
.main .main_r .se_pro{width: 100%}
.main .main_r p{ line-height: 31px; margin-bottom: 20px;font-size: 16px;text-indent:2em;}
.main .main_r .atc{background: #f2f2f2}

@media (max-width:1440px){
	.main{width: 90%;}
	.main .main_l{width: 25%; }
	.main .main_r{ width:70%; }
}

/*内页企业简介*/
.se_main{width: 85%; margin: 4% auto;}
.se_main h2{text-align: center; margin-bottom:2%; font-weight: bold; font-size: 56px; color: #0b74ce}
.se_main h2 em{display: block; font-size: 18px; font-weight: normal; color: #333}
.se_main h2 em:before{content: ""; width: 80px; height: 3px; background: #ee9a07; margin:10px auto; display: block}
.se_main .s_width{background: #f2f2f2; padding: 50px; width: 90%; margin: 0 auto}
.se_main .s_width p{text-indent:2em;font-size: 18px; line-height: 36px; margin-bottom: 15px}


@media (max-width:1280px){
	.se_main h2{ font-size: 46px;}
	.se_main h2 em:before{margin:5px auto; }
}
@media (max-width:790px) {
	.se_main{width: 98%}
	.se_main h2 {	font-size: 26px;	}
	.se_main h2 em {	font-size: 16px	}
	.se_main .s_width{width: 96%; padding: 3%}
	.se_main .s_width p{text-indent:2em;font-size: 16px; line-height: 31px;}
}

/*内页团队风采*/
.se_pro{width: 85%; margin: 3% auto;}
.se_pro .se_pro_tit{text-align: center; margin-bottom:5%; color: #333}
.se_pro .se_pro_tit h3{font-size: 48px; text-align: center;display: block;font-weight: bold;}
.se_pro .se_pro_tit h2{font-size: 24px;}
.se_pro ul {-webkit-justify-content: left;   justify-content: left;display: flex; display:-webkit-flex;flex-wrap: wrap;}
.se_pro ul li {transition: all .3s ease;width: 31%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin: 0 1% 2% 1%;}
.se_pro ul li .pro_pic img {width: 100%;}
.se_pro ul li .pro_pic i {display: none;}
.se_pro ul li .pro_tit {font-size: 18px;color: #333;line-height:70px;display: block;text-align: center;background: #f2f2f2;}
.se_pro ul li .pro_pic {position: relative;display: block;overflow: hidden;}
.se_pro ul li .pro_pic i {display: block;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);}
.se_pro ul li:hover .pro_pic i {transition: all .3s ease;left: 100%}
.se_pro ul li:hover {transition: all .3s ease;transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5)}

@media screen and (max-width:1280px){
	.se_pro ul li {width: 31%;}
}
@media screen and (max-width:1023px){
	.se_pro{width: 98%;}
	.se_pro .se_pro_tit h3{font-size:26px; }
	.se_pro .se_pro_tit h2{font-size: 16px;}
	.se_pro ul {margin-left: 0;}
	.se_pro ul li {width: 47%;}
	.se_pro ul li .pro_tit{font-size: 16px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 50px;}
}
/*产品详情*/
.se_procont{width: 100%;  background:url(../images/adv.jpg) no-repeat center top;padding: 7% 0 4% 0;background-attachment: fixed; background-size: cover;}
.se_procont .s_width{background: #fff;padding:2% 4%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;width: 80%; margin: 0 auto;}
.se_procont .se_procont_l{width: 45%;}
.l{float: left;}
.r{float: right;}

#showbigpic{width: 100%;max-width:800px;}
.piclist{width:89%;overflow: hidden; margin:0 auto}
#modal-pic{height:58vh;}
#modal-pic img{width: 100%;}

.modal-dialog{width: 100%;}

.absolute{position:absolute}
.arrow-left{top:5px;left:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/lleft.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.arrow-right{top:5px;right:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/rright.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.arrow-left:hover{ background:url(../images/left_h2.png) no-repeat center top;}
.arrow-right:hover{ background:url(../images/right_h2.png) no-repeat center top;}
#mycarousel{transition: all .4s;}
.espcms_pro_photo li{ float:left; width:80px; margin-right:10px; text-indent:0;}
.espcms_pro_photo li img{width:76px;height:auto; background: #fff  }

.se_product_box{width: 85%; margin: 4% auto;}
.se_product_box .se_product_tit{font-size: 30px; font-weight: bold;background: #cd2729;padding: 20px 0px;width: 200px; text-align: center; color: #fff;}
.se_product_box h2{ font-size: 30px;color: #3a4a64;line-height: 40px;margin-bottom: 30px;background: url(../images/new-tag.png) no-repeat left 5px;padding-left: 72px}

.se_product_bg{margin-top: 3%;}
.biaoge{overflow-x: auto;}
.biaoge td{padding:0.5% 1%;white-space: nowrap;font-size: 16px;}

table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;padding: 0.5%;line-height: 31px; }
.biaoge p{font-size: 16px; line-height: 31px;}

@media screen and (min-width: 1025px) {

	.se_procont_r{width: 50%;padding-top: 4%;}
	.se_procont .se_procont_r h1 {color: #333333;line-height: 1.25; font-size: 40px; font-weight: 800;}
	.se_procont .se_procont_r .aside {margin-top:20px;line-height: 1.25; }
	.se_procont .se_procont_r .aside span{font-size: 16px;}
	.se_procont .se_procont_r .imax {margin:16px 0 20px 0;padding-top: 16px;border-top: #eeeeee solid 1px;color: #666666;font-size: 16px;}
	.se_procont .se_procont_r .imax p{ line-height: 31px;}
	.se_procont .se_procont_r .btns { margin-top: 12%;}
	.se_procont .se_procont_r .btns .btn {z-index: 2;display: inline-block;vertical-align: top;position: relative;overflow: hidden;min-width: 120px;line-height: 45px;padding: 0.1rem 0.2rem;border-radius: 70px;text-align: center;font-size: 16px;border: #e0e0e0 solid 1px;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;color: #333333;}
	.se_procont .se_procont_r .btns .btn:after {background-color: #0181e0;opacity: 1;z-index: -1;content: " ";position: absolute;border-radius: 50%;left: 50%;top: 50%;background-color: #fff;width: 108%;padding-bottom: 108%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);pointer-events: none;}

	.se_procont .se_procont_r .btns .btn:nth-child(1n+2) {margin-left: 0.6rem;}
	.se_procont .se_procont_r .btns .btn2 {color: #0181e0;border-color: #0181e0;}
}
@media screen and (min-width: 1025px) {
	.se_procont .se_procont_r .btn1:hover {color: #171c32;}
	.se_procont .se_procont_r .btn2 {color: #0181e0;border-color: #0181e0;}
	.se_procont .se_procont_r .btn2:hover {color: #171c32;}
}
@media screen and (max-width: 1024px) {
	.se_procont .se_procont_r {max-width: 100%;margin-top: 0.7rem;width: 514px;margin-left: auto;margin-right: auto;padding-bottom: 0.4rem;}
	.se_procont .se_procont_r .btns {position: relative;margin-top: 0.6rem;bottom: 0;}
}

@media screen and (max-width: 790px) {
	.inbanner2 {height: 180px;}
	.se_procont{padding: 0% 0 4% 0;}
	.se_procont .s_width{width: 98%; display: block;}
	.se_procont .se_procont_l{width: 100%;}
	.se_procont .se_procont_r{width: 90%;    margin-top: 0;}
	.se_procont .se_procont_r h1{font-size: 25px; padding-top: 3%;}
	.se_procont .se_procont_r .aside {margin-top: 10px;}
	.se_procont .se_procont_r .imax{font-size: 15px;}
	.se_procont .se_procont_r .imax p{line-height: 24px;}
	.se_procont .se_procont_r .btns .btn{min-width: 100px;line-height: 28px;}
	.right-fd{display: none!important;}

	.se_procont .s_width{background: #fff;padding: 0%;width: 95%;}
	#modal-pic {height: 35vh;}
	.se_product_box .se_product_tit{font-size: 23px;width: 150px;padding: 10px 0;}
	.se_product_box .se_product_cont p{font-size: 16px; line-height: 31px;}
}




/*内页合作案例*/
.huoout {padding:5% 0;background: url('../images/bg_01.jpg') repeat;}
.huoout:before {content: "";position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;}
.huoout .cer9{width: 90%; margin: 0 auto;}
.huoout h2.btitle {font-size: 42px;color: #333;line-height: 66px;text-align: center;height: 66px;overflow: hidden;}
.huocon {margin: 30px auto 62px;font-size: 16px;color: #333;line-height: 36px;max-width: 900px;text-align: center;}
.huocon img {max-width: 100%;}
.huobtn {display: block;width: 62px;height: 32px;padding-left: 48px;margin: 0 auto;font-size: 14px;color: #a9a9a9;line-height: 32px;position: relative;}
.huobtn i {position: absolute;left: 0;top: 0;z-index: 1;width: 32px;height: 32px;}
.huobtn:hover i {-webkit-animation: rotate360 2s linear infinite;animation: rotate360 2s linear infinite;}
.huobtn.finish {padding-left: 0;}
.huobtn.finish i {width: 0;opacity: 0;}
.kehulist {padding: 2px 0 60px;overflow: hidden;margin: 0 -12px;}
.kehulist li {float: left;width: 15.5%;margin: 10px 0; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin: 0 1% 1% 0;}
.kehulist li .lin {padding: 0 12px;text-align: center;}
.kehulist li a {display: block;background-color: #fff;overflow: hidden;}
.kehulist .pic {width: 100%;height: 120px;overflow: hidden;font-size: 0;line-height: 120px;}
.kehulist img {max-width: 75%;max-height: 90%; }
.kehulist li:hover a {
	-webkit-transform: scale(0.9, 0.9);transform: scale(0.9, 0.9);
}
@media screen and (max-width: 1400px) {
	.kehulist li {width: 20%;}
}
@media screen and (max-width: 1200px) {
	.kehulist li {width: 25%;}
}
@media screen and (max-width: 900px) {
	.kehulist li {width: 33.33%;}
	.huoout h2.btitle {font-size: 36px;}
	.huocon {line-height: 30px;}
}
@media screen and (max-width: 750px) {
	.huoout .cer9{width: 95%; }
	.huoout h2.btitle {font-size: 22px;}
	.huocon {margin: 10px auto 15px;line-height: 31px;max-width: 90%;text-align: center;}

	.kehulist .pic {height: 78px;line-height: 78px;}

	.huoout {padding: 80px 0;}
	.kehulist li {width: 50%;}
}

.sepro_cont{width: 90%; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;background: #f8f8f8; }
.sepro_cont_l{width: 50%;}
.sepro_cont_l img{width: 100%;}
.sepro_cont_r{width: 50%; padding: 4% 3%; }
.sepro_cont_r h2{ text-align: left; font-weight: 500; font-size: 35px;}
.sepro_cont_r .info-intro{text-align: left; }
.sepro_cont_r .info-pic{ margin: 10px 0;}
.sepro_cont_r .info-pic img{ margin: 0 auto; max-width: 100%; display: block;}
.sepro_cont_r .info_cont{font-size: 16px; line-height: 31px;;}
.sepro_cont_r .info_cont p{ margin-bottom: 15px;}

.fenye{width: 1280px; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 200px; background: #f2f2f2; text-align: center;  line-height: 45px;}

@media screen and (max-width: 750px) {
	.fenye{width: 95%;  margin: 20px auto 30% auto; line-height: 30px; height: 30px;}
	.fenye_zong{ font-size: 12px; width: auto;}
}

/*se_hangye*/
.newslist {padding: 80px 0;width: 100%;font-size: 0;overflow: hidden;}
.newslist li {width: 100%;border-bottom: 1px solid #e7e7e7;}
.newslist li .lin {padding: 60px 0;position: relative;}
.newslist li a {display: block;position: relative;min-height: 225px;overflow: hidden;padding-right: 540px;}
.newslist li .pic {position: absolute;right: 0;top: 0;z-index: 1;width: 400px;height: 225px;overflow: hidden;}
.newslist li .pic img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.newslist li .wrap {padding: 26px 0 0;}
.newslist li h3 {font-size: 26px;color: #333;line-height: 42px;height: 42px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;margin: 20px 0;}
.newslist li .date {font-size: 24px;color: #999;line-height: 32px;height: 32px;font-family: "Times New Roman";}
.newslist li .txt {color: #666;line-height: 31px;text-align: justify;overflow: hidden;height: 89px;-webkit-box-orient: vertical;}
.newslist li i {width: 50px;height: 50px;border-radius: 50%;overflow: hidden;-webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.15);box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.15);-webkit-transition: 0.5s;transition: 0.5s;
	opacity: 0;position: absolute;left: 50%;top: 50%;z-index: 2;margin-left: -25px;margin-top: -25px;}
.newslist li:hover i {width: 200px;height: 200px;margin-left: -100px;margin-top: -100px;opacity: 1;}
.newslist li .cov {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);}
.newslist li label {position: absolute;left: 0;top: 50%;z-index: 3;width: 100%;height: 30px;margin-top: -15px;font-size: 14px;color: rgba(255, 255, 255, 0);line-height: 30px;text-align: center;cursor: pointer;}
.newslist li:hover {border-bottom-color: #222;}
.newslist li:hover h3 {-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(left,#2659b6, #0181e0);}
.newslist li:hover .cov {background-color: rgba(0, 0, 0, 0.4);}
.newslist li:hover label {color: #fff;}
.newslist li,.newslist h3,.newslist .cov,.newslist label {-webkit-transition: 0.4s;transition: 0.4s;}
@media screen and (max-width: 1200px) {
	.newslist {padding: 60px 0;}
	.newslist li .lin {padding: 40px 0;}
	.newslist li a {padding-right: 490px;}
}
@media screen and (max-width: 1100px) {
	.newslist li .wrap {padding: 30px 0 0;}
	.newslist li .txt {height: 104px;}
}
@media screen and (max-width: 1023px) {
	.newslist {width: auto;margin: 0 -20px;}
	.newslist li {display: inline-block;width: 50%;padding-top: 0;margin-bottom: 30px;}
	.newslist li .lin {margin: 0 20px;padding-top: 0;}
	.newslist li .pic {position: relative;width: 100%;height: 0;padding-bottom: 62.8%;right: 0;}
	.newslist li .pic img {position: absolute;left: 0;top: 0;z-index: 0;}
	.newslist li a {padding-right: 0;}
	.newslist li .wrap {padding: 20px 15px 0;}
	.newslist li h3 {font-size: 20px;margin: 10px 0;}
}
@media screen and (max-width: 750px) {
	.newslist {margin: 0 -10px;padding: 60px 0 20px;}
	.newslist li .lin {margin: 0 10px;padding-bottom: 10px;}
	.newslist li .wrap {padding: 20px 0 0;}
	.newslist li .date {font-size: 18px;line-height: 24px;height: 24px;}
	.newslist li h3 {font-size: 18px;margin: 0;}
	.newslist li .txt {display: none;}
}
@media screen and (max-width: 600px) {
	.newslist {margin: 0 0;}
	.newslist li {display: block;width: 100%;}
	.newslist li .lin {margin: 0 0;}
	.newslist li .txt {display: block;height: 64px;font-size: 15px;}
}

/*新闻详情页*/
.greybgnews {background-color: #f8fafb;padding: 50px 0 80px;}
.greybgnews .cer8{ max-width: 1400px; margin:0 auto; padding: 0 30px;}
.mainleft {width: 100%;min-height: 800px;}
.mainright {width: 440px;position: absolute;top: 0;right: 0;z-index: 1;}
.mainright .sidebox {padding: 40px 40px 16px;width: auto;background-color: #fff;}
.mainright .sidebox .title {height: 40px;font-weight: bold;margin-bottom: 20px;font-size: 26px;line-height: 40px;color: #eb1622; }
.relnewslist li {border-bottom: 1px solid #e7e7e7;}
.relnewslist li a {display: block;}
.relnewslist li .pic {width: 100%;height: 222px;position: relative;overflow: hidden; display: none;}
.relnewslist li:nth-child(1) .pic{display: block;}
.relnewslist li .pic img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: 0.5s;transition: 0.5s;}
.relnewslist li:hover img {-webkit-transform: scale(1.04);transform: scale(1.04);}
.relnewslist .wz {padding: 20px 0;}
.relnewslist h3 {font-size: 18px;color: #333;line-height: 36px;font-weight: bold;height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-transition: 0.3s;transition: 0.3s;}
.relnewslist .date {  color: #666;  font-size: 12px;  line-height: 28px;  height: 28px;}
.relnewslist li:hover h3 {  color: #eb1622;}
.atc {padding: 40px 70px 70px;background-color: #fff;}
.atc-h {border-bottom: 1px solid #e7e7e7;padding-bottom: 20px;position: relative;}
.atc-h h1 {font-size: 32px;color: #333;line-height: 46px;font-weight: bold;margin-bottom: 24px;text-align: center;}
.atc-date {font-size: 14px;color: #888;line-height: 30px;text-align: center;}
.atc-date span {display: inline-block;margin-right: 48px;}
.atc-con {padding: 44px 0 76px;font-size: 16px;line-height: 28px;color: #555;text-align: justify;}
.atc-con p{line-height: 31px; margin-bottom: 15px;}
.atc-con iframe{width: 800px; height: 600px;}
.atc-con img {max-width: 100%; display: block; margin: 0 auto;}
.atc-con .videowrap {width: 1440px;position: relative;text-align: center;margin: 50px auto;overflow: hidden;}
.atc-con video {width: 100%;height: 612px;}
@media screen and (max-width: 1440px) {
	.atc {padding: 40px 50px 60px;}
	.mainright {width: 370px;}
	.videowrap {width: 100%;padding-bottom: 42.5%;height: 0;}
	.video {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;}
}
@media screen and (max-width: 1300px) {

}
@media screen and (max-width: 1023px) {
	.greybgnews {padding: 60px 0 80px;background-color: #fff;}
	.atc {padding: 0 30px;}
	.atc-con iframe{width: 100%; height: 200px;}
}
@media screen and (max-width: 960px) {
	.greybgnews .cer8{max-width: 95%;padding: 0;}
	.atc-con {padding-bottom: 60px;}
	.atc-date span {margin-right: 24px;}
}
@media screen and (max-width: 750px) {
	.atc {padding: 0 0;}
	.atc-h h1 {font-size: 26px;margin-bottom: 0; line-height: 31px}
}
.atc-pn {position: relative;padding-top: 26px;padding-right: 160px;border-top: 1px solid #ddd;}
.atc-pn a {display: block;overflow: hidden;font-size: 14px;color: #666;line-height: 34px;margin-top: 10px;}
.atc-pn a:hover {color: #eb1622;}
.atc-pn a label {display: inline-block;border: 1px solid #ccc;width: 98px;height: 32px;text-align: center;font-size: 14px;line-height: 32px;margin-right: 15px;-webkit-transition: 0.3s;transition: 0.3s;}
.atc-pn a:hover label {border-color: #eb1622;}
.atc-pn a.ret {font-size: 14px;color: #fff;line-height: 34px;text-align: center;background-color: #eb1622;width: 110px;height: 34px;position: absolute;right: 0;bottom: 0;z-index: 1;margin-top: 0;}
.atc-pn a.ret:hover {opacity: 0.8;}
@media screen and (max-width: 960px) {
	.atc-pn {padding-right: 0;}
	.atc-pn a.ret {position: static;width: 150px;height: 45px;line-height: 45px;border-radius: 5px;display: block;margin: 40px auto 0;font-size: 16px;}
}
.zhaopinout {padding: 110px 0 100px;}
.cate7 {position: relative;padding-top: 80px;padding-bottom: 22px;font-weight: bold;text-align: center;}
.cate7 .en {font-size: 140px;color: rgba(83, 185, 112, 0.06);line-height: 152px;text-transform: uppercase;position: absolute;left: 0;top: 0;z-index: 1;width: 100%;font-family: "Times New Roman";}
.cate7 .cn {font-size: 32px;color: #333;line-height: 50px;position: relative;z-index: 2;}
.cate7:after {content: '';position: absolute;left: 50%;bottom: 0;z-index: 0;width: 30px;height: 3px;margin-left: -15px;background-color: #eb1622;}
.zpintro {font-size: 16px;color: #666;line-height: 34px;text-align: center;max-width: 920px;margin: 24px auto 0;}
.zpintro span {display: block;}
@media screen and (max-width: 1023px) {
	.cate7 .en {font-size: 100px;line-height: 120px;}
	.zhaopinout {padding: 90px 0 90px;}
}
@media screen and (max-width: 920px) {
	.zpintro span {display: inline;}
}
@media screen and (max-width: 750px) {
	.cate7 .en {font-size: 70px;line-height: 100px;}
	.zhaopinout {padding: 70px 0 80px;}
}
.rec-head {height: 70px;background-color: #f5f5f5;overflow: hidden;padding: 0 110px;margin-top: 82px;}
.rec-head .th {float: left;padding: 10px 0;width: 20%;height: 50px;overflow: hidden;font-size: 18px;color: #333;line-height: 50px;text-align: center;font-weight: bold;}
.rec-head .th.zhiwei {text-align: left;}
.reclist {background-color: #fff;}
.rec-hand {height: 70px;background-color: #fff;overflow: hidden;padding: 0 110px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.rec-hand .td {float: left;padding: 10px 0;width: 20%;height: 50px;overflow: hidden;font-size: 16px;color: #555;line-height: 50px;text-align: center;}
.rec-hand .td.zhiwei {text-align: left;}
.reclist li:nth-child(even) .rec-hand {background-color: #f5f5f5;}
.reclist li.on .rec-hand {background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#10a560));background-image: linear-gradient(to right, #255ba9, #10a560);}
.reclist li.on .rec-hand .td {color: #fff;}
.reclist li:hover .rec-hand {background-color: rgba(32, 180, 184, 0.2);}
.rec-hand,.reclist .td {-webkit-transition: 0.6s;transition: 0.6s;}
.reclist .rec-con {display: none;}
.reclist .rec-txt {font-size: 16px;color: #777;line-height: 30px;padding: 40px 110px 60px;border: 1px solid #1373c0;background-color: #f5f5f5;}
.reclist .rec-txt .email {display: inline-block;color: #1373c0;text-decoration: underline;}
.reclist .rec-txt h3 {font-size: 18px;color: #333;font-weight: bold;margin-bottom: 10px;
}
@media screen and (max-width: 1500px) {
	.rec-head,.rec-hand {padding: 0 80px;}
	.reclist .rec-txt {padding: 40px 80px 60px;}
}
@media screen and (max-width: 1200px) {
	.rec-head,.rec-hand {padding: 0 60px;}
	.reclist .rec-txt {padding: 40px 60px 60px;}
}
@media screen and (max-width: 1023px) {
	.rec-head,.rec-hand {padding: 0 40px;}
	.reclist .rec-txt {
		padding: 40px 40px 60px;
	}
}
@media screen and (max-width: 1023px) {
	.rec-head .th,.rec-hand .td {width: 22%;}
	.rec-head .th.zhiwei,.rec-hand .td.zhiwei {width: 34%;}
	.rec-head .th.bumen,.rec-hand .td.bumen {display: none;}
}
@media screen and (max-width: 750px) {
	.rec-head .th.addr,.rec-hand .td.addr {display: none;}
	.rec-head .th {width: 30%;}
	.rec-head .th.zhiwei {width: 40%;}
	.rec-hand .td {width: 30%;}
	.rec-hand .td.zhiwei {width: 40%;}
	.rec-head,.rec-hand {padding: 0 20px;}
	.reclist .rec-txt {padding: 40px 20px 50px;}
}
@media screen and (max-width: 660px) {
	.rec-head .th.renshu,.rec-hand .td.renshu {display: none;}
}

/*se-contact*/
.lianxi_bg { background: url(../images/contact_ban.jpg) no-repeat center top;  width: 100%; overflow: hidden; height:600px; position:relative}
.lianxi { margin-top:220px; text-align: center; }
.lianxi_con { width: 100%; margin: 0 auto; overflow: hidden; }
.lianxi h3 { font-size:80px; color:#FFf;   background-image: #fff;   margin-bottom: 18px; line-height: 59px; width: 100%; padding:10px 0; margin-bottom: 15px;  -webkit-text-stroke:1px rgba(0,0,0,0.4);}
.lianxi p{ line-height: 36px; font-size: 18px;color: #fff; width:60%; margin:0 auto;text-shadow: 0 0 2px rgba(0,0,0,0.8)}

.ul-contact{overflow:hidden;z-index:1;margin: 80px auto;}
.ul-contact h4{ font-size:30px;color: #333333; font-weight: 300; display:block; overflow:hidden;margin-bottom:100px; text-align:center}
.ul-contact li{float:left;width:17%;text-align: center; margin:0 1.5%;}
.ul-contact li:nth-child(1),.ul-contact li:nth-child(2),.ul-contact li:nth-child(4),.ul-contact li:nth-child(5){ margin-top:75px;}
.ul-contact li strong{position: relative; z-index: 1; display:block; width:60%;padding:12%; font-weight:normal; text-align:center; margin:5px auto 10px;}
.ul-contact li strong img{ width:100%; border-radius:50%; text-align:center; box-shadow: 0px 0.03rem 0.21rem rgba(5,26,85,0.1);}
.ul-contact .txt{margin:20px 0;text-align:center;font-size:16px;color:#666;line-height:26px;padding-bottom:18px;position:relative}
.ul-contact .txt .zx{cursor:pointer;}
.ul-contact .txt .ctel{ font-size:24px;font-weight: 700;color: #F60}
.ul-contact .txt span{display:block;font-size:24px;color:#222;font-weight:700;margin-bottom:5px;line-height:30px}
.ul-contact .txt p a{display:inline-block}

.message{ background:/*rgb(230,238,244,.95)*/#f2f3f5; padding:70px}
.message .tit{ margin-bottom:50px; text-align:center;color: #111;}
.message .tit h3{font-weight:600; font-size:48px; margin-bottom:30px;}
.message .tit p{ font-size:18px}
.message form{ width:80%; margin:0 auto;overflow:hidden}

.message .layui-form-item {margin-bottom: 5px; overflow: hidden; width:48%; float:left}
.message .layui-form-item:nth-child(6){width: 96%!important;}
.message .layui-form-item:nth-child(7){width: 100%!important;}
.message ul li.wenb {position: relative;width:100%; }
.message ul li.wenb .fl{ width:95%;}
.btnclick{ width:30%; margin-top:20px;}
.message .layui-form-label {width: 100%; display:block; overflow:hidden;text-align:left; font-size: 18px; line-height:50px; color:#333e46}
.message .layui-input { width:97%; border:0; color:#666; font-size:15px;height: 42px;line-height: 42px;  border:#e0e0e0 1px solid;text-indent: 35px;*text-indent:0px;}
.message .layui-input:nth-child(1){ background:rgba(255,255,255,1)url(../images/icon-text-user.png) no-repeat 10px center;}
.message .layui-input:nth-child(2){ background:rgba(255,255,255,1)url(../images/icon-text-tel.png) no-repeat 12px center; }
.message .layui-textarea {background:rgba(255,255,255,1)url(../images/icon-text-tel.png) no-repeat 10px 17px;;  border:0; width:93%;  border:#e0e0e0 1px solid;  height: 150px; line-height: 20px; font-size:15px;margin: 6px 0 30px; padding:3%; color: #666; resize: none;}
.message  .layui-btn{ padding:13px 70px;margin:30px auto;display: block;cursor:pointer;font-size:20px; color:#fff; border-radius:50px;text-align:center;border: 0px;background-color:#f3562d;}
.message  .layui-btn:hover{background:#f60;}

@media screen and (max-width: 790px) {
	.lianxi_bg {background-size: 100%;;height: 100px;}
	.lianxi{display: none;}
	.ul-contact{margin: 2% auto; padding-top: 50px}
	.ul-contact h4{width: 85%; margin:2% auto; font-size: 20px;display: none}
	.ul-contact li{width: 100%;}
	.ul-contact li:nth-child(1){display: none;}
	.ul-contact li:nth-child(1), .ul-contact li:nth-child(2), .ul-contact li:nth-child(4), .ul-contact li:nth-child(5){margin-top: 0;}
	.message{  padding:3% 2% 100px 2%}
	.message .tit{ margin-bottom:50px; }
	.message .tit h3{ font-size:30px; margin-bottom:6px; padding-top: 2%;}
	.message .tit p{font-size: 15px; line-height: 27px;}
	.message form{width: 100%;}
	.message  .layui-btn{padding:10px 20px; font-size: 16px; margin: 0 auto}
}

/*===================== 响应式代码 START =====================*/
.f_80{font-size: 80px;}
.f_72{font-size: 72px;}
.f_62{font-size: 62px;}
.f_58{font-size: 58px;}
.f_48{font-size: 48px;}
.f_40{font-size: 40px;}
.f_30{font-size: 30px;}
.f_24{font-size: 23px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}

/*===================== 响应式代码 START =====================*/
@media( max-width:1600px ){
	.f_80{font-size: 60px;}
	.f_72{font-size: 50px;}
	.f_62{font-size: 40px;}
	.f_58{font-size: 58px;}
	.f_48{font-size: 38px;}
	.f_40{font-size: 30px;}
	.f_30{font-size: 24px;}
	.f_24{font-size: 20px;}
	.f_20{font-size: 20px;}
	.f_18{font-size: 18px;}
	.f_16{font-size: 16px;}
	.f_15{font-size: 15px;}
	.f_14{font-size: 14px;}
}

@media( max-width:1210px ){
	.f_80{font-size: 60px;}
	.f_72{font-size: 50px;}
	.f_62{font-size: 30px;}
	.f_58{font-size: 48px;}
	.f_48{font-size: 28px;}
	.f_40{font-size: 26px;}
	.f_30{font-size: 24px;}
	.f_24{font-size: 16px;}
	.f_20{font-size: 18px;}
	.f_18{font-size: 16px;}
	.f_16{font-size: 14px;}
	.f_15{font-size: 14px;}
	.f_14{font-size: 14px;}

}



@media (max-width:750px){
	.f_80{font-size: 60px;}
	.f_72{font-size: 50px;}
	.f_62{font-size: 30px;}
	.f_48{font-size: 22px;}
	.f_40{font-size: 22px;}
	.f_30{font-size: 24px;}
	.f_24{font-size: 14px;}
	.f_20{font-size: 14px;}
	.f_18{font-size: 16px;}
	.f_16{font-size: 14px;}
	.f_14{font-size: 14px;}
}