html,body{width: 100%;font-size:16px;overflow-x:hidden; background: #ebf1f5;}
*{ margin:0; padding:0;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#000;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .pub_button .pb_bg, .header .logo, .header.bg, .section_two .tab_box a i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
img{ border: 0;vertical-align: middle;max-width:100%;display: block;}
table{ border-collapse: collapse; border-spacing: 0;}
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000; } 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000; } 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000; }
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#1d5cb2;}
textarea{resize:none; overflow: auto;}
input{padding-top: 0; padding-bottom: 0;};
select,input{vertical-align:middle; }
select,input,textarea{font-size:14px;margin:0;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after{clear: both;}
.fl{float: left;}
.fr{float: right;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body{font-family: \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";font-size:16px;color:#333;background-color: #fff;overflow-x: hidden;}
.error3{display: none !important;}
html,body{max-width:1920px;margin:0 auto;}
.dn{display: none;}
.delay{
	-webkit-transition-delay: 3s;
    -o-transition-delay: 3s;
    -ms-transition-delay: 3s;
    -moz-transition-delay: 3s;
    transition-delay: 3s;
}
.biaoge{overflow-x: auto;}
.biaoge td{padding:5px 5px;white-space: nowrap;}

table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;padding: 0.5%;line-height: 1.4; font-size: 16px;}
.clearfloat { clear:both; height:0; font-size: 0px; line-height: 0px; overflow:hidden; visibility:hidden; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }
.clearfix { *zoom:1;}

@font-face {
	font-family: "DINENGSCHRIFTSTD";
	src: url("../css/font/DINENGSCHRIFTSTD.woff2") format("woff2"),
	url("../css/font/DINENGSCHRIFTSTD.woff") format("woff"),
	url("../css/font/DINENGSCHRIFTSTD.ttf") format("truetype"),
	url("../css/font/DINENGSCHRIFTSTD.eot") format("embedded-opentype"),
	url("../css/font/DINENGSCHRIFTSTD.svg") format("svg");
}
.fontDIN {font-family: "DINENGSCHRIFTSTD";}

@font-face {
	font-family: "din-bold_";
	src: url("../font/din-bold_.woff2") format("woff2"),
	url("../font/din-bold_.woff") format("woff"),
	url("../font/din-bold_.ttf") format("truetype"),
	url("../font/din-bold_.eot") format("embedded-opentype"),
	url("../font/din-bold_.svg") format("svg");
	font-weight: normal;font-style: normal;}
.din {font-family: 'din-bold_';}

.copyright{height:60px;line-height:60px;color:#fff;background-color: #1d1d1d;font-size:14px;text-align: center;}
.copyright img{display: inline-block;margin:0 10px 4px;}
.copyright a{display: inline-block;margin:0 10px;color:#fff;}


/*===================== 公用样式 END =====================*/
/*===================== 公用样式 START =====================*/
.pub_title{text-align: center;color: #fff;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.pub_title h3{font-weight: 700;text-transform: uppercase;}
.pub_title p,.pub_title h4{font-weight: 400;}
.img img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}


.more-info{ line-height: 40px;}
.more-info ul{width: 100%; margin: 0 auto; padding-top: 20px;}
.more-info li{width: 100%;}
.more-info li a{color: #333;}
.more-info li em{font-weight: 500; padding-right: 15px;}



/*主导航多级菜单*/
.hbg{width: 100%;height: 90px;position: fixed;top: 0px; left: 0; z-index: 9999;background: none;text-align: center;border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.3);display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;  justify-content:space-around}
#logo{transition: .5s; margin-top: 15px; }
#logo:hover{left:4%;}
#logo img{ width:100%}

.hbg .nav{ height:50px; width:45%; position: relative; }
.hbg .nav ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;  justify-content:space-around}
.hbg .nav li{text-align:center; line-height:90px; position:relative; padding:0 10px}
.hbg .nav li a{ color:#000; display:block;  font-weight: bold;}
.hbg .nav ul li i{position: absolute;width:100%;height:0;background-color:#0a60c6;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;}
.hbg .nav ul li a:hover i, .hbg .nav ul li a.active i{height:100%;}
.hbg .nav ul li a:hover, .hbg .nav ul li a.active{color:#fff;}


.hbg .product_son{display: none;position: absolute;left:0;top:90px;text-align: center;width:100%;padding:20px 0;height:auto;background-color:rgba(0,0,0,0.75);z-index:999;}
.hbg .product_son .s_width{width: 95%;}
.hbg .product_son .item{display: inline-block;width:9%;margin:10px;}
.hbg .product_son .item:nth-child(18){display: none}
.hbg .product_son .item img{border: 0;vertical-align: middle;max-width: 100%;display: block;}
.hbg .product_son .item p{color:#fff;height:40px;line-height:40px;-webkit-box-orient: vertical; width: 100%;}
.hbg .product_son .item:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}

.pub_button{position: relative;z-index:1;}
.pub_button .pb_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color:rgba(29,108,233,0.7);-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);transform-origin: left 100%;-webkit-transform-origin: left 100%;transform: scaleY(0);-webkit-transform: scaleY(0);visibility: hidden\9;z-index: -1;}
.pub_button:hover .pb_bg, .pub_button.active .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}


.ttel{text-align: center;color: #000;padding: 0 15px;transition: .5s;line-height: 35px;text-shadow: 0px 1px 3px rgba(0,0,0,0.4), 0px 0px 30px rgba(0,0,0,0.075);}
.ttel img{display: inline-block;border-right: 1px solid rgba(255,255,255,0.4);padding-right: 5px;margin-right: 5px;}
.ttel em{ padding-left: 5px; display: inline-block;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); }
.hrt{margin-top:27px; width: 17%;}



.hbg.bg{background:rgba(255,255,255,0.95);padding:6px 0; height: 65px;}
.hbg.bg #logo{top: 8px;}
.hbg.bg #logo img{height:50px !important;margin-top:-15px;}
.hbg.bg .nav{padding-top: 0;}
.hbg.bg .nav li{line-height:65px; }
.hbg.bg .hrt{margin-top:9px;}

@media (max-width:1650px){
	.hbg .nav{width: 50%;}
}

@media (max-width:1280px){
	.hbg{height: 70px;}
	#logo{margin-top:9px; }
	#logo img{ width:90%}
	.hbg .nav{ width: 45%; }
	.hbg .nav li{ line-height: 70px; font-family: 16px;}
	.hrt{margin-top:16px; width: 22%;}
	.hbg.bg .nav li{line-height:70px; }
}

@media (max-width:750px){
	#logo{top: 22px;}
	
}


#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:18px;height:18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#f0c02e}




/*************footer******************/
.bottom-btn{display: none;}
.footer2{display: none;}
.footer{background-image: -webkit-linear-gradient(top,#0445a7, #1158c2);; position:relative; overflow:hidden}
.footer .footer_box{width: 85%; margin: 0 auto 0 auto; color: #fff;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.footer .footer_box a{ color: #fff;}

.footer_pro{width: 38%; padding: 4% 4% 0 0;}
.footer_pro h2{font-size: 26px; font-weight: bold;}
.footer_pro h2:after{content: ""; width: 50px; height: 3px; background: #f8de07;display: block; margin: 10px 0;}
.footer_pro ul{display: flex; display:-webkit-flex;-webkit-justify-content:left;   justify-content:left;flex-wrap: wrap; margin-top: 25px;}
.footer_pro li{width: 30%; margin: 1% 1% 1% 0; line-height:40px;  font-size: 17px; border:1px solid transparent;border-color: rgba(255, 255, 255, 0.1); text-align: center}

.footer_contact{width: 40%;border-left:1px solid transparent; border-right:1px solid transparent;border-color: rgba(255, 255, 255, 0.1); padding: 4% 4% 0 4%;}
.footer_contact h2{font-size: 26px; font-weight: bold;}
.footer_contact h2:after{content: ""; width: 50px; height: 3px; background: #f8de07;display: block; margin: 10px 0;}
.footer_contact ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.footer_contact li{width: 48%;font-size: 17px; line-height: 36px;}
.footer_contact li span{font-weight: bold;font-size: 20px;display: block; margin: 6% 0 3% 0;}

.footer_ewm{width: 20%;margin-top: 7%; padding-left: 4%;}
.footer_ewm ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.footer_ewm li{width: 48%;}
.footer_ewm li img{width: 100%;}
.footer_ewm li i{display: block;text-align: center; line-height: 40px; font-size: 16px;}



.footer_mid_1{ padding-top:3.375em; padding-bottom:3.375em; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);}
.footer_mid_2_left{float:left; width:70%;}
.footer_mid_2_right{float:right; width:30%; position:relative;}
.footer_mid_2_right:after{content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:rgba(255, 255, 255, 0.2)}
.footer_mid_2_left ul li{float:left; color:#fff;}
.footer_mid_2_left ul li:nth-child(1){width:21%}
.footer_mid_2_left ul li:nth-child(2){width:31%}
.footer_mid_2_left ul li:nth-child(3){width:25%}
.footer_mid_2_left ul li:nth-child(4){width:23%}
.footer_mid_2_left_mid{padding-right:1em}
.footer_mid_2_left_mid p,.footer_mid_2_right_mid p{ color:#fff;font-size:1.125em; position:relative; padding:.875em 0;}
.footer_mid_2_left_mid p:after,.footer_mid_2_right_mid p:after{content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#fff; width:13px;}
.footer_mid_2_left_mid a{color:#e0e0e0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.footer_mid_2_left_mid a:hover{color:#fff;}
.footer_mid_2_left_mid dl dd,.footer_mid_2_right_mid_2 dl dd{margin-top:.9em;}
.footer_mid_2_left_mid dl,.footer_mid_2_right_mid_2 dl{margin-top:1.25em;}
.footer_mid_2{margin-top:3.25em;}
.footer_mid_2_right_mid{padding-left:36%; color:#e0e0e0 }
.footer_mid_2_right_mid_3{margin-top:2.1875em;}
.footer_mid_2_right_mid_3 img{width: 120px;}
.footer_mid_3_left{ font-size:16px; color:#7c6363; text-align: center;color:#fff}
.footer_mid_3_left a{color:#fff;}
.footer_mid_3{border-top:1px solid transparent; border-color: rgba(255, 255, 255, 0.2); padding-top:15px; padding-bottom:15px;background: #1158c2;}

.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: 600px;position: relative;overflow: hidden; background: #000;}
.inbanner .mask {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: url('../images/bcover.png') center 0 no-repeat;}
.inbanner > img {position: relative;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;z-index:1; }
.inbanner .cer {position: relative;height: 100%;}
@media screen and (max-width: 1440px) {
	.inbanner {height: 500px;}
}

@media screen and (max-width: 1280px) {
	.inbanner {height: 400px;}
}
.inbanner2 {width: 100%;height: 260px;position: relative;overflow: hidden; background: #000;}

.se_about{ width:100%; margin:0 auto 0 auto;background: #ebf1f5; padding: 3% 0;}
.se_about_tit{width: 100%; color: #666;}
.se_about_tit:before{content: "dinghao"; text-align: center; display: block; position: absolute; z-index: 0; font-weight: 500; left: 0; right: 0;font-family: impact; font-size: 100px;text-transform: uppercase; opacity: 0.01; color: #000;}
.se_about_tit h2{text-align: center; font-size: 48px; color: #000; z-index: 1; position: relative; padding-top: 1.5%;font-weight: 700; }
.se_about_tit h2 p{text-align: center; font-size: 18px; padding: 10px 0;font-weight: 300;}

.se_about_cont { background: #f2f2f2; width: 80%; margin: 4% auto; padding: 4%}
.se_about_cont p{font-size: 18px; line-height: 36px;text-indent:2em;}
.se_about ul{width: 85%; margin: 3% auto 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:left;flex-wrap: wrap;}
.se_about li{width: 10%;   margin: 0 5px 10px 5px; border:1px dashed transparent; border-color: rgba(151, 151, 151, 0.5); font-size: 20px; font-weight: bold; text-align: center;display: flex; align-items: center;-webkit-align-items: center;justify-content:center;transition: .5s; background: #eef1f4; padding: 14px 0;}
.se_about li a{color: #000;}
.se_about li:hover{background: #0186f0;}
.se_about li:hover a{color: #fff;}
.se_about li.cu_active {  background: #1f60b5;display: block;display: flex; align-items: center;-webkit-align-items: center;justify-content:center;}
.se_about li.cu_active a{color: #fff}

@media screen and (max-width:1280px){
	.se_about li{width: 23%;}
}


.se_about_cont{width: 85%; margin:3% auto;}
.se_about_cont p{ line-height: 36px; margin-bottom: 15px;text-indent:2em;}
.se_about_cont p img{display: inline-block;}
.se_cf{width: 100%; margin:3% auto 4% auto; position: relative}
.se_cf_tit{width: 100%; color: #666;}
.se_cf_tit:before{content: "Delivery site"; text-align: center; display: block; position: absolute; z-index: 0; font-weight: 500; left: 0; right: 0;font-family: impact; font-size: 100px;text-transform: uppercase; opacity: 0.1; color: #fff;}
.se_cf_tit h2{text-align: center; font-size: 48px; color: #000; z-index: 1; position: relative; padding-top: 1.5%;font-weight: 700; }
.se_cf_tit h2 p{text-align: center; font-size: 18px; padding: 10px 0;font-weight: 300;}

.se_cf .swiper-container.casebox { width: 100%;margin-top: 2%; padding-bottom: 1.5%; }
.se_cf .swiper-container.casebox .swiper-slide { background-position: center; background-size: cover; width: 600px; border: 10px solid #fff; box-sizing: border-box }
.se_cf .swiper-container.casebox .swiper-slide img{width: 100%;}



/* ===================== 内页 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}
.mbx .mbx_cont a{color: #333; display: inline-block;}

@media (max-width:1280px){
	#nyba{height:350px;}
}

@media (max-width:750px){
	#nyba{height:150px;}
}



.s_width{width: 75%; margin: 0 auto;}

/*内页产品展示*/
.se_tuandui { width:85%; margin:3% auto 1rem auto; }
.se_tuandui ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.se_tuandui li{padding:0; width:24%; margin:0 1% 2% 0; position:relative; overflow:hidden; border:1px solid #eee; color:#fff;}
.se_tuandui li:nth-child(4n){ margin-right:0px;}
.se_tuandui li .p-img{  margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden;width: 100%;object-fit: cover; object-position: center; }
.se_tuandui li .p-name{  padding: 20px 0; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;color:#333;background: #f2f2f2;text-transform: uppercase;font-weight: bold;font-size:20px; }
.se_tuandui li .p-img img{ width:100%; height: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_tuandui p{ font-size:20px; line-height:35px; color:#333; font-weight: bold}
.se_tuandui p span{ font-size:17px;  color:#0062ab;}
.se_tuandui ul li:hover{cursor:pointer; }
.se_tuandui ul li:hover .p-name{ color: #333; }
.se_tuandui .protel{width: 80%; margin: 0 auto; line-height: 40px; padding:0 10% 15px 10%;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 16px;background: #f2f2f2;}
.se_tuandui .protel .protel_a{width: 45%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s;color: #000; }
.se_tuandui .protel .protel_a:hover{background: #0062ab; color: #fff }
.se_tuandui .protel .protel_b{width: 45%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s;color: #000;}
.se_tuandui .protel .protel_b:hover{background: #da0205; color: #fff  }



@media (max-width:1440px){
	.se_tuandui li .p-img{}
}
@media (max-width:1280px){
	.se_tuandui { width:95%; margin:3rem auto 1rem auto; }
	.se_tuandui li{width: 24%;}
	.se_tuandui li .p-img{}
}

@media (max-width:1000px){
	.se_tuandui li .p-img{height: 185px;}
	.se_tuandui ul li i{  background:none;}
}

@media (max-width:769px){
.se_tuandui { width:100%; margin:2rem auto; }
.se_tuandui ul{}
.se_tuandui li{float:left; padding:0; width:47%; margin:0 1% 25px 1%; position:relative; overflow:hidden;  border:1px solid #eee;}
.se_tuandui li:nth-child(2n){ margin-right:0px;}
.se_tuandui li .p-img{ width:100%; height:auto; margin:0 auto 0px auto;  text-align:center;  position:relative; overflow:hidden }
.se_tuandui li .p-name{ height:45px; line-height:45px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px; border-top:1px solid #eee; font-weight: 200;}
.se_tuandui li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.se_tuandui p{ font-size:18px; line-height:35px; color:#666;}
.se_tuandui p span{ font-size:17px;  color:#af1318;}	
.se_tuandui ul li i{display: none;}
}

.main{background: #f0f3fa; padding: 4% 0;}
.atc {padding: 40px 70px 70px;background-color: #fff; width: 58%; margin: 0 auto;}
.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: 16px;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: 36px; margin-bottom: 15px; font-size: 18px;text-indent:2em;}
.atc-con iframe{width: 800px; height: 600px;}
.atc-con img {max-width: 100%; display: block; margin: 0 auto 4% auto; width: 500px}
.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) {
	.main{padding: 0}
	.greybgnews {padding: 60px 0 80px;background-color: #fff;}
	.atc {padding:30px 30px; width: 86%}
	.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-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;color: #666;line-height: 34px;margin-top: 10px;}
.atc-pn a:hover {color: #066ab8;}
.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: #066ab8;}
.atc-pn a.ret {color: #fff;line-height: 34px;text-align: center;background-color: #066ab8;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; font-size: 14px}
	.atc-pn a.ret {position: static;width: 150px;height: 45px;line-height: 45px;border-radius: 5px;display: block;margin: 20px auto 50px auto;font-size: 14px;}
}

.fenye{width: 80%; 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; padding: 0 20px; background: #f2f2f2; text-align: center;  line-height: 36px;}


/*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 {color: #0c6eb9;}
.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: 52px;}
}

/*新闻详情页*/
.container{width: 70%; margin: 3% auto; background: #f2f2f2; padding: 5%;}
.container h2{text-align: center;font-weight: bold; font-size: 22px;}
.info-intro{text-align: center; font-size: 16px; line-height: 55px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); padding-bottom: 15px;}
.info-pic{ margin: 10px 0;}
.info-pic img{ margin: 0 auto;  display: block;}
.info_cont{font-size: 16px; line-height: 31px;;}
.info_cont p{ margin-bottom: 15px;}
.info_cont iframe{width: 70%; margin: 0 auto; height: 60vh;}

.more-info{ line-height: 40px;}
.more-info ul{width: 90%; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; padding-top: 20px;}
.more-info li{width: 50%;}
.more-info li em{font-weight: 500; padding-right: 15px;}
.more-info li a{display: inline-block;}

@media (max-width:750px){
	.container{margin-bottom: 15%;width: 95%; }
	.more-info ul{width: 95%; display: block;}
	.more-info li{width:100%;}
}




/*内页联系我们*/
/*se-contact*/
.se_contact{width: 100%;margin: 0 auto;background: #ebf1f5;padding: 4% 0; }
.se_contact_tit{width: 100%; color: #666; margin-bottom: 3%}
.se_contact_tit:before{content: "dinghao"; text-align: center; display: block; position: absolute; z-index: 0; font-weight: 500; left: 0; right: 0;font-family: impact; font-size: 100px;text-transform: uppercase; opacity: 0.1; color: #fff;}
.se_contact_tit h2{text-align: center; font-size: 48px; color: #000; z-index: 1; position: relative; padding-top: 1.5%;font-weight: 700; }
.se_contact_tit h2 p{text-align: center; font-size: 18px; padding: 10px 0;font-weight: 300;}

.se_contact .s_width{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;  width: 100%}
.se_contact .se_contact_l{width:70%; margin:0 auto; background: #fff;padding:2% 3% 5% 3%;}
.se_contact .se_contact_l h2{font-size: 34px;color: #333;line-height: 46px;margin-bottom: 30px;font-weight: 500;}
.se_contact_a{padding: 40px 0 50px 48px;position: relative;border-bottom: 1px solid #e0e0e0; }
.se_contact_a:before {content: '';position: absolute;left: 0;top: 40px;z-index: 0;border-radius: 50%;width: 32px;height: 32px;background: #25a8db url('../images/phoneicon.png') center no-repeat;}
.se_contact_a h3{font-size: 35px; font-weight: 500;}
.se_contact_a .txt {font-size: 20px;color: #666;line-height: 35px; }

.se_contact_b{position: relative;width: 65%;; margin-top: 0%;}
.se_contact_b ul{}
.se_contact_b li {float: left;width: 50%;border-bottom: 1px solid #e0e0e0;padding: 4% 0; line-height: 46px; font-size: 20px}
.se_contact_b li i{display: block; font-size: 22px;  color: #25a8db; padding-bottom: 4%; font-weight: bold}
.se_contact .se_contacnt_box{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.se_contact .se_wx ul{ width: 350px; margin: 10% 0 0% 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.se_contact .se_wx li{width: 150px}
.se_contact .se_wx li img{width: 100%}
.se_contact .se_wx li em{display: block; text-align: center; padding: 10px 0}

#map22{height:100%;}
.css_animation{ position:relative;height:120px;  width:120px; background:rgba(0,119,211,.15);border-radius: 100%; }
.css_animation:before{background-position:center; background-repeat:no-repeat; background-image:url(../images/clogo.png);content:''; position:absolute; left:50%; margin-left:-28px; margin-top:-28px; background-size:cover; z-index:10; top:50%; width:56px; height:56px;}
@keyframes ripples{
	0%{opacity:0;transform:scale(.1,.1)}
	5%{opacity:1}
	100%{opacity:0;transform:scale(1)}
}
.css_animation:after{ content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:50%; border:2px solid #14ae67; background-color:#0186f0; opacity:0;
-webkit-animation:ripples 4s ease-out 225ms infinite; -moz-animation:ripples 4s ease-out 225ms infinite; -o-animation:ripples 4s ease-out 225ms infinite; animation:ripples 4s ease-out 225ms infinite}
.css_animation i{display:block; position:absolute; top:0; right:0; bottom:0; left:0; border-radius:50%; border:2px solid #14ae67; background-color:#0186f0; opacity:0;
-webkit-animation:ripples 4s ease-out 725ms infinite; -moz-animation:ripples 4s ease-out 725ms infinite; -o-animation:ripples 4s ease-out 725ms infinite; animation:ripples 4s ease-out 725ms infinite}
.ovh{overflow:hidden}



/*===================== 响应式代码 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_34{font-size: 34px;}
.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;}
.f_12{font-size: 12px;}

/*===================== 响应式代码 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_34{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_34{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_58{font-size: 30px;}
.f_48{font-size: 22px;}
.f_40{font-size: 22px;}
.f_34{font-size: 20px;}
.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;}
}


/*===================== 响应式代码 END =====================*/