@charset "utf-8";
/* abouts */
.abouts{ width:100%; padding:4.2vw 0 0 0; background:url(../images/bg1.jpg) no-repeat center; background-size:cover;}
.tita{ width:100%; overflow:hidden; text-align:center; line-height:normal;}
.tita dt{ width:100%; overflow:hidden; color:#244aa4; font-weight:bolder;}
.tita dt a{ color:#244aa4;}
.tita dd{ width:100%; overflow:hidden; color:#787878; padding-top:12px;}
.about_bo{ width:100%; overflow:hidden; position:relative; padding-top:2vw;}
.about_l{ width:50%; overflow:hidden; float:left;}
.about_r{ width:35%; overflow:hidden; float:right; margin-right:10%; padding-top:1%;}
.about_r .about_top{ width:100%; overflow:hidden;}
.about_r .about_top p, .abouts .about_bo .about_r .about_top dt{ width:100%; overflow:hidden; color:#244aa4;}
.about_r .about_top dt{ padding-top:12px;}
.about_r .about_top dd{ line-height:2; padding-top:20px;}
.about_r .more{ width:100%; overflow:hidden; margin-top:4%;}
.about_r .more .ujarak{ width:33.33%; height:3vw; line-height:3vw; text-align:center; border:1px #244aa4 solid; display:block; color:#244aa4;}
.about_r .more .ujarak:hover { color: #fff; background:#244aa4;}
.about_sum{ width:90%; overflow:hidden; position:absolute; bottom:15%; right:0; background:url(../images/sum.png) repeat; padding:1vw 0;}
.about_sum dl{ float:left; border-right:1px #eeeeee solid;}
.about_sum dl:last-child{ border-right:none;}
.about_sum dl dt{ overflow:hidden; float:left; padding-top:2%;}
.about_sum dl dt span{ width:35px; height:30px; display:block; }
.about_sum dl dt i{ display:none;}
.about_sum dl dt p{ padding-top:10px;}
.about_sum dl dd{ width:auto; float:left;}
.about_sum dl dd span{ font-size:3vw; font-family:"Arial Black", Gadget, sans-serif; color:#244aa4; margin-right:5px; line-height:70px;}
.about_sum dl.ys1{ width:23%;}
.about_sum dl.ys1 dt{ width:25%; margin-left:12%;}
.about_sum dl.ys2{ width:24%;}
.about_sum dl.ys2 dt{ width:23%; margin-left:19%;}
.about_sum dl.ys3{ width:20%;}
.about_sum dl.ys3 dt{ width:30%; margin-left:22%;}
.about_sum dl.ys4{ width:19%;}
.about_sum dl.ys4 dt{ width:31%; margin-left:12%;}
.about_sum dl:hover{ color:#244aa4;}
.about_sum dl:hover dt span{ display:none;}
.about_sum dl:hover dt i{ width:35px; height:30px; display:block;}
@media screen and (max-width: 1501px) and (min-width:1300px) {
.about_r{ padding-top:0.5%;}
.about_sum{ bottom:5%;}
}
@media screen and (max-width: 1301px) and (min-width:1025px) {
.about_r{ width:37%; margin-right:8%; padding-top:0;}
.about_sum{ bottom:10px;}
.about_sum dl dt p.f18{ font-size:12px;}
}

@media screen and (max-width: 1024px) and (min-width: 0px) {
.about_bo{ position:inherit; padding-top:20px;}
.about_r{ width:40%; margin-right:5%; padding-top:0;}	
.about_r .more .ujarak{ height:40px; line-height:40px;}
.about_sum{ width:100%; position:inherit; bottom:0; right:0; background:url(../images/sum.png) repeat; padding:1vw 0; margin-top:10px;}	
.about_sum dl.ys1{ width:24.8%;}
.about_sum dl.ys1 dt{ width:30%; margin-left:15%;}
.about_sum dl.ys2{ width:24.8%;}
.about_sum dl.ys2 dt{ width:30%; margin-left:15%;}
.about_sum dl.ys3{ width:24.8%;}
.about_sum dl.ys3 dt{ width:30%; margin-left:15%;}
.about_sum dl.ys4{ width:24.8%;}
.about_sum dl.ys4 dt{ width:30%; margin-left:15%;}
}

@media screen and (max-width: 768px) and (min-width: 0px) {
.about_r{ width:45%; margin-right:2.5%; padding-top:0;}
.about_r .more{ margin-bottom:4%;}
.about_r .about_top dt{ padding-top:5px;}
.about_r .about_top dd{ line-height:1.8; padding-top:10px;}
}

@media screen and (max-width: 420px) and (min-width: 0px) {
.about_l{ width:90%; float:inherit; margin:10px auto 0 auto;}
.about_r{ width:90%; float:inherit; margin-right:0; padding-top:0; margin:0 auto;}
.about_sum dl{ padding:10px 0;}
.about_sum dl.ys1{ width:49.8%; border-bottom:1px #eeeeee solid;}
.about_sum dl.ys1 dt{ width:30%; margin-left:10%;}
.about_sum dl.ys2{ width:49.8%; border-right:none; border-bottom:1px #eeeeee solid;}
.about_sum dl.ys2 dt{ width:30%; margin-left:10%;}
.about_sum dl.ys3{ width:49.8%;}
.about_sum dl.ys3 dt{ width:30%; margin-left:10%;}
.about_sum dl.ys4{ width:49.8%;}
.about_sum dl.ys4 dt{ width:30%; margin-left:10%;}
.about_sum dl dd span{ font-size:30px; line-height:70px;}
}

@media screen and (max-width: 320px) and (min-width: 0px) {
.about_sum dl.ys1 dt{ width:45%; margin-left:30%;}
.about_sum dl.ys2 dt{ width:45%; margin-left:30%;}
.about_sum dl.ys3 dt{ width:45%; margin-left:30%;}
.about_sum dl.ys4 dt{ width:45%; margin-left:30%;}
.about_sum dl dd{ width:100%; float:inherit; text-align:center;}
.about_sum dl dd span{ line-height:40px;}
}

/**cpzs**/
.cpzs{ width:100%; overflow:hidden; padding:4.2vw 0 0 0; background:#FFF;}
.slideTxtBox{ width:100%; overflow:hidden; margin-top:25px;}
.slideTxtBox .hd{ width:100%; height:4.7vw; border:1px #e5e5e5 solid;}
.slideTxtBox .hd ul li{ width:33%; float:left; cursor:pointer; background:url(../images/la.jpg) repeat-y right;}
.slideTxtBox .hd ul li .cplb_img{ width:11%; height:4.7vw; display:block; float:left; position:relative; margin-left:26%;}
.slideTxtBox .hd ul li .cplb_img span{ width:100%; height:4.7vw; display:block; background-repeat:no-repeat; background-position-x:center; background-position-y:center; background-size:contain; position:absolute;}
.slideTxtBox .hd ul li .cplb_img i{ display:none;}
.slideTxtBox .hd ul li .cplb_txt{ width:auto; overflow:hidden; float:left; line-height:4.7vw; margin-left:2%;}
.slideTxtBox .hd ul li.on{ background:#244aa4; border:1px solid #244aa4;}
.slideTxtBox .hd ul li.on span{ display:none;}
.slideTxtBox .hd ul li.on i{ width:100%; height:4.7vw; display:block; background-repeat:no-repeat; background-position-x:center; background-position-y:center; background-size:contain; position:absolute;}
.slideTxtBox .hd ul li.on .cplb_txt{ color:#FFF;}
.slideTxtBox .bd ul{ width:100%; padding:4.6vw 0; zoom:1; overflow:hidden; }
.slideTxtBox .bd ul .mainc{ position:relative;}
.slideTxtBox .bd ul .cp_txt{ width:100%; overflow:hidden; line-height:normal;}
.slideTxtBox .bd ul .cp_txt dt{ width:100%; overflow:hidden; background:url(../images/lb.jpg) no-repeat left center; padding-left:20px;}
.slideTxtBox .bd ul .cp_txt dt span{ color:#244aa4; font-weight:bolder; margin-right:5px;}
.slideTxtBox .bd ul .cp_txt dt i{ font-style:normal; text-transform:uppercase;}
.slideTxtBox .bd ul .cp_txt dd{ width:100%; overflow:hidden; padding-top:20px; line-height:2;}
.slideTxtBox .bd ul .cp_img{ width:75%; overflow:hidden; margin:0 auto; padding-top:2.5vw;}



@media screen and (max-width: 1024px) and (min-width: 0px) {
.slideTxtBox .hd{ height:50px;}
.slideTxtBox .hd ul li .cplb_img{ height:50px;}
.slideTxtBox .hd ul li .cplb_img span{ height:50px;}
.slideTxtBox .hd ul li .cplb_txt{ line-height:50px;}
.slideTxtBox .hd ul li.on i{ height:50px;}
.slideTxtBox .bd ul .cp_txt dd{ padding-top:15px; line-height:1.8;}
.slideTxtBox .bd ul .cp_img{ width:90%; padding-top:25px;}
}

@media screen and (max-width: 768px) and (min-width: 0px) {
.slideTxtBox .hd ul li.on .cplb_txt{ color:#FFF;}
.slideTxtBox .bd ul{ width:100%; padding:20px 0 ; zoom:1; overflow:hidden; }
.slideTxtBox .hd ul li .cplb_img{ margin-left:20%;}
.slideTxtBox .bd ul .cp_txt dd{ padding-top:10px; line-height:1.6;}
}
@media screen and (max-width: 420px) and (min-width: 0px) {
.slideTxtBox .hd{ height:inherit; overflow:hidden;}
.slideTxtBox .hd ul li{  padding:10px 0;}
.slideTxtBox .hd ul li .cplb_img{ width:20%; height:30px; float:inherit; margin-left:40%;}
.slideTxtBox .hd ul li .cplb_img span{ height:30px;}
.slideTxtBox .hd ul li .cplb_txt{ width:100%; float:inherit; line-height:normal; margin-left:inherit; padding-top:6px; text-align:center;}
.slideTxtBox .hd ul li.on i{ height:30px;}


}

/*news*/
.news{ width:100%; overflow:hidden; padding:4.2vw 0; background:#fff;}
.news .new_bo{ width:99%; overflow:hidden; border:1px #e5e5e5 solid; margin:0 auto;}
.news .new_bo #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.news .new_bo #owl-demo .item { display: block; overflow:hidden; padding:25px 0; background:url(../images/la.jpg) repeat-y right center;}
.news .new_bo #owl-demo .item .newa{ width:90%; overflow:hidden; margin:0 auto;}
.news .new_bo #owl-demo .item .newa .time{ width:100%; overflow:hidden; height:2vw;}
.news .new_bo #owl-demo .item .newa .time span{ width:auto; font-size:1.8vw; height:2vw; line-height:2vw; font-weight:bolder; display:block; float:left;}
.news .new_bo #owl-demo .item .newa .time ol{ width:auto; display:block; float:left; height:2vw; line-height:2vw; margin-left:5px;}
.news .new_bo #owl-demo .item .newa .time a{ display:block; float:right;}
.news .new_bo #owl-demo .item .newa .time em{ width:1.8vw; height:1.8vw; line-height:1.8vw; text-align:center; display:block; border:1px #ececec solid; display:block; border-radius: 50%； -moz-border-radius: 50%; -webkit-border-radius: 50%; color:#244aa4;}
.news .new_bo #owl-demo .item .newa i{ width:35px; height:3px; display:block; background:#244aa4; -m oz-transition: .3s ease-in;-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; margin-top:25px;}
.news .new_bo #owl-demo .item .newa .tin{ width:100%; overflow:hidden; display:block; margin-top:30px;}
.news .new_bo #owl-demo .item .newa p{ width:100%; overflow:hidden; line-height:1.8; padding-top:12px;}
.news .new_bo #owl-demo .item:hover .time em{ background:#244aa4; color:#FFF; border:1px #244aa4 solid;}
.news .new_bo #owl-demo .item:hover i{ width:100%;}
.news .new_bo #owl-demo .item:hover .newa .tin{ color:#244aa4;}
.news .new_bo .owl-pagination{ display:none;}
.news .new_img{ width:100%; overflow:hidden; }
.news .new_img #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.news .new_img #owl-demo .item { width:99%; display: block; border:1px #e5e5e5 solid;overflow:hidden; position:relative; margin:0 auto; }
.news .new_img #owl-demo .item .netxt{ width:48%; overflow:hidden; float:left; padding:2vw 0;}
.news .new_img #owl-demo .item .netxt .newa{ width:90%; overflow:hidden; margin:0 auto;}
.news .new_img #owl-demo .item .netxt .newa .time{ width:100%; overflow:hidden; height:2vw;}
.news .new_img #owl-demo .item .netxt .newa .time span{ width:auto; font-size:1.8vw; height:2vw; line-height:2vw; font-weight:bolder; display:block; float:left;}
.news .new_img #owl-demo .item .netxt .newa .time ol{ width:auto; display:block; float:left; height:2vw; line-height:2vw; margin-left:5px;}
.news .new_img #owl-demo .item .netxt .newa .time a{ display:block; float:right;}
.news .new_img #owl-demo .item .netxt .newa .time em{ width:1.8vw; height:1.8vw; line-height:1.8vw; text-align:center; display:block; border:1px #ececec solid; display:block; border-radius: 50%； -moz-border-radius: 50%; -webkit-border-radius: 50%; color:#244aa4;}
.news .new_img #owl-demo .item .netxt .newa i{ width:35px; height:3px; display:block; background:#244aa4; -m oz-transition: .3s ease-in;-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; margin-top:25px;}
.news .new_img #owl-demo .item .netxt .newa .tin{ width:100%; overflow:hidden; display:block; margin-top:30px;}
.news .new_img #owl-demo .item .netxt .newa p{ width:100%; overflow:hidden; line-height:1.8; padding-top:12px;}
.news .new_img #owl-demo .item .nemg{ width:51.8%; overflow:hidden; float:right;}
.news .new_img #owl-demo .item:hover{ border:1px #244aa4 solid;}
.news .new_img #owl-demo .item:hover .newa .time em{ background:#244aa4; color:#FFF; border:1px #244aa4 solid;}
.news .new_img #owl-demo .item:hover .newa i{ width:100%;}
.news .new_img #owl-demo .item:hover .newa .tin{ color:#244aa4;}
.news .new_img .owl-pagination { width:60px; height: 10px; position:absolute; bottom:45px; left:39%; z-index:100; }
.news .new_img .owl-page { display:block; width: 10px; height: 10px; margin: 0 0 0 10px; background: #898989; *display: inline; *zoom: 1; border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height:-999; float:left;}
.news .new_img .owl-pagination .active { background: #244aa4; }
.news .new_img .owl-buttons{ display:none;} 

@media screen and (max-width: 1024px) and (min-width: 0px) {
.news .new_bo #owl-demo .item .newa .time, .news .new_img #owl-demo .item .netxt .newa .time{ height:40px;}
.news .new_bo #owl-demo .item .newa .time span, .news .new_img #owl-demo .item .netxt .newa .time span{ font-size:30px; height:40px; line-height:40px;}
.news .new_bo #owl-demo .item .newa .time ol, .news .new_img #owl-demo .item .netxt .newa .time ol{ height:40px; line-height:40px;}
.news .new_bo #owl-demo .item .newa .time em, .news .new_img #owl-demo .item .netxt .newa .time em{ width:38px; height:38px; line-height:38px;}
.news .new_img #owl-demo{ margin-bottom:20px;}
.news .new_img .owl-pagination{ left:inherit; right:0; bottom:0;}
}

@media screen and (max-width: 768px) and (min-width: 0px) {
.news .new_bo #owl-demo{ margin-bottom:20px;}
.news .new_bo #owl-demo .item{ background:none;}
.news .new_bo .owl-pagination { width:60px; height: 10px; display:block; margin:10px auto 0 auto; }
.news .new_bo .owl-page { display:block; width: 10px; height: 10px; margin: 0 0 0 10px; background: #898989; *display: inline; *zoom: 1; border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height:-999; float:left;}
.news .new_bo .owl-pagination .active { background: #244aa4; }
.news .new_bo .owl-buttons{ display:none;}
.news .new_img #owl-demo{ padding-bottom:20px;}
.news .new_img #owl-demo .item .netxt{ width:100%; overflow:hidden; float:inherit; padding:20px 0;}
.news .new_img #owl-demo .item .nemg{ width:100%; float:inherit;}
.news .new_img .owl-pagination{ width:100%; left:inherit; right:0; bottom:inherit; margin:10px auto 0 auto; text-align:center;}
.news .new_img .owl-page{ display:inline-block; float:inherit;}
}

/*联系我们*/
.lxwm{ width:100%; overflow:hidden; padding:4.2vw 0; background:url(../images/bg2.jpg) no-repeat center; background-size:cover;}
.lxwm .tita dt a{ color:#FFF;}
.lxwm .tita dd{ color:#e7e7e8;}
.lxwm .lxwm_dz{ width:80%; overflow:hidden; margin:30px auto 0 auto; background:url(../images/sum.png) repeat;}
.lxwm .lxwm_dz dt{ width:100%; overflow:hidden; padding:2vw 0;}
.lxwm .lxwm_dz dt .lxnr{ width:98%; overflow:hidden; margin:0 auto;}
.lxwm .lxwm_dz dt .lxnr p{ width:25%; float:left; text-align:center;}
.lxwm .lxwm_dz dt .lxnr p i{ font-size:1vw; margin-right:10px;}
.lxwm .lxwm_dz .mapr{ display:none;}
@media screen and (max-width: 1700px) and (min-width:0) {
.lxwm .lxwm_dz{ width:90%;}

}

@media screen and (max-width: 768px) and (min-width: 0px) {
.lxwm .lxwm_dz dt .lxnr{ width:86%;}
.lxwm .lxwm_dz dt .lxnr p{ width:50%; margin-bottom:10px; text-align:left;}
.lxwm .lxwm_dz dd{ display:none;}
.lxwm .lxwm_dz .mapr{ width:100%; overflow:hidden; display:block;}
}

@media screen and (max-width: 420px) and (min-width: 0px) {
.lxwm .lxwm_dz dt .lxnr p{ width:100%; float:inherit;}
}