﻿@charset "utf-8";
/* CSS Document */

section.section {margin: 0 2%;font-size: 0.33rem;color: #666;position: relative;}
i , em {font-style: normal;}
.dbimg img {display: block;width: 100%;}
input , select {outline: none;}


h2.h2_title {padding-top: 0.5rem;text-align: center;margin-bottom: 0.4rem;padding-bottom: 0.2rem;background: url(../images/titline.png) no-repeat center bottom / 90%;font-size: 0.5rem;}
h2.h2_title a {color: #005faf;}


.search {padding: 0.4rem 0;}
.search .searchP {width: 85%;margin: 0 auto;overflow: hidden;}
.search .searchP input {float: left;width: 83%;height: 0.9rem;line-height: 0.9rem;border: none;text-indent: 0.5rem;color: #999;border: 1px solid #dddddd;box-sizing: border-box;border-right: none;border-radius: 54px 0 0 54px;}
.search .searchP span {float: right;width: 17%;height: 0.9rem;background: url(../images/search.png) no-repeat 0.3rem center / 40% , #005faf;border-radius:0 54px 54px 0;    font-size: 0px;}


/* banner */
.banner{ position: relative}
.banner img{ display: block; width: 100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{width: 100%;text-align: center;position: absolute;bottom: 0rem;left: 0;z-index:1;}
.focus .hd ul{ width: 100%; text-align: center; position: absolute; left:0; bottom: 0.5rem; }
.focus .hd ul li{display: inline-block;width: 0.8rem;height: 0.063rem;background: #2370af;margin: 0 1%;font-size:0;}
.focus .hd ul .on{background: #f0050e;}

.product {background: #f2f2f2;padding-bottom: 0.3rem;}
.product .proType {margin-bottom: 0.3rem;}
.product .proType li {float: left;width: 30%;margin: 0 1% 0.2rem 1%;text-align: center;height: 0.9rem;line-height: 0.9rem;background: #005faf;border-radius: 27px;}
.product .proType li a {display: block;height: 0.9rem; color: #fff;}
.product .proType li:nth-child(3n+1) {margin-left: 2.5%;}
.product .proType li.on {background: #e02b38;}
.product .proCon dl {float: left;width: 49%;margin-left: 2%;margin-bottom: 0.3rem;text-align: center}
.product .proCon dl:nth-child(2n+1) {margin-left: 0;}
.product .proCon dl dt {margin-bottom: 0.2rem;}
.product .proCon dl dd{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}



.xzjz {height: 10rem;background: url(../images/xzjzbg.jpg) no-repeat center / cover;}
.xzjz h2 {padding-top: 0.5rem;text-align: center;font-size: 0.5rem;color: #333;}
.xzjz h2 b {color: #005faf;}
.xzjz .p1 {height: 0.4rem;border-bottom: 1px solid #c5c6cb;line-height: 0.8rem;text-align: center;font-size: 0.35rem;color: #333;margin-bottom: 0.6rem;font-size: 0.35rem;}
.xzjz .p1 span {display: inline-block;padding: 0 0.3rem;background: #e8e9ee;}
.xzjz .p2 {text-align: center;line-height: 0.5rem;margin-bottom: 0.6rem;}
.xzjz .p3 img {display: block;width: 35%;margin: 0 auto;}


.hyal {padding-bottom: 0.5rem;}
.hyal h2 {padding-top: 0.5rem;margin-bottom: 0.4rem;text-align: center;font-size: 0.5rem;}
.hyal h2 a {color: #005faf;}
.hyal h2 em {display: block;width: 1rem;height: 1px;background: #005faf;margin: 0.25rem auto auto;}
.hyal .hyalCon {border-top: 1px solid #e5e5e5;}
.hyal .hyalCon li {float: left;width: 25%;text-align: center;border-bottom: 1px solid #e5e5e5;background: url(../images/jzicon01.png) no-repeat  center  85% / 25%;}
.hyal .hyalCon li a {display: block;height: 2rem;border-left: 1px solid #e5e5e5;padding-bottom:0.42rem;}
.hyal .hyalCon li:nth-child(4n+1) a {border-left: none;}
.hyal .hyalCon li em {display: block;padding-top: 0.4rem;height: 0.7rem;margin-bottom: 0.25rem;}
.hyal .hyalCon li img {display: block;height: 0.6rem;margin: 0 auto;}
.hyal .hyalCon li span {display: block;font-size: 0.36rem;color: #333;}

/* partner */
.partner{width: 100%;padding-bottom: 0.6rem;border-top: 0.2rem solid #fff;background: #eee;}
.partner h2 {font-weight: normal;}
.partner img{display: block;width: 100%;}
.partner .com-title h2 a{color: #000000;}
.partner .com-title p{color: #666666;}
.partner .mainCon{width: 9.44rem;margin: .417rem auto 0;}
.partner .mainCon li a{float: left;box-sizing: border-box;border: 1px solid #e9e9e9;width: 33%;border-left: 1px solid transparent;border-top: 1px solid transparent;}
.partner .mainCon li a:nth-child(3n+1){border-left: 1px solid #e9e9e9;}
.partner .mainCon li a:nth-child(1),.partner .mainCon li a:nth-child(2),.partner .mainCon li a:nth-child(3){border-top: 1px solid #e9e9e9;}

.partner .mainCon .btnList{width: 100%;text-align: center;margin-top: .667rem;}
.partner .mainCon .btnList span{display: inline-block;vertical-align: middle; margin: 0 1%;width: 0.15rem;height: 0.15rem;border-radius: 50%;border: 2px solid #353535;}
.partner .mainCon .btnList span.on{background: #005faf;border-color: #005faf;}

.advantage {background: #eee;padding-bottom: 0.4rem;}
.advantage h2 {padding-top: 0.5rem;margin-bottom: 0.1rem}
.advantage h2 span {display: block;width: 80%;margin: 0 auto;}
.advantage h2 img {display: block;width: 100%;}
.advantage .advp1 {height: 0.4rem;border-bottom: 1px solid #c5c6cb;line-height: 0.8rem;text-align: center;font-size: 0.35rem;color: #666;margin-bottom: 0.6rem;font-size: 0.35rem;}
.advantage .advp1 span {display: inline-block;padding: 0 0.3rem;background: #eee;}
.advantage .advbox {background: #fff;position: relative;margin-bottom: 0.3rem;}
.advantage .advbox .conImg {width: 48%;}
.advantage .advbox .conImg img {display: block;width: 100%;}
.advantage .advbox .conTit {width: 46%;margin:0 3%;}
.advantage .advbox .conTit .p1 {padding-top: 0.55rem;font-size: 0.45rem;color: #005faf;position: relative;padding-bottom: 0.15rem;border-bottom: 1px solid #cccccc;}
.advantage .advbox .conTit .p1 span {position: absolute;right: 0;top: 0;font-size: 0.3rem;color: #ccc;font-weight: bold;}
.advantage .advbox .conTit .p1 em {display: block;width: 1px;height: 0.5rem;background: #ccc;margin: 0 auto 0.15rem auto;}
.advantage .advbox .conTit .p2 {padding-top: 0.25rem;line-height: 0.45rem;}



.about {padding-bottom: 0.5rem;}
.about .Video {margin-bottom: 0.4rem;}
.about .Video img {display: block;width: 100%;}
.about dl {text-align: center;margin-bottom: 0.4rem;}
.about dl dt {margin-bottom: 0.35rem;font-size: 0.4rem;font-weight: bold;}
.about dl dt a {color: #005faf;}
.about dl dd {line-height: 0.5rem;}
.about .aboMore {text-align: center;}
.about .aboMore li {display: inline-block;vertical-align: middle;margin: 0 0.5rem;}
.about .aboMore li em {display: block;width: 1px;height: 0.35rem;background: #ccc;margin: 0 auto 0.2rem auto;}
.about .aboMore li i {display: block;height: 0.6rem;margin-bottom: 0.2rem;}
.about .aboMore li img {display: block;height: 100%;margin: 0 auto;}


/*news*/
.news{width: 100%;padding: .875rem 0 0;background: #f2f2f2;}
.news .mainCon{width:94%;margin: 0 auto;background: #fff;}
.news .menu{width:100%;}
.news .menu ul{display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: nowrap;}
.news .menu li{flex: 1;text-align: center;box-sizing: border-box;border-right: 1px solid #e7e7e7;font-size:0.42rem;color: #666666;height: 1.25rem;line-height: 1.25rem;position: relative;border-bottom: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;}
.news .menu li:first-child{border-left: 1px solid #e3e3e3;}
.news .menu li.on{color: #fff;background: #005faf;border-color: #005faf;}
.news img{display: block;width: 100%;}
.news .mainCon .box{padding: .438rem 3% 0;box-sizing: border-box;border: 1px solid #e3e3e3;border-top: none;padding-bottom: 0.5rem;}

/* .news .mainCon .conBox dl{padding-bottom: .313rem;} */
.news .mainCon .conBox dt{width: 43%;float: left;}
.news .mainCon .conBox dd{width: 53%;float: right;}
.news .mainCon .conBox dd h3{font-size: .375rem;color: #333333;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;padding-top: 0.1rem;font-weight: normal;}
.news .mainCon .conBox dd span{display: block;color: #c3c3c3;font-family: arial;margin-top: .4rem;font-style: italic;}
.news .mainCon .conBox dd span i{display: inline-block;width: .906rem;height: 1px;background: #c3c3c3;margin-right: 3%;position: relative;top: -0.1rem;}
.news .mainCon .conBox dd h3 a{color: #333333;}
.news .mainCon .conBox dd p{font-size: 0.26rem;color: #999999;line-height: .5rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top: .2rem;}
.news .mainCon .conBox dd p a{color: #999999;}
.news .mainCon .conBox ul{width: 100%;margin-top: .563rem;}
.news .mainCon .conBox ul li{overflow: hidden;margin-bottom: 0.3rem;}
.news .mainCon .conBox ul li a{display: block;font-size:.35rem;color: #666666;width: 68%;float: left;display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news .mainCon .conBox ul li span{display: block;float: right;width: 26%;text-align: right;font-size:.3rem;color: #c3c3c3;font-style: italic;margin-right: 1%;}



.news ul.newsMore {text-align:justify;margin:0.4rem 3% 0 3%;}
.news ul.newsMore:after {width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}
.news ul.newsMore li {display: inline-block;vertical-align: middle;height: 0.9rem;line-height: 0.9rem;padding: 0 0.85rem;border: 0px solid #e6e6e6;background: #fff;}
.news ul.newsMore li a {display: block;height: 0.9rem;}
