@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 #d2d2d2; background:#fff; height:1.25rem;  display:table; margin:0 auto; padding: 0.1rem 0; width:10rem; overflow:hidden}
.header .logo {  float:left; z-index:5; position:relative  }
.header .logo img { height:1.25rem; display: table;padding:0 0 0 0.3rem}
.header .menu { float:right; height:1.25rem; background:none; border:none; outline:medium;padding:0 0.1rem 0 0 }
.header .menu a img {  height:1.25rem;  height:1.25rem;}
.header .tel{ float:left; font-size:0.45rem; color:#18aef0; font-weight:bolder; line-height:1.25rem; margin:0 0 0 0.4rem; background: url("../images/tel.png") no-repeat
 center left; background-size: 0.6rem; padding: 0 0 0 0.6rem}
.header .tel a{ color:#18aef0}
.swiper-container .swiper-slide img{ display:table}

/*弹出菜单*/
.menu1{background-color:rgba(24, 174, 240,0.6); font-family: "微软雅黑"; z-index:}
.menu1 a{color: #fff; font-size:14px;}
.menu1 a:hover{text-decoration: underline;}
.menu-header{border-bottom:1px solid #6290dd; padding: 18px 6px 18px 10px; text-align:center; font-size:16px;}
.menu-header-title{font-weight: 400; letter-spacing: 0.5px; margin: 0;}
.menu-section{ width:5rem; position:absolute; right:0; background-color:rgba(24, 174, 240, 0.8); height: 100%; }
.menu-section-title{text-transform: uppercase; color: #85888d; font-weight: 200; font-size: 13px; letter-spacing: 1px; padding: 0 20px; margin:0;}
.menu-section-list{padding:0 0 ; margin: 10px 0; list-style:none;}
.menu-section-list a{display: block; padding:0.2rem 0.4rem; font-size:15px;}
.menu-section-list li{ border-bottom:1px dashed #578cdf}
.menu-section-list span{ display:table; width:100%; padding:0 0.4rem 0.2rem; box-sizing:border-box}
.menu-section-list span a{ width:50%; float:left; padding:0.1rem 0; font-size:13px; text-align:center}
.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;}
.menu1 {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;}
/*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.6rem; height:0.1rem;  border-radius:0.5rem; background:#fff;opacity:.6;}
.swiper-pagination-bullet-active{ width:0.6rem; height:0.1rem; background:#ffa200; border-radius:0.5rem; 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}
 /*s_nav*/
.s_nav{ width:10rem; display: table; background:#18aef0;}
.s_nav dt{border-bottom:1px solid #37c2ff;display:table; width:10rem;}
.s_nav a{ width:2.5rem; text-align:center; float:left; font-size:14px; color:#fff; padding:0.2rem 0;}


/*wrap*/
.wrap{ width:10rem; display:table; margin:0 auto}
.wrap a{ color:#6f6f6f}
    

.cdowntime_bg{background:#f7f7f7;padding:0.3rem 0 0.4rem 0;text-align:center;overflow:hidden}
.cdowntime_right{margin-top:10px}
@-webkit-keyframes flipTop{0%{-webkit-transform:perspective(400px) rotateX(0deg)}
100%{-webkit-transform:perspective(400px) rotateX(-90deg)}
}@-webkit-keyframes flipBottom{0%{-webkit-transform:perspective(400px) rotateX(90deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg)}
}@-moz-keyframes flipTop{0%{-moz-transform:perspective(400px) rotateX(0deg)}
100%{-moz-transform:perspective(400px) rotateX(-90deg)}
}@-moz-keyframes flipBottom{0%{-moz-transform:perspective(400px) rotateX(90deg)}
100%{-moz-transform:perspective(400px) rotateX(0deg)}
}@-ms-keyframes flipTop{0%{-ms-transform:perspective(400px) rotateX(0deg)}
100%{-ms-transform:perspective(400px) rotateX(-90deg)}
}@-ms-keyframes flipBottom{0%{-ms-transform:perspective(400px) rotateX(90deg)}
100%{-ms-transform:perspective(400px) rotateX(0deg)}
}@-keyframes flipTop{0%{transform:perspective(400px) rotateX(0deg)}
100%{transform:perspective(400px) rotateX(-90deg)}
}@-keyframes flipBottom{0%{transform:perspective(400px) rotateX(90deg)}
100%{transform:perspective(400px) rotateX(0deg)}
}.flipTimer{color:#FFF;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:24px;font-weight:bold;height:26px;line-height:26px}
.time_txt{color:#000000;font-size:12px;font-weight:normal;display:inline;vertical-align:top}
.flipTimer .seperator{vertical-align:top;display:inline}
.flipTimer .seconds,.flipTimer .minutes,.flipTimer .hours,.flipTimer .days{height:100%;display:inline}
.flipTimer .digit-set{border-radius:2px;border-bottom:2px solid #a81818;width:17px;height:100%;display:inline-block;position:relative}
.flipTimer .digit{position:absolute;height:100%}
.flipTimer .digit > div{position:absolute;left:0;overflow:hidden;height:50%;padding:0 2px}
.flipTimer .digit > div.digit-top,.flipTimer .digit > div.shadow-top{background-color:#dd2629;border-bottom:1px solid #dd2629;box-sizing:border-box;top:0;z-index:0;border-radius:2px 2px 0 0}
.flipTimer .digit > div.digit-top:before,.flipTimer .digit > div.shadow-top:before{content:"";height:100%;width:19px;position:absolute;left:0;top:0}
.flipTimer .digit > div.shadow-top{background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));width:0px;opacity:0;-webkit-transition:opacity 0.3s ease-in}
.flipTimer .digit > div.digit-bottom,.flipTimer .digit > div.shadow-bottom{background-color:#f34741;bottom:0;z-index:0;border-radius:0 0 2px 2px}
.flipTimer .digit > div.digit-bottom .digit-wrap,.flipTimer .digit > div.shadow-bottom .digit-wrap{display:block;margin-top:-100%}
.flipTimer .digit > div.digit-bottom:before,.flipTimer .digit > div.shadow-bottom:before{content:"";border-radius:0 0 2px 2px;height:100%;width:17px;position:absolute;left:0;top:0}
.flipTimer .digit > div.shadow-bottom{background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));width:0px;opacity:0;-webkit-transition:opacity 0.3s ease-in}
.flipTimer .digit.previous .digit-top,.flipTimer .digit.previous .shadow-top{opacity:1;z-index:2;-webkit-transform-origin:50% 100%;-webkit-animation:flipTop 0.3s ease-in both;-moz-transform-origin:50% 100%;-moz-animation:flipTop 0.3s ease-in both;-ms-transform-origin:50% 100%;-ms-animation:flipTop 0.3s ease-in both;transform-origin:50% 100%;animation:flipTop 0.3s ease-in both}
.flipTimer .digit.previous .digit-bottom,.flipTimer .digit.previous .shadow-bottom{z-index:1;opacity:1}
.flipTimer .digit.active .digit-top{z-index:1}
.flipTimer .digit.active .digit-bottom{z-index:2;-webkit-transform-origin:50% 0%;-webkit-animation:flipBottom 0.3s 0.3s ease-out both;-moz-transform-origin:50% 0%;-moz-animation:flipBottom 0.3s 0.3s ease-out both;-ms-transform-origin:50% 0%;-ms-animation:flipBottom 0.3s 0.3s ease-out both;transform-origin:50% 0%;animation:flipBottom 0.3s 0.3s ease-out both}


/*k1*/
.k1{ width:10rem; display:table; padding:0.3rem 0 0; margin:0 auto}
.k1_l{  width: 9.38rem;display:table; margin:0 auto 0.3rem}
/* 本例子css */
.focusBox { position: relative; width: 9.38rem; height: 7.03rem; overflow: hidden; text-align: left; background: white; }
.focusBox .pic img {  width: 9.38rem; height: 7.03rem; display: table; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height:0.8rem; width:100%; /* background: #333; filter: alpha(opacity=40);*/ opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height:0.8rem; width:100%; overflow: hidden; background-color:rgba(0,0,0,0.5);}
.focusBox .txt li{ height:0.8rem; line-height:0.8rem; width:6rem; overflow:hidden; position:absolute; bottom:-0.8rem;}
.focusBox .txt li{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}

.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 0.2rem; font-size: 14px;  text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 10px; width:100%; text-align:center; margin:0 auto}
.focusBox .num li{ display:inline-block; position: relative; background:#fff; border-radius:50%; width: 0.2rem; height:0.2rem;line-height: 0.3rem; overflow: hidden; text-align: center; margin-right: 0.1rem; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; ruby-align:center }
.focusBox .num li span { z-index: 1; background: none; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#ffa200; color:#18aef0  }

.k1_r{ width:9.38rem;display:table; margin:0 auto 0.3rem; background:#fff; padding:0.15rem 0.3rem 0.2rem; box-sizing:border-box}
.slideTxtBox{ width:100%; text-align:left; float:right; position:relative; }
.slideTxtBox .hd{ height:1.1rem; line-height:1.1rem;padding:0 0; border-bottom:1px solid #d1d1d2; position:relative;width:100% }
.slideTxtBox .hd ul{ float:left;  position:absolute; width:100%  }
.slideTxtBox .hd ul li{ float:left; cursor:pointer; font-size:18px; margin-right:0.8rem; color:#3a3a3a; font-weight:bolder; text-align:center }
.slideTxtBox .hd ul li span{ line-height:1rem;font-weight:bolder; padding:2px 0 0; display:table; margin:0 auto}
.xw1 .more1{ position:absolute; right:0; top:2px;}
.xw1 .more1 a{ font-size:13px; line-height:1rem; color:#bababa}

.slideTxtBox .hd ul li.on span{ border-bottom:3px solid #18aef0; color:#18aef0}
.slideTxtBox .bd { zoom:1; background:#fff; /*border:1px solid #dcdcdc; */box-sizing:border-box; width:100%; display:table  }
.xw_tj{ width:100%; border-bottom:1px solid #d2d2d2; padding:0px 0 0.2rem; margin:0 0 0.1rem}
.xw_tj a{ font-size:14px; color:#6f6f6f;}
.xw_tj a h1{ height:0.8rem; line-height:0.8rem; font-weight:bolder; font-size:15px; color:#3a3a3a}
.xw_tj a h1,.xw1 dt a h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.xw_tj a p{ font-size:13px; line-height:0.5rem; height:1rem}
.xw_tj a p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2;}

.xw1{ width:100%; display:table; margin:0 auto;  padding:0.25rem 0 0; box-sizing:border-box; overflow:hidden}
.xw1 .xw_more{ position:absolute; top:0; right:0; line-height:46px; cursor:pointer; color:#595959 }
.xw1 dt{width:100%;height:0.8rem; }
.xw1 dt a{ font-size:12px; color:#6f6f6f; line-height:0.8rem; height:0.8rem; width:100%; display:table }
.xw1 dt a h1{font-size:14px; float:left; width:70%; height:0.8rem; overflow:hidden}

.xw1 dt a span{ float:right;display: table; }
.xw1 dt a .d{ background: url(../images/ico011.jpg) no-repeat center left; width:0.25rem; height:0.9rem; background-size:0.12rem; display:table; float:left}
.xw1 dt a:hover { color:#18aef0}
.xw1 dt a:hover .d{ background: url(../images/ico012.jpg) no-repeat center left; }
/*k2*/
.xw2{ width:9.38rem;display:table; margin:0.3rem auto 0; background:#fff; padding:0.1rem 0.3rem 0.2rem; box-sizing:border-box}
.bt1{ width:100%; color:#222; height:1rem; margin:0 0 ; line-height:1rem; padding:2px 0 0; border-bottom:1px solid #eaeaea; display:table; }
.bt1 span{ display:table; float:left; width:0.7rem; height:0.7rem; margin:0.15rem 0.1rem 0 0}
.bt1 h1{ font-size:18px;font-weight:bolder;height:1rem; line-height:1rem; float:left;border-bottom:3px solid #18aef0; color:#222}
.bt1 a{ font-size:13px; color:#bababa; float:right}

/*ggk1*/
.ggk1{ width: 9.38rem; margin: 0 auto}
.ggk1 .swiper-container{ width:9.38rem; }
.ggk1 .swiper-slide a{ margin:0 auto; position: relative }
.ggk1 .swiper-slide a img{ width: 100%}
.ggk1 .swiper-slide a h1{ position: absolute; bottom: 0; width: 9.38rem;background-color:rgba(0, 0, 0,0.6); color: #fff; font-size: 14px; line-height: 1rem; text-align: left; padding: 0 0.3rem; box-sizing: border-box}
.ggk1 .swiper-slide a h1 span{ width: 80%}
.ggk1 .swiper-slide a h1 span{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}
.ggk1 .swiper-container-horizontal>.swiper-pagination-bullets, .ggk1 .swiper-pagination-custom, .ggk1 .swiper-pagination-fraction{ bottom:0.3rem; left: inherit; right: 0.2rem; width: auto}
.ggk1 .swiper-pagination-bullet{width:0.2rem; height:0.2rem;  border-radius:0.5rem; background:#ffa200;opacity:1;}
.ggk1 .swiper-pagination-bullet-active{ width:0.2rem; height:0.2rem; background:#fff; border-radius:0.5rem; opacity:1;}

/*ggk*/
.ggk{width:10rem;display:table; margin:0.3rem auto 0 ; }
.ggk .swiper-container{ width:10rem; }
.ggk .swiper-slide { margin:0 auto; }
.ggk .swiper-pagination-bullet{width:0.15rem; height:0.15rem;  border-radius:0.5rem; background:#fff;opacity:1;}
.ggk .swiper-pagination-bullet-active{ width:0.5rem; height:0.15rem; background:#fff; border-radius:0.5rem; opacity:1;}
.ggk .swiper-container-horizontal>.swiper-pagination-bullets, .ggk .swiper-pagination-custom, .ggk1 .swiper-pagination-fraction{ bottom:0.1rem; left: inherit; right: 0.2rem; width: auto}
.ggk2{width:10rem;display:table; margin:0.3rem auto 0 ; }
.ggk2 .swiper-container{ width:10rem; }
.ggk2 .swiper-slide { margin:0 auto; }
.ggk2 .swiper-pagination-bullet{width:0.15rem; height:0.15rem;  border-radius:0.5rem; background:#fff;opacity:1;}
.ggk2 .swiper-pagination-bullet-active{ width:0.5rem; height:0.15rem; background:#fff; border-radius:0.5rem; opacity:1;}
.ggk2 .swiper-container-horizontal>.swiper-pagination-bullets, .ggk2 .swiper-pagination-custom, .ggk1 .swiper-pagination-fraction{ bottom:0.1rem; left: inherit; right: 0.2rem; width: auto}


.p3{ width:9.38rem;display:table; margin:0.3rem auto 0; background:#fff; padding:0.1rem 0.3rem 0.2rem; box-sizing:border-box}

.szk{position: relative;width:8.75rem; margin:0.3rem 0 0 ; box-sizing:border-box; }
.p3 .swiper-container { width:8.75rem;   height: auto; }
.szk .swiper-slide{ margin: 0.1rem auto 0.9rem;}
.szk  .swiper-pagination-bullet{width:0.15rem; height:0.15rem;  border-radius:0.5rem; background:#6c6c6c;opacity:1;}
.szk  .swiper-pagination-bullet-active{ width:0.5rem; height:0.15rem; background:#18aef0; border-radius:0.5rem; opacity:1;}
.szk  .swiper-container-horizontal>.swiper-pagination-bullets, .szk  .swiper-pagination-custom, .szk  .swiper-pagination-fraction{ bottom:0.1rem; }

.szk a{display: table; width: 100%; box-sizing: border-box; border: 1px solid #efefef}
.szk a div.img{overflow: hidden; width:2.81rem; height:4.3rem; position: relative;float: left}
.szk a div.img i{ width: 28px;height: 28px; display: table; position: absolute; top: 10px; left: 10px; background: url("../images/logo0.png") no-repeat center center; z-index: 999}
.szk a div.img img{width: 100%;transition: all ease .3s; display: table}
.szk a .sz-w{ width:5rem; float: left; margin: 0 0 0 0.4rem; padding: 0.4rem 0 0; box-sizing: border-box; height:  4.3rem}
.szk a .sz-w h1{ font-size: 18px; display: table; width: 100%; line-height: 20px; color: #333; font-weight: bolder}
.szk a .sz-w h1 span{ float: left; margin-right: 10px}
.szk a .sz-w h1 i{ float: left; display: table;font-size: 12px; border: 1px solid #18aef0; padding: 0 14px; line-height: 18px; border-radius: 25px; color: #18aef0;font-weight:100}
.szk a .sz-w p{ line-height: 0.5rem; height: 1.5rem; overflow: hidden;font-size: 12px; color: #4d4d4d; margin: 20px 0; text-align: left}
.szk a .sz-w p{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:3;}

.szk a .sz-w h3{ font-size: 12px; background: #6c6c6c; line-height:24px; border-radius: 25px; color: #fff; display: table;padding: 0 14px;}
.szk a:hover .sz-w h3{ background: #18aef0; color: #fff}


.sp{ width:100%; display:table; margin:0 auto; padding: 0.3rem 0 0 }
.spk{ width:9.38rem;display:table; margin:0.3rem auto 0.8rem; background:#fff; padding:0.1rem 0.3rem 0.2rem; box-sizing:border-box}

.sp ul{ display:table; margin:0 auto; padding:0 0 0 }
.sp ul li{width:4.29rem; display:block; color:#000000;float:left; margin: 0 0.2rem 0  0 }
.sp ul li:nth-child(2n){margin: 0 0 0  0 }
.sp ul li a{width:4.29rem;    margin:0 auto; display: table;}
.sp ul li a h1{ font-size:14px;  color:#2e2e2e;line-height:46px; display:block; text-align:center;width:100%; margin:0 auto; height:46px; overflow:hidden}
.sp ul li a .cp_t1{ width:4.2rem; height:3.36rem;  display:block; overflow: hidden; box-sizing:border-box; }
.sp ul li a .cp_t1 img{width:4.2rem; height:3.36rem; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.sp ul li a:hover .cp_t1 img{transform: scale(1.1);}
.sp ul li a:hover h1 { color:#006aae}
.sp ul li a h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}

.k5{ width:9.38rem;display:table; margin:0.3rem auto 0; background:#fff; padding:0.1rem 0.3rem 0.2rem; box-sizing:border-box}
.tp{ width:100%;  position:relative; }
.tp .hd{ height:1.1rem; line-height:1.1rem;padding:0 0; border-bottom:1px solid #eaeaea; position:relative;width:100%; text-align: center}
.tp .hd ul{ display: inline-block; width:100%  }
.tp .hd ul li{ display: inline-block; width: 24.5%; cursor:pointer; font-size:18px; color:#121212; font-weight:bolder; text-align:center }
.tp .hd ul li span{ line-height:1rem; padding:2px 0 0; border-bottom:3px solid rgba(0,0,0,0); display:table; margin:0 auto}
.tp .hd ul li.on span{ border-bottom:3px solid #18aef0; color:#18aef0}
.tp .bd { zoom:1; background:#fff; /*border:1px solid #dcdcdc; */box-sizing:border-box; width:100%; display:table ; padding: 0.4rem 0 0 }
.zp ul{ display:table; margin:0 auto; padding:0 0 0 }
.zp ul li{width:4.29rem; display:block; color:#000000;float:left; margin: 0 0.2rem 0.15rem  0 }
.zp ul li:nth-child(2n){margin: 0 0 0  0 }
.zp ul li a{width:4.29rem; position: relative;margin:0 auto; display: table;}
.zp ul li a h1{ font-size:14px;  color:#2e2e2e;line-height:46px; display:block; text-align:center;width:100%; margin:0 auto; height:46px; overflow:hidden; position: absolute; bottom: 0}
.zp ul li a .cp_t1{ width:4.2rem; height:3.36rem;  display:block; overflow: hidden; box-sizing:border-box; }
.zp ul li a .cp_t1 img{width:4.2rem; height:3.36rem; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.zp ul li a:hover .cp_t1 img{transform: scale(1.1);}
.zp ul li a:hover h1 { color:#006aae}
.zp ul li a h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}



/*cp*/
.k4{ padding:0.3rem 0 0.6rem }
.cp{ width:100%; display:table; margin:0 auto; }
.cp ul{ display:table; margin:0 auto; padding:0 0 0 0.2rem}
.cp ul li{width:4.8rem; display:block; color:#000000;float:left; }
.cp ul li a{width:4.53rem;    margin:0 auto; display: table;}
.cp ul li a h1{ font-size:14px;  color:#2e2e2e;line-height:46px; display:block; text-align:center;width:100%; margin:0 auto; height:46px; overflow:hidden}
.cp ul li a .cp_t1{ width:4.53rem; height:3.36rem;  display:block; overflow: hidden; box-sizing:border-box; }
.cp ul li a .cp_t1 img{width:4.53rem; height:3.36rem; display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp ul li a:hover .cp_t1 img{transform: scale(1.1);}
.cp ul li a:hover h1 { color:#006aae}
.cp ul li a h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}


@media screen and (max-width:414px) {


	}


@media screen and (max-width:384px) {
.s_nav a{ font-size:14px;}
.xw1 dt a h1{ font-size:13px}

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



.fy{ font-size:14px; color:#282828; margin:0.2rem; text-align:center;}
/*footer*/
.footer { background:#18aef0;position:fixed; bottom:0; width:10rem; z-index:5000;height: 1.1rem; background-size:10rem ; }
.footer ul li { float:left; width:33.3333%; text-align:center;vertical-align: sub;}
.footer ul li a { display: block; font-size: 14px; color: #fff; padding:0rem 0;vertical-align: sub;}
.footer ul li .fo1 { line-height:1.1rem; height:1.1rem; display: inline-block; background:url(../images/icon1.png) 0rem 0px no-repeat; padding-left:0.7rem;  font-size: 14px; color: #fff; background-size:0.6rem;   }
.footer ul li .fo2 { line-height:1.1rem; height:1.1rem;  display: inline-block; background:url(../images/icon2.png) 0rem 0px no-repeat; padding-left:0.7rem;  font-size: 14px; color: #fff; background-size:0.6rem ;  }
.footer ul li .fo3 { line-height:1.1rem; height:1.1rem; display: inline-block; background:url(../images/icon4.png) 0rem 0px no-repeat; padding-left:0.7rem;  font-size: 14px; color: #fff; background-size:0.6rem ;  }


.footer ul li a img { width:0.59rem; height:1.08rem;/*vertical-align: sub;*/ }
.footer ul li a p { margin-top:5px; font-size:16px;}