@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{text-align: center;font-size: 0;line-height: 0;}
.tit span b{display: inline-block;width: 1.5rem;height: 0.3rem;color: #43a8ed;content: "";background: #43a8ed;
    margin: 0 1rem;vertical-align: middle;}
.tit span{display:block;font-size: 1.8rem;color: #333333;line-height: 1.8rem;font-weight: bold;}
.tit i{display: block;font-size: 1.2rem;color: #666666;line-height: 1.2rem;text-transform: uppercase;font-family: "Arial";padding-top: 0.9rem;}

.dlj_yz{background:url(../images/dlj_yzbg.jpg) no-repeat center;background-size: 100% 40rem;height: 40rem;}
.dlj_yz dl{ margin: 0 3.1% 0 8.6%;padding-top: 9.2rem;}
.dlj_yz dt,.yz dt img{ display: block;width: 100%;}
.dlj_yz dd h3{ display: block;font-size:1.8rem ;line-height:4.5rem;color: #333333;font-weight: bold;}
.dlj_yz dd p{ font-size: 1rem;line-height:1.5rem ;color: #666666;margin-right: 2.2rem;letter-spacing: 1px;}

.dlj_cj{ padding-top: 2.5rem;}
.dlj_cj ul{ margin:1.5rem 3.1% 0;}
.dlj_cj ul li{ float: left;width:48.3%;margin-bottom: 2rem;padding-bottom: 0.7rem;border-bottom: 1px solid #c8c8c8;}
.dlj_cj ul li:nth-child(2n){ float: right;}
.dlj_cj ul li img{ display: block;width: 100%;}
.dlj_cj ul li span{ display: block;height: 3.5rem;line-height: 3.5rem;box-shadow: 0 0 0.5rem rgba(0,0,0,0.19);}
.dlj_cj ul li span em{ float: left;font-size: 1rem;line-height: 3.5rem;color: #333333;margin-left: 1.4rem;}
.dlj_cj ul li span img{ display: block;float: right;width: 0.7rem;height: 0.7rem;margin-top: 1.6rem;margin-right: 0.9rem;}
.dlj_cj ul li:hover{ border-bottom: 1px solid #43a8ed;}


.dlj_pp{background:url(../images/dlj_ppbg.jpg) no-repeat center;background-size: 100% 20.5rem;height: 19rem;padding-top: 1.5rem;margin-top: 1.5rem;}
.dlj_pp ul{ margin:1.8rem 1.5% 0;}
.dlj_pp ul li{ float: left;width: 33.3%;border-right: 1px solid #eaeaea;height: 5rem;box-sizing: border-box;margin-bottom: 0.5rem;}
.dlj_pp ul li img{ width: 100%;}
.dlj_pp ul li:nth-child(3n){ border-right: 0;}

.dlj_cp{ margin-top: 5rem;}
.dlj_cpcon{ margin: 4rem 3.1% 0;}
.dlj_cpcon dl{ width: 100%;height:22.4rem ;margin-bottom: 2rem;}
.dlj_cpcon dd{ height: 3rem;line-height: 3rem;}
.dlj_cpcon dd h3 a{display: block;float: left;font-size: 1.1rem;color: #ffffff;padding-left: 1rem;font-weight: bold;}
.dlj_cpcon dl:nth-child(1) dd h3 a{ width: 9.7rem;}
.dlj_cpcon dl:nth-child(2) dd h3 a{ width: 11.5rem;}
.dlj_cpcon dl:nth-child(3) dd h3 a{ width: 15.2rem;}
.dlj_cpcon dl:nth-child(4) dd h3 a{ width: 8.3rem;}
.dlj_cpcon dd div{ float: left;margin-left: 0.9rem;}
.dlj_cpcon dl:nth-child(3) dd div{ margin-left:0 ;}
.dlj_cpcon dd div span{ float: left;padding-left: 0.9rem;font-size: 1rem;line-height: 3rem;background:url(../images/lj_cpic1.png) no-repeat left;margin-right: 0.9rem;background-size: 0.35rem 0.35rem;color: #333333;}
.dlj_cpcon dd div h4 a{ color: #333333;}
.dlj_cpcon dd em{ float: right;margin-right: 0.5rem;margin-top: 1rem;width: 1.2rem;height: 1.2rem;display: block;}
.dlj_cpcon dd em img{display: block;width: 1.2rem;height: 1.2rem;}
.dlj_cpcon dl:nth-child(1) dd{ background:url(../images/lj_cpdd1.jpg) no-repeat center; background-size: 100% 3rem;}
.dlj_cpcon dl:nth-child(2) dd{ background:url(../images/lj_cpdd2.jpg) no-repeat center; background-size: 100% 3rem;}
.dlj_cpcon dl:nth-child(3) dd{ background:url(../images/lj_cpdd3.jpg) no-repeat center; background-size: 100% 3rem;}
.dlj_cpcon dl:nth-child(4) dd{ background:url(../images/lj_cpdd4.jpg) no-repeat center; background-size: 100% 3rem;}

.dlj_al{padding-top: 5rem;background:url(../images/dlj_albg.jpg) no-repeat 0 -2rem;background-size: 100% 34rem;height: 29rem;}
.lj_alcon{ margin: 2rem 3.1% 0;}
.lj_alcon dl{width:64.16%;position: relative; }
.lj_alcon dt img{width: 100%;display: block;padding: 0.5rem;border:1px solid #d0d0d0; background: #fff; }
.lj_alcon dl dd{text-align: center;line-height: 1rem;padding-top:0.9rem;font-size: 1rem;color: #101010;margin-top: 2.5rem;display:none;    width: 156%;
    margin-left: -28%;height: 6rem;background:#e6e6e6 ;border-radius: 0.3rem;}
    .lj_alcon dd h3{float: left;width: 44%;display: block; }
.lj_alcon dd h3 a{display: block;text-align: center;font-size: 1rem;line-height: 6rem;color: #333333;font-weight: bold;}
.lj_alcon  dd p{ font-size:1rem ;color: #333333;line-height: 1.5rem;display: block;text-align: left;width:50%;padding:0.7rem 3% 0;float:left;}

.lj_alcon dl.swiper-slide-active dd{display: block;}



@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;}}