@charset "utf-8";
body{color:#333;font-size:0.14rem;background: #fff url(../images/headbg.jpg) no-repeat center 0; background-size:100% auto;}
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input,button{margin:0;padding:0;list-style:none;font-family: "Microsoft Yahei";}
a{color:#666; text-decoration:none;transition: all 0.6s ease 0s;}
a:focus{outline:0;}
a:hover{color: #cc0000;text-decoration: none;}
img{border:none;display:block;}
p{word-spacing:0;}
i,em{font-style:normal;}
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"] {-webkit-appearance: none;outline: 0;}
textarea{-webkit-appearance: none;outline: 0;}
table {border-collapse: collapse;table-layout: fixed; width:100%;}
tr{border:0.01rem solid #ccc; padding:0.05rem;}
th{border:0.01rem solid #ccc; padding:0.05rem;}
td{border:0.01rem solid #ccc; padding:0.05rem;}
.fl { float:left;}
.fr { float:right;}
/* ---------------手机端----------------------------  */
@media screen and (max-width:767px) {
html{font-size: calc(100vw/3.75);}
body{width: 100%;background:#fff url(../images/mbg.png) no-repeat center 0; background-size: 100% auto;}
.header{display:none;}
#category{display:none;}
.mainBody_01{display:none;}
.mainBody_06{display:none;}
.mainBody_055{display:none;}
.avideo1{display:none;}
.side{display:none;}

.mainBody{width:94%; overflow:hidden; margin:0.10rem 3%; background:#fff; border-radius:0.12rem;box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(22,23,47,.2);}
.contents{width:100%;}

.navs{height:0.50rem;z-index:10;width:100%;background: url(../images/logos.png) no-repeat center 0.10rem; background-size: auto 55%;}
.navs i{width: 20%; float: right; padding-top:0.08rem;}
.navs i a{height:0.16rem;font-size:0.12rem;color: #fff;padding: 0 0.05rem 0 0.25rem;display:block; overflow: hidden; margin-bottom:0.03rem;}
.navs i .a1{background: url(../images/zh.jpg) no-repeat 0 0;}
.navs i .a2{background: url(../images/ew.jpg) no-repeat 0 0;}

.msearch{width:94%;height:0.32rem;overflow: hidden;position: relative; background:rgba(255,255,255,0.3); border-radius:0.50rem;margin:0 3% 0.10rem 3%;}
.msearch .ipt1{width:calc(100% - 0.40rem);height:0.32rem;font-size:0.14rem;color: #ccc; border: 0; background: none;text-indent:0.10rem;line-height:0.32rem; float: left;}
.msearch .ipt2{width:0.40rem;height:0.32rem;border: 0;display: block;font-size:0.15rem; color: #fff; cursor:pointer;float: left;background: url(../images/search.png) no-repeat 0.15rem center; background-size: auto 60%;}

#navBtn{width:0.50rem;position:relative;cursor:pointer;height:0.30rem;margin-top:0.13rem; float:left;}
#navBtn span{display:block;width:0.30rem;height:0.02rem;position:absolute;left:0.10rem;background:#fff;transition:all ease 0.35s}
#navBtn span:nth-of-type(1){top:0;}
#navBtn span:nth-of-type(2){top:0.10rem;}
#navBtn span:nth-of-type(3){top:0.20rem;}
#navBtn.active span:nth-of-type(1){top:0.10rem;transform:rotate(45deg)}
#navBtn.active span:nth-of-type(2){width:0}
#navBtn.active span:nth-of-type(3){top:0.10rem;transform:rotate(-45deg)}

#nav{margin:0;position:fixed;left:0;top:0.50rem;height:100%;width:100%;z-index:9;background:#fff;display:none;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#nav ul{padding:2% 4%;text-align:left;}
#nav li{font-size:0.16rem;display:block;line-height:0.4rem;border-bottom:0.01rem solid rgba(133,153,171,0.2);transform:translateX(10%);opacity:0;transition:all .5s;}
#nav li.show{transform:translateX(0%);opacity:1;}
#nav li a{width:80%;height:100%;color:#000; display:inline-block;}
#nav li ul{padding:0;display:none;min-width:0;position:static;left:auto;top:auto;background-color:transparent;box-shadow:none;visibility:visible;opacity:1;transform:none;transition:none;}
#nav li li{font-size:0.16rem;line-height:0.40rem;border-bottom:none;border-top:0.01rem solid rgba(133,153,171,0.2);}
#nav li a li{padding:0.05rem 0 0.05rem 0.01rem;color:#555;}
#nav li rem{width:0.40rem;height:0.40rem;position:absolute;right:0;top:0;z-index:2;}
#nav li rem:after{content:'';display:block;width:0.07rem;height:0.07rem;border-right:0.01rem solid #18191b;border-bottom:0.01rem solid #18191b;position:absolute;left:50%;top:50%;transform:rotate(45deg);margin:-0.06rem 0 0 -0.04rem;transition:all .3s;}

.titles{width:100%;}
.titles h2{font-size:0.16rem;padding: 0 0.70rem;}
.titles em {padding-top: 0.10rem;}

/* ---------------liuyan-------------------------------  */
.liuyan{width:100%;overflow:hidden; padding-top:0.20rem; border-top:0.10rem solid #f1f1f1;border-bottom:0.10rem solid #f1f1f1;}
.liuyan .tit{width:94%;overflow:hidden; padding:0.10rem 3%; text-align: center; margin-top:0.10rem;}
.liuyan .tit h2{width:100%; line-height:0.24rem; font-weight: bolder; font-size:0.18rem; color: #000;}
.liuyan .tit a{width:100%; line-height:0.24rem; font-size:0.16rem; color: #999;}
.liuyan .list{width:94%;overflow:hidden; padding: 0 3%;}
.liuyan .list p{overflow:hidden; margin-bottom:0.05rem;}
.liuyan .list .a1{width:100%; height:auto; line-height:0.35rem; font-size:0.16rem; text-align:center;}
.liuyan .list .a1 label{width:calc(48.5% - 0.02rem);height:auto;display:block;background: #f1f1f1;border-radius:0.03rem;border:0.01rem solid #ccc;box-shadow:0.01rem 0.01rem 0.10rem 0.01rem #e0e0e0; margin-right:3%;float:left;}
.liuyan .list .a1 label:nth-child(2n){ margin-right: 0;}
.liuyan .list .a1 input{width:0.18rem; height:0.18rem; margin:0.08rem 0.10rem 0 0;}
.liuyan .list .a2 input{width:calc(100% - 0.02rem); height:0.35rem; line-height:0.35rem; background: #f1f1f1; font-size:0.14rem; color: #999; text-indent: 0.10rem; border-radius:0.05rem;border: 0.01rem solid #ccc;box-shadow:0.01rem 0.01rem 0.10rem 0.01rem #e0e0e0;}
.liuyan .list .a3 textarea{width:calc(94% - 0.02rem); height:0.60rem; line-height:0.20rem; padding:0.10rem 3%; background: #f1f1f1; font-size: 0.16rem; color: #999; font-family: "微软雅黑";border-radius:0.03rem;border:0.01rem solid #ccc;box-shadow: 0.01rem 0.01rem 0.10rem 0.01rem #e0e0e0;}
.liuyan .list .a4{width:100%; padding-top:0.05rem;}
.liuyan .list .a4 .submit{width:100%; height:0.45rem; line-height:0.45rem; background-image: linear-gradient(315deg,#c00 0,#00369a 100%); border: 0; font-size:0.16rem; color: #fff;border-radius:0.05rem;}

.liuyan .list1{width:94%; height:0.24rem; overflow:hidden; padding: 0 3%;margin:0.10rem 0 0.20rem 0;}
.liuyan .list1 li{width:100%; height:0.24rem; line-height:0.24rem; text-align: center;}

/* ---------------mnav-------------------------------  */
.mnav{overflow:hidden;padding:0.10rem 2%;}
.mnav li{width:20%;float:left;height:auto;text-align:center;}
.mnav li a{display:block;font-size:0.12rem;height:auto;line-height:0.15rem;color:#333; padding-bottom:0.05rem;}
.mnav li a span{display: inline-block;width:76%; margin: 0 12%;}
.mnav a span img{width:100%;}

/* ---------------mmainBody_02-------------------------------  */
.mainBody_02{width: 94%; height:0.34rem; overflow: hidden; margin:0 3% 0.10rem 3%; border:0.01rem solid #00369a; border-radius:0.05rem; background:#cedfff;}
.mainBody_02 h2{display:none;}
.mainBody_02 p{width:65%; height:0.34rem; line-height:0.34rem; float: left; font-size:0.12rem; padding-left:0.08rem;}
.mainBody_02 p strong{color: #00369a;}
.mainBody_02 a{width:24%; height:0.24rem; line-height:0.24rem; float: right; font-size:0.12rem;border-radius:0.05rem; margin:0.05rem 0.08rem 0 0; color: #fff; text-align: center; display: block;background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}

/* ---------------mainBody_03-------------------------------  */
.mainBody_03{width:94%; overflow:hidden;padding:0 3%; border-bottom:0.10rem solid #f1f1f1;}
.mainBody_03 ul{width:32%;float: left; height:auto;margin-right: 2%;text-align:center; overflow: hidden;padding-bottom:0.10rem;}
.mainBody_03 ul:nth-child(3n){ margin-right:0;}
.mainBody_03 .a1{width:40%; height:auto; margin:0 auto;}
.mainBody_03 .a1 img{width:100%;}
.mainBody_03 .a2{height:0.30rem;line-height:0.30rem; font-size:0.16rem; padding:0.05rem 0;color: #111; }
.mainBody_03 .a3{line-height:0.20rem; font-size:0.12rem; height:0.66rem; padding:0 5%; overflow: hidden; color:#666;}

/* ---------------mainBody_04-------------------------------  */
.mainBody_04{width:94%; overflow:hidden;padding:0 3% 0.20rem 3%; border-bottom:0.10rem solid #f1f1f1;}
.mainBody_04 .main{width:49%; height:auto; float:left; margin:0 2% 0.15rem 0; display: block; border-radius:0.12rem; box-shadow: 0rem 0.04rem 0.16rem 0.04rem rgba(0, 0, 0, 0.1);}
.mainBody_04 .main:nth-child(2n){margin-right:0;}
.mainBody_04 .main h3{width:100%; height:0.40rem; line-height:0.40rem; color:#fff; font-size:0.14rem; background-image: linear-gradient(315deg,#c00 0,#00369a 100%);text-indent:7%;border-radius:0.12rem 0.12rem 0 0;}
.mainBody_04 .main ul{width:86%; height:auto; line-height:0.27rem; padding:0.10rem 7% 0.15rem 7%;font-size:0.13rem;}
.mainBody_04 .main li a{width:45%; height:0.30rem; line-height:0.30rem; border:0.01rem solid #00369a;color:#00369a; text-align:center; display:block; border-radius:0.05rem; margin-top:0.05rem; font-size:0.13rem;}
.mainBody_04 .main li a:hover{border:0.01rem solid #c00;color:#c00;}

/* ---------------mainBody_07-------------------------------  */
.mainBody_07{width:94%; overflow:hidden;padding:0 3% 0.20rem 3%; border-bottom:0.10rem solid #f1f1f1;}
.mainBody_07 ul{width:49%;float: left; height:auto;margin:0 2% 0.10rem 0;border-radius:0.12rem; overflow: hidden; position: relative;}
.mainBody_07 ul:nth-child(2n){ margin-right:0;}
.mainBody_07 ul img{width:100%;display: block;}
.mainBody_07 .a1{width:100%; height:100%;}
.mainBody_07 .a2{width:86%; height:100%; padding:0.10rem 7%; color: #fff;background:rgba(0,54,154,0.9);}
.mainBody_07 .a2 h3{line-height:0.24rem; font-size:0.16rem;}
.mainBody_07 .a2 p{display:none;}
.mainBody_07 .a2 a{display:none;}

/* ---------------mainBody_05-------------------------------  */
.mainBody_05{width:94%; overflow:hidden;padding:0 3% 0.20rem 3%; border-bottom:0.10rem solid #f1f1f1;}
.mainBody_05 .list ul{width:32%;height:auto; font-size:0.14rem;float: left; padding:0 2% 0.10rem 0; overflow: hidden;text-align:center;}
.mainBody_05 .list ul:nth-child(3n){background: 0; padding-right: 0;}
.mainBody_05 .list .a1{width:0.40rem;height:0.40rem; padding:0.20rem; overflow: hidden; border-radius:100%; margin: 0 auto; background:#00369a;}
.mainBody_05 .list .a1:hover{background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
.mainBody_05 .list .a1 img{width:100%;height:100%;}
.mainBody_05 .list .a2{width:100%;height: auto; color: #111;}
.mainBody_05 .list .a2 h3{width:100%; font-size:0.16rem; line-height:0.30rem; padding:0.05rem 0; }
.mainBody_05 .list .a2 p{width:70%; padding:0 15%; color: #666; font-size:0.14rem;height:0.44rem;line-height:0.22rem;overflow: hidden;}

/* ---------------mainBody_08-------------------------------  */
.mainBody_08{width:94%; overflow:hidden;padding:0 3% 0.20rem 3%;}
.mainBody_08 .list{width:100%;}  
.mainBody_08 .list a{width:43%; height:auto; float:left; padding:0.10rem 3%; margin:0 2% 0.10rem 0; display: block; border-radius:0.10rem; background: #f1f1f1;}
.mainBody_08 .list a:nth-child(2n){margin-right:0;}
.mainBody_08 .list .a1{width:100%; height:auto; overflow: hidden;}
.mainBody_08 .list .a1 img{width:100%;border-radius:0.10rem;}
.mainBody_08 .list .a2{width:100%; height:0.30rem; line-height:0.30rem; font-size:0.16rem; overflow: hidden; color: #000; font-weight: 500; margin:0.05rem 0;}
.mainBody_08 .list .a3{width:100%; height:0.44rem; line-height:0.22rem; font-size:0.14rem; overflow: hidden; color: #666; margin-bottom:0.05rem;}
.mainBody_08 .list .a4{width:100%; height:0.30rem; line-height:0.30rem; font-size:0.14rem; overflow: hidden; color: #666;}

/*底部*/
.footer{width:100%; height:auto;overflow: hidden; background-image: linear-gradient(315deg,#111 0,#00369a 100%); margin-top:0.30rem;}
.footer a{color:rgba(204,204,204,0.7);}
.foot{width:92%; padding:0 4%;}
.foot1{width:100%;padding:0.40rem 0; overflow: hidden;}
.foot1 .left h2{height:0.36rem; font-weight:normal;color:rgba(255,255,255,0.8); overflow:hidden; position:relative; font-size:0.20rem;font-weight: 500;}
.foot1 .left h4{font-size:0.40rem; line-height:0.36rem;color: #0596d5; background: linear-gradient(98deg, #c00 0.2685546875%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-weight: bold;}
.foot1 .left .p{width:100%; line-height:0.27rem; color:#fff; font-size:0.16rem;font-weight:normal; padding:0.20rem 0;}
.foot1 .list1{width:100%; line-height:0.30rem; text-align: center; font-size:0.14rem; color:#fff;}
.foot1 .list1 li{width:1.10rem; float:left; padding-right:0.10rem;}
.foot1 .list1 img{width:100%;} 


.foot2{width:100%; overflow: hidden; padding:0.15rem 0 0.05rem 0; color:#fff; border-top:0.01rem solid rgba(204,204,204,0.5); border-bottom:0.01rem solid rgba(204,204,204,0.5);}
.foot2 a{padding:0 0.10rem 0.10rem 0;display: inline-block;}
.foot3{width:100%; overflow: hidden; padding:0.20rem 0; color:rgba(255,255,255,0.4);}
.foot3 a{color:rgba(204,204,204,0.3);}

.foot1 .left h2 img{height:0.60rem;}
.foot1 .left{width:100%; overflow: hidden; float:left; padding-right:20%;}
.foot1 .list{display:none;}
.foot3 .p1{width:100%;line-height:0.30rem;}
.foot3 .p2{display:none;}

.banner {display:none;}
.new{padding:0.10rem 3%;}
.new .con1{padding:0.20rem 0 0.10rem 0;font-size:0.24rem;}
.new .con2 span{display:none;}
.new .con3{padding:0.10rem 0;}
.new .con3 img{width:100%;}

.con6{height:auto;line-height:0.60rem;overflow:hidden;font-size:0.16rem; padding:0.10rem 0;}
.con6 .pre{width:100%;height:0.60rem; background: #f8f8f8; margin-bottom:0.10rem;overflow:hidden;}
.con6 .next{width:100%;height:0.60rem; background: #f8f8f8;overflow:hidden;}
.con6 .span{width:1.00rem;height:0.60rem; display: inline-block; background: #e8e8e8;margin-right:0.15rem;text-indent:0.20rem;font-size: 0.15rem;}

.about{overflow:hidden;color: #333; padding:0.20rem 4%; line-height:0.32rem;  font-size:0.16rem;background:#fff; border-radius:0.12rem;box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(22,23,47,.2); margin:0.10rem 3%;}
.about img{width: 100%;}
.didian{width: 100%;}
.didian .list{padding:0.10rem 4%; overflow:hidden; line-height:0.27rem;}
.didian b{display: block;float: left;padding: 0 0.20rem;margin-right: 0.10rem;background: rgba(0,0,0,0.1);color: #fff; font-weight:normal; border-radius: 1.00rem;}
.didian a{display: block;float: left;padding: 0 0.10rem;margin: 0 0.05rem 0.05rem 0; color: #222238;border-radius: 1.00rem;}


.contents .xiangmu{overflow: hidden; padding-bottom:0.10rem;}
.contents .left{padding:0.10rem 3%; margin:0.10rem 3%;}
.contents .right{padding:0.10rem 3%; margin:0.10rem 3%;}
.contents .left1{display:none;}
.contents .right1{width:100%; height:auto;overflow: hidden;}

/* ------------联系我们--------------------- */
.contact{width:100%; overflow: hidden; padding:0.10rem 0;}
.contact_l{display:none;}
.contact_r{padding:0.10rem 4%;}
.contact_r h2{width:100%;height:0.40rem; line-height:0.40rem; font-weight: normal;overflow: hidden; font-size:0.27rem; color: #111;}
.contact_r h3{width:100%;height:0.40rem; line-height:0.40rem; font-weight: normal;overflow: hidden; font-size:0.14rem; color: #666;}
.contact_r .list{overflow: hidden;border-top:0.01rem solid #e5e5e5;border-bottom:0.01rem solid #e5e5e5;margin:0.10rem 0; padding:0.10rem 0;}
.contact_r .list li{line-height:0.36rem; font-size:0.16rem;color: #777;}
.contact_r .list li p{font-size:0.14rem; color: #333; text-indent:0.30rem;}
.contact_r .list .a1{background:url(../images/con1.png) no-repeat 0 0.10rem;}
.contact_r .list .a2{background:url(../images/con2.png) no-repeat 0 center; font-size:0.2rem;color: #00369a;}
.contact_r .list .a2 a{color: #00369a;}
.contact_r .list .a3{background:url(../images/con3.png) no-repeat 0 center;}
.contact_r .list1{width:100%; line-height:0.30rem; text-align: center; font-size:0.16rem; overflow: hidden; padding-bottom:0.10rem;}
.contact_r .list1 li{width:47%; float:left; padding-right:3%;}
.contact_r .list1 img{width:100%;}

.dqwz{width:100%;}
.dqwz .main{overflow: hidden;padding:0.10rem 4%; line-height:0.40rem;background:#fff; border-radius:0.12rem;box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(22,23,47,.2); margin:0.10rem 3%;}
.dqwz .main ul li{width:auto; float:left;}
.dqwz .main ul li a{display: block;padding: 0 0.09rem;margin: 0 0.05rem 0.05rem 0; color: #222238;border-radius: 1.00rem;}
.dqwz .main .u-crt{background-image: linear-gradient(315deg,#c00 0,#00369a 100%);color: #fff;}

/* ------------case--------------------- */
.about02{overflow:hidden;padding:0.10rem 3%;}
.about02 .bd ul{width:100%;}
.about02 .bd ul li{ float: left; width:48.5%; margin:0 3% 0.15rem 0; border-radius:0.12rem;box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(22,23,47,.2);}
.about02 .bd ul li:nth-child(2n){margin-right: 0;}
.about02 .bd ul li a{width:100%; height:1.50rem; display: block; overflow: hidden;}
.about02 .bd ul li img{width:100%;}
.about02 .bd ul li span{ display: block; font-size:0.16rem; text-align:center; color: #333;line-height:0.40rem; height:0.40rem;overflow: hidden;}

/* ------------案例详情--------------------- */
.picture{overflow:hidden; padding:0.10rem 3%;}
.picture .left1 {width:100%; height:auto;overflow: hidden;}
.picture .left1 img{width:100%;transition: all 0.5s;}
.picture .left1:hover img{transform: scale(1.1);}
.picture .right1 {width:100%;height:auto;}
.picture .right1 .con01{width:100%; height:0.40rem; line-height:0.40rem; padding-bottom:0.50rem; font-size:0.18rem; color:#111;overflow:hidden;}
.picture .right1 .con1{width:100%; height:0.40rem; line-height:0.40rem; padding-bottom:0.10rem; font-size:0.32rem; color:#00369a;;overflow:hidden; font-weight: bolder;}
.picture .right1 .con2{width:100%;height:auto;padding:0.20rem 0;line-height:0.36rem;overflow:hidden; font-size:0.16rem; color: #666; border-top:0.01rem solid #e4e4e4;border-bottom:0.01rem solid #e4e4e4;}
.picture .right1 .con2 span{ width: 100%; color: #333; padding-bottom:0.20rem; display: block;}
.picture .right1 .con3{width:100%; height:0.50rem; padding-top:0.10rem;}
.picture .right1 .con3 a{width:1.60rem; height:0.45rem; line-height:0.45rem; text-align: center; display: block; font-size:0.16rem; color: #fff; background-image: linear-gradient(315deg,#c00 0,#00369a 100%);
border-radius:0.50rem 0.50rem 0.50rem 0; cursor: pointer;}
.mainBody .product{padding:0.10rem 3%;overflow: hidden;}

.srarch{padding:0.20rem;}
.srarchs{padding:0.10rem;font-size:0.16rem;line-height:0.30rem; }
.srarchs h2{width:100%; line-height:0.45rem;text-align: center;font-size:0.18rem; padding:0.10rem 0 0.20rem 0;}
}  

/* ----------------PC端-----------------------------  */
@media (min-width: 768px) {
.msearch{display:none;}
.wapmainBody_01{display:none;}
.mnav{display:none;}
.liuyan{display:none;}
.navs i{display:none;}

/* -- 页面整体布局 -- */
html{font-size: calc(100vw/19.2);}
.mainBody{width:14.40rem;margin:0 auto; overflow:hidden; padding:0.40rem 0;}
.mainBodys{width:100%;min-width:14.40rem;}
.contents{width:14.40rem; margin:0 auto;padding:0.40rem 0;}
/*头部*/
.header{width: 100%;min-width:14.40rem;height:1.50rem;position: relative;z-index: 1;}
.header .head{width: 100%;border-bottom:0.01rem solid #ccc;}
.header .navtop{width:14.40rem;height:0.35rem;margin:0 auto;color:#fff;}
.header .navtop h2{width:1.20rem;height:0.35rem;line-height:0.35rem; font-size:0.14rem; float:left; color: #333; font-weight: normal; text-indent:0.20rem; background:url(../images/dw.png) no-repeat left 0.09rem;}
.header .navtop h2 a{ color: #cc0000;}
.header .navtop h3{ width:2.40rem;height:0.35rem;line-height:0.35rem; font-size:0.14rem; float:left; color: #333; font-weight: normal; padding-right:0.30rem;}
.header .navtop .tel{width:auto;overflow:hidden; float:left; line-height:0.35rem;color: #333;text-indent:0.25rem; background:url(../images/tels.png) no-repeat 0 0.10rem; font-size:0.14rem;background-size:auto 45%;} 
.header .navtop .app{width:0.90rem; margin:0.04rem 0.15rem 0.04rem 0.15rem; float:right; line-height:0.27rem; font-size:0.12rem;border-radius: 0.03rem; color: #fff;position: relative; padding-left: 0.35rem; background:#00369a url(../images/app01.png) no-repeat 0.15rem center;background-size:auto 60%;}
.header .navtop .app p{display: none; width: 1.38rem;height: 1.98rem;border: 0.01rem solid #ccc; background: #fff;}
.header .navtop .app p span{width: 1.18rem; height: 0.24rem; line-height: 0.24rem; display: block;border-radius: 0.03rem; text-align: center;}
.header .navtop .app .s1{margin:0.10rem;background: #2d2d2d;}
.header .navtop .app .s2{background: #cc0000;margin:0 0.10rem;}
.header .navtop .app p img{width: 1.22rem; margin:0.03rem 0 0 0.08rem;}
.header .navtop .app:hover p{display: block; width: 1.38rem;  position: absolute; top: 0.30rem; left:-0.07rem; z-index: 9;}
.header .navtop .load{width:2.0rem; height:0.35rem;float:left;line-height:0.35rem; text-align: right; color: #333; font-size:0.13rem;}
.load p{float: left;color: #7C7C7C;font-size:0.12rem;}
.load em{float: left;}
.load em a{height:0.34rem;font-size:0.12rem;color: #7C7C7C;padding: 0 0.10rem 0 0.30rem;display: inline-block;}
.load em a:hover{color: #cc0000;}
.load em .a1{background: url(../images/zh.jpg) no-repeat 0 0.10rem;background-size:auto 45%;}
.load em .a2{background: url(../images/ew.jpg) no-repeat 0 0.10rem;background-size:auto 45%;}
.header .navtop .user{width:auto; height:0.27rem;line-height:0.27rem;color: #333; font-size:0.13rem; padding:0.04rem 0;}
.header .navtop .user li{ float:left; margin-left:0.10rem;}
.header .navtop .user li a{padding:0 0.10rem; display:block;color:#fff;border-radius:0.03rem;background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
.header .top{width:14.40rem; margin:0 auto; height:1.0rem;overflow: hidden;padding:0 0 0.20rem 0;clear:both;}
.header .logo{float: left;width:3.20rem;height:0.65rem;display: inline; padding:0.25rem 12% 0 0;}
.header .logo img{height:0.65rem;}
.header .fabu{width:auto; height:0.44rem; float: right; text-align: center;padding-top:0.40rem; overflow: hidden;}
.header .fabu a{width:1.20rem; height:0.44rem; line-height:0.44rem; font-size:0.16rem; float: left; display: block; margin-left:0.15rem; color: #fff; background: #00369a;}
.header .fabu a:hover{cursor:pointer;background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}

.search{width: 4.14rem;height:0.88rem;overflow: hidden; float: left; padding-top:0.15rem;}
.search .s1{width: 4.10rem;height:0.40rem;overflow: hidden;position: relative; border:0.02rem solid #00369a;}
.search .tex{width: 3.20rem;height:0.40rem;font-size:0.14rem;color: #999; border: 0;text-indent:0.45rem;line-height:0.40rem; float: left;background: url(../images/search.png) no-repeat 0.10rem center; background-size:auto 60%;}
.search .btns{width:0.90rem;height:0.40rem;background:#00369a;border: 0;display: block;font-size:0.15rem; color: #fff; cursor:pointer;position: absolute; right:0; top: 0;}
.search .btns:hover{background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
.search .s3{width: 100%;height:0.24rem; line-height:0.24rem; overflow: hidden;}
.search .s3 a{ display: block; float: left; padding:0 0.15rem; background: #f1f1f1; font-size:0.12rem; margin-right:0.10rem; color: #666;cursor:pointer;}
.search .s3 a:hover{display: inline-block; background: #00369a; color: #fff;}
.search .s3 a:first-child{ background: #00369a; color: #fff;}

.navs{width:100%;min-width:14.40rem;height:0.50rem; border-bottom:0.02rem solid #00369a;}
#navss{width:12.0rem;padding-left: 2.40rem;height:0.50rem;position: relative; margin: 0 auto;}
#allsort{display:none;}
#category{width:2.40rem;height:0.50rem;position: absolute;left: 0;top:0;z-index:2;}
#category .ld{position: relative;width: 2.40rem;height:0.50rem;line-height:0.50rem;background:#333 url(../images/j3.png) no-repeat 0.20rem center;background-size:auto 25%;cursor: pointer;}
#category .ld h2{font-size:0.16rem;padding-left:0.60rem;color: #fff; font-weight: normal;}
#category .ld h2 a{color: #fff;}
#category .ld b{display:block;width:0.20rem;height:0.20rem;position: absolute;right:0.10rem;top:0.15rem;background: url(../images/j1.png) no-repeat 0 center; background-size:auto 70%;}
#category #allsort{width: 2.40rem;height:5.17rem;position: absolute;left: 0;top:0.50rem;background: rgba(0, 0, 0, 0.55);}
#category #allsort .item{width:2.40rem;height: auto;float: left; border-top:0.01rem solid #666;}
#category #allsort .item:first-child{border-top: 0;}
#category #allsort .item span{width: 2.40rem;z-index: 30;}
#category #allsort .item span h3{width:2.20rem;padding:0.12rem 0 0.12rem 0.20rem;font-size:0.16rem;color: #333; line-height:0.31rem; overflow:hidden;}
#category #allsort .item .a1{color: #fff;text-decoration: none; display: block; width:0.80rem;height:0.31rem;  float:left;}
#category #allsort .item .a1:hover{color: #333;}
#category #allsort .item .a2{color: rgba(255,255,255,0.5);}
#category #allsort .item p{width:1.30rem;height:0.31rem; overflow: hidden;color: #ccc;  font-weight: normal; font-size:0.14rem; margin-right:10rem;}
#category #allsort .item ul{display:none;width:2.88rem;height:4.80rem;padding:0.20rem;background:#fff;position: absolute;left: 2.40rem;top: 0;z-index:5;}
#category #allsort .item ul h4{width:100%; padding-bottom:0.10rem;}
#category #allsort .item ul h4 img{width:100%;}
#category #allsort .item ul li{width:calc(47% - 0.02rem); float: left;margin-right:0; color:#333; margin-bottom:0.10rem; text-align: center; font-size:0.14rem;border:0.01rem solid #ccc;line-height:0.30rem;}
#category #allsort .item ul li:nth-child(2n){ margin-right:6%;}
#category #allsort .item ul li:hover{border:0.01rem solid #cc0000;color:#cc0000;}
#category #allsort .on h3{background: #fff;z-index:40;}
#category #allsort .on h3 a{ color: #333 !important;}
#category.on .ld b{background: url(../images/j2.png) no-repeat 0 center;background-size:auto 70%;}
#category.on #allsort{display: block;} 
#category.on #allsort .on ul{display: block;}

#nav{width:10.0rem;height:0.50rem;line-height:0.50rem;position: relative;}
#nav ul{text-align:center;line-height:normal;}
#nav .li{width:12%;line-height:0.50rem;font-size:0.16rem;position:relative;float:left;}
#nav li a{display:block;color: #333;}
#nav .hover{background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
#nav .hover .a{color:#fff;}
#nav .on > a{color:#fff;background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
#nav li ul{position:absolute;left:50%;top:0.60rem;transform:translateX(-50%);opacity:0;visibility:hidden;min-width:1.21rem;background:#fff;box-shadow:0 0.04rem 0.07rem rgba(133,153,171,0.12);z-index:6;transition:all .3s;}
#nav li li{font-size:0.13rem;line-height:0.4rem;border-bottom:0.01rem solid #ddd;}
#nav li li:last-child{border-bottom:none;}
#nav li li:hover {color:#fff;background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
#nav .on ul{opacity:1;top:0.52rem;visibility:visible;transition:all .5s;}

.swiper-button-prev{left:0.20rem !important;}
.swiper-button-next{right:0.20rem !important;}
.swiper-button-next, .swiper-button-prev{ color:rgba(255,255,255,0.2) !important;}
.swiper-button-next:hover, .swiper-button-prev:hover{color:rgba(255,255,255,0.7) !important;}
.swiper-button-next::after, .swiper-button-prev::after {font-size:0.50rem !important;}
.swiper-pagination{bottom:0.10rem !important;}
.swiper-pagination-bullet{width:0.65rem !important; height:0.06rem !important; border-radius:0.10rem !important; background:rgba(0,54,154,0.7) !important;}

.titles{width:80%;margin: 0 auto;}
.titles h2{font-size:0.3rem;padding: 0 0.80rem;}
.titles em {padding-top: 0.20rem;}
.mainBody_02{display:none;}

/* ---------------mainBody_03-------------------------------  */
.mainBody_03{width: 100%; min-width: 14.40rem;overflow:hidden;padding:0.40rem 0 0.60rem 0;}
.mainBody_03 .list{width: 14.40rem;height:auto;margin: 0 auto;padding:0.20rem 0 0 0;}
.mainBody_03 ul{width:15%;float: left; height:auto;margin-right: 2%;text-align:center; overflow: hidden;padding-top:0.10rem;}
.mainBody_03 ul:nth-child(6n){ margin-right:0;}
.mainBody_03 ul:hover li{transform: translateY(-0.08rem);-webkit-transform: translateY(-0.08rem);}
.mainBody_03 ul li{transition: all 0.6s ease 0s;will-change: transform;}
.mainBody_03 .a1{width:50%; height:1.0rem; margin:0 auto;}
.mainBody_03 .a1 img{height:100%;}
.mainBody_03 .a2{line-height:0.30rem; font-size: 0.24rem; padding:0.20rem 0;color: #111; }
.mainBody_03 .a3{line-height:0.24rem; font-size: 0.16rem; height:0.66rem; padding:0 5%; overflow: hidden;}

/* ---------------mainBody_04-------------------------------  */
.mainBody_04{width: 100%; min-width: 14.40rem;overflow:hidden; padding-bottom:0.20rem;}
.mainBody_04 .list{width: 14.40rem;height:auto;margin: 0 auto; padding-top:0.30rem;}
.mainBody_04 .main{width:18.8%; height:auto; float:left; margin:0 1.5% 0.30rem 0; display: block; border-radius:0.12rem; box-shadow: 0rem 0.04rem 0.16rem 0.04rem rgba(0, 0, 0, 0.1);}
.mainBody_04 .main:hover{box-shadow: 0rem 0.04rem 0.16rem 0.04rem rgba(0, 0, 0, 0.2);} 
.mainBody_04 .main:nth-child(5n){margin-right:0;}
.mainBody_04 .main h3{width:100%; height:0.50rem; line-height:0.50rem; color:#fff; font-size:0.18rem; background-image: linear-gradient(315deg,#c00 0,#00369a 100%);text-indent:7%;border-radius:0.12rem 0.12rem 0 0;}
.mainBody_04 .main ul{width:86%; height:auto; line-height:0.40rem; padding:0.10rem 7% 0.20rem 7%;font-size:0.16rem;}
.mainBody_04 .main li a{width:30%; height:0.30rem; line-height:0.30rem; border:0.01rem solid #00369a;color:#00369a; text-align:center; display:block; float:right;border-radius:0.05rem; margin-top:0.05rem; font-size:0.14rem;}
.mainBody_04 .main li a:hover{border:0.01rem solid #c00;color:#c00;cursor: pointer;}

/* ---------------mainBody_07-------------------------------  */
.mainBody_07{width:100%;min-width: 14.40rem;height:auto; padding:0.50rem 0; overflow: hidden;}
.mainBody_07 .list{width: 14.40rem;height:auto;margin: 0 auto;padding:0.20rem 0 0 0;} 
.mainBody_07 ul{width:23.5%;float: left; height:auto;margin:0 2% 0.30rem 0;border-radius:0.12rem; overflow: hidden; position: relative;will-change: transform;}
.mainBody_07 ul:hover{box-shadow: 0rem 0.04rem 0.16rem 0.04rem rgba(0, 0, 0, 0.2);} 
.mainBody_07 ul:nth-child(4n){ margin-right:0;}
.mainBody_07 ul img{width:100%;display: block;transition: all 0.5s;}
.mainBody_07 ul:hover img{transform: scale(1.1);}
.mainBody_07 .a1{width:100%; height:100%;}
.mainBody_07 .a2{width:84%; height:100%; padding:0.10rem 8%; position: absolute; top:83%; left:0;transition: all 0.6s ease 0s; color: #fff;background:rgba(0,54,154,0.4);}
.mainBody_07 .a2 h3{line-height:0.30rem; font-size:0.2rem; padding-bottom:0.20rem;}
.mainBody_07 .a2 p{line-height:0.27rem; font-size:0.16rem; height:auto; overflow: hidden;}
.mainBody_07 .a2 a{width:45%; height:0.40rem; line-height:0.40rem; text-align: center;border-radius:0.50rem 0.50rem 0.50rem 0; font-size: 0.16rem; color: #fff; margin-top:0.20rem; display: block;background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
.mainBody_07 .a2 a:hover{width:50%;cursor: pointer;}
.mainBody_07 ul:hover .a2{top: 0;}
.mainBody_07 ul:hover .a2 h3{padding-top:0.20rem;}

/* ---------------mainBody_055-------------------------------  */
.mainBody_055{width: 100%; background:url(../images/bg02.jpg) no-repeat center / cover;background-attachment: fixed; background-size: 100% auto;}
.mainBody_055 .list{width:14.40rem;padding:1rem 0;height:auto;overflow:hidden;;margin: 0 auto;color: #666;}
.mainBody_055 .right{width:40%; float:right;position: relative; overflow: hidden; padding-right:5%;}
.mainBody_055 .right h3{ width: 100%; height:0.7rem;line-height:0.7rem; font-size: 0.6rem; color: #fff; padding:0.1rem 0; font-weight: normal;}
.mainBody_055 .right .p{ width: 100%; height:auto; font-size: 0.16rem; line-height:0.3rem; overflow: hidden;color: #fff; }
.mainBody_055 .right a{display: block;width: 1.8rem;height:0.5rem;line-height:0.5rem;text-align: center; float: left; margin-right:0.3rem; color: #fff; font-size: 0.18rem; overflow: hidden; background-image: linear-gradient(315deg,#c00 0,#00369a 100%);
border-radius:0.08rem;}
.mainBody_055 .right a:hover{width: 2.0rem;cursor:pointer;}
.mainBody_055 .num{ overflow: hidden; margin-top:8%;font-size: 0.16rem;}
.mainBody_055 .num .one{ float: left; width: 30%; overflow: hidden; padding-right: 1%; margin-bottom: 12%; position: relative;}
.mainBody_055 .num .one:nth-child(2){ width: 37%;}
.mainBody_055 .num .one:nth-child(3)::before{ display: none;}
.mainBody_055 .num .one::before{ content: ""; position: absolute; top: 0.05rem; height: 0.6rem; right: 15%; width: 0.01rem; background: #DFDFDF;}
.mainBody_055 .num .top{ color: #fff; line-height: 0.1rem;}
.mainBody_055 .num .top span{font-family: 'Open-Sans'; line-height: 1; font-weight: bold; float: left; margin-right: 0.1rem; font-size: 0.34rem;}
.mainBody_055 .num .top label{ overflow: hidden; display: inline-block; vertical-align: top;}
.mainBody_055 .num .top sup{ display: block;font-size: 0.18rem; margin-bottom: 0.3rem;}
.mainBody_055 .num .bot{ color: #ccc;line-height:0.2rem; clear: both;}

.avideo1{width: 100%; min-width: 1200px; height: 100%;background:url(../images/hei.png) repeat; display:none; position: fixed; z-index:5; left:0%; top:0;}
.avideo1 .main{width:1000px; height:560px; border:8px solid #eee; margin:8% auto 0 auto; background:#fff; border-radius:5px; position: relative;}
.avideo1 .close{width: 25px; height: 25px; padding: 10px; display:block; position:absolute; cursor:pointer; left:50%; margin-left: 510px; top:15.5%;}

/* ---------------mainBody_05-------------------------------  */
.mainBody_05{width:100%;min-width: 14.40rem;height:auto; overflow: hidden;padding:0.50rem 0 0.80rem 0;background:#f1f1f1;}
.mainBody_05 .list{width: 14.40rem;margin: 0 auto;overflow: hidden; text-align: center;padding-top:0.30rem;} 
.mainBody_05 .list ul{width:15%;height:auto; font-size:0.14rem;cursor:pointer;float: left; padding-right:2%; overflow: hidden;background:url(../images/liucheng.png) no-repeat right 0.70rem;}
.mainBody_05 .list ul:last-child{background: 0; padding-right: 0;}
.mainBody_05 .list .a1{width:0.60rem;height:0.60rem; padding:0.25rem; overflow: hidden; border-radius:100%; margin: 0 auto; background:#00369a;}
.mainBody_05 .list .a1:hover{background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
.mainBody_05 .list .a1 img{width:100%;height:100%; -moz-transition:width 1s,height 1s,-webkit-transform 1s;-webkit-transition:width 1s,height 1s,-webkit-transform 1s;transition:width 1s,height 1s,transform 1s;}
.mainBody_05 .list ul:hover .a1 img{-webkit-transform:rotate(360deg);transform:rotate(deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.mainBody_05 .list .a2{width:100%;height: auto; color: #111;}
.mainBody_05 .list .a2 h3{width:100%; font-size:0.24rem; line-height:0.30rem; padding:0.15rem 0;}
.mainBody_05 .list .a2 p{width:70%; padding:0 15%; color: #666; font-size:0.16rem;height:0.48rem;line-height:0.24rem;overflow: hidden;}
.mainBody_05 .list ul:hover h3{color: #00369a;}
.mainBody_05 .list ul:hover p{color: #00369a;}

/* ---------------mainBody_08-------------------------------  */
.mainBody_08{width:100%;min-width: 14.40rem;height:auto; padding:0.50rem 0 0.80rem 0; overflow: hidden;}
.mainBody_08 .list{width: 14.40rem;height:auto;margin: 0 auto; padding-top:0.20rem;}  
.mainBody_08 ul{height:auto; padding:0.30rem 0 0 0;}    
.mainBody_08 .list a{width:19.5%; height:auto; float:left; padding:0.30rem 2%; margin:0 2% 0.20rem 0; display: block; border-radius:0.12rem; background: #f1f1f1;}
.mainBody_08 .list a:hover{background: #fff;opacity: 1;box-shadow: 0rem 0.04rem 0.23rem 0.04rem rgba(0, 0, 0, 0.2);} 
.mainBody_08 .list a:nth-child(4n){margin-right:0;}
.mainBody_08 .list .a1{width:100%; height:1.80rem; overflow: hidden;}
.mainBody_08 .list .a1 img{width:100%;transition: all 0.5s;}
.mainBody_08 .list a:hover img{transform: scale(1.1);}
.mainBody_08 .list a:hover .a2{color: #00369a;}
.mainBody_08 .list .a2{width:100%; height:0.64rem; line-height:0.32rem; font-size:0.24rem; overflow: hidden; color: #000; font-weight: 500; margin:0.10rem 0;}
.mainBody_08 .list .a3{width:100%; height:0.72rem; line-height:0.24rem; font-size:0.16rem; overflow: hidden; color: #666; margin-bottom:10%;}
.mainBody_08 .list .a4{width:100%; height:0.30rem; line-height:0.30rem; font-size:0.14rem; overflow: hidden; color: #666;}

/*底部*/
.footer{width:100%;min-width:14.40rem; height:auto;overflow: hidden;font-size:0.14rem; background-image: linear-gradient(315deg,#111 0,#00369a 100%);}
.footer a{color:rgba(204,204,204,0.7);}
.footer a:hover{color:#d71901;}
.foot{width:14.40rem; margin:0 auto;}
.foot1{width:100%; overflow: hidden;}
.foot1 .left h2{height:0.36rem; font-weight:normal;color:rgba(255,255,255,0.8); overflow:hidden; position:relative; font-size:0.20rem;font-weight: 500;}
.foot1 .left h4{font-size:0.40rem; line-height:0.36rem;color: #0596d5; background: linear-gradient(98deg, #c00 0.2685546875%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; font-weight: bold;}
.foot1 .left .p{width:100%; line-height:0.27rem; color:#fff; font-size:0.16rem;font-weight:normal; padding:0.20rem 0;}
.foot1 .list1{width:100%; line-height:0.30rem; text-align: center; color:#fff;}
.foot1 .list1 li{width:1.10rem; float:left; padding-right:0.10rem;}
.foot1 .list1 img{width:100%;} 

.foot1 .list h3{width:100%; line-height:0.30rem; padding-bottom:0.10rem; font-weight:normal;}
.foot1 .list h3 a{color:#fff;}
.foot1 .list li{width:100%; line-height:0.35rem; font-size:0.16rem;}
.foot1 .list li a{display:inline-block; position:relative; z-index:0;transition:all 0.3s; padding-right:0.05rem;}
.foot1 .list li a:after{ content: ""; position: absolute; width:0.02rem; height:0.02rem; top: 50%; margin-top:-0.01rem; border-radius:50%; left: 0%; background: #e60012; z-index: -1; transition: all 0.3s;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.foot1 .list li a:hover{ padding-left:0.10rem;}
.foot1 .list li a:hover:after{opacity:1.0;filter:Alpha(opacity=100);}

.foot2{width:100%; overflow: hidden; padding:0.25rem 0 0.15rem 0; color:#fff; border-top:0.01rem solid rgba(204,204,204,0.5); border-bottom:0.01rem solid rgba(204,204,204,0.5);}
.foot2 a{padding:0 0.10rem 0.10rem 0;display: inline-block;}
.foot3{width:100%; overflow: hidden; padding:0.20rem 0; color:rgba(255,255,255,0.4);}
.foot3 a{color:rgba(204,204,204,0.3);}

.foot1{padding:0.80rem 0;}
.foot1 .left h2 img{height:0.60rem;}
.foot1 .left{width:32%; overflow: hidden; float:left; padding-right:20%;}
.foot1 .list{width:10%; overflow: hidden; float:left; text-align:center; padding-left:2%;}
.foot1 .list h3{font-size:0.2rem;}
.foot3 .p1{width:70%;line-height:0.30rem; float:left;}
.foot3 .p2{width:30%;line-height:0.30rem; float:right; text-align:right;}

/* ------------------在线客服-------------------------------  */
.side{position:fixed;width:0.65rem;right:0.10rem;top:50%;margin-top:-2.4rem;z-index:100;background:rgba(0,0,0,0.3);box-shadow: 0 0 20px rgba(0,0,0,0.2); border-radius:5px;}
.side ul li{width:0.65rem;height:0.65rem;float:left;position:relative;color:#fff;font-size:0.12rem;line-height:0.25rem;text-align:center;cursor:pointer;}
.side a{color:#fff;}
.side ul li i{height:0.25rem;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 90%;margin-top:0.09rem;}
.side ul li i.bgs3{background-image:url(../images/bgs3.png)}
.side ul li i.bgs4{background-image:url(../images/bgs4.png)}
.side ul li .sidebox{position:absolute;width:0.65rem;height:0.65rem;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sideewm .ewBox.son{width:1.6rem;;display:none;color:#363636;text-align:center;padding-top:1.6rem;;position:absolute;left:-1.6rem;;top:0;background:url(../images/weixin.jpg) no-repeat 0 0; background-size: 100% auto;}
.side ul li.sideetel .telBox.son{width:1.9rem;height:0.8rem;display:none;color:#fff;text-align:left;position:absolute;left:-1.9rem;top:0;background:#0485e0;}
.side ul li.sideetel .telBox dd{display:block;height:0.8rem;overflow:hidden;padding-left:0.65rem;line-height:0.22rem;font-size:0.16rem;}
.side ul li.sideetel .telBox dd span{display:block;height:0.22rem;overflow:hidden;margin-top:0.17rem;font-size:0.16rem;}
.side ul li.sideetel .telBox dd.bgs1{background:#00369a url(../images/bgs6.png) 0.20rem center no-repeat; background-size: auto 40%;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}

/* ------------------内页-------------------------------  */
.new .con1{padding:0.30rem 0 0.20rem 0;font-size:0.32rem;}
.new .con3{padding:0.30rem 0;}
.con6{height:0.60rem;line-height:0.60rem;overflow:hidden;font-size:0.16rem; padding:0.25rem 0;}
.con6 .pre{width:48%;height:0.60rem; float: left; background: #f8f8f8;}
.con6 .next{width:48%;height:0.60rem; float: right; background: #f8f8f8;text-indent:0.20rem;}
.con6 .span{width:1.0rem;height:0.60rem; display: inline-block; background: #e8e8e8;}
.con6 .span:hover{display: inline-block; background: #00369a; color: #fff;}
.con6 .pre .span{ text-align: center; margin-right:0.15rem;}
.con6 .next .span{float: right;}
.con6 em {font-family: "宋体";overflow: hidden;padding: 0 0.05rem;}
  
.about{overflow:hidden;color: #333; padding:0.60rem; line-height:0.32rem; background: #fff; font-size:0.16rem;box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(22,23,47,.2); border-radius:0.15rem;}

.didian{width: 14.40rem; margin: 0 auto; padding:0.40rem 0 0 0;}
.didian .list{width: 100%; overflow:hidden; padding-bottom:0.10rem;line-height:0.3rem;font-size:0.16rem;}
.didian b{display: block;float: left;padding: 0 0.20rem;margin-right:0.10rem;background: rgba(0,0,0,0.1);color: #222238; font-weight:normal; border-radius: 1.00rem;}
.didian a{display: block;float: left;padding: 0 0.15rem;margin: 0 0.08rem 0.10rem 0; color: #222238;border-radius: 1.00rem;}
.didian a:hover{background-image: linear-gradient(315deg,#c00 0,#00369a 100%);color: #fff;cursor:pointer;}
.didian .on{background-image: linear-gradient(315deg,#c00 0,#00369a 100%);color: #fff;cursor:pointer;}

.contents .xiangmu{overflow: hidden; padding-bottom:0.98rem;}
.contents .left{width:72%; padding:0.25rem 2%;float:left; margin-bottom:0.50rem;}
.contents .right{width:22%;float:right; margin-bottom:0.50rem;}
.contents .left1{width:45%; max-height:5.00rem;overflow: hidden; border-radius:0.10rem;float:right; line-height:0.32rem; font-size:0.18rem;}
.contents .left1 h2{width:100%; line-height:0.36rem; font-size:0.18rem;color:#111;padding:0.10rem 0; font-weight:normal;border-bottom:0.01rem solid #ddd; margin-bottom:0.10rem;}
.contents .right1{width:50%; height:auto;overflow: hidden; float:left;}

/* ------------联系我们--------------------- */
.contact{width:100%; overflow: hidden; padding:0.10rem 0;}
.contact_l{width:50%; height:6.50rem;overflow: hidden; float: left;}
.contact_l img{width:100%;}
.contact_r{width:42%; height:5.50rem; float: right; background: #f9f9f9; padding:0.50rem 4%;}
.contact_r h2{width:100%;height:0.40rem; line-height:0.40rem; font-weight: normal;overflow: hidden; font-size:0.32rem; color: #222222;}
.contact_r h3{width:100%;height:0.40rem; line-height:0.40rem; font-weight: normal;overflow: hidden; font-size:0.18rem; color: #666;}
.contact_r .list{overflow: hidden;border-top:0.01rem solid #e5e5e5;border-bottom:0.01rem solid #e5e5e5;margin:0.20rem 0; padding:0.20rem 0;}
.contact_r .list li{line-height:0.36rem; font-size:0.16rem;color: #777;}
.contact_r .list li p{font-size:0.18rem; color: #333; text-indent:0.30rem;}
.contact_r .list .a1{background:url(../images/con1.png) no-repeat 0 center;}
.contact_r .list .a2{background:url(../images/con2.png) no-repeat 0 center; font-size:0.32rem;color: #00369a;}
.contact_r .list .a2 a{color: #00369a;}
.contact_r .list .a3{background:url(../images/con3.png) no-repeat 0 center;}
.contact_r .list1{width:100%; line-height:0.30rem; text-align: center; font-size:0.16rem;}
.contact_r .list1 li{width:1.50rem; float:left; padding-right:0.10rem;}
.contact_r .list1 img{width:100%;}

.dqwz{width:100%;min-width: 14.40rem;background:#fff;}
.dqwz .main{width: 14.40rem; margin:0 auto; height:0.72rem; line-height:0.72rem;border-bottom:0.01rem solid #e4e4e4;}
.dqwz .main ul{ height:0.72rem;}
.dqwz .main ul li{width:auto; float:left; padding:0 0.40rem 0 0;}
.dqwz .main ul li a{width:auto; height:0.72rem; font-size:0.20rem; display:block; color:#666;position:relative;}
.dqwz .main ul li a:hover{display:block; color:#000;}
.dqwz .main .u-crt{display:block; color:#000;}

.dqwz a:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-0.15rem;width:0.3rem;height:0.03rem;content:"";background:#00369a;transform:scaleX(0);transition:all .5s;}
.dqwz a:hover:after{transform:scaleX(1.5);}
.dqwz .u-crt:after{transform:scaleX(1.5);}

/* ------------case--------------------- */
.about02{width: 100%; min-width:14.40rem;overflow:hidden; padding:0.50rem 0;}
.about02 .bd{width: 14.40rem;margin: 0 auto; overflow: hidden;}
.about02 .bd ul{width:100%; overflow:hidden; zoom:1; }
.about02 .bd ul li{ float: left; width:24%; margin:0 1.3% 0.15rem 0; border-bottom: 0.01rem solid #ccc;}
.about02 .bd ul li:nth-child(4n){margin-right: 0;}
.about02 .bd ul li a{ width:calc(100% - 0.02rem); height: 3.20rem; display: block; overflow: hidden;border:0.01rem solid #ccc;}
.about02 .bd ul li img{ width:100%; height: 3.20rem; display: block;transition: all 0.5s;}
.about02 .bd ul li:hover img{transform: scale(1.1);}
.about02 .bd ul li:hover span{ background: #00369a; color: #fff; text-indent:0.20rem;}
.about02 .bd ul li span{ display: block; font-size:0.16rem; color: #333;line-height:0.40rem; height:0.40rem; padding:0.10rem 0;transition: all 0.6s ease 0s; overflow: hidden;}

/* ------------案例详情--------------------- */
.picture{overflow:hidden; padding:0.30rem 0;}
.picture .left1 {width:calc(45% - 0.02rem); height:auto;float:left;border:0.01rem solid #e4e4e4; overflow: hidden;}
.picture .left1 img{width:100%;transition: all 0.5s;}
.picture .left1:hover img{transform: scale(1.1);}
.picture .right1 {width:50%;height:auto;float:right;}
.picture .right1 .con01{width:100%; height:0.40rem; line-height:0.40rem; padding-bottom:0.50rem; font-size:0.18rem; color:#666;overflow:hidden;}
.picture .right1 .con1{width:100%; height:0.40rem; line-height:0.40rem; padding-bottom:0.30rem; font-size:0.40rem; color:#00369a;;overflow:hidden; font-weight: bolder;}
.picture .right1 .con2{width:100%;height:auto;padding:0.30rem 0 0.50rem 0;line-height:0.36rem;overflow:hidden; font-size:0.2rem; color: #888; border-top:0.01rem solid #e4e4e4;border-bottom:0.01rem solid #e4e4e4;}
.picture .right1 .con2 span{ width: 100%; color: #333; padding-bottom:0.20rem; display: block;}
.picture .right1 .con3{width:100%; height:0.50rem; padding-top:0.60rem;}
.picture .right1 .con3 a{width:160rem; height:0.45rem; line-height:0.45rem; text-align: center; display: block; font-size:0.16rem; color: #fff; background-image: linear-gradient(315deg,#c00 0,#00369a 100%);
border-radius: 0.50rem 0.50rem 0.50rem 0; cursor: pointer;}
.picture .right1 .con3 a:hover{width:1.90rem;}

.srarch{padding:0.60rem;}
.srarchs{padding:0 0 0.60rem 0;font-size:0.18rem;line-height:0.45rem; background: #fff;}
.srarchs h2{width: 100%; line-height:0.45rem;text-align: center;font-size:0.3rem; padding-bottom:0.40rem;}
.srarchs td{padding:0.20rem;}

}  


.totop{width:0.15rem; height:0.15rem; padding:0.10rem; border: 0.02rem solid #fff;border-radius: 100%; position: fixed; bottom:10%; right:3%; display: none;background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
.totop img{width:0.15rem; height:0.15rem;}

/* ---------------发布-------------------------------  */
.fabus{width: 100%; min-width: 12.00rem; height: 100%;background:url(../images/hei.png) repeat; display:none; position: fixed; z-index:5; left:0%; top:0;}
.fabus .mains{width:5.00rem; height:4.00rem; border:0.08rem solid #eee; margin:2.00rem auto 0 auto; background:#fff; border-radius:0.05rem 0 0.05rem 0.05rem; position: relative;}
.fabus .close{width:0.25rem; height:0.25rem; border:0.10rem solid #eee;display:block; position:absolute; cursor:pointer; left:50%; margin-left: 2.56rem; top:2.00rem;}
.fabus .close img{width:100%;}
.fabus .tit{ overflow: hidden; height:0.60rem; line-height:0.60rem; border-bottom:0.01rem solid #eee; padding-left:0.20rem;}
.fabus .tit h2{ font-size:0.18rem; font-weight: normal; float: left; padding-right:0.05rem;}
.fabus .tit p{ font-size:0.14rem; float: left; color: #999;}
.fabus .list{ padding:0.20rem; overflow: hidden;}
.fabus .list .a1{width:100%; height:0.40rem; line-height:0.40rem; font-size:0.18rem; padding-bottom:0.10rem;}
.fabus .list .a1 input{width:0.20rem; height:0.20rem;margin:0.03rem 0.10rem 0 0;}
.fabus .list .a2 input{width:4.58rem; margin-bottom:0.05rem; height:0.50rem; line-height:0.50rem; border:0.01rem solid #ccc; font-size:0.14rem; color: #999; text-indent:0.20rem;box-shadow:0.01rem 0.01rem 0.10rem 0.01rem #e0e0e0 inset;}
.fabus .list .a4{width:100%; padding-top:0.20rem;}
.fabus .list .a4 .submit{width:100%; height:0.50rem; line-height:0.50rem; background: #00369a; border: 0; font-size:0.18rem; color: #fff;transition: all 0.6s ease 0s;}
.fabus .list .a4 .submit:hover{width:100%; height:0.50rem; line-height:0.50rem; border: 0; font-size:0.18rem; color: #fff;cursor:pointer;background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}

/* ---------------mainBody_01-------------------------------  */
.mainBody_01{width:100%;height:5.15rem; position:relative;}
.mainBody_01 .swiper{width:100%;height:100%; color:#fff;}
.wapmainBody_01{width:100%;position:relative;}
.wapmainBody_01 .swiper{width:100%;height:auto;}
.wapmainBody_01 .swiper img{width:100%;}

.tijiao{width:3.50rem; height:3.30rem; border:0.08rem solid #eee; background:#fff; position:absolute; top:0.80rem; left:50%; margin-left:3.55rem; z-index:9;}
.tijiao .tit{ overflow: hidden; height:0.60rem; line-height: 0.60rem; border-bottom:0.01rem solid #eee; padding-left:0.20rem;}
.tijiao .tit h2{ font-size:0.18rem; font-weight: normal; float: left; padding-right:0.05rem;}
.tijiao .tit p{ font-size:0.14rem; float: left; color: #999;}
.tijiao .list{ padding:0.20rem; overflow: hidden;}
.tijiao .list .a1{width:100%; height:0.40rem; line-height:0.40rem; font-size:0.18rem; padding-bottom:0.10rem;}
.tijiao .list .a1 input{width:0.20rem; height:0.20rem;margin:0.03rem 0.10rem 0 0;}
.tijiao .list .a2 input{width:3.08rem; margin-bottom:0.10rem; height:0.50rem; line-height: 50rem; border:0.01rem solid #ccc; font-size:0.14rem; color: #999; text-indent:0.20rem;box-shadow: 0.01rem 0.01rem 0.10rem 0.01rem #e0e0e0 inset;}
.tijiao .list .a4{width:100%; padding-top:0.10rem;}
.tijiao .list .a4 .submit{width:100%; height:0.50rem; line-height:0.50rem; background: #00369a; border: 0; font-size:0.18rem; color: #fff;transition: all 0.6s ease 0s;}
.tijiao .list .a4 .submit:hover{width:100%; height:0.50rem; line-height:0.50rem; border: 0; font-size:0.18rem; color: #fff;cursor:pointer;background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
.tijiao .list .a5{width:100%; height:0.40rem; line-height:0.40rem; font-size:0.14rem; text-align:center; padding-top:0.05rem;}
.tijiao .list .a5 span{color:#00369a;}

/* ---------------titles-------------------------------  */
.titles{height:auto;overflow:hidden; padding:0.20rem 0; text-align:center;}
.titles h2{color: #333;height: 0.32rem;line-height:0.32rem;font-weight: 500;position: relative;display: inline-block;}
.titles h2::after {content: '';width:0.61rem;height: 0.10rem;position: absolute;top: 0.10rem;right: 0;background: url(../images/title-r.png) center no-repeat; background-size:auto 100%;}
.titles h2::before {content: '';width:0.61rem;height: 0.10rem;position: absolute;top: 0.10rem;left: 0;background: url(../images/title-l.png) center no-repeat;background-size:auto 100%;}
.titles em {display: block;border-bottom: 0.01rem solid #4e75f6;width:0.50rem;margin: 0 auto;}
  

/* ---------------mainBody_06-------------------------------  */
.mainBody_06{width: 100%; min-width: 14.40rem;overflow:hidden;padding:0.50rem 0 0.80rem 0;background:#f1f1f1; margin-top:0.20rem;}
.mainBody_06 .list{width: 14.40rem;height:auto;margin: 0 auto;padding:0.30rem 0 0 0; position:relative;}
.mainBody_06 .list .main{width:42.5%;height:auto;background: #fff; padding:0.30rem 3%; border-radius:0.10rem;}
.mainBody_06 .list .left{float:left; margin-right:0.03rem;}
.mainBody_06 .list .left ul{overflow:hidden;}
.mainBody_06 .list .right{float:right;}
.mainBody_06 .list h2{width:100%; line-height:0.30rem; font-size:0.24rem; padding-bottom:0.30rem; font-weight:normal; color:#111;}
.mainBody_06 .list li{width:92%; margin-bottom:0.15rem; overflow:hidden;}
.mainBody_06 .list li span{width:0.60rem; height:0.60rem;line-height:0.60rem; background:#999; color:#fff; border-radius:50%; display:inline-block; margin-right:0.10rem; text-align:center; float:left;font-size:0.24rem;}
.mainBody_06 .list .right span{background:#00369a;}
.mainBody_06 .list li p{width:calc(100% - 0.74rem);line-height:0.30rem; float:left; font-size:0.18rem;}
.mainBody_06 .list h3{width:0.90rem;height:0.90rem; padding:0.20rem; position:absolute; top:2.00rem; left:50%; margin-left:-0.65rem; border-radius:100%; background:#f1f1f1;box-shadow: 0rem 0.04rem 0.18rem 0.04rem rgba(0, 0, 0, 0.1);}
.mainBody_06 .list h3 img{width:100%;}

.banner {width:100%;min-width: 14.40rem;height:3.50rem; text-align: center;}
.banner .main{width:14.40rem; margin: 0 auto;}

/* ---------------内页-------------------------------  */
.banner h2{padding:1.40rem 0 0 0; font-size:0.42rem; color: #fff; line-height:0.50rem;}
.banner p{padding:0.10rem 0 0 0; font-size:0.14rem; color: #eee; line-height:0.20rem;text-transform: uppercase;}
.content{padding:0.20rem 0;line-height:0.27rem; font-size:0.14rem; color: #666;}


/* ------------新闻页面--------------------- */
.news{width:100%; padding:0.50rem 0;}  
.new .con1{width:100%; height:auto; line-height:0.40rem; color:#111; text-align:center;overflow:hidden; font-weight: bolder;}
.new .con2{width:100%; height:0.24rem; line-height:0.24rem; color: #666; text-align:center; padding:0 0 0.20rem 0;}
.new .con3{height:auto;line-height:0.3rem;overflow:hidden;border-top:0.01rem solid #e4e4e4; font-size:0.16rem;}
.new .con3 h5{width:100%; height:auto; text-align: center; padding:0.10rem 0;}
.new .con3 h5 img{width:6.00rem; height:auto;}

.searchs{text-align: center; font-size:0.16rem;}
.searchs td{padding:0.12rem; border:0.01rem solid #999;}
.searchs .title{background:#00369a; color: #fff;}
.searchs .title td{padding:0.30rem; font-size:0.27rem;}

/* ------------详情--------------------- */
.contents .picture{width:100%;}
.contents .left{overflow: hidden;background: #fff;border-radius:0.10rem;box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(22,23,47,.08);}
.contents .con1{width:100%; line-height:0.36rem; font-size:0.2rem;color:#111;padding:0.10rem 0;}
.contents .con3{width:100%; line-height:0.32rem;overflow: hidden; padding:0.15rem 0; color:#666; border-top:0.01rem solid #ddd;border-bottom:0.01rem solid #ddd;}
.contents .con4{width:100%;overflow: hidden; padding-top:0.20rem;}
.contents .con4 a{width:1.50rem; height:0.45rem;line-height:0.45rem;font-size:16rem; text-align:center; color:#fff; display:block;border-radius:1.0rem; background-image: linear-gradient(315deg,#c00 0,#00369a 100%);}
.contents .con4 a:hover{width:1.70rem;}
.contents .right .title{width: 100%;height:0.40rem; overflow:hidden;line-height:0.40rem;padding:0 0 0.20rem 0;}
.contents .right .title h2{height:0.32rem;float:left;color:#111;font-size:0.22rem; padding-right:3%;}
.contents .right .list{width: 100%;height:auto;margin: 0 auto; padding-top:0.30rem;}
.contents .right .main{width:100%; height:auto; margin:0 0 0.30rem 0; display: block; border-radius:0.12rem; box-shadow: 0rem 0.04rem 0.16rem 0rem rgba(22,23,47,.08);}
.contents .right .main:hover{box-shadow: 0rem 0.04rem 0.16rem 0.04rem rgba(0, 0, 0, 0.1);} 
.contents .right .main h3{width:100%; height:0.50rem; line-height:0.50rem; color:#fff; font-size:0.16rem; background-image: linear-gradient(315deg,#c00 0,#00369a 100%);text-indent:7%;border-radius:0.12rem 0.12rem 0 0;}
.contents .right .main ul{width:86%; height:auto; line-height:0.40rem; padding:0.10rem 7% 0.20rem 7%;}
.contents .right .main li a{width:30%; height:0.30rem; line-height:0.30rem; border:0.01rem solid #00369a;color:#00369a; text-align:center; display:block; float:right;border-radius:0.05rem; margin-top:0.05rem;}
.contents .right .main li a:hover{border:0.01rem solid #c00;color:#c00;}


/* ------------分页--------------------- */
.page{width:100%; text-align:center; overflow: hidden; padding:0.15rem 0; background: #fff;}
.page .pages{padding:0.10rem 0.12rem;}
.page a{ display:inline-block; margin:0 0.02rem; padding:0.10rem 0.12rem; border:0.01rem solid #eee;}
.page .current{background:#00369a; color:#fff;display:inline-block; margin:0 0.02rem; padding:0.10rem 0.12rem; border:0.01rem solid #eee;}
.page a:hover{background:#00369a; color:#fff;}


.bsy{overflow: hidden;}
.bsy img{ width:100%;}
.srarch{line-height:0.45rem; background: #fff;text-align: center;font-size:0.3rem; font-weight: bold;}
.srarch a{color: #000;}
.srarch span{color: #00369a;}
.srarchs span{color: #00369a;}
.srarchs table{width:100%;}

