@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocase=this.blur());}
:focase{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{max-width: 750px;min-width: 320px;width: 100%;margin: 0 auto!important; position: relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}


/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
.g-adv .swiper-pagination{bottom: 3rem;height: 0.8rem; line-height:0;text-align: center;}
.g-adv .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #fff; width: 0.8rem; height: 0.8rem; margin: 0 0.4rem;border-radius: 0.5rem;box-sizing: border-box;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #d60b0e;}


/*yz*/

.tit{font-weight: normal;text-align: center;position: relative;}
.tit span{display: block;font-size: 2.4rem;color: #333333;line-height: 2.4rem;font-weight: bold;}
.tit i{display: block;font-size: 1.3rem;color: #333333;line-height: 1.3rem;font-weight:normal;margin-top:1rem;}



.yz_sz{padding: 2.2rem 4.66% 0;height: 19rem;box-sizing: border-box;background: url(../images/yz_dd.jpg) no-repeat center;background-size: 100% 100%;}
.yz li{width:48.82%;height: 7rem;box-sizing: border-box;float: left;background: #fff;margin-bottom: 0.7rem;padding-top: 1.3rem;box-shadow: 5px 9px 50px 0px rgba(0, 0, 0, 0.1);border-radius: 0.5rem;}
.yz li:nth-child(2n){ float: right;}
.yz li em{display:block;font-size:3rem;font-family:Arial;color:#d11125;text-align: center;line-height: 3rem;}
.yz li i{display:inline-block;font-size:3rem;font-family:Arial;font-weight:700;color:#d11125;line-height:1}
.yz li sup{display:inline-block;font-size:1.3rem;color:#d11125;line-height:100%;margin-left:0.2rem;line-height: 1.3rem;font-weight: bold;vertical-align: 0.1rem;}
.yz li span{display:block;font-size:1.3rem;color:#666666;line-height:100%;text-align: center;}
.yz h2 img{display: block;width: 73.2%;margin: 3rem auto 0;}
.yz dl{ margin: 1.5rem 4.66% 0;}
.yz dt iframe{ display: block; overflow: hidden;width: 100%;height:19rem;}
.yz dd p{  color:#333333; font-size: 1.3rem; line-height: 2.1rem;padding:2rem 0 2.2rem;}
.yz_s a{ display: block;width: 16rem;height: 3.8rem;background: #d11125;line-height: 3.8rem;font-size: 1.4rem;color: #ffffff;box-sizing: border-box;text-align: center;border-radius: 1.9rem;float: left;}
.yz_s .more2{float: right;background: #d11125;}
.yz_s .more2 img{ display: inline-block;width: 1.75rem;height: 1.1rem;margin-left: 0.6rem;vertical-align: -0.1rem;}


.pro{ padding:2.6rem 4.66% 3rem;box-sizing: border-box;background: url(../images/yz_dd.jpg) no-repeat center;background-size: 100% 100%;position: relative;margin-top:2.6rem;}
.pro_qie{ margin: 2.3rem 0 0; display:flex;justify-content:space-evenly}
.pro_qie li { display:block;font-size: 1.4rem;color: #333333;float: left;height: 4.7rem;line-height: 4.7rem;text-align: center;position: relative;border-top: 1px solid #d2d2d2;box-sizing: border-box;margin-right:2.1rem;}
.pro_qie li:last-child{ margin-right: 0;}
.pro_qie li.cur{ border-color: #d60b0e;font-weight: bold;color: #d60b0e;}
.pro_con{ position: relative;}
.pro_con dt{ display: block;width: 100%;position: relative;}
.pro_con dt>img{ display: block;width: 100%; border-radius: 0.5rem 0.5rem 0 0;}
.pro_con dt i>img{ position: absolute;width: 39.5%;right: 1.5rem;top:4.2rem}
.pro_con dd{padding: 3.1rem 1rem 2rem 1.3rem;background-color: #fff;box-sizing: border-box; border-radius: 0 0 0.5rem 0.5rem;}
.pro_con dd h4 a{ display: block; font-size: 1.8rem; line-height: 1.8rem;color: #333333;font-weight: bold;position: relative;}
.pro_con dd h4 a::after{ content: "";position: absolute;top:3.1rem;left:0%;width:1.8rem;height: 0.1rem;background: #d60b0e;}
.pro_con dd p{padding-top: 2.4rem;display: block; font-size: 1.3rem; line-height: 2.1rem;color: #666666; margin-bottom:1.5rem;text-align: justify;}
.pro_con dd .more{ display: block;width: 13.4rem;height: 3.8rem;background: #d60b0e;line-height: 3.8rem;font-size: 1.4rem;color: #ffffff;box-sizing: border-box;text-align: center;border-radius: 1.9rem;}
.pro_con dd .more img{ display: inline-block;width: 1.75rem;height: 1.1rem;margin-left: 0.6rem;vertical-align: -0.1rem;}




.yc{ padding: 4.2rem 0 0;height: 61.4rem;box-sizing: border-box;background: url(../images/ys_bg.jpg) no-repeat center;background-size: 100% 100%;position: relative;}
.yc_con {margin-top: 2.7rem;}
.yc_con dl{position: relative;}
.yc_con dl dt img{width: 100%;display: block;height:24rem;}
.yc_con dl dt iframe{width: 100%;display: block;height:24rem;}
.yc_con dl dd{height:18rem;background: #fff;padding: 1.8rem 1.5rem 0;box-sizing: border-box;width: 86%;margin: -2.5rem auto 0;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);position: relative;z-index: 20;margin-bottom: 2.6rem;border-radius: 0.5rem;}
.yc_con dl dd h4{font-size:1.8rem;color:#333333;display: block;line-height:2.4rem;font-weight: bold;}
.yc_con dl dd h4 img{ display: inline-block;width: 2.4rem;height: 2.4rem;vertical-align: -0.6rem;margin-right: -0.2rem;}
.yc_con dl dd p{margin-top: 1.1rem;font-size: 1.2rem;line-height: 2rem;display: block;color: #666666; margin-bottom: 0.6rem;position: relative;}
.yc_t{ margin: 0 4.66%;height: 6.5rem; }
.yc_t li{ float: left;width: 21.76%;height: 4.7rem;box-sizing: border-box;margin-right: 4.32%;background: url(../images/yc_dd.png) no-repeat center bottom;background-size: 100% 0.5rem;}
.yc_t li:nth-child(4n){ margin-right: 0;}
.yc_t li span{ display: block;color: #333;font-size: 1.4rem;line-height: 1.4rem;text-align: center;font-weight: bold;}
.yc_t li i{ display: block;color: #333;font-size: 0.7rem;line-height: 0.7rem;text-align: center;font-weight: bold;padding-top: 0.7rem;text-transform: uppercase;}
.yc_t li.cur span,.yc_t li.cur i{ color: #d11125;}
.yc_t li.cur{ background: url(../images/yc_ddh.png) no-repeat center bottom;background-size: 100% 0.5rem;  }


.case{padding: 4.4rem 0 1.5rem;}
.case_con{padding: 0 26% 4rem 4.66%;margin-top: 2rem;}
.case_con dt{ display: block;width: 92%; margin: 0 auto;}
.case_con dt img{ display: block;width: 100%;border-radius: 0.5rem;}
.case_con dt iframe{ display: block;width: 100%;border-radius: 0.5rem;height:17.55rem;}
.case_con dd{  height: 24rem;padding: 9.5rem 1.5rem 0;background-color: #fff;box-sizing: border-box;border-radius: 0.5rem;box-shadow: 0px 22px 18px 0px rgba(0,0,0,0.08);margin-top: -8rem;}
.case_con dd h4 a{ display: block; font-size: 1.4rem; line-height: 2.1rem;color: #333;font-weight: bold;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_con dd p{padding-top: 0.6rem;height: 8rem;display: block; font-size: 1.3rem; line-height: 2.1rem;color: #666666;}
.case_con dd  .more{ display: block;line-height: 1.4rem;font-size: 1.4rem;color: #d60b0e;;}
.case_con dd  .more img{ display: inline-block;width: 1.75rem;height: 1.1rem;margin-left: 0.5rem;vertical-align: -0.1rem;}
.case_con .swiper-pagination{bottom: 0rem;line-height:0;text-align: center;}
.case_con .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #dcdcdc; width: 0.8rem; height: 0.8rem; margin: 0 0.4rem;border-radius: 0.5rem;box-sizing: border-box;}
.case_con .swiper-pagination .swiper-pagination-bullet-active{background:url(../images/case_ich.png) no-repeat center;width: 1.2rem;height: 1.2rem;background-size: 100% 100%;vertical-align: text-bottom;}


.hz{ padding: 4rem 4.66% 0;height: 51.5rem;box-sizing: border-box;background: url(../images/hz_bg.jpg) no-repeat center;background-size: 100% 100%;position: relative;}
.hz .tit span,.hz .tit i{ color: #fff;}
.hz ul{margin-top: 2.2rem;}
.hz ul li{float: left;width: 48.82%;margin-bottom: 1rem;height: 17.6rem;padding: 2.6rem 0 0;box-sizing: border-box;border-radius: 0.5rem;background: rgba(255, 255, 255, 0.9);}
.hz ul li:nth-child(2n){float: right;}
.hz ul li img{ display: block;width: 5rem;height: 5rem;margin: 0 auto;}
.hz ul li span{ display: block;color: #333;font-size: 1.5rem;line-height: 1.5rem;text-align: center;font-weight: bold;padding-top: 2rem;}
.hz ul li i{ display: block;color: #333;font-size: 0.7rem;line-height: 0.7rem;text-align: center;font-weight: normal;padding-top: 0.5rem;text-transform: uppercase;}
.hz ul li em>img{ display: block;width: 1.75rem;height: 1.1rem;margin: 2rem auto 0;}

.news{ padding: 2rem 4.66% ;}
.news_con{ margin-top: 2rem;border-top: 1px solid  #e4e4e4; }
.news_con dl{ height:10rem;border-bottom: 1px solid  #e4e4e4;padding: 1.2rem 0 0;box-sizing: border-box;}
.news_con dt{ display: block;float: right;width:29.41%;}
.news_con dt img{width: 100%;display: block;border-radius: 0.5rem;}
.news_con dd{float: left;width: 61.76%;}
.news_con dd h4{font-size: 1.3rem;color: #333333;line-height: 2.2rem;font-weight: normal;padding-bottom: 1.3rem;}
.news_con dd h4 a{color: #333333;}
.news_con dd p{font-size: 1.2rem;color: #999999;line-height: 1.2rem;font-weight: normal;padding-left: 1.8rem;background: url(../images/news_ic.png) no-repeat left;background-size: 1.2rem 1.2rem;} 
.news .more{ display: block;width: 15.5rem;height: 3.8rem;background: #d60b0e;line-height: 3.8rem;font-size: 1.4rem;color: #ffffff;box-sizing: border-box;text-align: center;border-radius: 1.9rem;margin: 3.3rem auto 0;}
.news .more img{ display: inline-block;width: 1.75rem;height: 1.1rem;margin-left: 0.6rem;vertical-align: -0.1rem;}


/**/
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:393px){html{font-size:10.48px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}