﻿/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,dl,dt,dd,fieldset,img,q,i,em,sub,sup{margin:0;padding:0;list-style:none;font-style: normal;  font-family:Microsoft YaHei; border:0 none;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{text-decoration:none; color: #505050;}
a:focus,input:focus,textarea:focus{outline:none;}
img { border: none; -ms-interpolation-mode: bicubic; vertical-align: middle; outline:none; display:block;} 
html,body{ background:#fff; font-size:0.24rem; color: #505050;}
.fr{float: right;}
.fl{float: left;}
.clear{clear: both;}
.clearbox:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}


/*header*/
header{width:100%; height:44px; text-align:center; line-height:44px; overflow:hidden; background:#333333; position:relative;}
.logo{width:66px; height:44px; float:left; }
.home{width:20px; height:19px; float:right; margin-right:16px; margin-top:14px; }
header p{display:inline-block; width:60%; color:#ffffff; font-size:18px; font-weight:bold; position:absolute; left:50%; margin-left:-30%; top:0px;}

/*banner*/
.banner{width: 100%; overflow: hidden; position: relative;}
.banner_focus .bd li{ width:100%; }
.banner_focus .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.banner_focus .bd li img{ width: 100%; height: auto; display: block; margin: 0 auto;}
.banner_focus .hd{overflow:hidden; font-size:0; position: absolute; bottom: 0.3rem; 
 left: 0; right: 0; padding: 0 3.81%;}
.banner_focus .hd .bg{background: no-repeat url(../images/hdbg.png) top center; height: 0.2rem; width:100%; margin: 0 auto; 
background-size: 100% 100%; position: relative;}
.banner_focus .hd ul{ margin: 0 auto; position: absolute; left: 0; right: 0; width: 9.4%; display: inline-block; padding-top: 4px;}	
.banner_focus .hd li{ display:inline-block; width:0.08rem; height:0.08rem; background:#eeeeee; margin:0 0.05rem; vertical-align:top; overflow:hidden; 
 border-radius:0.08rem; }
.banner_focus .hd .on{ background:#3b5ee0; }
.banner_focus .prev,.banner_focus .next{ display:inline-block; overflow:hidden; vertical-align:top; font-size: 20px; color: #ffffff;
 position: absolute;  top: -9px;  right: 10px; cursor: pointer; text-indent: -9999px; width: 0.21rem;}
.banner_focus .next{right: -4px;}

/*iconnav*/
.nav{width: 86.09%; margin: 0 auto; background: #3b5ee0; border-radius: 0.1rem; padding: 0.2rem; position: relative; 
box-shadow: 0 3px 8px rgba(21,17,8,0.75); -webkit-box-shadow: 0 3px 8px rgba(21,17,8,0.75); -moz-box-shadow: 0 3px 8px rgba(21,17,8,0.75);}
.nav li{float: left; width: 33.33%; margin-bottom: 0.2rem;}
.nav li a{ display:block; overflow:hidden; height:100%;}
.nav li img{display: block; width: 85%; height: auto;}
.nav li:nth-child(6),.nav li:nth-child(4),.nav li:nth-child(5){margin-bottom: 0; margin-top: 0.2rem;}
.nav p{background: rgba(255,255,255,0.2);width: 100%; height: 1px; position: absolute; top: 51%; left: 0; right: 0; margin: 0 auto; width: 86.09%;}

/*h1*/
.index_title{width: 92.18%;  margin: 0 auto 20px; font-size: 0.28rem; color: #ffffff; font-weight: bold!important; font-family: "微软雅黑";}
.index_title span{color: #ff524e;}
.index_title1{color: #151108;}
.line{position: relative; width: 100%;height: 20px;}
.index_bg{background: rgba(255,255,255,0.2);width: 100%; height: 1px; width: 100%;}
.index_bg1{background: rgba(21,17,8,0.2);}
.line b{width: 85px; height: 7px; background: #ff524e; position: absolute; top: -3px; left: 16px;}

/*fw*/
.fw{width: 92.18%; margin: 0 auto;}
.fw p{font-weight: 300; color: #fff; font-size: 0.18rem; line-height: 0.3rem;}
.fw ul{margin: 0.4rem 0 0.48rem;}
.fw ul li{width: 33.3%; float: left; cursor: pointer;}
.fw ul li:first-child{margin-left: -0.15rem;}
.fw ul li img{display: block; width: 100%; height: auto;}

/*anniu*/
.btns{width: 78.43%; margin: 0 auto;}
.btns a{display: block; height: 0.6rem; line-height: 0.6rem; font-size:0.24rem ; color: #ffffff; width: 40%; background: #3b5ee0; 
border-radius: 0.1rem; text-align: center;box-shadow: 0 2px 16px rgba(59,94,224,0.35); -webkit-box-shadow: 0 2px 16px rgba(59,94,224,0.35); -moz-box-shadow: 0 2px 16px rgba(59,94,224,0.35); }
.btns a.tel{width: 53.85%; background: #fff url(../images/tel.png) no-repeat 12% center /0.3rem 0.3rem; color: #3b5ee0; border: 1px solid #3b5ee0; height: 0.58rem;}


/*1v1*/
.lh_warp{width: 100%; background: url(../images/zx_07.jpg) no-repeat top center; background-size: 100% 100%; padding-top: 0.8rem; padding-bottom: 0.86rem;}

.lh_box{width: 92.18%; margin: 0 auto;}

.lh_box .lh_hd {margin-bottom: 0.52rem;}
.lh_box .lh_hd ul li{width: 33.33%; text-align: center;background: #eeeeee; color: #151108; float: left; font-size: 0.2rem;
 height: 0.51rem; line-height: 0.51rem; position: relative;} 
 .lh_box .lh_hd ul li.on i{background: no-repeat url(../images/lht1.png) top center/17px 15px; position: absolute; top: 0.51rem; left: 0; right: 0; margin: 0 auto; display: block; width: 17px; height: 15px;}
.lh_box .lh_hd ul li.on{background: #3737b7; color: #fff; height: 0.66rem; margin-top: -0.1rem;}
.lh_box .lh_hd ul li:nth-child(2).on{background: #3b5ee0;}
.lh_box .lh_hd ul li:nth-child(2).on i{background: no-repeat url(../images/lht2.png) top center/17px 15px;}
.lh_box .lh_hd ul li:nth-child(3).on i{background: no-repeat url(../images/lht3.png) top center/17px 15px;}
.lh_box .lh_hd ul li:nth-child(1).on{background: #ff524e; }
 
.lh_box .lh_bd .con{display: none; margin-bottom: 0.25rem; position: relative;}
.lh_box .lh_bd .con img{display: block; width: 6.5rem; margin: 0 auto; height: auto; -webkit-box-shadow:0.15rem 0.15rem 0.3rem rgba(49,49,49,0.35);
box-shadow:0.05rem 0.15rem 0.3rem rgba(49,49,49,0.35); -moz-box-shadow:0.15rem 0.15rem 0.3rem rgba(49,49,49,0.35);}

.picScroll-top{ margin:0 auto;  width:100%;  overflow:hidden; position:relative;}
.con .bg{width: 12.5%; position: absolute; bottom: 5px; right: 10px;}
.con img {width: 100%; height: auto; display: block;}
.picScroll-top .bd{}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ text-align:center; zoom:1; width: 6.5rem; margin: 0 auto;}
.picScroll-top .bd ul li .pic{ text-align:center;  }
.picScroll-top .bd ul li .pic img{ width:100%; height:auto; display:block;   }
.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-top .bd ul li .title{ line-height:24px; }

.picScroll-top .hd{overflow:hidden; font-size:0; position: absolute; bottom: 0.05rem; 
 left: 20px; width: 82.01%; height: 20px;}
.picScroll-top .hd ul{ display: inline-block; position: absolute; top: 5px;}	
.picScroll-top .hd li{ display:inline-block; width:0.36rem; height:4px; background:rgba(21,17,8,0.2);
 margin:0 0.05rem; vertical-align:top; overflow:hidden; margin-right: 0.05rem;}
.picScroll-top .hd .on{ background:#3b5ee0; }
.picScroll-top .hd p{background: rgba(21,17,8,0.5); height: 1px; width: 63%; position: absolute; left: 26.35%; top: 7px;}
.picScroll-top .prev,.picScroll-top .next{ display:inline-block; overflow:hidden; font-size: 16px; color: #151108; cursor: pointer; position: absolute;
top: -5px; right: 13px;}
.picScroll-top .next{ right: 0px;}
/*jpb*/
.jpxb{width: 100%; background: url(../images/zx_08.jpg) no-repeat top center; background-size: 100% 100%; padding-top: 0.8rem; padding-bottom: 0.1rem;}
.xb ul li{margin-top: -0.21rem;}
.xb ul li img{display: block; width: 100%; height: auto;}
/*zb+lb*/
.zb_warp{width: 100%; background: url(../images/zx_09.jpg) no-repeat top center; background-size: 100% 100%; 
padding-top: 0.8rem; padding-bottom: 0.46rem; margin-top: -1px;}
.tab_box,.xb{width: 92.18%; margin: 0 auto;}
.tab_box .tab_hd ul li{float: left; width: 32.2%; margin-right: 1.69%;}
.tab_box .tab_hd ul li:nth-child(3){margin-right: 0;}
.tab_box .tab_hd ul li img,.tab_box .tab_bd .con img{display: block; width: 100%; height: auto;}
.tab_box .tab_hd ul li .img2{display: none;}
.tab_box .tab_hd ul li.on .img2{display: block;}
.tab_box .tab_hd ul li.on .img1{display: none;}
.tab_box .tab_bd{margin-top: 0.28rem; margin-bottom: 0.43rem;}
.tab_box .tab_bd .con{display: none;}
/*ls*/
.ls_warp{width: 100%;}
.ls_box .txt{padding-top: 0.2rem;}
.ls_box .txt h3{color: #fff; font-size: 0.2rem;}
.ls_box .txt ul{margin-top: 0.2rem;}
.ls_box .txt ul li{color: #fff; font-size: 0.16rem; float: left;}
/*lsyc*/
.lsyc_warp{width: 100%; background: url(../images/zx_11.jpg) no-repeat top center; background-size: 100% 100%; padding-top: 0.8rem; padding-bottom: 0.5rem;}

.yc_box{width: 92.18%; margin: 0 auto;}
.yc_box .hd{ height: 0.56rem; margin-bottom: 0.3rem; width: 100%; position: relative;}
.yc_box .hd ul{width: 57.96%; height: 0.56rem;}
.yc_box .hd ul li{width: 48%; float: left; border: 1px solid #3b5ee0; height: 0.56rem; color: #fff; font-size: 0.24rem;
 line-height: 0.56rem; text-align: center;}
.yc_box .hd ul li.on{background: #3b5ee0;}
.yc_box .hd ul li b{font-weight: bold;}
.yc_box .hd .arrow{width: 16.94%; border: 1px solid #fff; height: 0.56rem; position: relative;}
.yc_box .hd .arrow .prev,.yc_box .hd .arrow .next{font-size: 0.32rem; color: #fff; font-weight: 300; 
display: block; position: absolute; top: 3px;}
.yc_box .hd .arrow .prev{right: 10px;}
.yc_box .hd .arrow .next{left: 10px;}
.yc_box .bd ul { margin-bottom: 0.57rem;}
.yc_box .bd ul li img{display: block; width: 100%; height: auto; }

/*mszl*/
.tea_box{width: 92.18%; margin: 0 auto;}
.tea_box>div.hd{ height: 0.56rem; margin-bottom: 0.44rem; width: 100%; position: relative;}
.tea_box>div.hd ul{width: 57.96%; height: 0.56rem;}
.tea_box>div.hd ul li{width: 48%; float: left; border: 1px solid #3b5ee0; height: 0.56rem; color: #fff; font-size: 0.24rem;
 line-height: 0.56rem; text-align: center;}
.tea_box>div.hd ul li.on{background: #3b5ee0;}
.tea_box>div.hd ul li b{font-weight: bold;}
.tea_box>div.hd .arrow{width: 16.94%; border: 1px solid #fff; height: 0.56rem; position: relative;}
.tea_box>div.hd .arrow .prev,.tea_box>div.hd .arrow .next{font-size: 0.32rem; color: #fff; font-weight: 300; 
display: block; position: absolute; top: 3px;}
.tea_box>div.hd .arrow .prev{right: 10px;}
.tea_box>div.hd .arrow .next{left: 10px;}
.tea_box>div.bd .con { margin-bottom: 0.57rem; width: 100%;}
.tea_box>div.bd .con img{display: block; width: 100%; height: auto; }


.ls_focus{ width: 100%;}
.ls_focus .hd{ overflow:hidden; position:relative; width: 89.32%; margin: 0.35rem auto 0; height: 20px;}
.ls_focus .hd .prev,.ls_focus .hd .next{ display:block;  overflow:hidden; position: absolute; top: 2px; right: 10px; 
font-size: 0.2rem; color: #fff; font-weight: 300; width: 0.21rem; margin-right: 5px;}
.ls_focus .hd .next{ right: 0; margin-right: 0;}
.ls_focus .hd ul{  overflow:hidden; zoom:1; width: 32.33%; margin: 0 auto; position: absolute; top: 7px; left: 0; right: 0;}
.ls_focus .hd ul li{ float:left; width:14.66%; height: 4px; overflow:hidden; margin-right:2%; text-indent:-999px; cursor:pointer; background: rgba(255,255,255,0.5);}
.ls_focus .hd ul li.on{background: #3b5ee0;}
.ls_focus .hd p,.ls_focus .hd b{width: 20.33%; height: 1px; background: rgba(255,255,255,0.5); position: absolute; top: 8px; }
.ls_focus .hd p{left: 9.15%;}
.ls_focus .hd b{right: 9.15%;}
.ls_focus .hd .pageState{font-size: 0.2rem; color: #fff;}
.ls_focus .bd{ }
.ls_focus .bd ul{ overflow:hidden; zoom:1; }
.ls_focus .bd ul li{ text-align:center; zoom:1; }
#ls_focus1 .bd ul li{ width: 6.6rem; margin: 0 auto;}
.ls_focus .bd ul li .pic{ text-align:center; }
.ls_focus .bd ul li .pic img{ width:100%; height:auto; display:block;}


/*zaixianshiting*/
.zxst_warp{padding-top: 0.7rem;}
.login { width: 100%;overflow: hidden; padding: 0.1rem 0 1rem 0.2rem;}
/*lafocus*/
.lsfocus_warp{width: 100%; background: url(../images/zx_13.jpg) no-repeat top center; background-size: 100% 100%; padding-top: 0.8rem;}
