@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";}
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%;}

/*标题通用样式*/
.title{text-align: center;}
.title span{display: block;font-family: "MStiffHeiPRC","Microsoft Yahei";font-size: 1.9rem;color: #282828;height: 2.4rem;line-height: 2.4rem;}
.title span i{color: #0155ab;font-weight: bold;}
.title em{display: block;font-family: "思源黑体 CN","Microsoft YaHei";font-size: 1.2rem;color: #000;height: 1.7rem;line-height: 1.7rem;margin: 0.25rem 0 0.75rem;text-transform: uppercase;}
.title em i{color: #0155ab;font-weight: bold;}
.title b{display: block;width: 65px;height: 2px;background-color: #333;margin: 0 auto;}

/*vdo*/
.vdo{width: 94%;margin: 0 auto;padding: 2.8rem 0 2.5rem;}
.vdo .title b{margin-top: 0.5rem;}
.vdo dl{padding-top: 1.1rem;}
/*.vdo dt{height: 16.5rem;}*/
/*.vdo dt img{height: 16.5rem;}*/
.vdo dd{padding-top: 1.6rem;font-size: 1rem;line-height: 1.5rem;color: #444444;}

/*fwu*/
.fwu{padding-top: 2.8rem;}
.fwu-box{padding-top: 2rem;}
.fwu-box dl::before{content: "";display: block;width: 94%;margin: 0 auto;height: 0px;border-top: 0.2rem dotted #0155ab;}
.ddl01{height: 25.25rem;background: url("../images/fw_bg1.png") no-repeat center top;background-size: 100% 25.25rem;}
.ddl02{height: 28.4rem;background: url("../images/fw_bg2.jpg") no-repeat center top;background-size: 100% 28.4rem;}
.ddl03{height: 27rem;background: url("../images/fw_bg3.jpg") no-repeat center 0.4rem;background-size: 100% 26.55rem;}
.fwu-box dt{position: relative;}
.ddl01 dt{padding-top: 1.6rem;}
.ddl01 dt img.dimg1{height: 12.1rem;}
.ddl02 dt{padding-top: 2.1rem;}
.ddl02 dt img.dimg2{height: 13.25rem;}
.ddl03 dt{padding-top: 2.3rem;}
.ddl03 dt img.dimg3{height: 10.5rem;}
.ddl01 dt em{float: right;margin-right: 3%;width: 76%;}
.ddl02 dt em{float: left;margin-left: 3%;width: 82.8%;}
.ddl03 dt em{float: right;margin-right: 3%;width: 65.625%;position: relative;}
.ddl03 dt em::before{position: absolute;content: "";width: 1.75rem;height: 1.75rem;background: url("../images/fwud2.jpg") no-repeat center top;background-size: 1.75rem 1.75rem;left: -1.75rem;top: 4.6rem;z-index: 1;}
.fwu-box dt i{position: absolute;width: 36.875%;}
.fwu-box dt i.dti01{left: 3%;bottom: -1.2rem;}
.fwu-box dt i.dti02{right: 3%;bottom: -2.6rem;}
.fwu-box dt i.dti03{width: 28.5%;left: 3%;bottom: -1rem;}
.fwu-box dd{width: 94%;margin: 0 auto;}
.ddl01 dd{padding-top: 2.5rem;}
.ddl02 dd,.ddl03 dd{padding-top: 3.6rem;}
.fwu-box dd a{display: block;font-weight: bold;font-size: 1.6rem;height: 2.2rem;line-height: 2.2rem;color: #0155ab;}
.fwu-box dd p{font-size: 0.9rem;line-height: 1.5rem;color: #666;padding-top: 0.8rem;}

/*anl*/
.anl{padding: 5.25rem 0 1rem;background: url("../images/anl_bg.jpg") no-repeat center top;background-size: 100% 3.1rem;}
.anl-top{width: 94%;margin: 1.5rem auto 0;position: relative;}
.anl-more{position: absolute;width: 33.33%;right: 0;bottom: 0.5rem;height: 5.6rem;}
.anl-tab li{float: left;width: 33.33%;height: 5.6rem;margin-bottom: 0.5rem;}
.anl-tab li em,.anl-more em{display: block;padding-top: 2.5rem;line-height: 2rem;font-size: 1.1rem;color: #282828;text-align: center;background-repeat: no-repeat;background-position: center 0.9rem;background-size: 1.5rem 1.35rem;}
.anl-tab li em.lem01{background-image: url("../images/anla1.png");}
.anl-tab li em.lem02{background-image: url("../images/anla2.png");}
.anl-tab li em.lem03{background-image: url("../images/anla3.png");}
.anl-tab li em.lem04{background-image: url("../images/anla4.png");}
.anl-tab li em.lem05{background-image: url("../images/anla5.png");}
.anl-more em{background-image: url("../images/anla6.png");}
.anl-tab li.cur{background: url("../images/anlc1.png") no-repeat center top;background-size: 100% 5.6rem;}
.anl-tab li.cur em{font-weight: bold;color: #fff;}
.anl-tab li.cur em.lem01{background-image: url("../images/anla01.png");}
.anl-tab li.cur em.lem02{background-image: url("../images/anla02.png");}
.anl-tab li.cur em.lem03{background-image: url("../images/anla03.png");}
.anl-tab li.cur em.lem04{background-image: url("../images/anla04.png");}
.anl-tab li.cur em.lem05{background-image: url("../images/anla05.png");}
.anl-dx{width: 94%;margin: 0 auto;padding-top: 1.2rem;}
.anl-dx dd{background-color: #e7e7e7;padding: 1.6rem 4% 1.7rem;}
.anl-dx dd h2{font-weight: bold;font-size: 1.2rem;line-height: 1.7rem;color: #282828;}
.anl-dx dd p{font-size: 1rem;color: #282828;margin: 0.5rem 0 1rem;line-height: 1.5rem;}
.anl-det a{display: block;width: 21%;padding-left: 5%;margin: 0 auto;height: 1.9rem;line-height: 1.9rem;border: 2px solid #0155ab;font-size: 1rem;color: #0155ab;background: url("../images/anlv.png") no-repeat 89% center;background-size: 0.35rem 0.6rem;}

/*show*/
.show{padding: 1.6rem 0 1.7rem;width: 100%;margin: 0 auto;}
.show-list{margin: 1.5rem 0;border-left: 1px dotted #ccc;border-top: 1px dotted #ccc;}
.show-list li{float: left;width: 33.33%;box-sizing: border-box;border-right: 1px dotted #ccc;border-bottom: 1px dotted #ccc;}
.show-list li a{display: block;height: 2.6rem;line-height: 2.6rem;font-size: 1.1rem;color: #303440;text-align: center;}
.show-pic{padding-bottom: 1.1rem;}
.show-pic li{float: left;box-sizing: border-box;width: 49%;border: 2px solid #d4d4d4;margin-bottom: 1rem;position: relative;}
.show-pic li:nth-child(2n){margin-left: 2%;}
.show-pic li em{position: absolute;width: 100%;height: 1.8rem;font-size: 0.9rem;line-height: 1.8rem;text-align: center;color: #fff;background-color: rgba(0,0,0,0.8);left: 0;bottom: 0;z-index: 2;}
.show-more a{display: block;width: 29%;margin: 0 auto;height: 1.9rem;line-height: 1.9rem;font-size: 1rem;text-align: center;color: #fff;background-color: #08c3c9;border-radius: 10rem;}

/*adv*/
.adv{padding: 2.9rem 0 0;background: url("../images/adv_bg.jpg") no-repeat center top;background-size: 100% 19.5rem;}
.adv .title span,.adv .title em{color: #fff;}
.adv .title b{background-color: #fff;}
.adv-box{padding: 1.75rem 0 1.5rem;width: 94%;margin: 0 auto;position: relative;}
.adv-box dd{padding: 2.1rem 2% 2.5rem 12%;background: url("../images/advc.jpg") no-repeat center top;background-size: 100% 100%;}
.adv-box dd h2{position: relative;}
.adv-box dd h2 span{display: block;font-size: 1.5rem;color: #000;line-height: 2rem;}
.adv-box dd h2 i{font-weight: bold;color: #0155ab;}
.adv-box dd h2 em{display: block;font-size: 0.8rem;color: #494949;line-height: 1.5rem;text-transform: uppercase;}
.adv-box dd h2 b{position: absolute;width: 2.8rem;height: 4rem;line-height: 4rem;font-family: "SimHei";font-weight: bold;font-size: 2.6rem;color: #0155ab;left: -3.1rem;top: -0.5rem;}
.adv-box dd p{font-size: 1.2rem;line-height: 1.8rem;color: #666;margin-top: 1rem;position: relative;}
.adv-box dd p i{color: #0155ab;}
.adv-box dd p::before{position: absolute;content: "";width: 0.75rem;height: 0.75rem;background: url("../images/adva.png") no-repeat center top;background-size: 0.75rem 0.75rem;left: -1.4rem;top: 0.5rem;}
.adv-button-prev,.adv-button-next{position: absolute;width: 18.5%;height: 2.5rem;bottom: 0;z-index: 1;}
.adv-button-prev{background: url("../images/adv_bt1.png") no-repeat center top;background-size: 100% 2.5rem;left: 31.5%;}
.adv-button-next{background: url("../images/adv_bt2.png") no-repeat center top;background-size: 100% 2.5rem;right: 31.5%;}

/*new*/
.new{width: 94%;margin: 0 auto;padding: 2.1rem 0 2rem;}
.new-top{position: relative;padding-top: 0.9rem;}
.new-tab{border-bottom: 1px solid #c6c6c6;}
.new-tab li{float: left;width: 24%;height: 3.4rem;line-height: 3.4rem;font-size: 1.3rem;color: #333;text-align: center;position: relative;border-bottom: 3px solid transparent;margin-bottom: -2px;}
.new-tab li::after{position: absolute;content: "";width: 2px;height: 1.3rem;background-color: #333;right: 0;top: 1.1rem;transform: rotate(30deg);}
.new-tab li:last-child::after{display: none;}
.new-tab li.cur{border-bottom: 3px solid #05489f;}
.new-top p{position: absolute;width: 20%;height: 3.4rem;right: 0;bottom: 1px;z-index: 10;}
.new-top p a.new-more{display: block;line-height: 3.4rem;font-family: "Arial";font-size: 0.9rem;color: #05489f;text-align: center;}
.new-box{margin-top: 1.2rem;}
.new-box p{padding-top: 1rem;}
.new-box p span{display: block;font-size: 1.1rem;height: 1.7rem;color: #262626;}
.new-box p em{display: block;font-size: 1rem;line-height: 1.5rem;color: #969696;margin-top: 0.5rem;}

/*abo*/
.abo{padding: 2.5rem 0 0;background-color: #f1f2f2;}
.abo-top{width: 94%;margin: 0 auto;}
.abo-top h2{border: 2px solid #abb4c0;border-bottom: 0;float: left;width: 23%;font-weight: bold;font-size: 1.5rem;color: #000;height: 4.2rem;line-height: 4.2rem;text-align: center;padding: 0 5% 0.5rem;background: url("../images/aboa1.png") no-repeat center 90%;background-size: 1.5rem 0.3rem;}
.abo-top p{float: right;width: 60%;padding-top: 1rem;}
.abo-top p span{display: block;font-weight: bold;font-size: 1.2rem;line-height: 1.9rem;color: #0155ab;}
.abo-top p em{font-family: "Tahoma";font-weight: bold;font-size: 0.7rem;color: #231815;line-height: 1.2rem;}
.abo dd{padding: 1.8rem 3% 2.2rem;font-size: 0.9rem;line-height: 1.5rem;color: #666;}
.abo dd a{color: #014eb6;}


/*自适配*/
@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;}}