body, html { width: 100%; margin: 0; padding: 0; font-size: 62.5%; font-family: "Montserrat", Microsoft Sans Serif, Arial, Helvetica; color: #333; }
* { margin: 0px; padding: 0px; outline: 0 none; word-wrap: break-word; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
ul, li { list-style-type: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a { color: #333; outline: none; text-decoration: none; /*-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none;*/ }
a:hover { text-decoration: none; }
em, i { font-style: normal; }
.cf:before, .cf:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
input, textarea, button { border: none; background: none; appearance: none; -webkit-appearance: none; font-family: Microsoft Sans Serif, Arial, Helvetica;outline:none; }
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.clear { height: 0; overflow: hidden; clear: both; }
.cf { zoom: 1; }
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat.woff2") format("woff2"),
       url("../fonts/Montserrat.woff") format("woff"),
       url("../fonts/Montserrat.ttf") format("truetype"),
       url("../fonts/Montserrat.eot") format("embedded-opentype"),
       url("../fonts/Montserrat.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Bebas";
  src: url("../fonts/Bebas.woff2") format("woff2"),
       url("../fonts/Bebas.woff") format("woff"),
       url("../fonts/Bebas.ttf") format("truetype"),
       url("../fonts/Bebas.eot") format("embedded-opentype"),
       url("../fonts/Bebas.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
img { border: none; max-width: 100%; height: auto; -webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; display: inline-block; vertical-align: top; }
.rel { position: relative; }
.abs { position: absolute; }
.fl{float:left;}
.fr{float:right;}
.hid { overflow: hidden; }
.pd { padding: 1.2em 0; }
.pd5 { padding: 5em 0; }
.pd8 { padding: 6.66em 0; }
.pb { padding-bottom: 6em; }
.mb5 { margin-bottom: 5em; }
.mb { margin-bottom: 2em; }
.mt { margin-top: 2em; }
.mt5 { margin-top: 5em; }
.mt100 { margin-top: 100px; }
.font36 { font-size: 3.6rem!important; }
.font30 { font-size: 3rem; }
.font24 { font-size: 2.4rem!important; }
.font20 { font-size: 2rem; }
.font18 { font-size: 1.8rem; }
.font16 { font-size: 16px; }
.font14 { font-size: 14px; }
.wrap {width: 1440px; margin: 0 auto; position: relative; }
.header { width: 100%; height: 100px; background: #fff; position: fixed; left: 0; top: 0; background: #fff; box-shadow:0 2px 10px rgba(0,0,0,0.1); z-index: 990; }
.logo { float: left; margin-top: 15px;}
.t_right { float: right; padding-top: 40px; }
.nav { float: left; margin-top: 43px; margin-left: 5.6%; }
.nav li { float: left; padding: 0 39px; position: relative; }
.nav li>a { display: block;padding-bottom:36px; font-size: 1.8rem;color:#4b4e51;font-weight:bold;position: relative; }
.nav li.hover>a, .nav li.current-menu-item>a { color: #cc0614; }
.nav li>a::after{display:none;content: '';width: 0;height:3px;background: #cc0614; position: absolute;left:50%;bottom:0;margin-left:-48%; -webkit-transition: all 0.3s;transition: all 0.3s;}
 .nav li.current-menu-item>a::after{width: 96%;}
.nav li .sub_nav { display: none; position: absolute; width: 100%; left: 50%; top: 57px; background: #fff; min-width: 200px;border-top:5px solid #cc0614;margin-left:-100px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);} 
.nav li .sub_nav li { float: none; padding: 0; }
.nav li .sub_nav a { display: block; padding: 0 1em; height: 40px; line-height: 40px;  font-size: 1.5rem; color: #666; font-weight: normal;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.nav li .sub_nav a::after{display: none;}
.nav li .sub_nav a:hover{ background: #cc0614; color: #fff; }
.nav li .sub_nav .has_menu a:hover{ background: #cc0614;} 
.nav li .sub_nav .sub_menu { display: block; }
.nav li .sub_nav .sub_menu a { padding: 0 3em; background: none; }
.nav li .sub_nav .sub_menu a:hover { background: #cc0614; color: #fff; }
.nav li.pro_nav{position: static;}
.nav li.pro_nav .sub_pro_nav{ display:none;width:100%; position:absolute;left:0;top:100px;border:1px solid #dadada;border-top:5px solid #cc0614;padding:37px 0 0; background:#fbfbfb; overflow: hidden; height: 500px;  overflow-y: auto !important;}
.nav li.pro_nav .sub_pro_nav dl{width:20%;float:left;padding:0 1%;margin-bottom:35px;border-left:1px solid #e5e5e5;}
.nav li.pro_nav .sub_pro_nav dl:nth-child(1){border-left:none;}
.nav li.pro_nav .sub_pro_nav dl a::after{display: none;}
.nav li.pro_nav .sub_pro_nav dl dt{font-size:16px;font-weight: bold;margin-bottom:30px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.nav li.pro_nav .sub_pro_nav dl dd a{display:block;
/*height:32px;*/
line-height:20px;
margin-bottom: 15px;
padding-left:15px;font-size:14px;color:#666;font-weight: normal;padding-bottom:0;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; 
/*-webkit-line-clamp: 1; */
-webkit-box-orient: vertical; background:url(../images/dot.gif) no-repeat left center;}
.nav li.pro_nav .sub_pro_nav dl a:hover{ color:#333; text-decoration: underline;}
.nav li.pro_nav .sub_pro_nav::-webkit-scrollbar{
    width: 6px; /* 设置滚动条宽度 */
      height: 6px; 
}
.nav li.pro_nav .pro_intro{clear:both;padding:15px 3%; background: #f0f0f0;}
.pro_intro_img{width:10%;float:left;margin-right:3%;}
.pro_intro_txt{overflow: hidden;}
.pro_intro_txt p{font-size: 14px; color: #888;margin-bottom: 15px; line-height: 1.7;}
.pro_intro_txt a{display:block;padding-right:30px; background:url(../images/more2.png) no-repeat right center;font-size: 14px; color: #2683c3; text-transform: uppercase;}

.emailbox{width:220px;float:right;padding:10px 0 10px 60px; background:url(../images/email.png) no-repeat left center;font-size:1.8rem;margin-top:20px;line-height: 1.2;}
.emailbox a{display:inline-block;font-size:14px;color: #999;}
.emailbox a:hover{color:#333;text-decoration: underline;}

.banner { width: 100%; position: relative; z-index: 10; overflow: hidden; }
.banner img {width:100%;}
.bantxt { position: absolute; left: 0; width: 100%; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  color: #fff;z-index: 20; }
.bantxt h3 { position: relative; font-size: 6rem;font-family:"Bebas" ; text-transform: uppercase;  line-height: 1.2; opacity: 0; filter: alpha(opacity=0); margin-top: -10px; -webkit-transition: all 0.5s ease 0.5s;transition: all 0.5s ease 0.5s; }   
 
.bantxt h3::before{content: '';width: 65px;height:3px;background: #fff; position: absolute;left:0;top:-25px; }
.bantxt h4{font-size:16px;color:#fff;line-height: 1.6;margin-top:40px; opacity: 0; filter: alpha(opacity=0);  -webkit-transition: all 0.5s ease 0.5s;transition: all 0.5s ease 0.5s;}
.bantxt a {float:left;display:block;width:206px;height:50px;text-align:center;line-height:50px;font-size:16px;color:#fff;margin-top:5em;margin-right:16px; -webkit-transition: all 0.5s ease 0.5s;transition: all 0.5s ease 0.5s; opacity: 0; filter: alpha(opacity=0); }
.bantxt a span{display:block;width:156px;margin-left:50px;}
.bantxt a.ban_btn1{ background: #cc0614 url(../images/icon1.png) no-repeat 14px 50%; }
.bantxt a.ban_btn1 span{background: #e21927;}
.bantxt a.ban_btn1:hover span{text-decoration: underline;}
.bantxt a.ban_btn2{ background: #099ee1 url(../images/icon2.png) no-repeat 14px 50%; }
.bantxt a.ban_btn2 span{background: #21aeed;}
.bantxt a.ban_btn2:hover span{text-decoration: underline;}
.swiper-slide-active .bantxt h3 { opacity: 1; filter: alpha(opacity=100); margin-top: 0; } 
.swiper-slide-active .bantxt h4 { opacity: 1; filter: alpha(opacity=100); margin-top: 30px; } 
.swiper-slide-active .bantxt a { opacity: 1; filter: alpha(opacity=100); margin-top:2.5em; }
.banner-swiper-button{width:100%; position: absolute;right:0;bottom:0;text-align: right; z-index: 10;font-size:0; }
.banner .swiper-button-prev,.banner .swiper-button-next{ display: inline-block;  width: 70px; height: 70px; position: static;top:0;right:0;margin-top:0; vertical-align: top;background-position: center; background-repeat: no-repeat;background-size:24px 8px;background-color:rgba(255,255,255,0.5);margin-left:1px;}
.banner .swiper-button-prev{   background-image:url(../images/arr_left.png); }
.banner .swiper-button-next{ background-image:url(../images/arr_right.png);} 
.banner .swiper-button-prev:hover{background-color:rgba(29,158,215,0.74);}
.banner .swiper-button-next:hover{background-color:rgba(29,158,215,0.74);}
.banner .swiper-pagination{display: none;}
.hfTit{width:100%;text-align:center;}
.hfTit h3{font-size:3.2rem;text-transform: uppercase;font-weight:bold;}
.hfTit h4{font-size:14px;color:#777;margin-top:20px;line-height: 1.5;}
/*WHAT MAKES US DIFFEREN*/
.diff_box{width:100%;}
.diff_box .wrap{ position: relative; }
.diff_box .hfTit{ position: absolute;left:0;top:70px;z-index: 10;}
 
.diff_con{overflow: hidden;}
.diff_item{width:25%;float:left;padding:235px 57px 120px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.diff_icon{display:block;width:78px;height: 78px;border-radius: 100%; overflow: hidden; -webkit-transition: all 0.3s;transition: all 0.3s;}
.diff_icon1{background: #ebebeb url(../images/dif_icon1.png) no-repeat 0 0;}
.diff_icon2{background: #ebebeb url(../images/dif_icon2.png) no-repeat 0 0;}
.diff_icon3{background: #ebebeb url(../images/dif_icon3.png) no-repeat 0 0;}
.diff_icon4{background: #ebebeb url(../images/dif_icon4.png) no-repeat 0 0;}
.diff_item h3{font-size:2.2rem;margin-top:1em; white-space: nowrap;font-weight:bold;}
.diff_item h4{font-size:16px;color:#777;margin-top:1em;}
.diff_item span{display:inline-block;width:13px;padding-right:13px; background:url(../images/more.png) no-repeat right center;margin-top:50px;line-height: 1;}
.diff_item span em{display:inline-block;width:0;font-size: 14px;font-weight:bold;text-transform: uppercase;white-space: nowrap;-webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; overflow: hidden; }
.diff_item:hover{ background: #f3f6fb; }
.diff_item:hover .diff_icon1{background: #e21927 url(../images/dif_icon1.png) no-repeat 0 -78px;}
.diff_item:hover .diff_icon2{background: #e21927 url(../images/dif_icon2.png) no-repeat 0 -78px;}
.diff_item:hover .diff_icon3{background: #e21927 url(../images/dif_icon3.png) no-repeat 0 -78px;}
.diff_item:hover .diff_icon4{background: #e21927 url(../images/dif_icon4.png) no-repeat 0 -78px;} 
.diff_item:hover span{padding-right:26px;width:auto;}
.diff_item:hover span em{width:98px; opacity: 1;}
.one-stop{background:url(../images/bg_img1.jpg) no-repeat right center;background-size:auto 100%; position: relative;display:table; }
.one_stop_img{width:50%; display: table-cell; vertical-align: top;}
.one_stop_con{width:50%;padding:20px 5.5%;overflow: hidden;  display: table-cell; vertical-align: middle;}
.one_stop_con h3{font-size:3.2rem;font-weight:bold;}
.one_stop_con p{font-size:16px;color:#777;line-height: 1.8;margin-top:1.5em;}
.one_stop_con .viewmore{display: block;width:170px;height: 50px;background: #e21927;line-height: 50px;font-size:14px;color:#fff;text-align: center;margin-top:3em;} 
/*产品*/
.product {margin:60px 0;} 
.product dl {margin:0 110px;overflow: hidden; }
.product dl dt{width:40%;min-height:300px;float:right; background: url(../images/circle.jpg) no-repeat center;background-size:100%;text-align:center;margin-left:7%;}  
.product dt a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.product dd{margin-top:50px;overflow: hidden; }
.product dd h3{font-size:3rem;line-height: 1.1;font-weight:bold;}
.product dd h3 a{ overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product dd h3 a:hover{color:#e21927;}
.product dd h4{font-size:16px;color:#444;line-height: 1.6;margin-top:1.5em;}
.product dd .p_property {font-size:14px;color:#888;margin-top:2em;line-height: 2;}
.product dd .p_property span{display: block;}
.product dd a.viewmore{display: block;width:170px;height:50px;line-height: 50px;text-align:center;font-size:14px;color:#e21927;font-weight:bold;border:1px solid #e21927;margin-top:2em;}
.product dd a.viewmore:hover{background:#e21927;color:#fff;} 
.product .swiper-button-prev{width:44px;height:44px;left:0;margin-top:-22px; background: url(../images/arr_left1.png) no-repeat center;background-size:100%;}
.product .swiper-button-next{width:44px;height:44px;right:0;margin-top:-22px;background: url(../images/arr_right1.png) no-repeat center;background-size:100%;} 
.product .swiper-button-prev:hover{background-image: url(../images/arr_left1_hover.png);}
.product .swiper-button-next:hover{background-image: url(../images/arr_right1_hover.png);}
/*houfeng*/
.houfeng_con{margin:60px 0 100px;}
.houfeng_video { width: 31.4%; float: left;height:517px;margin-right:1.25%; position: relative; z-index: 1; }  
 .houfeng_video img{display: none;}
.houfeng_video video { width: 100%; }
.houfeng_video a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}  
.houfeng_video .play_btn {width:62px;height:62px; position: absolute;left:50%;top:50%;margin-left:-31px;margin-top:-31px;} 
.houfeng_video_txt{position: absolute;left:5%;right:5%;bottom:10%; z-index: 20;}
.houfeng_video_txt h3{font-size:2rem;color:#fff;font-weight: bold; position: relative;padding-bottom:1em;}
.houfeng_video_txt h3::after{content: '';width: 26px;height:1px;background: #fff; position: absolute;left:0;bottom:0; }
.houfeng_video_txt h4{font-size:16px;color:#fff; margin-top:1em;}

.posterbox:hover .poster {-webkit-transform: scale(1.1);transform: scale(1.1);}
.video_show{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background:rgba(0,0,0,0.6);z-index: 9999999;text-align: center;opacity: 0;z-index: -999;}
.video_show.show{opacity: 1;z-index: 999;}
.video_show .video_w{width: 60%;position: absolute;top: 20%;left: 50%;margin-left: -30%;
-webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); transition: all 0.5s;  -moz-transition: all 0.5s;  -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
.video_show .video_w video{width: 100%;}
.video_show.show .video_w.scale{ -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);  transform: scale(1);}
.video_show .video_close{position: fixed;top: 10%;right:16%;opacity: 0;  transition: all 0.5s 0.5s; -moz-transition: all 0.5s 0.5s;  -webkit-transition: all 0.5s 0.5s;  -o-transition: all 0.5s 0.5s;}
.video_show.show .video_close{opacity: 1;}


.houfeng .more{width:45px;height:45px;border:1px solid #fff;background:url(../images/more1.png) no-repeat center; position: absolute;top:34px;right:34px; z-index: 20;}
.houfeng .houfeng_r .more{top:auto;bottom:34px;}
.houfeng_con_tit{font-size:2rem;color:#fff;font-weight: bold;padding-bottom:1em; position: absolute;left:40px;top:55px;} 
.houfeng_con_tit::after{content: '';width: 26px;height:1px;background: #fff; position: absolute;left:0;bottom:0; }
.maskbg{position: absolute;left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0.4); z-index: 1;}
.houfeng_over{position: absolute;left:0;top:0;right:0;bottom:0; z-index: 10;} 
.houfeng_r a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.houfeng_cer{width:67.35%;float:left;margin-bottom:1.25%;}
.houfeng_fac{width:33.05%;float:left;margin-right:1.25%;}
.houfeng_news{width:33.05%;float:left;}
/*footer*/
.footer { background: #ebebeb;padding:35px 0; overflow: hidden; }
.f_left { width: 17.7%; float: left; }
.f_desc { margin-top: 2em; }
.f_desc p {  font-size: 16px; line-height: 1.8;margin-bottom: 1em; } 
.f_desc p a:hover{ color: #397fb1; text-decoration: underline;} 
.f_menu { float: left;margin:16px 0 0; overflow: hidden; }
.f_menu dl { float: left;margin-right:190px; } 
.f_menu dl:last-child{margin-right:0;}
.f_menu dt a { display: block; position: relative; font-size: 1.8rem;color:#666;font-weight: bold; text-transform: uppercase; padding-bottom: 15px;  }
.f_menu dt a::after { width: 22px; height: 2px; position: absolute; bottom: 0; left: 0; z-index: 1; content: ''; background: #666666; }
.f_menu dd { margin-top: 2em; }
.f_menu dd a { display: block;   font-size: 14px;color:#888; margin-bottom: 1em; }
.f_menu dd a:hover { color: #cc0614; text-decoration: underline; }
.f_right { width: 340px; float: right;margin-right:56px;padding:95px 0 68px;background: #397fb1; } 
.f_logo{width:166px;margin:0 auto;}

.flink { margin-top:40px;font-size: 0;display: flex;
    align-items: center;}
.flink a { display: inline-block;margin-right:10px;color:#aeaeae;vertical-align:middle;} 
.flink a:hover{background:#fff;}
.flink img{
	vertical-align:middle;
}
.flink a .iconfont{
	font-size:20px;
}

.ft_bom{margin-top:60px;padding-top:70px;border-top:1px solid #e0e0e0;}
.ft_contact{width:310px;float:left;margin-left:17.7%;}
.ft_tit{ display: block; position: relative; font-size: 1.8rem;color:#666;font-weight: bold; text-transform: uppercase; padding-bottom: 15px;  }
.ft_tit::after { width: 22px; height: 2px; position: absolute; bottom: 0; left: 0; z-index: 1; content: ''; background: #666666; }
.ft_contact ul{ margin-top: 2em;}
.ft_contact ul li{font-size:14px;color:#888;line-height:20px;margin-bottom:15px;padding-left:33px;}
.ft_contact ul li a{color:#888;}
.ft_contact ul li a:hover{text-decoration: underline;}
.ft_contact ul li.li1{background:url(../images/tel.png) no-repeat 0 1px;}
.ft_contact ul li.li2{background:url(../images/fax.png) no-repeat 0 1px;}
.ft_contact ul li.li3{background:url(../images/mail.png) no-repeat 0 1px;}
.ft_contact ul li.li4{background:url(../images/addr.png) no-repeat 0 1px;}
.copyright{width:280px;float:left;margin-left:70px;}
.copyright ul{margin-top: 2em;}
.copyright ul li{font-size:14px;color:#888;line-height:1.8;margin-bottom:15px;}
.pro_list{width:400px;float:right;margin-right:40px;}
.pro_link{margin-top:2.5em;}
.pro_link a{display:inline-block;font-size:14px;color:#888;white-space: nowrap;padding-right:15px;margin-right:15px;border-right: 1px solid #abb6c2;line-height: 1;margin-bottom:15px;}
.pro_link a:nth-child(3n){padding-right:0;margin-right: 0;border-right:none;}
.pro_link a:hover{text-decoration: underline;}
/* 内页公共样式*/
.phone_banner{display: none;}
.inbanner { position: relative; overflow: hidden; }
.inbanner img {width:100%;}
 
.crumbs {clear:both; padding: 30px 0; font-size: 14px; }
.crumbs a {display:inline-block;color: #777;padding-left:7px;}
.crumbs a.home{margin-bottom:10px;padding-left:24px;background:url(../images/home.png) no-repeat left center;}
.crumbs a:hover { color: #333; }
.crumbs span {color: #777;padding-left:7px;}
.sidebar { float: left; width: 18.75%;margin-right:3%; } 
.menu_tit{ position: relative; font-size:1.8rem;font-weight:bold;padding-bottom:23px;margin-bottom:27px;}
.menu_tit::after{content: "";width:29.6%;height:2px; background: #fec000; position: absolute;left:0;bottom:0;}
.menu li {border-bottom:1px solid #f1f1f1;}  
.menu li a { display: block; line-height:20px; padding: 20px 28px 20px 15px; color: #444; font-size: 16px;  background: url(../images/menu_bg.png) no-repeat 96% 50%; }
.menu li.cr a,.menu li a:hover{color:#e21927; background-image: url(../images/menu_bg_active.png); }
/*产品栏目*/
.pro_menu li {border-bottom:1px solid #f1f1f1;}  
.pro_menu li a{ display: block; line-height:20px; padding: 14px 28px 14px 15px; color: #444; font-size: 16px;}

.pro_menu li h3{position: relative;}
.pro_menu li i{display: block;width:20px;height:20px; position: absolute;right: 10px;top:14px; background: url(../images/fold.png) no-repeat 50%;}
.pro_menu li.cr i.one_icon,.pro_menu li.cr ul li.cr i.two_icon{background: url(../images/open.png) no-repeat 50%;}
.pro_menu li.cr.active i.one_icon{background: url(../images/fold.png) no-repeat 50%;}
.pro_menu li.active i.one_icon,.pro_menu li ul li.active i.two_icon{background: url(../images/open.png) no-repeat 50%;}
.pro_menu li a:hover{color: #333;}
.pro_menu li ul li{border-top:1px solid #f1f1f1;border-bottom:none;}
.pro_menu li ul li a{color:#999;}
.pro_menu li ul li ul li.three_level a{background: none!important;}
.pro_menu li a:hover,.pro_menu li.one_level.cr>h3 a,.pro_menu li.two_level.cr>h3 a{color: #e21927;}
.pro_menu li ul li ul li.cr a{color: #e21927;}
.pro_menu .two_floor,.pro_menu .three_floor{display: none;}
.pro_menu li.cr .two_floor{display: block;}
.pro_menu li.cr .two_floor li.cr .three_floor{display: block;}
.follow_us{margin-top:45px;}
.follow_link{font-size:0;}
.follow_link a{display:inline-block;margin-right:5px;}
.contact_bar{margin-top:70px;}
.contact_tit{ position: relative; font-size:1.8rem;font-weight:bold;padding-bottom:23px;margin-bottom:27px;}
.contact_tit::after{content: "";width:29.6%;height:2px; background: #fec000; position: absolute;left:0;bottom:0;}
.contact_txt li{line-height: 1.8; position: relative;margin-bottom:30px;} 
.contact_txt li span{display: block;font-size:14px;color: #999;font-weight: normal;}
.contact_txt li a{display: block;font-size:14px;color: #999;font-weight: normal;}
.contact_txt li em{display: block;padding-left:28px;color: #333;font-size:1.8rem;font-weight: bold; margin-bottom:15px;}
.contact_txt li:nth-child(1) em{background:url(../images/tel_icon.png) no-repeat 0 8px;}
.contact_txt li:nth-child(2) em{background:url(../images/mail_icon.png) no-repeat 0 8px;}
.contact_txt li:nth-child(3) em{background:url(../images/addr_icon.png) no-repeat 0 8px;} 
.contact_txt li a:hover{color: #333;text-decoration: underline;}

/*导航*/

.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before { -moz-transition-duration: .4s; -o-transition-duration: .4s; -webkit-transition-duration: .4s }
.hamburger { display: none; width: 24px; float: right;  margin-top: 20px; z-index: 10000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation }
.hamburger__icon { position: relative; margin-top: 7px; margin-bottom: 7px }
.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before { display: block; width: 24px; height: 2px; background-color: #1085e1; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-duration: .4s }
.hamburger__icon:after, .hamburger__icon:before { position: absolute; content: "" }
.hamburger__icon:before { top: -7px }
.hamburger__icon:after { top: 7px }
.hamburger.active .hamburger__icon { background-color: transparent }
.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before { background-color: #1085e1; }
.hamburger.active .hamburger__icon:before { -moz-transform: translateY(7px)rotate(45deg); -ms-transform: translateY(7px)rotate(45deg); -webkit-transform: translateY(7px)rotate(45deg); transform: translateY(7px)rotate(45deg) }
.hamburger.active .hamburger__icon:after { -moz-transform: translateY(-7px)rotate(-45deg); -ms-transform: translateY(-7px)rotate(-45deg); -webkit-transform: translateY(-7px)rotate(-45deg); transform: translateY(-7px)rotate(-45deg) }
.fat-nav { top: 55px; left: 0; z-index: 100; position: fixed; width: 100%; max-height: 90%; background: rgba(53,134,191,0.97); overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; display: none; }
.fat-nav__wrapper { width: 100%; height: 100%; }
.fat-nav.active { display: block; z-index: 100; }
.fat-nav li h3 { color: #fff; padding: 0 22px; font-size: 1.1rem; border-top: 1px solid #84b2d4; position: relative; }
.fat-nav li h3 a {display: block; color: #fff; font-size: 1.8rem;padding:1em 0; }
.fat-nav li.has_nav h3 a{display: inline-block;}
.fat-nav li.has_nav h3 i { display: block; width: 10px; height: 10px; background: url(../images/down.png) no-repeat center center;background-size:100%; position: absolute; right: 1em; top: 50%; margin-top: -5px; -webkit-transition: all .2s ease 0s;transition: all .2s ease 0s; }

.fat-nav li.cr > h3 i { transform: rotate(90deg); }
.fat-nav li .sub_nav { display: none;padding-bottom:10px; }
.fat-nav li .sub_nav a { display: block; padding: 0.8em 22px; color: #fff; font-size: 16px;  }
.fat-nav li .sub_nav .sub_menu h3{padding:0;border-top:none; }
.fat-nav li .sub_nav .sub_menu h3 i{display: none;}
.fat-nav li .sub_nav .sub_menu .two_menu{display:none; }
.fat-nav li .sub_nav .sub_menu .three_menu{display:none;  }
.fat-nav li .sub_nav .has_two h3 i{display: block;}
.fat-nav li .sub_nav .active h3 i{ transform: rotate(90deg);}
.fat-nav li .sub_nav .sub_menu .two_menu h3 i{ transform: rotate(0);}
.fat-nav li .sub_nav .sub_menu .two_menu.current h3 i{ transform: rotate(90deg);}
/*分页*/
.wp-pagenavi {clear:both;padding-top:30px; text-align: center;font-size:0; }
.wp-pagenavi .pages{ display: none;line-height: 30px; font-size: 14px;color: #8a8a8a; } 
.wp-pagenavi a:hover{color: #e5303c;border-color:#e5303c;}
.wp-pagenavi a,.wp-pagenavi .current { display: inline-block;width:38px; height: 38px; line-height: 38px; font-size: 16px; color: #c7c7c7;font-weight:bold;text-align:center; border: 1px solid #cdcdcd;margin:0 5px; }
.wp-pagenavi .current { color: #fff; border-color: #e5303c; background: #e5303c; }
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {text-indent: -9999px; }
.wp-pagenavi a.previouspostslink { background: url(../images/page_prev.png) no-repeat center; }
.wp-pagenavi a.nextpostslink { background: url(../images/page_next.png) no-repeat center; }
.wp-pagenavi a.previouspostslink:hover { background: url(../images/page_prev_hover.png) no-repeat center; }
.wp-pagenavi a.nextpostslink:hover { background: url(../images/page_next_hover.png) no-repeat center; }
.wp-pagenavi a.page_first, .wp-pagenavi a.page_last {text-indent: -9999px; }
.wp-pagenavi a.page_first { background: url(../images/page_first.png) no-repeat center; }
.wp-pagenavi a.page_last { background: url(../images/page_last.png) no-repeat center; }
.wp-pagenavi a.page_first:hover { background: url(../images/page_first_hover.png) no-repeat center; }
.wp-pagenavi a.page_last:hover { background: url(../images/page_last_hover.png) no-repeat center; }
/*应用案例*/
.mainbox{margin:45px 0 100px;}
.main_right {overflow:hidden;}
.caselist dl {width:31%;float:left;margin:0 0 3.5% 3.5%;}
.caselist dl:nth-child(3n+1){margin-left:0;}
.caselist dl:nth-child(3n+1){clear:both;}
.caselist dl dt{position: relative; overflow: hidden;}
.caselist dl dt img{width: 100%;}
.caselist dl dt .mask{width:100%;height:100%; position: absolute;left:0;top:0; background:rgba(0,0,0,0.44); -webkit-transition: all 0.5s;-webkit-transition: all 0.5s; opacity: 0;transform: scale3d(.3,.3,.3);}
.caselist dl dt .viewmore{width:50px;height:50px;border:1px solid #fff;position: absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px; background: url(../images/search.png) no-repeat center;  } 
.caselist dt a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.caselist dt a:hover .mask { opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.caselist dd{ padding:15px 25px;line-height: 1.5; background: #f7f7f7;}
.caselist dd a h3{ font-size:16px; font-weight: bold;color: #666;}
.caselist dd a h4{ font-size:14px;color: #888;}
.caselist dd a:hover{color: #2464cf;} 
/*资质证书*/
.cerTit{text-align:center;margin:0 65px 80px;}
.cerTit h3{font-size:3rem;color:#444;font-weight:bold;}
.cerTit h4{font-size:14px;color:#888;margin-top:40px;line-height: 1.8;}
.cerlist{margin-left:65px; overflow: hidden;}
.cerlist dl {width:28%;float:left;margin:0 0 5% 8%; display: none;}
.cerlist dl:nth-child(1),.cerlist dl:nth-child(2),.cerlist dl:nth-child(3),.cerlist dl:nth-child(4),.cerlist dl:nth-child(5),.cerlist dl:nth-child(6){display: block;}
.cerlist dl:nth-child(3n+1){margin-left:0;}
.cerlist dl:nth-child(3n+1){clear:both;}
.cerlist dl dt{position: relative; overflow: hidden;}
.cerlist dl dt a{display: block;height:370px;  background: #f2f7fa;border:2px solid #bcd8e9;text-align:center; position: relative;}
.cerlist dl dt img{max-width:100%;max-height:100%; position: absolute;left:50%;top:50%; -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); } 
.cerlist dt a:hover{border-color:#348ac7; } 
.cerlist dd{margin-top:20px;text-align: center;}
.cerlist dd a {font-size:16px; font-weight: bold;color: #717f97;}
.cerlist .viewmore{clear:both;display: block;width:170px;height: 50px;background: #e21927;line-height: 50px;font-size:14px;color:#fff;text-align: center;margin:3em auto 0;}
.cerlist .viewmore:hover{opacity: 0.8;} 
/*产品列表页*/ 
.probox{ overflow: hidden;}
.probox dl{float:left;width:31.2%;margin-left:3.2%;margin-bottom:5%;}
.probox dl:nth-child(3n+1){clear:both;margin-left:0;}
.probox dl dt{position:relative;border:1px solid #f2f0ec;overflow: hidden;} 
.probox dl dt a:hover img{transform: scale(1.1);}
.probox dl dd {text-align:center;line-height: 1.6;margin-top:18px;padding:0 10%;}
.probox dl dd a{font-size:14px;color:#666;}
.probox dl dd a:hover{color: #333;} 
.probox dl dt .mask { width: 100%;height:100%;left:0;top:0; -webkit-transition: all 0.5s ease 0s;  transition: all 0.5s ease 0s; position:absolute; background: rgba(226,25,39,0.53); opacity: 0; overflow:hidden;  }
.probox dl dt .mask::before, .probox dl dt .mask::after { box-sizing: border-box; content: ''; position: absolute; top: 12px; left:12px;bottom:12px;right:12px; -webkit-transition: all 0.3s;transition: all 0.3s;     }
.probox dl dt .mask::before {  border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.probox dl dt .mask::after {  border-left: 1px solid #fff; border-right: 1px solid #fff; }  


.probox dl dt .mask span{display: block;width:30px;height:30px; background: url(../images/plus.png) no-repeat center; background-size: 100%; position: absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px; -webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s; transform: scale(0.5);-webkit-transform: scale(0.5);}
.probox dl dt a:hover .mask{opacity: 1; }
.probox dl dt a:hover .mask span{-webkit-transform: scale(1);transform: scale(1);}
/*产品详情*/ 
.proimg { width: 37.22%; float: left; margin-right: 5%; position: relative; }  
.proimg .swiper-slide img { display: block; }
.proimg .gallery-top { width: 100%;border:1px solid #f2f0ec; }
.proimg .smallimg{margin-top:15px; position: relative;}
.proimg .gallery-thumbs { margin: 0 35px; }
.proimg .gallery-thumbs .swiper-slide {  height: 100%; border: 1px solid #f2f0ec; }
.proimg .gallery-thumbs .swiper-slide-thumb-active { border-color: #fec000; }
.proimg .swiper-button-prev,.proimg .swiper-button-next{width:26px;height:100%;border:1px solid #f2f0ec; background-color: #fdfbf7;margin-top:0;top:auto;bottom:0; background-repeat: no-repeat; background-position: center;background-size:8px 14px;}
.proimg .swiper-button-prev{ background-image:url(../images/arr_left2.png); left:0;}
.proimg .swiper-button-next{background-image:url(../images/arr_right2.png); right:0;}
 
.protxt { overflow: hidden; }
.protxt .protit { font-size: 2.4rem;font-weight:bold; line-height: 1.5;margin-top:40px; }
.specbox{margin:40px 0; overflow: hidden;} 
.specbox li {width:49%;float:left;margin-right:1%; font-size: 14px; color: #666; margin:10px 0; }
.pro_btn { margin-top: 50px; }
.pro_btn a {display: inline-block; width: 164px;height:48px;line-height:48px; text-align:center;font-size:16px; background:#e3e3e3; margin-right:12px; }
.pro_btn a:hover{background:#e5303c;color: #fff;} 
.pro_btn a i{display: inline-block;width:24px;height:24px; vertical-align: -6px;margin-right:15px;}
.pro_btn a.pro_btn1 i{background:url(../images/pro_icon1.png) no-repeat center;}
.pro_btn a.pro_btn2 i{background:url(../images/pro_icon2.png) no-repeat center;}
.pro_btn a.pro_btn3 i{background:url(../images/pro_icon3.png) no-repeat center;}
.pro_btn a.pro_btn1:hover i{background-image:url(../images/pro_icon1_hover.png);}
.pro_btn a.pro_btn2:hover i{background-image:url(../images/pro_icon2_hover.png);}
.pro_btn a.pro_btn3:hover i{background-image:url(../images/pro_icon3_hover.png);}
.shareto{font-size:16px;color:#888;margin-top:45px;}
.shareto a{display:inline-block; vertical-align: middle; margin-left:15px;
width:30px;height:30px;text-align:center;background:#e3e3e3;line-height:30px;
}
.shareto a:hover{
	background:#E21927;
}
.shareto a .iconfont{color:#FFF;font-size:24px;}
.pro_anchor {margin-top:50px;}
.pro_anchor a{width:25%;float:left;height:60px;line-height: 60px;text-align: center; background:#eeeeee;border-right:1px solid #fff;font-size:16px;font-weight: bold;}
.pro_anchor a:hover{ background: #e21927;color:#fff; }
.anchor_tit{font-size:18px;font-weight: bolder;}
.pro_detail {margin-top:50px;}
.pro_desc{margin:25px 0 50px;font-size:14px;color:#888;line-height: 2;} 
.codebox {margin:25px 0 50px; overflow-x:auto;}
.codeTit{font-size:2.4rem; margin-bottom: 1em;} 
.codetable{overflow-x: auto;}
.codebox table { width: 100%;margin-left:auto;margin-right:auto; border-collapse: collapse; empty-cells: show; border:1px solid #e4e4e4; text-align:center; }
.codebox table td { padding:12px 10px; border: 1px solid #e4e4e4;color: #666;font-size: 14px; line-height: 1.5; }
.codebox table tr:nth-child(2n+1) {background:#f8f8f8;}  
.codebox table tr:hover{background: #e21927;}
.codebox table tr:hover td{color:#fff;}
 
/*新闻*/ 
.newslist dl {padding:45px 50px;margin-bottom:20px;background: #f6f6f6;overflow: hidden;} 
.newslist dl dt{width:26%;float:left;margin-right:6%;overflow: hidden;}
.newslist dt a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);} 
.newslist dd{margin-top:10px;overflow: hidden;}
.newslist dd .time{margin-bottom:15px;}
.newslist dd .time span{display:inline-block;font-size:14px;color:#888;}
.newslist dd .time em{display:inline-block;font-size:1.8rem;color:#d7d7d7;margin:0 15px; vertical-align: -1px;}
.newslist dd h3{font-size:2rem;font-weight: bold;padding-bottom:30px; position: relative;}
.newslist dd h3::after{content: "";width:30px;height:3px; background: #e21927; position: absolute;left:0;bottom:0;}
.newslist dd a:hover h3{color:#e21927;}
.newslist dd h4{font-size:14px;color:#888;line-height: 2;margin-top:20px;} 
 
/*新闻详情*/ 
.newsCon{margin-top:40px;}
.newsCon,.newsCon p { font-size: 14px; color: #333; line-height: 2; margin-bottom:1em; }
.newstitle{font-size:2.4rem;text-align:center;font-weight:bold;}
.newstime{text-align:center;font-size:14px;color: #999;padding:20px 0 25px;border-bottom:1px solid #eee;
display:flex;
	justify-content:center;
	align-items: center;
}
.newstime .shareto{
	margin-top:0;
}
.newstime a{margin-left:10px;}
.newstime span{font-size:14px;color:#999;}
.newstime em{font-size:18px;color:#999;padding:0 15px;}
.share_box{display: inline;font-size:0;padding-left:50px;}
.prev-next {margin-top:50px;padding:20px 40px; border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;overflow: hidden; } 
.prev_news{float:left;width:45%;}
.next_news{float:right;width:45%;}
.prev-next dl,.prev-next dd{overflow: hidden;}
.prev-next dt{width:22%;float:left;margin-right:6%; overflow: hidden;}
.prev-next dt a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.prev-next dd{margin-top:15px;}
.prev-next dd span{display: block;font-size:14px;color:#333;font-weight: bold;}
.prev-next dd a{display: block;font-size:14px;color:#888;margin-top:1em;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.prev-next dd a:hover{color: #333;text-decoration: underline;}
.prev-next .next_news dt{float:right;margin:0 0 0 6%;}
.prev-next .next_news dd{text-align: right;}
.related_posts{margin-top:65px; position: relative;}
.related_tit{font-size:3.2rem;font-weight: bold;margin:0 0 50px 35px;}
.related_posts dl{padding:26px 40px; background: #f3f5f8; overflow: hidden;}
.related_posts dt{float:right;width:13%;margin-left:2%;}
.related_posts dd{margin-top:1%;overflow: hidden;}
.related_posts dd .time{float:left;width:130px;text-align:center;font-size:1.8rem;font-weight: bold;color:#666;margin-right: 50px;}
.related_posts dd .time span{display:block;font-size: 2.8rem;color: #333;font-weight: bolder;margin-bottom:12px;}
.related_posts dd .related_con{overflow: hidden;}
.related_posts dd .related_con h3{font-size:2rem;font-weight: bold;}
.related_posts dd .related_con h4{font-size:14px;margin-top:1em;line-height: 1.6;}
.related_posts dd .related_con a:hover h3{text-decoration: underline;}
.swiper-button{width:120px; position: absolute;top:12px;right:35px;font-size:0; }
.swiper-button .swiper-button-prev,.swiper-button .swiper-button-next{display:inline-block;position: static;width:30px;height:30px;margin:0 10px;background-size:100%;background-position: center; background-repeat: no-repeat;}
.swiper-button .swiper-button-prev{background-image: url(../images/arr_left1.png);}
.swiper-button .swiper-button-next{background-image: url(../images/arr_right1.png);}
.swiper-button .swiper-button-prev:hover{background-image: url(../images/arr_left1_hover.png);}
.swiper-button .swiper-button-next:hover{background-image: url(../images/arr_right1_hover.png);}
/*企业文化*/
.culture{margin-top:80px;}
.culture_con{float:left;width:63.2%;overflow: hidden;}
.culture_item{display:table;width:50%;height:360px;float: left;text-align:center; background: #edf2f5;}
.culture_cell{display: table-cell;vertical-align: middle;padding:0 40px;}
.culture_cell h3{width:164px;height:45px;text-align: center;line-height: 45px;background: #e21927;font-size:1.8rem;color:#fff;font-weight: bold;margin:0 auto; text-transform: uppercase;}
.culture_cell h4{font-size:14px;color: #666;line-height: 1.8;margin-top:45px;text-transform: uppercase;}
.culture_img{width:36.8%;height:720px;float:right; position: relative;}
.culture_img img{height:100%; position: absolute;top:0;left:;}
.culture_item0{ background: #fff; }
.culture_item3{ background: #f9fbfc; }
/*公司介绍*/
.company {font-size:14px;color:#888;line-height: 2;}
.company p{font-size:14px;color:#888;line-height: 2;margin-bottom: 1em;}
.ten_year_img{width:32%;float:right;margin-left:12%;}
.ten_year_con{overflow: hidden;}

/*服务*/
.service{margin:45px 0 90px;}
.service_img{width:50%;float:left;}
.service_img1,.service_img2{display: inline-block; vertical-align: middle;}
.service_img1{width:48%;margin-right:3.5%;}
.service_img2{width:34%;}
.service_desc h3{font-size:3rem;font-weight: bold;line-height:1.3;margin-bottom: 35px;}
.service_desc p{font-size:14px;color:#888; line-height: 2.2;}
.advantage{padding:92px 0; background: url(../images/service_bg.jpg) no-repeat center; background-size: cover;}
.adv_left{width:40%;float: left;}
.adv_tit{font-size: 3.2rem;font-weight: bold;}
.adv_txt{font-size:14px;color:#888;line-height: 2.28;margin-top:2em;}
.adv_btn{display: block;width: 192px;height:56px;line-height: 56px;text-align: center; font-size:14px;font-weight: bold;color:#fff; background:#e5303c;margin-top:55px;}
.adv_right{width:50%;float:right;}
.adv_right dl{float:left;width:49%;float:left;margin-left:2%;margin-bottom:2%;padding:35px;background: #fff;border:1px solid #f1f1f1;}
.adv_right dl:nth-child(2n+1){clear:both;margin-left:0;}
.adv_right dd{margin-top:22px;}
.adv_right dd h3{font-size: 2.2rem;font-weight: bold;white-space: nowrap;}
.adv_right dd h4{font-size: 16px;color:#777;margin-top:1em; white-space: nowrap;}
.related_product .caselist {padding: 70px 0; position: relative;}
.related_product .caselist dl{width:100%;margin:0;}
.related_product .caselist .swiper-pagination{width:100%;bottom:0;text-align: center;}
.related_product .caselist .swiper-pagination-bullet{width:14px;height:14px;border-radius: 100%; background: #f7f7f7;border:1px solid #cdcdcd;margin:0 7px; opacity: 1;}
.related_product .caselist .swiper-pagination-bullet-active{ background:#e5303c;border-color:#e5303c; }
.faqbox{margin:60px 0 100px;}
.faqbox .hfTit h3 {text-transform: none;}
.faq_con{margin-top:50px;}
.faq_q{padding:32px 85px;border-bottom:1px solid #edf1f3; position: relative; background:url(../images/q.png) no-repeat 14px 50%;}
.faq_q h3{font-size:1.8rem;font-weight: bold;}
.faq_a{display:none;padding:0 0 40px 85px;margin-top:27px;background:url(../images/a.png) no-repeat 14px 0;border-bottom:1px solid #edf1f3;font-size:14px;}
.faq_a p{font-size:14px;color:#999;line-height: 2;}
.faq_q em{display: block;width:16px;height:16px; position: absolute;right:45px;top:50%;margin-top:-8px;background:url(../images/jia.png) no-repeat center;}
.faq_select{background:url(../images/q_active.png) no-repeat 14px 50%;}
.faq_select em{background:url(../images/jian.png) no-repeat center;}
/*关于我们*/
 

/*工厂*/ 
.faclist dl {width:48%;float:left;margin:0 0 5% 4%; display: none;}
.faclist dl:nth-child(1),.faclist dl:nth-child(2),.faclist dl:nth-child(3),.faclist dl:nth-child(4),.faclist dl:nth-child(5),.faclist dl:nth-child(6){display: block;}
.faclist dl:nth-child(2n+1){margin-left:0;clear:both;} 
.faclist dl dt{position: relative; overflow: hidden;}
.faclist dt a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);} 
.faclist dd{margin-top:20px;text-align: center;}
.faclist dd a {font-size:1.8rem; font-weight: bold;color: #444;}
.faclist .viewmore{clear:both;display: block;width:170px;height: 50px;background: #e21927;line-height: 50px;font-size:14px;color:#fff;text-align: center;margin:3em auto 0;}
.faclist .viewmore:hover{opacity: 0.8;}
/*发展历程*/
.year{height:32px;line-height:32px;padding-bottom:65px;font-size:2.4rem;font-weight: bold;text-align:center; box-sizing: content-box; cursor: pointer;-webkit-transition: all 0.3s; transition: all 0.3s;}
.year_box {position: relative;padding-top:15px;}
.year_box::after{content: "";width:100%;height:1px;border-bottom:1px solid #e2e2e2; position: absolute;left:0;bottom:26px;}
.year_box .gallery-thumbs{margin:0 135px;}
.year_box .gallery-thumbs .swiper-slide {  height: 100%; background:url(../images/circle.png) no-repeat 50% 63px;}
.year_box .gallery-thumbs .swiper-slide-thumb-active { background:url(../images/year_active.png) no-repeat center bottom;}
.year_box .swiper-button-prev,.year_box .swiper-button-next{width:56px;height:56px; margin-top:0;top:0; background-color: #fff; background-repeat: no-repeat; background-position: center;background-size:100%;}
.year_box .swiper-button-prev{ background-image:url(../images/arr_left3.png); left:0;}
.year_box .swiper-button-next{background-image:url(../images/arr_right3.png); right:0;}
.year_box .swiper-button-prev:hover{background-image:url(../images/arr_left3_hover.png);}
.year_box .swiper-button-next:hover{background-image:url(../images/arr_right3_hover.png);}
.year_box .gallery-thumbs .swiper-slide-thumb-active .year{font-size:3.8rem;color:#e21927;}
.event_box{margin:115px 60px 0;overflow: hidden;}
.event_box .event_item{ position: relative;padding-bottom:45px;}
.event_box .event_item::after{content: "";width:1px;height:100%;border-left:1px solid #e2e2e2; position: absolute;left:160px;top:0; z-index: -1;}
.event_year{width:182px;height:44px;line-height: 44px; background:url(../images/time.png) no-repeat right center;  font-size:3.8rem;font-weight: bold;}
.event_box dl{margin-top:80px; overflow: hidden;}
.event_box dl dt{width:166px;float:left;margin-right:35px;font-size:2.2rem;font-weight: bold;background:url(../images/circle1.png) no-repeat 100% 70%;}
.event_box dl dd{overflow: hidden;}
.event_box .event_tit{font-size:2.2rem;font-weight: bold;}
.event_box .event_txt{margin-top:35px;font-size:14px;color:#666;line-height: 1.7;}
/*联系我们*/ 
.contact_box{margin:45px 0 85px;}
.contactTit h3{font-size:3.4rem; font-weight:bold;}
.contactTit h4{font-size:16px;color:#888888;margin-top:20px;line-height: 1.75;}
.contactbox{margin-top:50px;}
.contact_map{width:54%;float:right;}
.contact_info{width:45%;float:left;}
.contact_info li{font-size:16px;color:#666;padding-left:60px;margin-bottom: 30px;}
.contact_info li span,.contact_info li a{display: block;margin-top:12px;}
.contact_info li a:hover{color:#333;text-decoration: underline;}
.contact_info li.li0{background: url(../images/con_addr.png) no-repeat 0 2px;}
.contact_info li.li1{background: url(../images/con_tel.png) no-repeat 0 2px;}
.contact_info li.li2{background: url(../images/con_mail.png) no-repeat 0 2px;}
.weixin{margin-top:45px;}
.weixin span{display: inline-block;width:80px;height:72px; background: url(../images/border.png) no-repeat 0 0;padding:1px 10px 1px 1px; vertical-align: middle;margin-right: 15px;} 
.weixin p{display: inline-block;font-size:1.8rem;color:#000;font-weight: bold;vertical-align: middle;}
.conversation{padding:60px 0; background: #f4f4f4;}
.conversation .contactTit{width:42%;float:left;}
.kefu{width:50%;float:right;}
.kefu li{width:19.33%; float: left;  margin:0 7%; position: relative;}
.kefu li img{ border-radius: 100%;}
.kefu li i{display:block;width:17px;height:17px;border-radius: 100%; background: #6fba2b;border:3px solid #fff; position: absolute;left:4px;bottom:17px;}

.messagebox {padding:80px 0 90px; background: url(../images/message_bg.jpg) no-repeat center; background-size: cover;}
.message_tit{font-size: 3.4rem;text-align: center;color: #fff;font-weight: bold;}  
.message_form  .xhl_form{width:100% !important;  margin: 2em 0 0!important;padding:0!important;}
.message_form .usedComp { display: block !important;width: 25%!important; float: left!important; margin-bottom: 2em!important; overflow: hidden!important; box-sizing: border-box!important;padding: 0 0 0 10px!important;}
.message_form .usedComp .xhl-control-label {float:none!important; width:100%!important;display: block!important; font-size: 14px!important; color: #fff!important; margin-bottom: 10px!important; text-align:left!important; }
.message_form .usedComp .xhl-controls{ width: 100%!important;margin-left:0!important;}
.message_form .xhl-input-xlarge { width: 95%!important; padding: 1em 0.5em !important; background: #fff!important; font-size: 14px!important;border:1px solid #cdcdcd!important; border-radius: 0!important;  }
.message_form .xhl-form-tip{right: auto !important;color: red;padding-left:3px;font-size:14px!important;}
.message_form .btn_submit { float: none!important; margin: 1em auto 0!important; }
.message_form .xhl-footer {  display: block!important; line-height:44px!important;margin: 1em auto 0!important; position: relative; text-align: left!important; overflow: hidden;padding-top:2em!important; box-sizing: content-box; }
.message_form .xhl-footer  .xhl-submit {width: 258px!important;height: 56px!important; font-size:1.8rem!important;color:#fff!important;border-radius: 0!important;background: #e5303c!important; border:none !important;  line-height: 56px!important;font-weight: bold!important;text-align: center!important;cursor: pointer;margin:0 auto; }  
.message_form .xhl-form-text{width:100%!important;}
.message_form .xhl-textarea{ width:99.2%!important; height: 10em!important; font-size: 14px!important; padding: 0.5em!important; background: #fff!important;border:1px solid #cdcdcd!important; vertical-align: middle!important;border-radius: 0!important; }
.messagebox1{margin:65px 0 100px;} 
.messagebox1 .message_tit{font-size:3rem;color:#333;}
.messagebox1 .message_form .xhl_form{margin:5em 0 0 !important;}
.messagebox1 .message_form .usedComp .xhl-control-label{color:#333 !important;margin-left:0 !important;}
.messagebox1 .message_form .xhl-input-xlarge { background: #f8f8f8 !important;border-color:#f3f3f3 !important; }
.messagebox1 .message_form .xhl-form-tip{color:red !important;font-size:14px !important;;}
.messagebox1 .message_form .xhl-textarea{background: #f8f8f8 !important;border-color:#f3f3f3 !important;}
.messagebox1 .message_form .usedComp { margin-left:0 !important;margin-bottom:15px !important;}
.messagebox1 .message_form .usedComp .xhl-control-label{margin-left:0 !important;margin-bottom:10px !important;}
/* .messagebox1 .message_form .usedComp:nth-of-type(2),.messagebox1 .message_form .usedComp:nth-of-type(4){ margin-left: 2%; } */
/* .messagebox1 .message_form .usedComp:nth-of-type(5){clear:both; width: 100%;margin-left:0; } */
.messagebox1 .message_form .xhl-textarea{ width:98.5% !important;}
 
/*404页面*/
.errorbox {padding:75px 0 70px; background: #f6f8fa;}
.errorbox .wrap{width: 1090px;}
.error_img{float:right;width:32%;}
.error_con{margin-top:50px;}
.error_con h3{font-size:4.4rem;font-weight: bold;margin-bottom:25px;}
.error_con p{font-size:16px;color:#939393;margin-bottom: 20px;}
.backhome {display:block;width:206px;height:50px;text-align:center;line-height:50px;font-size:16px;color:#fff;margin-top:1em;background: #cc0614 url(../images/home1.png) no-repeat 14px 50%;  }
.backhome span{display:block;width:156px;margin-left:50px;background: #e21927;} 
.backhome:hover span{text-decoration: underline;}
.related_product{margin:60px 0;}
.related_product .hfTit h3{text-transform: none;}
.prolist{margin-top:50px; overflow: hidden;}
.prolist dl dt{border:1px solid #f2f0ec;overflow: hidden;} 
.prolist dl dt a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.prolist dl dd {text-align:center;line-height: 1.6;margin-top:18px;padding:0 10%;}
.prolist dl dd a{font-size:14px;color:#666;}
.prolist dl dd a:hover{color: #333;}
.prolist .swiper-button-prev{width:40px;height:40px; background:url(../images/arr_left1.png) no-repeat center;background-size: 100%;border-radius: 100%;left:0;top:33%;margin-top:0;}
.prolist .swiper-button-next{width:40px;height:40px;background:url(../images/arr_right1.png) no-repeat center;background-size: 100%;border-radius: 100%;right:0;top:33%;margin-top:0;}
.prolist .swiper-button-prev:hover{ background:url(../images/arr_left1_hover.png) no-repeat center;background-size: 100%;}
.prolist .swiper-button-next:hover{ background:url(../images/arr_right1_hover.png) no-repeat center;background-size: 100%;}
 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{pointer-events:auto; opacity: 1;}
 @media only screen and (max-width:1440px) {
  .wrap{width: 1300px;}  
  .nav li{padding:0 30px;}
  .bantxt h3{font-size:5rem;}
  .mainbox,.related_product{margin:30px 0;}
  .one_stop_con p{margin-top:1em;} 
  .one_stop_con .viewmore{margin-top:2em;}
  .f_menu dl{margin-right:170px;}
  .f_left{width:14%;}
  .ft_contact{margin-left:14%;}
  .message_form{margin-left:0 !important;}
  .newslist dd h4{line-height: 1.6;}
  .ten_year_img{margin-left:8%;}
  .houfeng_video{height:465px;}
 
}
 
 @media only screen and (max-width:1280px) {
  .wrap{width: 1200px;}  
  .nav li{padding:0 25px;}
  .f_left{width:100%;float:none;text-align: center;margin:0 auto;}
  .flink{margin-top:20px;}
  .flink a{margin:0 10px;}
  .f_menu{float:none;width:100%;margin-top:2em; }
  .f_menu dl{display: inline-block;float:none;text-align:left;margin-right:10%; vertical-align: top;}
  .ft_contact{width:30.33%;margin-left:0;}
  .copyright,.pro_list{width:32%;}
  .copyright{margin:0 2%;}
  .pro_list{margin-right:0;}
  .ft_bom{margin-top:20px!important;padding-top:20px;}
  .pro_link a:nth-child(3n){padding-right: 15px; margin-right: 15px; border-right: 1px solid #abb6c2;}
  .newslist dl{padding:20px;}
  .newslist dl dt{margin-right:3%;}
  .newslist dd{margin-top:0;}
  .newslist dd h3{padding-bottom:15px;}
  .houfeng_video{height:430px;}
  .one_stop_con{padding:20px 30px;}
 
}
 @media only screen and (max-width:1200px) {
  .wrap{margin:0 15px;width:auto;}
  .errorbox .wrap{width:auto;}
  .bantxt h3{font-size:3rem;}
  .nav{margin-top:49px;}
  .nav li a{font-size:14px;}
  .emailbox{width:200px;padding:5px 0 5px 40px;margin-top:30px; background-size:30px ;font-size:16px;}
  .menu li a{padding:18px 22px 18px 10px;}
  .cerTit{margin:0 0 40px;}
  .cerlist{margin-left:0;}
  .cerlist dl{width:30%;margin-left:5%;}
  .culture_item{height:300px;}
  .culture_img{height:600px;} 
  .houfeng_video{height:418px;}
}
 

 @media (max-width: 1024px) {
  body, html{font-size:46.875%;} 
  .mt100 { margin-top: 55px; }  
  .header { height: 55px; }
  .logo { height: 36px; margin-top: 10px;margin-left:0; }
  .logo img { height: 100%; width: auto; }
  .emailbox{display: none;} 
  .hamburger { display: block; }
  .nav { display: none; }
  .bantxt a{width:141px;height:40px;line-height: 40px; background-position: 12px 50%!important;   background-size: 20px!important;}
  .bantxt a span{width: 100px;margin-left:40px;}
  .banner .swiper-pagination{display: block;}
  .banner-swiper-button{display: none;}
  .fat-nav li h3 a{font-size:16px;}
  .fat-nav li .sub_nav a{font-size:14px;}
  .diff_box{margin-top:30px;}
  .diff_box .hfTit{ position:static;  }
  .diff_item{padding:30px;text-align: center;}
  .diff_item h3{font-size:2rem;}
  .diff_item span{margin-top:30px;padding-right:20px; background-size: 8px;}
  .diff_icon{width:60px;height:60px;margin:0 auto;background-size: 100%!important;}
  .diff_item span{margin-top:15px;}
  .diff_item span em{width:auto; opacity: 1;font-size:12px;}
  .one_stop_con .viewmore,.product dd a.viewmore{width:120px;height:40px;line-height: 40px; }
  .product{margin:30px 0;}
  .product dl{margin:0 6%;}
  .houfeng_con{margin:40px 0;}
  .f_menu{text-align: center;}
  .f_menu dl{margin:0 6%; }
  .f_menu dl:last-child{margin-right:6%;  }
  .flink a,.newstime .share_box a img,.shareto a{width:26px;}
  .cerlist dl dt a{height:270px;  }
  .culture{margin-top:30px;}
  .culture_item{display:block;height:200px;}
  .culture_img{height:400px;}
  .culture_cell{display:block;padding:16% 1em 0;}
  .culture_cell h4{margin-top:10px;}
  .culture_cell h3{width:130px;height:35px;line-height: 35px;font-size:16px;}
  .errorbox{padding:40px 5%;}
  .error_img{width:24%;   }
  .error_con{margin-top:0;}
  .backhome{width:141px;height:40px;line-height: 40px; background-position: 12px 50%!important;   background-size: 20px!important;}
  .backhome span{width: 100px;margin-left:40px;}
  .related_product{margin:40px 0; }
  .prolist{margin-top:30px;}
  .contact_box{margin:30px 0; }
  .conversation,.messagebox{padding:30px 0;}
  .kefu li{width:22%;margin:0 4%; }
  .message_form .usedComp { width: 49% !important; margin-left:0 !important;margin-bottom:10px !important;}
  .message_form .usedComp .xhl-control-label{margin-left:0 !important;}
	 .message_form .xhl-form-text{width:97% !important;}
/*   .message_form .usedComp:nth-of-type(2),.message_form .usedComp:nth-of-type(4){ margin-left: 2%; }
  .message_form .usedComp:nth-of-type(5){clear:both; width: 100%;margin-left:0; } */
  .message_form .xhl-textarea{ width:98.5% !important;}
/*   .message_form .usedComp:nth-of-type(5) .xhl-input-xlarge{width:98.5%;} */
  .probox dl dt .mask{display: none;}
  .protxt .protit{margin-top:0;}
  .specbox{margin:20px 0;}
  .specbox li{margin:5px 0;}
  .pro_btn,.shareto,.pro_detail{margin-top:30px;}
  .pro_btn a{width:26%;margin-right:2%; }
  .pro_anchor a{height:40px;line-height: 40px;}
  .pro_desc{margin:20px 0;}
  .related_product .caselist .swiper-pagination-bullet{width:10px;height:10px;margin:0 3px;}
  .messagebox1,.service,.faqbox{margin:30px 0;  }
  .advantage,.related_product .caselist{padding:30px 0;}
  .service_img2{width:40%;}
  .adv_left{width:48%;}
  .adv_right dl{padding:12px; }
  .adv_btn{width:130px;height:40px;line-height: 40px;margin-top:20px; }
  .faq_con{margin-top:20px;}
  .faq_q{padding:20px 40px; background-size:25px;background-position: 0 50%; }
  .faq_q em{right:0;background-size:12px;}
  .faq_a{padding:0 0 20px 65px;margin-top:15px;}
  .faq_a p{line-height: 1.8;}
  .year_box{padding-top:0;}
  .year_box .swiper-button-prev, .year_box .swiper-button-next{width:30px;height:30px; background-size: 100%; }
  .year_box .gallery-thumbs{margin:0 60px;}
  .year_box .gallery-thumbs .swiper-slide-thumb-active{background-position: 50% 50px; background-size: 25px;}
  .year{padding-bottom:50px;}
  .year_box .gallery-thumbs .swiper-slide{background-position: 50% 48px;}
  .year_box .gallery-thumbs .swiper-slide-thumb-active{background-position: 50% 38px;}
  .event_box{margin:50px 50px 0;}
  .event_box dl{margin-top:50px;}
  .event_box dl dt{width:130px;}
  .event_box .event_item::after{left:124px;}
  .event_year{width:146px;}
  .event_box .event_txt{margin-top:15px;}
  .houfeng_video{height:354px;}
  .proimg .swiper-button-next,.proimg .swiper-button-prev{background-size:6px;  }
  .one_stop_con h3{font-size:20px;  }
  .one_stop_con h3 br{display: none;}
  .one_stop_con p{line-height: 1.5;  }
   
}
 @media (max-width: 768px) {
   .bantxt h3::before{display: none;}
   .diff_item{padding-left:10px;padding-right:10px;}
   .one-stop{background:none;}
   .one_stop_img{width:100%;float:none;display: block;}
   .one_stop_con{display:block;position: relative;width:100%;padding:20px;top:0; background: url(../images/bg_img1.jpg) no-repeat center/cover;}
   .product dd{margin-top:0;}
   .product .swiper-button-prev,.product .swiper-button-next{width:40px;height:40px;margin-top:-20px; background-size: 100%;}
   .product dd h4,.product dd .p_property{margin-top:1em; font-size:14px;}
   .houfeng_video .play_btn{width:40px;height:40px;margin-left:-20px;margin-top:-20px;}
   .houfeng_con_tit{left:20px;top:20px;}
   .houfeng .more{width:30px;height:30px;top:20px;right:20px;}
   .houfeng .houfeng_r .more{bottom:20px;}
   .flink a{margin:0 6px;}
   .f_menu dl{margin:0 2%!important;}
   .sidebar{width:100%;float:none;margin-right:0;margin-bottom:15px;}
   .menu_tit{padding:1em;margin-bottom:0; background: #f2f2f2 url(../images/menu.png) no-repeat 98% 50%/30px;}
   .menu_tit::after{display: none;}
   .sidebar .menu ul {display: none;}
   .sidebar .menu ul li{background: #f2f2f2;margin-top:1px;}
   .sidebar .menu ul li a{padding:1em 2em 1em 1em;}
   .menu li a{font-size:14px;}
   .contact_bar,.follow_us{display: none;}
   .pro_menu ul{display: none;}
   .pro_menu li{background: #f2f2f2;border-bottom: none;margin-top:1px;}
   .pro_menu li a{padding:1em;font-size:14px;}
   .crumbs{padding:10px 0;line-height: 1.8;background:#1085e1;}
   .crumbs span,.crumbs a,.crumbs a.home{color:#fff;margin-bottom:0;}
   .crumbs .wrap{color:#fff;}
   .crumbs a.home{background-image: url(../images/home1.png);background-size:14px;}
   .crumbs .wrap{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
   .mainbox{margin:30px 0;}
   .wp-pagenavi{padding-top:15px;}
   .cerTit h4{margin-top:20px;}
   .newstime{padding:15px 0;}
   .newsCon,.prev-next,.related_posts{margin-top:20px;}
   .newstime em{padding:0 5px;}
   .share_box{padding-left:5px;}
   .prev-next{padding:20px 0;}
   .prev-next dd{margin-top:0;}
   .prev-next dd a{margin-top:5px;}
   .related_tit{margin:0 0 1em 0;}
   .swiper-button{top:4px;right:0;}
   .related_posts dl{padding:1em;}
   .related_posts dd{margin-top:0;}
   .related_posts dd .time{width:80px;margin-right:10px;}
   .contactbox{margin-top:20px;}
   .contact_map,.conversation .contactTit,.kefu{width:100%;float:none;}
   .contact_info{width:100%;float: none;margin-top:20px;}
   .contact_info li{padding-left:45px;font-size:2rem;}
   .conversation .contactTit{text-align: center;margin-bottom: 20px;}
   .kefu li{width:20.33%;margin:0 0 0 10%;}
   .proimg{width:100%;float:none;margin-right:0;margin-bottom:30px;}
   .event_year{height:40px; background-size: auto 100%;}
   .event_box{margin:20px 0;}
   .year_box .gallery-thumbs .swiper-slide-thumb-active .year{font-size:3.2rem;}
   .video_show .video_w{width:90%;margin-left:-45%;top:30%;}
   .video_show .video_close{width:26px;right:2%;top:23%;}
   .houfeng_video{height:262px;}
 
}
@media (max-width: 750px) {
  .pc_banner{display: none;}
  .phone_banner{display: block;}
  .inbanner img,.inbanner .inbantxt{display: none;}
   
}
 @media (max-width: 640px) {   
 .diff_item{width:50%;}
 .diff_item:nth-child(2n+1){clear:both;}
 .product dl{margin:0;}
 .product dl dt{width:80%;float:none;margin:0 auto;min-height: auto;}
 .product dd{margin-top:20px;}
 .f_menu,.ft_contact,.pro_list{display: none;}
 .footer{padding:15px 0 68px;}
 .copyright{width:100%;margin:0;}
 .copyright .ft_tit{display: none;}
 .copyright ul{margin-top:0;text-align: center;}
 .copyright ul li{margin-bottom: 0;line-height: 2;}
 .caselist dl{width:49%;}
 .caselist dl{margin-bottom:2%;}
 .caselist dl:nth-child(2n){margin-left:2%;}
 .caselist dl:nth-child(2n+1){margin-left:0;}
 .caselist dl:nth-child(3n+1){clear:none;}
 .caselist dl:nth-child(2n+1){clear:both;}
 .caselist dl dt .mask{display: none;}
 .caselist dd{padding:10px;}
 .wp-pagenavi a,.wp-pagenavi .current{width:30px;height:30px;line-height: 30px;font-size:12px;margin:0 2px;}
 .wp-pagenavi a.page_first, .wp-pagenavi a.page_last,.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink{background-size: 8px;}
 .cerlist dl {width:46%;float:left;margin:0 0 5% 6%;}
 .cerlist dl:nth-child(3n+1){margin-left:6%;}
 .cerlist dl:nth-child(2n+1){margin-left:0;}
 .cerlist dl:nth-child(3n+1){clear:none;}
 .cerlist dl:nth-child(2n+1){clear:both;}
 .cerlist dd{margin-top:15px;}
 .cerlist .viewmore,.faclist .viewmore{width:120px;height:40px;line-height: 40px;}
 .culture_item{display:block;height:170px;}
 .culture_img{height:340px;}
 .ten_year_con{overflow:visible;}
 .ten_year_img{margin-left:4%;}
 .error_img{margin-top:10%;}
 .related_product{margin:20px 0;}
 .prolist dl dd{padding:0;}
 .prolist dl dd a{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
 .prolist .swiper-button-prev,.prolist .swiper-button-next{width:24px;height:24px;top:30%; }
 .message_form .usedComp{width:100%!important;float:none !important;margin-left:0!important;}
/*  .message_form .usedComp:nth-of-type(5) .xhl-input-xlarge{width:97%;} */
	 .message_form .xhl-input-xlarge{width:97% !important;}
 .message_form .usedComp .xhl-controls textarea{width:97% !important;}
 .message_form .xhl-footer .xhl-submit{width:144px !important;height:42px !important;line-height: 42px !important;}
 .probox dl{width:48%;margin-left:4%;margin-bottom:5%;}
 .probox dl:nth-child(3n+1){clear:none;margin-left:4%;} 
 .probox dl:nth-child(2n+1){clear:both;margin-left:0;}
 .probox dl dd{padding:0;}
 .probox dl dd a{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
 .service_img{width:100%;float:none;margin-bottom: 2em;}
 .service_desc h3{margin-bottom: 15px;}
 .adv_left,.adv_right{width:100%;float:none;}
 .adv_right{margin-top:20px;}
 .adv_right dd{margin-top:10px;}
 .adv_right dd h3{font-size:1.8rem;}
 .houfeng_video{height:216px;}

}
 @media (max-width: 480px) {
  .bantxt{display: none;}
  .hfTit h3{font-size:2.4rem;}
  .hfTit h4 br{display: none;}
  .houfeng_video{height:300px;}
  .houfeng_video,.houfeng_cer,.houfeng_fac,.houfeng_news{width:100%;float: none;margin:0 0 1em 0;}
  .product .swiper-button-prev, .product .swiper-button-next{width:26px;height:26px;margin-top:-13px;}
  .product dd h3 a{display: block;}
  .newslist dl{padding:0;background: none;} 
  .newslist dd .time{margin-bottom:5px;}
  .newslist dd h3{padding-bottom:0;font-size:1.8rem;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .newslist dd h3::after{display: none;}
  .newslist dd h4{display: none;}
  .prev-next{padding:10px 0;}
  .prev-next dt{width:38%;}
  .prev-next dd a{display: none;}
  .prev-next dd{margin-top:12px;}
  .related_tit{font-size:2.2rem;}
  .related_posts dl{padding:0;background: none;}
  .related_posts dt{width:17%;float:left;margin:0 4% 0 0;}
  .related_posts dd .time,.related_posts dd .related_con h4{display: none;}
  .related_posts dd .related_con h2{overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .swiper-button{width:60px;}
  .swiper-button .swiper-button-prev, .swiper-button .swiper-button-next{width:20px;height:20px;margin:0 5px;}
  .related_posts dd .related_con h3{font-size:1.8rem;}
  .culture_con{width:100%;float:none;}
  .culture_item{display:block;height:170px;}
  .culture_cell h4{font-size:1.2rem;}
  .culture_img{float:none;width:100%;height:auto;margin-top:1em;}
  .culture_img img{position: static;width:100%;height: auto;}
  .ten_year_img{width:100%;float:none;margin-left:0;}
  .cerTit{margin-bottom:20px;}
  .faclist dd{margin-top:10px;}
  .errorbox{padding:2em 0;}
  .error_img{display: none;}
  .error_con h3{font-size:3.2rem;}
  .backhome{margin:1em auto 0;}
  .specbox li{width:100%;float:none;margin:0 0 1em 0;}
  .pro_btn a{width:30.33%;margin:0 1.5%;float:left;height:40px;line-height: 40px;font-size:12px;}
  .pro_btn a i{width:20px;height:20px; background-size:100%!important;margin-right:5px;}
  .event_box dl dt{width:110px;margin-right:25px;}
  .event_year{width:120px;height:32px;font-size:3.2rem;}
  .event_box .event_item::after{left:104px;}
  .pro_anchor{display: none;}
  .adv_right dd h3{font-size:13px;}
  .adv_right dd h4{font-size:12px; white-space: normal;min-height: 28px;}
  .faq_q h3,.contactTit h4{font-size:14px;}
  .cerlist dl dt a{height:225px;}
  .contact_info li{background-size:24px!important;padding-left:30px;}


}

#dibunav { display: none; }
 @media only screen and (max-width: 750px) { 
#dibunav { width: 100%; position: fixed; display: block; bottom: 0%; left: 0;  display: flex; justify-content: center; background:#cc0614;  z-index: 99; box-shadow: 0px 26px 25px -29px #000; }
}
#dibunav .dibunav-con { width: 95%; display: -webkit-flex; display: flex; }
#dibunav .dibunav-con li { text-align: center; float: left; width: 25%; padding: 16px 0px; } 
#dibunav .dibunav-con li a { color: #333; text-align: center; }
#dibunav .dibunav-con li a img { /*width: 100%;*/display: inline-block; margin: 0 auto; }
#dibunav .dibunav-con li p{color: #fff; font-size:14px;margin-top:5px;}
 @media only screen and (max-width: 450px) {
}
#dibunav {   height: 63px; }
#dibunav .dibunav-con li a img { width: 25px; }
#dibunav .dibunav-con li { padding: 8px 0px 10px 0; }
}
 @media only screen and (max-width: 320px) {
#dibunav { width: 100%; bottom: -3%; }
#dibunav .dibunav-con li a img { width: 20px; }
} 
.xhl-form-alert, .xhl-form-successMsg{
	font-size:16px !important;
}