@charset "utf-8";
/* CSS Document */

/*初始化*/
html {font-family: "微软雅黑"; background:#fff;} 
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%; max-width:640px; margin:0 auto; }
a, a:hover { text-decoration: none; outline: none;  }
li { list-style: none }
img { border: none; max-width:100%; margin:0; padding:0;/* display:block; */}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
.verticalcenter{ position: relative;   top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);    transform: translateY(-50%);}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
.fl{ float:left}
.fr{ float:right}
/*header*/
.header {  /*border-bottom:1px solid #aeaeae;*/ background:#fff; height:1.56rem; display:table; margin:0 auto; width:10rem; overflow:hidden; padding: 0; position:relative; z-index:9999; top:0}
.header .logo {  float:left;display:table}
.header .logo img { height:1.56rem; }
.header .menu { float:right; height:1.56rem; background:none; border:none; outline:medium;}
.header .menu a img{ height:1.56rem; display:table}
.header .top_w {  float:left; height:1.56rem; display:table  }
.header .top_w img { height:1.56rem; }
.header .top_qh {  float:left; height:1.56rem; display:table  }
.header .top_qh img { height:1.56rem; }
.menu0 { float:right; height:1.25rem; background:none; border:none; margin-right:0.1rem; outline:medium;}
.menu0 a img{ height:1.25rem;}
/*弹出菜单*/
.menu11{/*background-color:rgba(90, 128, 177,0.6);*/ font-family: "微软雅黑"; z-index:}
.menu11 a{color: #fff; font-size:14px;}
.menu11 a:hover{text-decoration: underline;}
.menu-header{border-bottom:1px solid #7296c7; padding: 18px 6px 18px 10px; text-align:center; font-size:18px;}
.menu-header-title{font-weight: 400; letter-spacing: 0.5px; margin: 0;}
.menu-section{ width:9rem; position:absolute; right:0;    /*bottom: 1.4rem;*/ height:100%; }
.menu-section-title{text-transform: uppercase; color: #5a80b1; font-weight: 200; font-size: 13px; letter-spacing: 1px; padding: 0 20px; margin:0;}
.menu-section-list{padding:0; margin: 10px 0; list-style:none;}
.menu-section-list a{display: block; padding:0.15rem 0.4rem;}
.menu-section-list a img{ width:7.4rem}
.menu-section-list .menu_nav{ display:table; margin:0 auto; padding:0 0.6rem;}
.menu-section-list .menu_nav a{ float:left; width:50%; box-sizing:border-box; padding:0.1rem 0.2rem;}
.menu-section-list a:hover{background-color: rgba(255, 255, 255, 0.1); text-decoration: none;}
.menu11 {position: fixed; top: 0; bottom: 0; right: 0; z-index: 4000; width:100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: none;}
@-webkit-keyframes shake { 0%, 100% { -webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); }
  50% {  -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0);  }}

@keyframes shake {
  0%, 100% {  -webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0);  }
  50% { -webkit-transform:translate3d(-10px, 0, 0);  transform:translate3d(-10px, 0, 0);  }}

.shake { -webkit-animation-name:shake; animation-name:shake; -webkit-animation-duration:0.5s; animation-duration:0.5s;
 -webkit-animation-iteration-count: 1; animation-iteration-count: 1;  display:block;}


/*弹出菜单*/
 /*menubox*/
.menubox{ display:none;  width: 100%; height: 70px; position: absolute; left: 0; top:0; background: rgba(255, 255, 255,1); z-index: 999; }
.menubox ul{ padding:1.64rem 0 2rem; width:100%; display:table}
.menubox li{ float: left; position: relative; width:100%; margin:0; border-top:1px solid #ebebeb }
.menubox li a{ padding:0 5%; box-sizing:border-box; width: 100%; color: #010002; display: inline-block; line-height:1rem; font-size: 0.38rem; position: relative;text-align: left; }
.menubox li a h1{ padding:0px;font-size: 0.38rem; }
.menubox li h1 a{ width:30%; line-height:30px; font-size:14px; height:30px; text-align:center}
.menubox li span{ background:#f0f0f0; border-top:1px solid #ebebeb; width:100%; display:table; padding:0 5%; box-sizing:border-box }
/*.menubox li:nth-child(3){ background: rgba(0,71,25,.9); }
.menubox li:hover a{ background: rgba(0,71,25,.8); transition: 0.3s;color: #92caff;}*/
.navon{ width:100%;  height:70px;  background: rgba(0,71,25,1); position: absolute; right: 0; bottom:0;  overflow: hidden; z-index: -1; transition: 0.3s;}
.navon.active{  display: none;}
.menubox li a.on{color: #fff; }
.menubox li a.on.active{ color: #fff; }
/*.menubox li a.on.active:hover{color: #92caff;}
*/.menubox li:hover .navon.active{display: block;}
.menubox.active{ position: fixed; top:0; left: 0; }

.mobile{ display: block; width: 30px; float:right;  overflow: hidden; cursor: pointer; margin-top:0.5rem; margin-right:0.2rem }
.mobile span{ display: block; width: 100%; height:18px;  overflow: hidden;  }
.mobile i{  display: block; width: 100%; height:2px; background: #0f2f47; margin-top: 6px; }
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;margin-top: 0px;}
.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s;}
.mobile.activem i:nth-child(1){transform: rotate(45deg) translateY(5px) translateX(5px);}
.mobile.activem i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.activem i:nth-child(3){transform: rotate(-45deg) translateY(-5px) translateX(5px);}

.menubox{ display:block; position: fixed; left:auto; right:-100%; top:0; width: 100%; height: 100%;  z-index: 999; padding-top:0px; transition: 0.5s;overflow:auto}
.menubox li:nth-child(3){ background: none; }
.menubox.activem{ right: 0; }
.menubox.active{ display: none; }
.menubox .divBox{width: 100%!important;}
.navon{  height:60px;  }


/*banner*/
.sy_banner{ width:10rem; display:table; position:relative}
.swiper-container { width:10rem;   height: auto; }
.swiper-slide {  text-align: center;font-size: 18px; background: #fff; }
.swiper-container .swiper-slide {}
.swiper-pagination-bullet{width:0.8rem; height:5px; background:#fab600; border-radius:0; opacity:.3;}
.swiper-pagination-bullet-active{ width:0.8rem; height:5px; background:#fab600; border-radius:0; opacity:1;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:url(../images/arr_slide.png) no-repeat center center; width:0.8rem; height:0.8rem; background-size:0.8rem }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../images/arr_slide2.png) no-repeat center center; width:0.8rem; height:0.8rem; background-size:0.8rem}


/*wrap*/
.wrap{ width:10rem;}
.bt{ width:100%; display:table; text-align:center; padding:0.7rem 0;font-size:0.6rem; color:#454545; font-weight:bolder; line-height:1.2}
.k1{ width:10rem; display:table; margin:0 auto; padding:0 0 0.8rem}
.sy_cp{ width:9.38rem; display:table; margin:0 auto}
.sy_cp li{ width:50%; height:2.47rem; float:left; background:#e4e3e3}
.sy_cp li:nth-child(2),.sy_cp li:nth-child(3),.sy_cp li:nth-child(6),.sy_cp li:nth-child(7){ background:#f8f8f8}
.sy_cp li a {  width:100%; height:2.47rem;  display:table; text-align:center; font-size:0.32rem; color:#000000; line-height:1;}
.sy_cp li a i{ width:1.41rem; height:1.41rem; display:table; margin:0 auto; padding:0.25rem 0 0.15rem}
.sy_cp li a i img{width:1.41rem; height:1.41rem; display:table;}
.sy_cp li a i .cp_ico_a,.sy_cp li a:hover i .cp_ico_on{ display:table}
.sy_cp li a i .cp_ico_on,.sy_cp li a:hover i .cp_ico_a{ display: none}
.sy_cp li a:hover{ background:#fab600; color:#fff}

.k2{ display:table; width:10rem;}
.k2 img{ height: 5.83rem;width:10rem; display:table}

.k3{  display:table; width:10rem;}
.bt1{ width:100%; display:table; text-align:center; padding:0.8rem 0 0.6rem;font-size:0.52rem; color:#454545; font-weight:bolder; line-height:1.2}
.bt1 span{ width:1rem; height:0.14rem; border-radius:0.5rem; display:table; margin:0.3rem auto 0 auto; background:#fab600 }
.k3 li{}
.k3 li a{ color:#454545}
.k3 li p{ width:8.8rem; font-size:0.32rem; line-height:1.6; display:table; margin:0 auto}
.k3 li img{ width:10rem; display:table; height:5.75rem; margin:0.7rem auto 0 auto}
.k3 li h2{ font-size:0.32rem; display:table;  background:#fab600; margin:0.5rem auto 0 auto; color:#fff;border-radius:0.1rem; line-height:1; padding:0.22rem 0.6rem;}

.k5 {width:100%; display:table; background-size:10rem; padding:0.1rem 0 0.9rem}
.k5 .swiper-container2{width: 9.2rem;height: auto;margin-left: auto;margin-right: auto; margin-bottom:0.5rem; padding:0.0rem 0 0.7rem}
.k5 .swiper-slide{text-align: center;font-size: 18px;background: none;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.k5 .swiper-slide a{}
.k5 .swiper-button-next{  top: 46%;width:0.4rem;height: 1.2rem;background: url(../images/jt1.png)no-repeat center center;background-size: 100%;z-index: 9999;right: 0.2rem;outline: none;}
.k5 .swiper-button-prev{top: 46%;width:0.4rem;height: 1.2rem;background: url(../images/jt2.png)no-repeat center center;background-size: 100%;z-index: 9999;left: 0.2rem;outline: none;}
.k5 .swiper-slide a{display: block;width:4.16rem; color: #fff;}
.k5 .swiper-slide a .xw_t{width:4.16rem; height:2.53rem; text-align:center; overflow:hidden; display:block; box-sizing:border-box; position:relative}
.k5 .swiper-slide a .xw_t img{display:block;    border: none;width:4.16rem; height:2.53rem; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.k5 .swiper-slide a:hover .xw_t img{transform: scale(1.05);}
.k5 .swiper-slide a:hover .xw_t{box-sizing:border-box;}
.k5 .swiper-slide a h3{ margin: 0 0; font-size:0.32rem; color:#333; text-align:center; line-height:1rem; height:1rem; overflow:hidden;}
.k5 .swiper-slide a h3{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.k5 .swiper-pagination-bullet{ border:1px solid #fab600; background:#fff; width:0.2rem; height:0.2rem; border-radius:50%}
.k5 .swiper-container-horizontal>.swiper-pagination-bullets, .k5.swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0}
.k5 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 0.1rem}
.k5 .swiper-pagination-bullet-active{ background: #fab600}


@media screen and (max-width:414px) {
.s_nav a{ font-size:15px; }

	}


@media screen and (max-width:384px) {
	}
@media screen and (max-width:375px) {


}	
	
@media screen and (max-width:320px) {
.s_nav a{ font-size:14px; }
}



.fy{ font-size:14px; color:#282828; margin:0.2rem; text-align:center;}
/*footer*/
.footer { background:#01302b;position:fixed; bottom:0; width:10rem; z-index:5000;}
.footer ul li { float:left; width:25%; text-align:center;vertical-align: sub;}
.footer ul li a { display: block; padding:.15rem 0;vertical-align: sub;font-size: 14px; color: #fff; line-height:0.5rem; }
.footer ul li .fo1 i{ width:0.7rem; height:0.7rem; display: table; margin:0 auto; background:url(../images/ico11.png) center center no-repeat; background-size:0.7rem;   }
.footer ul li .fo2 i{ width:0.7rem; height:0.7rem; display: table; margin:0 auto; background:url(../images/ico44.png) center center no-repeat; background-size:0.7rem;   }
.footer ul li .fo3 i{ width:0.7rem; height:0.7rem; display: table; margin:0 auto; background:url(../images/ico22.png) center center no-repeat; background-size:0.7rem;   }
.footer ul li .fo4 i{ width:0.7rem; height:0.7rem; display: table; margin:0 auto; background:url(../images/ico33.png) center center no-repeat; background-size:0.7rem;   }

.yc_pf{ position:fixed; bottom:1.9rem; right:0.6rem; z-index:99}
.yc_pf a{ display:table; background:#fff;width:0.8rem; height:0.8rem; padding:0.2rem; margin:0 0 0.3rem; border-radius:50%}
.yc_pf a img{ width:0.8rem; height:0.8rem; display:table;}
.yc_pf a{box-shadow: 0 5px 20px rgba(197, 197, 197, .4);-webkit-box-shadow: 0 5px 20px rgba(197, 197, 197, .4);-moz-box-shadow: 0 5px 20px rgba(197, 197, 197, .4);-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
/**/
#menu{position:fixed;bottom:0px;width:10rem;height:55px;z-index:999;background:#fff;    -webkit-box-shadow: 0 3px 14px 2px rgba(0,0,0,.12);
    box-shadow: 0 3px 14px 2px rgba(0,0,0,.12);}
#menu ul{margin:0 auto;list-style-type:none;width:10rem;height:100%;}
#menu ul li{float:left;width:25%;height:100%;text-align:center;position:relative;font-size:14px; line-height:32px }
#menu ul li i{ width:25px; height:25px; display:table; margin:0.22rem auto 0 auto; padding:  0 0}
#menu ul li .fo_ico1{ background:url(../images/fo_ico1.png) no-repeat center center; background-size:100%}
#menu ul li .fo_ico2{ background:url(../images/fo_ico2.png) no-repeat center center; background-size:100%}
#menu ul li .fo_ico3{ background:url(../images/fo_ico3.png) no-repeat center center; background-size:100%}
#menu ul li .fo_ico4{ background:url(../images/fo_ico4.png) no-repeat center center; background-size:100%}

#menu ul li:hover .fo_ico1{ background:url(../images/fo_ico11.png) no-repeat center center; background-size:100%}
#menu ul li:hover .fo_ico2{ background:url(../images/fo_ico22.png) no-repeat center center; background-size:100%}
#menu ul li:hover .fo_ico3{ background:url(../images/fo_ico33.png) no-repeat center center; background-size:100%}
#menu ul li:hover .fo_ico4{ background:url(../images/fo_ico44.png) no-repeat center center; background-size:100%}


#menu ul li .menu_li{position:absolute;top:0px;left:0px;z-index:20;width:100%; line-height:1.6;height:10rem;color:#454545;background:url(../images/menubg.png) repeat-x;}
#menu ul li .menu_li a{ color:#454545}

#menu ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;}
#menu ul li .img_front img{width:100%;height:100%; }
#menu ul li span{position:absolute; bottom:350px;left:50%;width:100%; background:#fff;margin-left:-55%;height:100%;text-align: left;z-index:10; border-radius:5px;  display:table; opacity:0}
#menu ul li span{box-shadow: 0 5px 20px rgba(197, 197, 197, .4);-webkit-box-shadow: 0 5px 20px rgba(197, 197, 197, .4);-moz-box-shadow: 0 5px 20px rgba(197, 197, 197, .4);-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}

#menu ul li span div{position:absolute; bottom:-365px;left:0px; padding:5px 0;background:#fff;border-radius:5px; }
#menu ul li span div{box-shadow: 0 5px 20px rgba(197, 197, 197, .4);-webkit-box-shadow: 0 5px 20px rgba(197, 197, 197, .4);-moz-box-shadow: 0 5px 20px rgba(197, 197, 197, .4);-webkit-transform: translate3d(0, 0px, 0);transform: translate3d(0, 0px, 0);}
#menu ul li.on span div{position:absolute; bottom:65px;left:0px; padding:5px 0;background:#fff;border-radius:5px; }

#menu ul li span a{float:left;width:100%; padding:4px 0.25rem; box-sizing: border-box;line-height:32px;color:#454545;text-decoration:none;}

.footer_front{position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:888;display:none;}