@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.onFocus=this.blur());}
:focus{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{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; 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; }


/*yz*/


.tit{ display: block; text-align: center; font-weight: normal; }
.tit span{display: block;font-size:2.1rem ; line-height: 2.1rem; color: #333333;font-weight: bold;}
.tit i{display: block;position: relative;font-size:1.1rem ; line-height: 1.1rem; color: #666;margin-top: 0.8rem;}
.tit i:after{ position: absolute; width:3.6rem; height: 0.25rem; background: url(../images/tit_bg.png) no-repeat center 0;content:"";left: 50%; top:1.7rem ; margin-left: -1.8rem;background-size: 3.6rem 0.25rem;}


.pro{padding-top: 5rem;background: #f3f3f3;padding-bottom: 1.2rem;}
.pro_con{ margin: 2.4rem 3.1% 0;}
.pro_con dl{margin-bottom: 3.8rem; }
.pro_con dt img{display: block; width:100%;}
.pro_con dd{ height: 20.2rem;margin: -5.5rem 1.1rem 0;background: #fff;position: relative;z-index: 10;}
.pro_con dd h3 a{display: block;font-size:1.5rem ;color: #333333;line-height:1.5rem ;padding-top:2.7rem ;font-weight: bold;text-align: center;}
.pro_con dd p{ font-size:1.2rem ;color: #666666;line-height:2.3rem ;padding:0.6rem 1.9rem 0;text-align: center;}
.pro_con dd .more{ display: block; width: 8.8rem; height:3.2rem;  font-size: 1rem; line-height: 3.2rem; text-align: center; margin: 1rem auto 0; color: #fff;background: #104fa4;}

.ys{ padding-top: 3.7rem;padding-bottom: 6.4rem;}
.ys .ys_con{ margin: 2.5rem 3.1% 0;}
.ys .ys_con li{float: left;width: 48.8%;position: relative;margin-bottom: 0.7rem;}
.ys .ys_con li:nth-child(2n){float: right;}
.ys .ys_con li img{display: block;width: 100%;}
.ys .ys_con li p{position: absolute;left: 0;bottom: 0;background: url(../images/ys_ic.png) no-repeat center;width: 100%;height: 10.2rem;background-size: 100% 10.2rem;}
.ys .ys_con li p span{display: block;text-align: center;font-size:1.8rem;line-height:1.8rem ;color: #fff;padding-top: 4.9rem;}
.ys .ys_con li p em{ display: block;text-align: center;font-size:1.1rem;line-height:1.1rem ;color: #fff;padding-top: 1rem;}

.xad{height:17.2rem;background:url(../images/xad_bg.jpg) no-repeat center 0;background-size: 100% 17.2rem;}
.xad h2{text-align: center;font-weight: normal;font-size: 0;line-height: 0;padding-top: 3.2rem;}
.xad h2 span{display:block;font-size: 1.6rem;color: #333333;line-height: 1.6rem;font-weight: bold;}
.xad h2 i{display:block;font-size: 2.1rem;color: #333333;line-height: 2.1rem;padding-top: 0.7rem;}
.xad h3{display:block;font-size: 1.1rem;color: #333333;line-height: 1.1rem;padding-top: 0.9rem;letter-spacing: 0.5rem;font-weight: normal;text-align: center;}
.xad .zx{ display: block; width: 9.9rem; height:2.4rem;  font-size: 1.1rem; line-height: 2.4rem; text-align: center; margin: 1.6rem auto 0; color: #104fa4;background: #fff;border: 0.1rem solid #104fa4;}


.sl{ padding-top: 6rem;}
.sl_con{ margin: 2.4rem 3.1% 0;padding-bottom: 5.8rem;position: relative;}
.sl_con dt img{display: block; width:100%;}
.sl_con dd{ height: 15.4rem;margin: -7.8rem 1.1rem 0;background: #fff;position: relative;z-index: 10;box-shadow: 0 0 21px 5px rgba(0, 0, 0, 0.1);}
.sl_con dd h3{display: block;font-size:1.6rem ;color: #333333;line-height:1.6rem ;padding-top:3.1rem ;font-weight: normal;padding-left:1.4rem;}
.sl_con dd h3 b{color: #0f4ca6;}
.sl_con dd p{ font-size:1.2rem ;color: #666666;line-height:2.1rem ;padding:0.6rem 1.4rem 0;}
.sl_con .swiper-pagination-clickable .swiper-pagination-bullet{width: 1.4rem;height: 1.4rem;margin: 0 3.6rem;background: url(../images/ic.png) no-repeat;background-size: 1.4rem 1.4rem;line-height: 1.4rem;}
.sl_con .swiper-pagination-clickable  .swiper-pagination-bullet-active{background: url(../images/ich.png) no-repeat;background-size: 1.4rem 1.4rem;line-height: 1.4rem;}
.sl_con .swiper-pagination-bullets{position: relative;height: 1.4rem;bottom:0.7rem;}


.case{height:31.4rem;background: url(../images/case_bg.jpg) no-repeat center 0; background-size: 100% 35.8rem; padding-top: 4.4rem;}
.case_con{ margin: 2.4rem 11.3% 0;position: relative;overflow: visible;}
.case_con dt img{display: block; width: 100%;}
.case_con dd p{ padding-top:1.7rem;font-size: 1.2rem; line-height: 1.2rem;color: #333333;text-align: center;}
.case_con dd p img{ width: 1.1rem;height: 1.1rem;display: inline-block;vertical-align:bottom;margin-left: 0.5rem;}
.case .prev{position: absolute;left:-2.5rem;top:9rem;width:1.3rem;height: 2.4rem;background:url(../images/prev.png) no-repeat center;z-index: 100;background-size: 1.3rem 2.4rem;}
.case .next{position: absolute;right:-2.5rem;top:9rem;width:1.3rem;height: 2.4rem;background:url(../images/next.png) no-repeat center;z-index: 100; background-size: 1.3rem 2.4rem;}

.news{ padding-top: 4.9rem;}
.new_con{margin: 0.7rem 3.1% 0;}
.new_con dl{padding:1.5rem 0;border-bottom:1px solid #dedede;}
.new_con dl:last-child{ border-bottom: 0;}
.new_con dt{float: right;width:42.2%;}
.new_con dt img{width: 100%;}
.new_con dd{float: left;width: 54.2%;}
.new_con dd>a{display: block;font-size: 1.2rem;color: #1a1a1a;line-height: 2rem;}
.new_con dd p{font-size: 1.1rem;color: #666666;line-height: 1.8rem;}
.news .more{display: block; width: 10rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.1rem; color: #104fa4;text-align: center; border:0.1rem solid #104fa4;margin:2.5rem auto 0;}


.abt{ margin-top: 6.6rem;}
.abt dt img{display: block;width: 100%;}
.abt dd{ height: 28.3rem;}
.abt dd h3 a{display: block;font-size:1.8rem ;color: #333333;line-height:1.8rem ;padding-top:3.2rem ;text-align: center;}
.abt dd p{ font-size:1.2rem ;color: #666666;line-height:2.1rem ;padding:0.8rem 1.9rem 0;text-align: center;}
.abt dd .more{display: block; width: 10rem; height: 3.5rem; line-height: 3.5rem; font-size: 1.1rem; color: #104fa4;text-align: center; border:0.1rem solid #104fa4;margin:3.5rem auto 0;}
/**/
/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {	font-size: 11.25px;}}
@media screen and (min-width:375px) {html {	font-size: 11.7px;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}