/* CSS Document */
/*公共样式*/
@charset "utf-8";
html{font-size:100px;}
body{font-size:0.24rem;line-height:1;height: 100%; }
html,body{-webkit-font-smoothing:antialiased;font-family:"微软雅黑" }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
img{ vertical-align:top; max-width:100%;}
address,caption,cite,code,dfn,em,strong,th,var,i,b{font-style:normal;font-weight:normal}
ul,ol,dl,li{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal}
area,a,input,button{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:none;outline:0;blr:expression(this.onFocus=this.blur())}
a{ text-decoration:none}
a:hover{text-decoration:none; -webkit-tap-highlight-color:rgba(255,0,0,0)}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea { resize:none} 
input,button,textarea {-webkit-appearance: none;border-radius:0; vertical-align: middle}
#page{  width:100%;  overflow-x:hidden;background: #f4f4f4;position: relative; }
.clear{ clear: both; }
/*初始结束*/


/*header*/

.header{
		width: 100%;
		height: 1.26rem;
		background: #fff;
		position: relative;
}
.header .title{width: 5rem;height:1.26rem;display: flex;margin: 0 auto;font-size:.4rem;text-align:center;justify-content:center;align-items:center;}
.header .logo{width: 45%;height:1.26rem;display: block;margin: 0 auto; padding-top: 2px;}
.banner{overflow: hidden;}

.banner ul li{position: relative;}
.banner ul li span{
	width: 100%;
	display: block;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: .4rem;
	color:#fff;
	letter-spacing:.1rem;
	text-shadow: 5px 5px 5px #000000;
	font-weight:bold;
}
.cheader{

	width: 100%;
	height: 1.26rem;
	background: #252525;
	position: relative;

}
.cheader .title{color: #fff;font-size: .4rem; line-height: 1.26rem;text-align: center;}
.cheader .back{background: url(../images/back.png) no-repeat;width: .26rem;height: .42rem;display: block;position: absolute;left: .45rem;top: .45rem;background-size: .26rem .42rem}
.header .search{cursor: pointer; background: url(../images/serach.png) no-repeat;width: .47rem ;height: .47rem;background-size: .47rem ;display: block;position: absolute;right: 1.2rem;top: .5rem;}

.cheader .search{cursor: pointer; background: url(../images/serach2.png) no-repeat;width: .43rem ;height: .37rem;background-size: .42rem .37rem;display: block;position: absolute;right: .45rem;top: .5rem;}

.siput{z-index: 9; display: none; position: absolute;left: 0;background: rgba(255,255,255,.8); height:.7rem;line-height: .7rem;border: 1px solid #d3d3d3;width: 96%;margin: 0 auto;left: 0;right: 0;z-index:999;}
.siput input{float: left; border: none;width: 70%;padding: 0 5%;height:.7rem;line-height: .7rem;}
.siput .submit{width: 20%;text-align: center;line-height: .7rem;color: #fff;font-size: .3rem;background: #333;}

.cOnt{width: 94%;background: #f4f4f4;padding: 3% 3%;overflow: hidden;}
.cOnt .heat{background:url(../images/apic1.jpg) no-repeat;width: 50%;height: 3.86rem;overflow: hidden;float: left; background-size:100% 100%}
.cOnt .heat .pt{width: 1.01rem;height: .94rem;display: block;text-align: center;margin: 1rem auto 0 auto; }
.cOnt .heat h3{display: block;font-size: .36rem;color: #ffffff;text-align: center;margin-top: .2rem;}
.cOnt .heat h4{display: block;font-size: .28em;color: #ffffff;text-align: center;margin-top: .2rem;}
.cOnt .pic{float: left;width: 50%;}

.cOnt .pic{background:url(../images/apic2.jpg) no-repeat;width: 50%;height: 3.86rem;overflow: hidden;float: left; background-size:100% 100%}
.cOnt .pic .pt{width: 1.01rem;height: .94rem;display: block;text-align: center;margin: 1rem auto 0 auto; }
.cOnt .pic h3{display: block;font-size: .36rem;color: #272727;text-align: center;margin-top: .2rem;}
.cOnt .pic h4{display: block;font-size: .28em;color: #272727;text-align: center;margin-top: .2rem;}
.alist{width: 94%;background: #f4f4f4;padding: 3% 3%;overflow: hidden;}
.alist li {
	background: #fff;
    float: left;
    box-sizing: border-box;
    width: 47%;
    margin-bottom: 3%;
    margin-left: 3%;
    position: relative;
}

.alist .lsit1 .text{position: absolute;top: .57rem;text-align: center;width: 100%;}
.alist .lsit1 .text h3{font-size: .36rem;color: #005398;}
.alist .lsit1 .text i{display: block;width: 30%;height: 1px;background: #d3dce5;margin: .2rem auto}
.alist .lsit1 .text p{font-size: .24rem;color: #666666;}

.alist .list2 .text{position: absolute;top: 1.8rem;text-align: center;width: 100%;}
.alist .list2 .text h3{font-size: .36rem; color: #272727;}
.alist .list2 .text p{font-size: .24rem;color: #666666;margin-top: .1rem}

.alist .list3 .text{position: absolute;top: 1.8rem;text-align: center;width: 100%;}
.alist .list3 .text h3{font-size: .36rem; color: #272727;}
.alist .list3 .text p{font-size: .24rem;color: #666666;margin-top: .1rem}

.alist .list4 .text{position: absolute;top: 1rem;text-align: center;width: 100%;}
.alist .list4 .text h3{font-size: .36rem; color: #fff;}
.alist .list4 .text i{display: block;width: 30%;height: 1px;background: #fff;margin: .2rem auto}
.alist .list4 .text p{font-size: .24rem;color: #fff;margin-top: .1rem}

.iCon{width: 100%;overflow: hidden;background: #fff;}
.iCon a{float: left;width: 24.7%; border-right: 1px solid #f4f4f4;height: 2rem;padding-bottom: .3rem;}
.iCon a h3{display: block;text-align: center;font-size: .3rem;color: #585858;margin-top: 1.23rem;}
.iCon a h5{color: #c5c5c5;text-align: center;display: block;margin-top: .1rem;font-size: .24rem;}


.iCon .iCon1{background: url(../images/footert-1.png)  center .4rem  no-repeat;background-size: .45rem ;}
.iCon .iCon1:hover{background: url(../images/footert-01.png)  center .4rem  no-repeat;background-size: .45rem ;}

.iCon .iCon2{background: url(../images/footert-2.png)  center .4rem  no-repeat;background-size: .65rem ;}
.iCon .iCon2:hover{background: url(../images/footert-02.png)  center .4rem  no-repeat;background-size: .65rem ;}

.iCon .iCon3{background: url(../images/footert-3.png)  center .4rem  no-repeat;background-size: .45rem ;}
.iCon .iCon3:hover{background: url(../images/footert-03.png)  center .4rem  no-repeat;background-size: .45rem ;}

.iCon .iCon4{background: url(../images/footert-4.png)  center .4rem  no-repeat;background-size: .45rem }
.iCon .iCon4:hover{background: url(../images/footert-04.png)  center .4rem  no-repeat;background-size: .45rem ;}

.iCon .iCon5{background: url(../images/abICon.png)  center .4rem  no-repeat;background-size: .82rem }
.iCon .iCon5:hover{background: url(../images/abICon02.png)  center .4rem  no-repeat;background-size: .82rem ;}


.foLogo{width: 100%;height: 1.35rem;background: #f4f4f4;overflow: hidden;position: relative;border-bottom: 1px solid #e9e9e9}
.foLogo .pic img{width: 1.15rem;height: .51rem;display: block;margin: .5rem auto 0 auto;}
.foLogo .totop{display: block;position: absolute;right: .2rem;width: 1rem ;height: 1rem;top: .2rem;}

.foot{height: 1.02rem;width: 100%;background: #fff;overflow: hidden;}
.foot h5{display: block; float: left;color: #c3a16c;font-size: .3rem;padding-left:.6rem;line-height: 1.02rem; background: url(../images/tel.png) left center no-repeat;margin-left: .3rem; background-size: .31rem .32rem}
.foot span{font-size: .32rem;color: #3e3b3b;font-weight: bold;display: block;float: left;margin-left: .3rem;line-height: 1.02rem;}

.foot a{display: block;float: right;width: .62rem;height: .62rem;margin-right: .4rem;margin-top: .2rem;line-height: 0.62rem;}


.footer{height: 1.4rem;background: #232323;width: 100%;overflow: hidden;}
.footer p{font-size: .22rem;color: #bcbcbc;text-align: center;margin-top: .3rem;line-height:1.8;}
.AA:hover{color:#ff0000;text-decoration : underline; position : relative;}


/*news*/
.nNav{overflow: hidden;width: 94%;background: #f4f4f4;padding: 3%;}
.nNav li{display: block;width: 50%;float: left;background: #454545;}
.nNav li a{display: block;width: 100%;line-height: .85rem;color: #fff;font-size: .3rem;text-align: center;}
.nNav li.on a{background: #005398;}

.nlist{overflow: hidden;width: 94%;background: #ffffff;padding: 3%;margin-bottom: 3%;}
.nlist li{overflow: hidden;padding-bottom: 3%;border-bottom: 1px solid #e5e5e5;margin-bottom: 3%;}
.nlist li .pic{width: 40%;float: left;}
.nlist li .text{float: right;width: 57%;}
.nlist li .text h3{font-size: .3rem;margin-top: .1rem; font-weight:bold; color:#000; line-height:18px;}
.nlist li .text i{display: block;width: 30%;height: 1px;background: #195ba9;margin: 3% 0; }
.nlist li .text p{font-size: .24rem;color: #454545;line-height: .35rem;}


.news_show{background: #fff;width: 94%;padding: 10% 3%;margin-bottom: 3%;}
.news_show h3{    font-size: 20px;
    color: #333333;
    line-height: 25px;
    font-weight: bold;
}
.news_show .backbtn{display: block;width: 2.16rem;line-height: .74rem;text-align: center;color: #fff;font-size: .3rem;background: #333333;margin: 0 auto;}
/*news*/

.page{background: #f4f4f4;width: 94%;padding: 3% 3%  0% 3%;overflow: hidden;height: 1.2rem;}
.page .prve{width: .35rem; height: .61rem;background: url(../images/pPrve1.png) no-repeat;background-size: .35rem;display: block;margin-right:.26rem;padding: 0}
.page .prve:hover{background: url(../images/pPrve1.png) no-repeat;background-size: .35rem;}

.page a,.page span{display: block;padding:2% 2%;color: #999999;float: left;margin-top: .15rem;margin-right: .45rem;font-size: .36rem;}
.page a.on{background: #006699;color: #fff}

.page a.last{margin-right: 0}

.page .next{width: .35rem; height: .61rem;background: url(../images/pNext1.png) no-repeat;background-size: .35rem;display: block;float: right;margin-right: 0;padding: 0}
.page .next:hover{background: url(../images/pNext.png) no-repeat;background-size: .35rem;}


/*contact*/

.cNav{overflow:hidden;}
.cNav ul li{border-top: 2px solid #454545; display: block;height: .85rem;text-align: center; line-height: .85rem;width: 49.8%;font-size: .3rem;color: #ffffff;}
.cNav ul li a{display: block;width: 100%;color: #fff;}
.cNav ul li:nth-child(1){float: left;background: #565656 url(../images/addiCON.png) .9rem .2rem no-repeat;background-size: .35rem ;}
.cNav ul li:nth-child(2){float: right;background:#565656 url(../images/pICon.png) .9rem .2rem no-repeat;background-size: .47rem ;padding-left:3%;width: 46.8%;}
.cNav ul li:nth-child(1).on{border-top: 2px solid #144a8a;background: #195cac url(../images/addiCON.png) .9rem .2rem no-repeat;background-size: .35rem ;}
.cNav ul li:nth-child(2).on{float: right;background:#144a8a url(../images/pICon.png) .9rem .2rem no-repeat;background-size: .47rem ;}

.clist {padding:  0 4%;width: 92%;background: #fff;margin-bottom: 5%;}
.clist ul li{width: 100%;}
.clist ul li span{ cursor: pointer;   overflow: hidden; display: block;line-height: 1rem; width: 100%;height: 1rem;border-bottom: 1px solid #f0f0f0;}
.clist ul li span h5{float: left;color: #195ba9;font-size: .32rem;margin-right: .3rem;}
.clist ul li span h6{float: left;font-size: .24rem;color: #666666;}

.clist ul li span i{
	display: block;
	float: right;
	background: url(../images/maPN.png) no-repeat;
	background-size: .43rem ;
	width: .43rem;
	height: .28rem;
	margin-top: .32rem;
	background-position: 0 0rem ;
	-webkit-transition: background-position .5s;
	transition: background-position .5s;
}

.clist ul li.on i{
	background-position: 0 -.25rem ;
	-webkit-transition: background-position .5s;
	transition: background-position .5s;
}

.clist ul li dl{display: none;}
.clist ul li dl dd{padding: 5% 5% 5% 5%;background: #f3f3f3;}
.clist ul li dl dd .teNum{height: .34rem;margin-bottom: .2rem; font-size: .24rem;color: #666666;background: url(../images/tel1.png) left center no-repeat; background-size: .32rem .34rem;padding-left: 10%;line-height: .34rem}
.clist ul li dl dd p{font-size: .24rem;color: #666666;padding-left: 10%;}


.cText{background: #f4f4f4;padding:8% 0%;}
.cText p{text-align: center;font-size: .3rem;color: #000;}
.cText span{text-align: center;color: #666666;font-size: .3rem;display: block;margin-top: 3%;}
.cText span a{color: #ddc78c;}

.join{width: 100%; margin:0 auto;padding-bottom: .3rem;}
.join dl{}
.join dl dt{overflow: hidden;background: #252525;}
.join dl dt span{width: 25%;text-align: center;float: left;display: block;height: .9rem;line-height: .9rem;font-size: .3rem;color: #fff;}
.join dl dd{ overflow: hidden; cursor: pointer; color: #666666;background: #f7f7f7;border-bottom: 1px solid #e2e2e2; }
.join dl dd.x{background: #ffffff;}
.join dl dd.on{background: #144a8a ; color: #fff;}
.join dl dd span{width: 25%;text-align: center;float: left;display: block;height: 1.2rem;line-height: 1.2rem;font-size: .28rem;}



.showbox{width: 96%;margin: 0 auto;position: absolute;top: 0;left: 0;right: 0;background: #fff;display: none;z-index: 999;}
.showbox h4{height: 1rem;background: #144a8a;text-align: center;color: #fff;line-height: 1rem;font-size: .3rem;}
.showbox span{width: 96%;margin: .2rem auto;font-size: .23rem;color: #585858;display: block;}.showbox .text .c1{height:5rem;}
.showbox .text{background: #f7f7f7;width: 85%;margin: 0 auto;padding: 5% 5% 5% 5%;margin-top:.5rem;height:5rem;}
.showbox .text h5{font-size: .32rem;color: #585858;margin-top: .2rem;margin-bottom: .2rem;}
.join dl dd .showbox span{width: auto;margin: .2rem auto;font-size: .23rem;color: #585858;display: block;text-align:left;height:auto;}
.showbox .text p{color:#585858;font-size: .2rem;line-height: .4rem;margin-bottom: .5rem}
.showbox .send{position: relative; font-size: 20px; width:50%; height: .7rem; -webkit-border-radius: .3rem;border-radius: .3rem; text-align: center;background: #175ba6; margin: .2rem auto  .2rem auto;  line-height:.7rem; }
.showbox .send a{color: #fff;text-align: center; display: block;font-size: .3rem}
.showbox .send i{background: url(../images/feiji.png ) no-repeat;background-size: .3rem ; width: .3rem; height:.3rem; position: absolute;top:35%; left: 26%;}

.showbox .close{background: url(../images/close1.png ) no-repeat; background-size: .3rem ; width: .3rem; height: .3rem;cursor:  pointer;display: block;position: absolute;  right: 3%;    top:4%;}
/*contact*/

/*滚动条*/
.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom;}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: none;direction: ltr;}
.mCSB_container{ overflow: hidden;width: auto;height: auto;}
.mCSB_inside > .mCSB_container {margin-right:.52rem;}
.mCSB_scrollTools{position: absolute;width: 16px;height: auto;left: auto;top: 0;right: 0;bottom: 0;}
.mCSB_scrollTools .mCSB_draggerContainer{position: absolute;top: 0;left: 0;bottom: 0;right: 0; height: auto;}
.mCSB_scrollTools .mCSB_dragger{cursor: pointer;width: 100%;height: 30px;z-index: 1;}
.mCSB_scrollTools .mCSB_draggerRail{width: 1px;height: 100%;margin: 0 auto;background: linear-gradient(#c5b291, #343434,#c5b291); }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 0.13rem;left: .01rem;  position: relative; height: 100%;margin: 0 auto;text-align: center;background:#333333; border-radius:.1rem;}
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;transition: opacity .2s ease-in-out, background-color .2s ease-in-out;}

#scrollbar1{height: 5.87rem;}
#scrollbar2{min-height: 10px;}

/*滚动条*/




.caseNav{overflow: hidden;background: rgba(38,38,39,.8); height: .9rem;position: absolute;bottom: 0;display: block;width: 100%;z-index: 999;}
.caseNav li{width: 50%;float: left;text-align: center;color: #fff;font-size: .3rem;line-height: .9rem;}

.caseNav li.on{background: #005398;color: #fff;}

.caseText{ width: 94%;background: rgba(38,38,39,.8);bottom:  .9rem;z-index: 998;color: #fff;padding: 5% 3%;border-bottom: 1px solid #fff}
.caseText span{display: block;font-size: .3rem;margin-bottom: .3rem;}
.caseText p{font-size: .28rem;line-height: .45rem}
.caseText .close{display: block;background: url(../images/closeal.png) no-repeat;background-size: .3rem ;width: .3rem;height: .3rem;position: absolute;right: .5rem;}


.casePt{display: block; width: 94%;background: rgba(38,38,39,.8);bottom:  .9rem;position: absolute;z-index: 998;color: #fff;padding: 5% 3%;border-bottom: 1px solid #fff}
.casePt span{display: block;font-size: .3rem;margin-bottom: .3rem;}
.casePt .close{display: block;background: url(../images/closeal.png) no-repeat;background-size: .3rem ;width: .3rem;height: .3rem;position: absolute;right: .5rem;}
.conSwiper{
	overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}


#fade{ position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;background: #000;opacity: .5;}



/*--------*/

.aNum{background: #e9e9e9;height: .95rem;border-bottom: 1px  solid #e9e9e9;}
.aNum ul li {height: .95rem;line-height: .95rem;text-align: center;background: #f4f4f4;color: #666666;font-size: .3rem;}
.aNum ul li a{color:#666;}
.aNum ul li.on{background: #195cac;color: #fff;}
.aNum ul li.on a{color:#fff;}
.aNum .swiper-button-prev{background:url(../images/prve.png) center center no-repeat ;background-size: .45rem .45rem;     opacity: 0.5;}
.aNum .swiper-button-next{background:url(../images/next.png) center center no-repeat ;background-size: .45rem .45rem;    opacity: 0.5;}

/*---*/
.aNum3{background: #9f9f9f;height: .95rem;border-bottom: 1px  solid #9f9f9f;position: relative;}
.aNum3 ul li{height: .95rem;line-height: .95rem;text-align: center;background: #9f9f9f;color: #fff;font-size: .3rem;}
.aNum3 ul li.on{background: #195cac;color: #fff;}
.aNum3 .swiper-button-prev{background:url(../images/next02.png) center center no-repeat ;background-size: .45rem .45rem; }
.aNum3 .swiper-button-next{background:url(../images/next01.png) center center no-repeat ;background-size: .45rem .45rem; }



.aBtitle{padding: 5% 0;background: #fff;margin-bottom: .3rem;}

.aBtitle span{position: relative; display: block;border-left: 3px  solid #000;padding-left: .2rem;margin-left: .3rem;}

.aBtitle span h6{display: block;font-size: .2rem;color: #666666}
.aBtitle span h2{display: block;color: #252525;font-size: .4rem;margin-top: .2rem;}
.aBtitle span a{margin-right: .3rem; display: block;padding-right: .75rem; z-index: 8;font-size: .28rem; position: absolute;right:0;color:#666666;top: .5rem;background: url(../images/aclick.png) right top no-repeat;background-size: .56rem .2rem;}

.aBtitle h4{text-align: center;font-size: .48rem;color: #272727;}

.heat {margin-bottom: .2rem;}
.heat .box{background: #fff;width: 94%;padding: 4% 3%;margin-bottom: .3rem;}
.heat .box h4{font-size: .35rem;color: #333333;margin-bottom: .5rem;}
.heat .box p{font-size: .28rem;color: #666666;line-height: .5rem}
.heat .box .pic{margin-top: .5rem;}

.heat .abList{background: #fff;width: 94%;padding: 8% 3%;}
.heat .abList h4{font-size: .35rem;color: #333333;margin-bottom: .5rem;}
.heat .abList li{margin-bottom: .8rem;}
.heat .abList li h3{font-size: .32rem;margin-bottom: .4rem;}
.heat .abList li .text{width: 95%;margin: 0 auto;}
.heat .abList li p{font-size:.26rem;color: #666666;margin-top: .1rem;line-height: .45rem;}
.heat .abList li .pic{width: 95%;margin: .3rem auto 0 auto;}


/*菜单*/
#menuBox{ width: 3.3rem; height: 100%; background: #fff; position: absolute;top:0 ;left:-4rem; z-index: 999;display: block; }
#menuBox ul{ float: right; width: 92%; }
#menuBox ul li{ height: .75rem;line-height: .75rem;border-bottom: 1px solid #efefef; }
#menuBox ul li a{color: #333;height: .75rem;width: 100%;display: block;}
#menuBox ul li a.on{color: #333;}

#fide{width: 100%; height: 100%; background: #000; opacity: .6; position: absolute;display: none;z-index: 10;}

.menu{position: absolute;width: .52rem;height: .38rem;z-index: 9;top: .5rem;left: .3rem}


/*main*/

.main{background: #f4f4f4;margin-top: .3rem;}

.gold {background: #f4f1ec;position: relative;}
.gold .tag{height: 1rem;border-bottom: 1px solid #e2dfdb;position: relative;z-index: 9;width: 94%;margin: 0 auto;overflow: hidden;}
.gold .tag h3{line-height: 1rem; font-size: .5rem;color: #1f1f1f;float: left;width: 25%;}
.gold .tag p{font-size: .24rem;color: #999999;float: left;width: 70%;line-height: .4rem;margin-top: .15rem;}

.gold ul{overflow: hidden;width: 97%; margin: .4rem auto;position: relative;z-index: 9;}
.gold ul li{width: 3.95rem;height: 2.15rem;background: #252525;float: left;margin-left: .1rem;margin-bottom: .1rem;}

.gold ul li h5{display: block;color: #dac898;font-size: .26rem;margin-top: 15%;margin-left: .3rem;}
.gold ul li span{padding-right: 10%; width: 72%; display: block;font-size: .36rem;color: #ffffff;margin-top: 8%;margin-left: 7%;background: url(../images/gogo.png) right top  no-repeat;background-size: .49rem .43rem;line-height: .43rem;}

.gold i{position: absolute;width: 2.13rem;height: 2.32rem;background: url(../images/G.png) no-repeat;background-size: 2.13rem 2.32rem;z-index: 8;top:3%;left: 0;}

.gold ul li:hover{background: url(../images/hover.jpg) no-repeat;background-size:3.95rem 2.15rem }


.gks{background: #22262c;width: 100%;overflow: hidden;position: relative;}
.gks .tag{height: 1rem;border-bottom: 1px solid #e2dfdb;position: relative;z-index: 9;width: 94%;margin: .4rem auto;overflow: hidden;}
.gks .tag h3{font-size: .6rem;color: #dac898;float: left;width: 35%;}
.gks .tag p{font-size: .26rem;color: #fff;float: left;width: 65%;line-height: .4rem;}

.gks .txt{margin: 0 auto;width: 94%;}
.gks h4{display: block;width: 100%;font-size: .36rem;color: #ffffff;}

.gks .txt p{display: block;color: #fff;font-size: .26rem;display: block;margin-top: .35rem; }
.gks .td {margin: 4% auto 4% auto;width: 94%;overflow: hidden;position: relative;z-index: 9}
.gks .td .pic{float: left;width: 62%;}
.gks .td .pic1{float: left;width: 38%;position: relative;}

.gks .td .pic1 .text{position: absolute;top: 0;left: 0;right: 0;}
.gks .td .pic1 .text h5{display: block;font-size: .32rem;color: #ffffff;text-align: center;margin-top: 1rem;}
.gks .td .pic1 .text h4{display: block;font-size: .32rem;color: #ffffff;text-align: center;margin-top: .2rem;line-height: .45rem}
.gks .td .pic1 .text i{display: block;background: url(../images/gogo.png) no-repeat; background-size: .49rem .43rem;width: .49rem;display: block;height: .43rem;margin: .3rem auto 0 auto}

.gks em{background: url(../images/s.png) no-repeat;position: absolute;z-index: 8;background-size: 1.47rem 2.32rem;width: 1.47rem;height: 2.23rem;top: 15%;left: 0;display: block;}


.king {background: #fff;position: relative;padding-bottom: .5rem;position: relative;}
.king .tag{height: 1rem;border-bottom: 1px solid #e2dfdb;position: relative;z-index: 9;width: 94%;margin: 0 auto;overflow: hidden;}
.king .tag h3{font-size: .5rem;color: #1f1f1f;float: left;width: 16%;line-height: 1rem;}
.king .tag p{font-size: .22rem;color: #999999;float: left;width: 81%;line-height: .4rem;margin-top: .15rem;}

.king .txt{margin-top: .3rem;background: #fff;}

.swiper-container3 {position: relative;z-index: 9; height: .85rem;background: #9f9f9f;width: 94%;margin: 0 auto .3rem auto;overflow: hidden;text-align: center;line-height: .85rem;font-size: .3rem;color: #fff}
.snav li.on{background: #005398;}

.swiper-container-in{width: 94%;margin: 0 auto;overflow: hidden;}
/*.swiper-container-in ul li .leftPic{float: left;width: 53%;}
.swiper-container-in ul li .leftPic .pic{margin-bottom: .3rem;}
.swiper-container-in ul li .rightPic{float: right;width: 42.3%;;border: 2px solid #dac898;}*/

.swiper-container-in ul li {margin-bottom: .4rem;overflow: hidden;}
.swiper-container-in ul li .pic{width: 48%;float: left;margin-right: 3%;overflow: hidden;}
.swiper-container-in ul li .pic .pt{margin-bottom: 3%; width: 100%;height: 2.52rem;background-size: 100% 2.52rem;background-position: center center; background-repeat: no-repeat;}


.swiper-container-in ul li .pic .pt2{width: 100%;height: 5.17rem;background-size: 100% 5.17rem;background-position: center center; background-repeat: no-repeat;}




.king .tag a{display: block;width: .43rem;height: .43rem;background: url(../images/more.png) no-repeat; background-size: .43rem .43rem;position: absolute;right: 0;top: .4rem;z-index: 88;}

.king i{position: absolute;width: 1.89rem;height: 2.33rem;background:url(../images/k.png) no-repeat;background-size: 1.89rem 2.33rem;top: .1rem;left: 0;}


.prolist{ margin: 0 auto;width: 94%;margin-bottom: .8rem; }
.prolist ul li{overflow: hidden;background: #f4f4f4;margin-bottom: .3rem;height:3.8rem;}
.prolist ul li .pic{width: 50%;float: right;height:3.8rem;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.prolist ul li .text{width:45%;float: left;padding-left: 5%;padding-top: .8rem;}
.prolist ul li .text h2{font-size: .4rem;color: #272727;}
.prolist ul li .text i{width: 30%;height: 1px;background: #295383;display: block;margin: 7% 0;}
.prolist ul li .text .txt{display: block;font-size: .24rem;color: #333333;width: 85%;line-height: .5rem;height: 1.38rem;}
.prolist ul li .text em{width: 90%;height: .42rem;background: url(../images/gogo2.png) right top no-repeat;background-size: .48rem;display: block;}
.prolist ul li.chxe .pic{float: left;}
.prolist ul li.chxe .text{float: right;}

.prolist2{ margin: .3rem auto 0 auto;width: 94%;margin-bottom: .5rem; }
.prolist2 ul li{overflow: hidden;background: #ffffff;margin-bottom: .3rem;}
.prolist2 ul li .pic{width: 50%;float: right;}

.prolist2 ul li .pic img{min-height: 140px;}
.prolist2 ul li .text{width:45%;float: left;padding-left: 5%;padding-top: .35rem;padding-bottom: 0.15rem;}
.prolist2 ul li .text h2{font-size: .35rem;color: #272727;}
.prolist2 ul li .text h5{font-size: .24rem;color: #333333;margin-bottom: .2rem;}
.prolist2 ul li .text i{width: 30%;height: 1px;background: #295383;display: block;margin: 5% 0;}
.prolist2 ul li .text .txt{overflow: hidden; display: block;font-size: .24rem;color: #333333;width: 95%;line-height: .5rem;height: 1.38rem;}
.prolist2 ul li .text em{width: 90%;height: .42rem;background: url(../images/gogo2.png) right top no-repeat;background-size: .48rem;display: block;}
.prolist2 ul li.chxe .pic{float: left;}
.prolist2 ul li.chxe .text{float: right;}



.service .title{width: 100%;text-align: center;}

.service .title h3{font-size: .48rem;color: #000000;}
.service .title h5{color: #000000;font-size: .24rem;margin-top: .2rem;}
.service .pic{margin-top: .45rem; width: 100%;height: 3.55rem;background-position: center center;background-size: 100% 100%;}

.service .pic .text{width: 35%;float: right;background: rgba(255,255,255,.2);border: 1px solid #fff;height: 3.35rem;margin: .09rem}
.service .pic .text h5{text-align: center;color: #fff;font-size: .36rem;margin-top: .45rem}
.service .pic .text .txt{margin: .3rem auto; width:80%;text-align: center;font-size: .24rem;line-height: .45rem;color: #fff; }

.service .pic .text em{background: url(../images/gogo.png) no-repeat; width: .49rem;height: .43rem;background-size: .49rem .43rem;margin: 0 auto;display: block;}

.pro3{background:#fff;width: 94%;padding: 4% 3%;margin-bottom: .5rem;}
.pro3 .note {background: #f4f4f4;padding: 3%;margin-bottom: 3%;}
.pro3 .note h4{display: block;height: 1.08rem;border-bottom: 1px solid #c3c3c3;font-size: .48rem;color: #272727;line-height: 1.08rem;}
.pro3 .text {color: #666666;font-size: .24rem;line-height: .45rem;}
.pro3 .note .text {margin: .3rem 0;}

.dwonload span{width: 100%;height: .85rem;background: #114abd;display: block;margin-top: .5rem}
.dwonload span h5{color: #fff;padding-left:5%;line-height: .85rem;font-size: .3rem;background: url(../images/dwonlist.png) left center no-repeat;background-size: .3rem ;margin-left: 5%;float: left;}
.dwonload span i{margin: .3rem  .3rem  0 0; display: block; background: url(../images/icon05.png) no-repeat;background-size: .31rem .15rem;width: .31rem;height: .15rem;display: block;float: right;}
.dwonload span i.on{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.dwonload ul{overflow: hidden;margin-bottom: .8rem;display: none;}
.dwonload ul li{color: #303030;font-size: .3rem;line-height: 2.5rem; text-align: center; width: 50%;background: #f4f4f4 url(../images/icon06.png)  center .35rem no-repeat;background-size: .54rem .48rem; height: 1.7rem;overflow: hidden;float: left;}
.dwonload ul li a{display: block;width: 100%;height: 100%;color: #303030;}
.dwonload ul li.on{background: #ededed url(../images/icon06.png)  center .35rem no-repeat;background-size: .54rem .48rem;}

.proShow{width: 100%;}
.proShow .text{margin-bottom: .8rem; font-size: .24rem;color: #666666;line-height: .45rem;text-align: center;}
.proShow .hot{margin-bottom: .3rem;width: 94%;padding: 8% 4% .8rem 4%;background: #fff}


.proShow .list{padding: 8% 4% .8rem 4%;background: #fff;margin-bottom: .4rem;}
.proShow .list .litem h1{font-size: .48rem;color: #333333;margin-bottom: .2rem;text-align: center;}
.proShow .list .litem .pic{width: 90%;margin: .5rem auto}

.proShow .list .litem h5{font-size: .3rem;color: #333333;margin-bottom: .2rem;}
.proShow .list .litem .td{margin-bottom: .3rem;}
.proShow .list .litem .td p{line-height: .45rem;font-size: .24rem;color: #333333}

.applist {width: 94%;margin: .2rem auto .5rem .3rem;}
.applist dl{margin-left: .3rem;border-left: 1px solid #d9d9d9;margin-bottom: .5rem;}
.applist dl dd em{
	display: block;
	position: absolute;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #333333;
	text-align: center;
	line-height: 1rem;
	left: -.5rem;
	font-size: .36rem;
	color: #dac898;
}
.applist dl dd{
	position:relative;
	background: #fff;
	
	padding: .5rem;
	margin-bottom: .3rem;
}

.applist dl dd ul li{
	font-size: .28rem;
	color: #666666;
	margin-bottom: .2rem;
	background: url(../images/liicon.jpg) left center no-repeat;
	padding-left: .3rem;
	margin-left: .3rem;
    line-height:1.5;
}

.applist a{
	width: 94%;
	margin: 0 auto;
	text-align: center;
	color: #333;
	font-size: .3rem;
	background: #fff url(../images/view.jpg) 35% .25rem no-repeat;
	background-size: .48rem .48rem;
	line-height: 1rem;
	display:block;
}


.aNum2{background: #ffffff;height: .95rem;padding: 0 10%;width: 80%;}
.aNum2 ul li{height: .95rem;line-height: .95rem;text-align: center;background: #ffffff;color: #666666;font-size: .3rem;}
.aNum2 ul li a{color:#666;}
.aNum2 ul li  span{padding: .24rem 0;}
.aNum2 ul li.on  span{border-bottom: 2px solid #005398;}


.honlist{overflow: hidden;margin-top: 4%;margin-bottom:0rem;}
.honlist .in-pic{float: left;box-sizing: border-box;width: 48%;padding-left: 4%;margin-bottom: 1%;text-align:center;height:3.5rem;}
.honlist .in-pic img{max-height:2.45rem;max-width:100%;width:auto;}
.honlist .in-pic span{display: block;text-align: center;line-height: 1rem;color: #666666;font-size: .3rem;}

.about2{width: 94%;padding: 5% 3%;}
.about2 .text p{color: #333333;font-size: .24rem;line-height: .45rem;margin-bottom: .3rem}
.about2 h3{font-size: .36rem;color: #333333;}
.about2 i{width: 15%;height: 1px;background: #ceba7d;display: block;margin: 5% 0;}

.data{padding: 3%; width: 94%;background: #fff;}
.data ul{overflow: hidden;background: #fff;}
.data ul li{border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; display: block;width: 32.5%;float: left;background: #fff;padding: .2rem 0;margin-right: .5%;}
.data ul li em{
	display: block;
	width:80%;
	height: .3rem;
	text-align: right;margin-bottom:.2rem;
}
.data ul li em img{width: .3rem;}
.data ul li {color: #333;font-size: .28rem;margin-bottom: .2rem;min-height:2rem;line-height:1.5;}
.data ul li i{font-size: .36rem;color: #014ba4;padding: .2rem 0;}


.clumeb{ width: 94% ;padding: 4% 3%; }
.clumeb ul li{overflow: hidden;margin-bottom: .6rem;}
.clumeb ul li .text{width: 48%;float: left;}
.clumeb ul li .pic{width: 50%;float: right;}

.clumeb ul li .text em{display: block;width: .67rem;height: .67rem;background: url(../images/ad02.jpg)  no-repeat; background-size: .67rem .67rem;margin: .3rem auto 0 auto}

.clumeb ul li .text span{display: block; font-size: .24rem;color: #000000;line-height: .45rem;}


.clumeb ul li .pic .tx{background: #fff;padding: 6% 0;}
.clumeb ul li .pic .tx h3{text-align: center;color: #000000;font-size: .36rem;text-align: center;display: block;width: 100%;}
.clumeb ul li .pic .tx h5{text-align: center;font-size: .24rem;margin-top: .2rem;}

.clumeb ul li.chex .text{float: right;}
.clumeb ul li.chex .pic{float: left;}

.pWall{width: 100%;padding: 4% 0% 10% 0%;background: #fff;margin-bottom: .5rem;position: relative;}
.pWall span{display: block;text-align: center;color: #000;font-size: .36rem;margin-bottom: .3rem;}


.pWall2{width: 100%;padding: 4% 0% 10% 0%;margin-bottom: .5rem;position: relative;}
.pWall2 span{display: block;text-align: center;color: #000;font-size: .36rem;margin-bottom: .2rem;}
.pWall2 h6{font-size: .24rem;color: #666666;margin-top: .1rem;text-align: center;margin-bottom: .3rem;}

.swiper-container4{ width: 85%;margin: 0 auto ;overflow: hidden;}
.swiper-container4 .swiper-button-prev{background:url(../images/pPrve1.png) center center no-repeat ;background-size: .25rem ;opacity: 1;left: 2px; }
.swiper-container4 .swiper-button-next{background:url(../images/pNext1.png) center center no-repeat ;background-size: .25rem ; opacity: 1;}
.swiper-container4 .swiper-button-prev.swiper-button-disabled,.swiper-container4 .swiper-button-next.swiper-button-disabled{opacity: 1}
.swiper-container4 ul li h5{text-align: center;color: #666666;font-size: .3rem;margin-top: .3rem;}


.about2{}
.about2 ul li{margin-bottom: .3rem;background: #fff;padding: 3%;}
.about2 ul li .top{overflow: hidden;display:flex;align-items:center;}
.about2 ul li .top .pic{float: left;width: 50%;}
.about2 ul li .top .text{width: 50%;float: left;}

.about2 ul li .top .text span{padding: .3rem 0; display: block;width: 80%;border-top: 1px solid #ceba7d;border-bottom: 1px solid #ceba7d;margin: .3rem auto 0 auto;}
.about2 ul li .top .text span h1{display: block;font-size: .36rem;color: #000000;text-align: center;}
.about2 ul li .top .text span h4{font-size: .24rem;color: #666666;text-align: center;margin-top: .1rem;}
.about2 ul li h2{font-size: .3rem;color: #000000;margin-top: .5rem;}
.about2 ul li .txt{margin-top: .4rem;}
.about2 ul li .txt{font-size: .24rem;color: #666666;line-height: .45rem;margin-bottom: .3rem;}


#container{position: relative;overflow: hidden;padding: 5% 3% 0% 3%;}

#container .grid{position: relative;float: left;width: 48%;height: 2.15rem;background-size: 3.85rem 2.15rem;margin-bottom: .3rem;margin-left: 1%;margin-right: 1%; }
#container .grid:nth-child(1){margin-bottom: .3rem; background-position: center center; background-repeat: no-repeat; height:2.4rem;width: 4.2rem;background-size: 4.2rem ;margin-right:  0; }
#container .grid:nth-child(2){float: right;background-position: center center;background-repeat: no-repeat;height:5.12rem;width: 3.5rem;background-size: 3.5rem;margin-right:  0;background-size:cover;}
#container .grid:nth-child(3){background-position: center center; background-repeat: no-repeat; height:2.4rem;width: 4.2rem;background-size: 4.2rem;margin-right:  0; }

.case a{width: .8rem;height: .8rem;display: block;margin: 5% auto 10% auto;}
.page ul{display: inline-block;
    margin: 0 auto;
    width: 100%;
    text-align: center;}
	
.page ul li{display: inline-block;
   }	

.test {position: fixed;left: 0;top: 1rem;background: #fff;border: 1px #ccc solid;z-index:9999999999999;}
.test{position:fixed; left:0; top:1rem; background:#fff; border:1px #ccc solid; border-bottom:none;}
.test li{ border-bottom:1px #ccc solid; text-align:center; font-size:.26rem; line-height:.5rem; padding:0 .3rem;}
.test li h3{ font-size:.35rem; color:#000;}
.case .grid a{background:none;height:inherit;width:inherit;}
 


.balist div{background-size:cover;background-position:center center;overflow:hidden;width:100%;background-repeat:no-repeat;}
.news_show div{font-size: .28rem;color: #666666;line-height: .5rem;padding: 7% 0;}
.proShow p,.proShow span {    overflow: hidden;
    display: block;
    font-size: .24rem;
    color: #333333;
    width: 95%;
    line-height: .5rem;margin-bottom:.3rem;margin-top:.3rem;padding-left:.2rem;}
.proShow h6{line-height:1.5;font-size:.5rem;text-align:center;}
.proShow ul{padding-left:.3rem;}
.proShow .cpi2{
      font-size: 14px;
  font-weight: bold;
  color: #333;
  width: .2rem;
  height: .2rem;
  display: inline-block;
  background: #ebe9e9;
  line-height: 1;
  border-radius: 20px;
  text-align: center;
  float: left;
}/*
.proShow .cpp2{
      color: #666;
  line-height: 20px;
  float: left;
  margin-left: 10px;
  width: 630px;
}*/


 .lan{position: absolute;right: 3%;z-index: 999;top: 33%;width: 7%;}
.lan a:nth-child(1){float: left;width: 100%;}
.proShow img{ width:100% !important;height:auto !important}