@charset "utf-8";
/*公共头部--01*/

/*******************页面公共样式*********************/
/**header start**/
.headers{ height:1rem; width:100%; position:fixed; background-color:#fff; max-width:720px; top:0; z-index:99;}
.headerLeft{width:auto; height:1rem; margin:0 2%; float:left;}
.headerLeft img{ width:auto; height:0.8rem; margin-top:0.1rem;}
.headersright{ width:1rem; height:1rem; float:right; background-color:#1691ea; margin:0 auto; text-align:center; }
.headersright img{ height:0.4rem; margin-top:0.3rem;}

/**************************banner*****************************/
.main_visual {position: relative;z-index: 1;min-width: 320px;max-width: 720px; margin:0 auto;}
.main_image {width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: relative}
.main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 100%;}
.main_image li span {display: block;width: 100%;height: 100%}
.main_image li img {display: block;overflow: hidden;width: 100%;}
.main_image li a {display: block;width: 100%;height: 100%;position: relative;}
.main_image li a .laber{width: 100%;height: 0.65rem;text-align: center;margin: 0px auto;position: absolute;left: 0px;right: 0px;font-size: 0.28rem;color: #fff;z-index: 15;bottom: 0.6rem;}
div.flicking_con {overflow: hidden;text-align: center;position: absolute;bottom:0.2rem;left: 45%;z-index: 11;}
div.flicking_con li {float: left;height:8px;width:8px;margin: 0 4px;display: inline-block; background-color:#e0e4e5;border-radius: 100%;color: #e0e4e5;}
div.flicking_con li.on { background-color:#f39910; color: #f39910;}

/*seacher*/
.seacher{ width:92%; height:0.7rem; overflow:hidden; position:relative; z-index:90; margin:-0.35rem auto 0 auto;box-shadow:0 0 0.2rem #dedede; border-radius:0.1rem; background-color:#fff;}
.seacher .inpt{width:80%; height:0.5rem; line-height:0.5rem; padding:0.1rem 2%; color:#666; float:left; background:none; border:0;}
.seacher .btn{ background:#1691ea url(../img/images/t1.png) no-repeat 10% center; background-size:auto 40%; width:16%; float:left; line-height:0.7rem; text-align:center; color:#fff; text-indent:1em;}
/*公共box*/
.web_box{ width:100%; height:auto; margin:0 auto; overflow:hidden;}

/*简介*/
.about{ width:100%; height:auto; margin: 0 auto; padding: 0.2rem 0; background-color: #eeeeee;}
.about_k{ width: 92%; height: auto; overflow: hidden; margin: 0 auto; background-color: #fff; text-align: center;}
.about_title{ width:100%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto; line-height:2; font-size:0.32rem; font-family:"microsoft yahei"; color:#006fc0; text-align: center; font-weight:bold;}
.about_key{ width:90%; height:auto; overflow:hidden; margin: 0 auto; line-height:2; font-size:0.22rem; font-family:"microsoft yahei"; color:#4b4b4b; text-align: center; }
.about_con{ width:90%; height:auto; max-height: 1.2rem; overflow:hidden; margin:0.3rem auto 0 auto; line-height:0.4rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#666; text-align: center; }
.about_more{ width:3rem; height:0.6rem; overflow:hidden; margin: 0.4rem auto 0.3rem auto; font-size:0.22rem; font-family:"microsoft yahei"; color:#fff; line-height:0.6rem; text-align: center; background-color: #f68e14; border-radius: 0.1rem; display: inline-block;}

/*服务领域*/
.server{ width: 100%; height: auto; margin: 0 auto; padding: 0.2rem 0 1.4rem 0; position: relative;}
.server .server_title{ width:100%; height:auto; overflow:hidden; line-height:2; font-size:0.32rem; font-family:"microsoft yahei"; color:#006fc0; text-align: center; font-weight:bold;}
.server .server_en{ width:90%; height:auto; overflow:hidden; margin: 0 auto; line-height:2; font-size:0.2rem; font-family: Arial; color:#666; text-align: center; }
.server .server_con{ width:90%; height:auto; overflow:hidden; margin:0.2rem auto 0 auto; line-height:1.5; font-size:0.2rem; font-family:"microsoft yahei"; color:#666; text-align: center;}
.server .server_box{ width: 100%; height: 4.1rem; margin:0.5rem auto 0 auto; position: relative;}
.server .server_box .bluebg{ width: 55%; height: 4.1rem; position: absolute; left: 0; top: 0; background-color: #1691ea; z-index: 1;}
.server .server_box .pic{ width: 3.6rem; height: 2.3rem; margin:0.9rem auto 0 auto; overflow: hidden; float: right;}
.server .server_box .right{ width: 3rem; height: auto; margin:0 auto 0 0.3rem; overflow: hidden; float: left; position: relative;}
.server .server_box .right .number{ width: 100%; height: auto; margin:0.1rem auto 0 auto; overflow: hidden; line-height:1; font-size: 1.2rem; font-family: Arial; color: #51a4ed; text-align: right;}
.server .server_box .right .title{ width: 100%; height: auto; margin:0 auto; overflow: hidden; line-height:1.2; font-size:0.28rem; font-family:"microsoft yahei"; color:#fff; text-align: left; font-weight: bold;}
.server .server_box .right .con{ width: 100%; height: 0.7rem; margin:0.15rem auto 0 auto; overflow: hidden; line-height:0.35rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#fff; text-align: left;}
.server .server_box .right .line{ width: 40%; height: 1px; margin:0.3rem  auto 0 0; overflow: hidden; background-color: #fff;}
.server .server_box .right .more{ width:55%; height:0.6rem; overflow:hidden;  margin: 0.3rem auto 0.3rem 0; font-size:0.2rem; font-family:"microsoft yahei"; color:#0078be; line-height:0.6rem; text-align: center; background-color: #fff; border-radius: 0.1rem; display: inline-block;}

.server .swiper-container{width:100%; height:100%; margin:0 auto; overflow: hidden;}
.server .swiper-wrapper{ width:100%; margin:0; position:relative;}
.server .swiper-slide{ width:100%; height:100%; position:relative; text-align:center;}
.server .swiper-slide img{ width:100%; height:100% ;}
.server .swiper-paginationin{ height:10px; overflow:hidden; position:absolute; right:0px; bottom:10px !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.server .swiper_btnz{position: absolute;top: 92%;width: 0.9rem;height: 0.9rem; left:37%;background: url(../img/images/left.png) 0 0 no-repeat; background-size:cover;display: block;z-index:10;}
.server .swiper_btny{position: absolute;top: 92%;width: 0.9rem;height: 0.9rem; left:53%;background: url(../img/images/right.png) 0 0 no-repeat; background-size:cover;display: block;z-index:10;}

/*case*/
.casebg{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; background-color: #1691ea; text-align: center;}
.case_title{ width:100%; height:auto; overflow:hidden; margin: 0.5rem auto 0 auto; line-height:2; font-size:0.32rem; font-family:"microsoft yahei"; color:#fff; text-align: center; font-weight:bold;}
.case_down{width: 100%; height: auto; overflow: hidden; margin: 0.3rem auto 0 auto;}
.case_down .case_box{ width:45%; height:auto; float: left; margin: 0.3rem 2% 0 2%; border-right: 1px solid #71bcf2; background: url(../img/images/t11.png) no-repeat 95% 98%; background-size: 0.3rem;}
.case_down .case_box .pic{ width:2.6rem; height:2.6rem; overflow: hidden; margin: 0.1rem auto 0 auto; border-radius: 50%; background-color: #fff; text-align: center;}
.case_down .case_box .pic img{ width:2.6rem; height:2.6rem; transition: all 0.5s;}
.case_down .case_box .title{ width:100%; height:auto; overflow:hidden; margin: 0.2rem auto 0 auto; line-height:0.4rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#fff; text-align: center;}
.case_more{ width:3rem; height:0.6rem; overflow:hidden; margin: 0.4rem  auto; font-size:0.22rem; font-family:"microsoft yahei"; color:#0060a5; line-height:0.6rem; text-align: center; background-color: #fff; border-radius: 0.1rem; display: inline-block;}
.case_down .case_box:hover .pic img{ width:2.6rem; height:2.6rem; transition: all 0.5s; transform: scale(1.1);}

/*news*/
.newsbg{ width: 100%; height: auto; overflow: hidden; margin:0 auto; padding: 0.4rem 0 0 0; text-align: center;}
.news_top{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.news_top .left{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; float: left;}
.news_top .left .title{ width: 100%; height: auto; overflow: hidden; line-height:2; font-size:0.32rem; font-family:"microsoft yahei"; color:#006fc0; text-align: center; font-weight:bold;}
.news_top .left .en{ width: 100%; height: auto; overflow: hidden; line-height:1.2; font-size:0.2rem; font-family:Arial; color:#666; text-align: center;}
.news_top .right{ width: 100%; height: auto; overflow: hidden; margin:0.2rem auto 0 auto; float: right; text-align: center;}
.news_top .right .box{ width: auto; height: 0.5rem; overflow: hidden; margin: 0 0.1rem; padding:0.05rem 0.2rem; display: inline-block; line-height:0.5rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#1691ea; text-align: left; border-radius:0.3rem; border: 1px solid #1691ea;}
.news_top .right .box.on{ width: auto; height: 0.5rem; overflow: hidden; margin: 0 0.1rem; padding:0.05rem 0.2rem; display: inline-block; line-height:0.5rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#fff; text-align: left; background-color: #1691ea; border-radius: 0.3rem; border: 1px solid #1691ea;}
.news_top .right a:hover .box{ width: auto; height: 0.5rem; overflow: hidden; margin: 0 0.1rem; padding:0.05rem 0.2rem; display: inline-block; line-height:0.5rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#fff; text-align: left; background-color: #1691ea; border-radius: 0.3rem; border: 1px solid #1691ea;}
.news_down{ width: 100%; height: auto; overflow: hidden; margin: 0.4rem auto 0 auto; background: url(../img/images/nbg.jpg) no-repeat left top; background-size: 100% ;}
.news_down .left{ width:92%; height:auto; overflow:hidden; margin:0 auto;}
.news_down .left .time{ width:100%; height:auto; overflow:hidden; margin:0.4rem auto 0 auto; line-height:1.5; font-size:0.2rem; font-family:Arial; color:#999; text-align: right; }
.news_down .left .title{ width:100%; height:auto; overflow:hidden; margin:0.1rem auto 0 auto; line-height:2; font-size:0.24rem; font-family:"microsoft yahei"; color:#111; text-align: left; }
.news_down .left:hover .title{ width:100%; height:auto; overflow:hidden; margin:0.1rem auto 0 auto; line-height:2; font-size:0.22rem; font-family:"microsoft yahei"; color:#006fc0; text-align: left; }
.news_down .left .pic{ width:100%; height:3.9rem; overflow: hidden; margin:0.1rem auto 0 auto; text-align: center;}
.news_down .left .pic img{ width:100%; height:3.9rem; transition: all 0.5s;}
.news_down .left:hover .pic img{ width:100%; height:3.9rem; transition: all 0.5s; transform: scale(1.1);}
.news_down .right{ width:92%; height:auto; overflow:hidden; margin:0.4rem auto 0 auto;}
.news_down .right .box{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding: 0.3rem 0; border-bottom: 1px solid #e7e7e7;}
.news_down .right .box .up{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/t5.png) no-repeat left 50%;}
.news_down .right .box .up .title{ width:75%; height:0.4rem; overflow:hidden; margin:0 auto 0 5%; float:left ; line-height:0.4rem; font-size:0.24rem; font-family:"microsoft yahei"; color:#333; text-align: left;}
.news_down .right .box .up .time{ width:20%; height:auto; overflow:hidden; margin:0 auto; float: left; line-height:0.4rem; font-size:0.2rem; font-family:Arial; color:#999; text-align: right;}
.news_down .right .box .jt{ width:100%; height:0.14rem; overflow:hidden; margin:0.2rem auto 0 auto; background: url(../img/images/t6.png) no-repeat 97% center; transition: all 0.3s;}
.news_down .right a:hover .box .jt{ width:100%; height:0.14rem; overflow:hidden; margin:0.2rem auto 0 auto; background: url(../img/images/t7.png) no-repeat 100% center; transition: all 0.3s;}
.news_down .right a:hover .box .up{ width:100%; height:auto; overflow:hidden; margin:0 auto; background: url(../img/images/t4.png) no-repeat left 50%;}
.news_down .right a:hover .box .up .title{ width:75%; height:0.4rem; overflow:hidden; margin:0 auto 0 5%; float:left ; line-height:0.4rem; font-size:0.24rem; font-family:"microsoft yahei"; color:#006fc0; text-align: left;}
.news_more{ width:3rem; height:0.6rem; overflow:hidden; margin: 0.3rem auto 0.4rem auto; font-size:0.22rem; font-family:"microsoft yahei"; color:#fff; line-height:0.6rem; text-align: center; background-color: #1691ea; border-radius: 0.1rem; display: inline-block;}
/**footer**/
.footer{ overflow:hidden; position:fixed; width:100%; height:1rem; max-width:7.2rem; margin:auto; left:0; right:0; bottom:0; z-index:101; background:#1691ea; box-sizing:border-box;}
.footer ul{ overflow:hidden;}
.footer ul li{ width:25%; float:left; text-align:center; padding-top:0.15rem; position:relative;}
.footer ul li img{ width:0.4rem;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.footer ul li p{ font-size:0.22rem; color:#fff; padding:0.05rem 0 0.15rem 0;}
.footer ul li.footlia img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}
.footer ul li.footlia p{ color:#fff;}


.footer_top_e{ width:100%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto; padding:0.45rem 0; background-color:#efefef; text-align:center;}
.footer_top_e .title{ width:100%; height:auto; overflow:hidden; margin:0 auto; color:#333; font-family:"microsoft yahei"; line-height:2; font-size:0.26rem; text-align:center;}
.footer_top_e .tel{ width:100%; height:auto; overflow:hidden; margin:0 auto; color:#0f81d4; font-family: Arial; line-height:1.5; font-size:0.46rem; text-align:center; font-weight: bold;}
.footer_top_e .adds{ width:90%; height:auto; overflow:hidden; margin:0 auto 0.2rem auto; color:#666; font-family: "microsoft yahei"; line-height:2; font-size:0.22rem; text-align:center;}
.footer_top_e_b{ width:2.05rem; height:auto; overflow:hidden; margin:0 0.3rem; display:inline-block;}
.footer_top_e_img{ width:2.05rem; height:2.05rem; overflow:hidden; margin:0 auto;}
.footer_top_e_img img{ width:2.05rem; height:2.05rem;}
.footer_top_e_title{ width:2.05rem; height:0.4rem; overflow:hidden; margin:0 auto; color:#333; font-family:"microsoft yahei"; line-height:0.4rem; font-size:0.22rem; text-align:center;}





.footer .flist{color:#fff;width:25%;text-align: center;padding-top: 0.62rem;padding-bottom: 0.07rem;}
.footer .flist1{background: url("../img/images/home.png") no-repeat center 0.22rem;background-size: 0.40rem;}
.footer .flist2{background: url("../img/images/case.png") no-repeat center 0.225rem;background-size: 0.35rem;}
.footer .flist3{background: url("../img/images/kefu.png") no-repeat center 0.22rem;background-size: 0.40rem;}
.footer .flist4{background: url("../img/images/phone.png") no-repeat center 0.22rem;background-size: 0.35rem;}
.footer .flist1:hover{background: url("../img/images/home1.png") no-repeat center 0.22rem;background-size: 0.40rem;}
.footer .flist2:hover{background: url("../img/images/case1.png") no-repeat center 0.225rem;background-size: 0.35rem;}
.footer .flist3:hover{background: url("../img/images/kefu1.png") no-repeat center 0.22rem;background-size: 0.40rem;}
.footer .flist4:hover{background: url("../img/images/phone1.png") no-repeat center 0.22rem;background-size: 0.35rem;}
.footer .flist:hover {color: #1691ea;}
/*.footer .flist.active{background-color: #3d2e23;}*/
.footer .flist a{color: #fff; }
.footer .flist .n{ font-size: 0.24rem;}
.footer .flist .en{ font-size:0.14rem;}

.footer .footLeft,.footer .footRight{ width:1.15rem;   text-align:center; display:table-cell; vertical-align:middle;}
.footer .footLeft img,.footer .footRight img{ width:0.46rem; height:0.46rem;}
.footer .footLeft p,.footer .footRight p{font-size:0.2rem; color:#fff;}
.footer .footLeft{ }
.footer .footRight{ }
.footer .footCens{box-sizing:border-box; width:4.9rem; padding:0 0.2rem; float:left; text-align:center;border-right:1px solid #3196A4;border-left:1px solid #3196A4;}
.footer .footCens span{ display:block; font-size:0.2rem; color:#fff;}
.footer .footCens span a{ color:#fff;}
.footer .footCens p{ font-size:0.16rem; color:#a4d5dc;}

/* bannepic */
.cl_bannerpic{width: 100%;height: auto;overflow: hidden;text-align: center;}
.cl_bannerpic img{width: 100%;float: left;}
.about_txtcon{width: 6.6rem;height: auto;overflow: hidden;margin: 0px auto;}
.about_txtcontxt{font-size: 0.26rem;line-height: 0.45rem;color: #333;}
.about_txtcontxt p{padding: 0.02rem  0px;line-height: 0.45rem;}
.about_txtcontxt img{ max-width:100%;}

/*banner*/
.commbanner{width: 100%;height: auto;overflow: hidden; margin: 0px auto;position: relative;}
.commbanner.inner-banner.articleShow{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.inner-banner.articleShow .banner-bg{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.commbanner.inner-banner .banner-bg{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.15);-webkit-transition: 4s;-o-transition: 4s;-moz-transition: 4s;transition: 4s;}
.inner-banner.articleShow .banner-bg{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.commbanner img{width: 100%;float: left;}
.story-bannercon{width: 80%;margin: 0px auto 0px;overflow: hidden;position: absolute;left: 10%;top: 35%;}
.story-commtitl{width: 100%;height: auto;overflow: hidden; text-align:left;}
.story-commtitl p.p1{font-size:0.36rem;color: #fff;margin-bottom: 4px;}
.story-commtitl p.p2{font-size: 0.4rem;color: #fff;}


/* honnerlist */
.honnerlist{width: 6.6rem;height: auto;overflow: hidden;margin: 0.2rem auto 0px;}
.honnerlist ul li{width: 100%;height: auto;overflow: hidden;margin-bottom: 0.3rem;border-bottom: 1px solid #f5f5f5;}
.honnerlist ul li .pic{width: 100%;height: auto;overflow: hidden;}
.honnerlist ul li .pic img{width: 100%;float: left;}
.honnerlist ul li .title{padding: 0.25rem 0.3rem 0.3rem;overflow: hidden;font-size: 0.26rem;color: #333;line-height: 0.38rem;text-align: center;}

/*内页荣誉*/
.neipro_conlist .h_box{ width:100%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto; float:left; background-color:#fff;}
.neipro_conlist .h_box .top{ width:90%; height:auto; overflow:hidden; margin:35px 5% 0 5%;}
.neipro_conlist .h_box .top .ry{ height:0.4rem; overflow:hidden; float:left; border:0.02rem solid #a13232; padding:0 0.15rem; line-height:0.4rem; font-size:0.22rem; color:#a13232; text-align:center; border-radius:0.2rem; font-weight:bold;}
.neipro_conlist .h_box .top .time{ height:0.4rem; overflow:hidden; margin-left:0.15rem; float:left; line-height:0.4rem; font-size:0.2rem; color:#333; text-align:left;}
.neipro_conlist .h_box .title{ width:90%; height:0.8rem; overflow:hidden; margin:0.15rem 5% 0 5%; line-height:0.4rem; font-size:0.3rem; color:#1691ea; text-align:left;}
.neipro_conlist .h_box .pic{ width:90%; height:1.5rem; overflow:hidden; margin:0.2rem 5% 0.4rem 5%; text-align:left;}
.neipro_conlist .h_box .pic img{height:auto; max-height:1.5rem; }
/*内页合作*/
.neipro_conlist .p_box{ width:49%; height:1.3rem; overflow:hidden; margin:0.2rem 2% 0 0; float:left; background-color:#fff; text-align:center;}
.neipro_conlist .p_box:nth-child(2n){ width:49%; height:1.3rem; overflow:hidden; margin:0.2rem 0 0 0; float:left; background-color:#fff; text-align:center;}
.neipro_conlist .p_box img{ max-width:90%; max-height:1.1rem; margin:0.1rem auto; transition:all 0.3s; }
.neipro_conlist { width:94%; height:auto; overflow:hidden; margin:0.2rem auto;}


/* proctxtx */
.pro_contanbg{width: 100%;background-color: #fff;margin: 0.6rem auto 0px;box-sizing: border-box;border-radius: 0.6rem 0.6rem 0px 0px;}
.view_probox{width: 100%;height: auto;margin: 0px auto 0rem;position: relative;min-height: 4rem;padding-bottom: 0.4rem;}
.pro_navs{width: 100%;height: 0.73rem;overflow: hidden;text-align: center;position: absolute;top: -0.45rem;left: 0px;right: 0px;margin: 0px auto;}
.pro_navs li{width:1.65rem;height:0.73rem;background: url(../img/pro_navbg.png)no-repeat;display: inline-block;line-height: 0.62rem;text-align: center;font-size: 0.26rem;color: #1691ea;background-size: 100%;}
.pro_navs li span{display: block;padding-left: 0.2rem;}
.pro_con{overflow: hidden;width: 100%;height:4rem;overflow-y: auto;box-sizing: border-box;padding: 0.6rem 0.35rem 0px;}
.pro_con li{display: none;line-height: 0.4rem;font-size: 0.26rem;color: #333;}
.pro_con li.on{display: block;}
.pro_navs li.on,.view_probox .pro_navs li:hover{background: url(../img/pro_navbg2.png)no-repeat;color: #fff;cursor: pointer;background-size: 100%;}
.imgscr {float: left;}

/* 内页招聘 */
.cl_zplist{width: 94%;height: auto;overflow: hidden;margin: 0.25rem auto 0px;}
.cl_zplist ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 0.2rem;}
.cl_zplist ul li .tit{width: 100%;height: 0.7rem;background-color: #1691ea;line-height: 0.7rem;font-size: 0.26rem;font-weight: bold;}
.cl_zplist ul li .tit span{display: inline-block;padding-left: 0.2rem; color: #fff;}
.cl_zplist ul li .con{box-sizing: border-box;border: 1px solid #e3e3e3;border-top: none;padding: 0.2rem 0.27rem 0.25rem;overflow: hidden;}
.cl_zplist ul li .con .laber{font-weight: bold;color: #1691ea;font-size: 0.24rem;margin-bottom: 0.1rem;}
.cl_zplist ul li .con .txt{width: 100%;height: auto;overflow: hidden;font-size:0.24rem;color: #333;line-height:0.4rem;}
.cl_zplist ul li .con .txt p{padding: 2px 0px;line-height: 0.4rem;}
.cl_zplist ul li .boot{width: 100%;height: 5px;background: url(../img/zp_bmbg.jpg)repeat;}

/* 内页新闻 */
.cl-news{width: 100%;height: auto;overflow: hidden;margin: 0.25rem auto 0px;}
.cl-news ul li{width: 94%;overflow: hidden;margin: 0px auto 3%;border-bottom: 1px solid #e5e5e5;padding:0.1rem 0.25rem;box-sizing: border-box; background:url(../img/images/t15.png) no-repeat left 60%;}
.cl-news ul li a p.p1{font-size: 0.25rem;color: #666;font-weight: bold;font-family: Arial;padding-bottom: 0.05rem;}
.cl-news ul li a p.p2{font-size: 0.26rem;color: #585858;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;margin-bottom: 0.15rem;}
.cl-news ul li a .pic{width: 100%;overflow: hidden;text-align: center;margin-bottom: 0.2rem;}
.cl-news ul li a .pic img{width: 100%;float: left;}
.cl-news ul li a p.p3{color: #666;font-size: 0.25rem;display: inline-block;border-bottom: 1px solid #8a8a8a;line-height: 0.55rem;}

/*内页社员*/
.cl-news ul a .box{ width:92%; height:auto; overflow: hidden; margin:0.2rem auto; background-color:#fff; border-bottom: 1px solid #ededed; padding: 0.3rem 0; }
.cl-news ul a .box .pic{ width:25%; height:1.35rem; overflow:hidden; text-align:center; float: left;}
.cl-news ul a .box .pic img{ max-width:100%; width: 100%; height:auto;}
.cl-news ul a .box .title{ width:70%; height:1rem; overflow:hidden; line-height:0.33rem; font-size:0.26rem; color:#1f1a17; text-align:left; float: right;}
.cl-news ul a .box .time{ width:70%; height:0.35rem; overflow:hidden; line-height:0.35rem; font-size:0.2rem; color:#999; text-align:left; float: right;}
/*product*/
.cl-news ul a .box_p{ width:48%; height:auto; overflow: hidden; margin:0.2rem 1%; float: left; }
.cl-news ul a .box_p .pic{ width:100%; height:2.51rem; overflow:hidden; text-align:center; background-color: #f3f3f3;}
.cl-news ul a .box_p .pic img{ max-width:100%; width: 100%; height:auto;}
.cl-news ul a .box_p .title{ width:100%; height:0.42rem; overflow:hidden; line-height:0.0.42rem; font-size:0.24rem; color:#333; text-align:left; float: right;}
/*cases*/
.cl-cases ul a .case_box{ width:45%; height:auto; float: left; margin: 0.3rem 2% 0 2%; border-right: 1px solid #71bcf2; background: url(../img/images/t11.png) no-repeat 95% 98%; background-size: 0.3rem;}
.cl-cases ul a .case_box .pic{ width:2.6rem; height:2.6rem; overflow: hidden; margin: 0.1rem auto 0 auto; border-radius: 50%; background-color: #fff; text-align: center;}
.cl-cases ul a .case_box .pic img{ width:2.6rem; height:2.6rem; transition: all 0.5s;}
.cl-cases ul a .case_box .title{ width:100%; height:auto; overflow:hidden; margin: 0.2rem auto 0 auto; line-height:0.4rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#fff; text-align: center;}
.cl-cases ul a .case_box:hover .pic img{ width:2.6rem; height:2.6rem; transition: all 0.5s; transform: scale(1.1);}

/*infor*/
.cl-infor .server_box{ width: 100%; height: 4.1rem; margin:0.5rem auto 0 auto; position: relative;}
.cl-infor .server_box:nth-child(2n) .bluebg{ width: 55%; height: 4.1rem; position: absolute; left: 0; top: 0; background-color: #1691ea; z-index: 1;}
.cl-infor .server_box .pic{ width: 3.6rem; height: 2.3rem; margin:0.9rem auto 0 auto; overflow: hidden; float: right;}
.cl-infor .server_box .right{ width: 3rem; height: auto; margin:0 auto 0 0.3rem; overflow: hidden; float: left; position: relative;}
.cl-infor .server_box .right .number{ width: 100%; height: auto; margin:0.1rem auto 0 auto; overflow: hidden; line-height:1; font-size: 1.2rem; font-family: Arial; color: #51a4ed; text-align: right;}
.cl-infor .server_box .right .title{ width: 100%; height: auto; margin:0 auto; overflow: hidden; line-height:1.2; font-size:0.28rem; font-family:"microsoft yahei"; color:#fff; text-align: left; font-weight: bold;}
.cl-infor .server_box .right .con{ width: 100%; height: 0.7rem; margin:0.15rem auto 0 auto; overflow: hidden; line-height:0.35rem; font-size:0.2rem; font-family:"microsoft yahei"; color:#fff; text-align: left;}
.cl-infor .server_box .right .line{ width: 40%; height: 1px; margin:0.3rem  auto 0 0; overflow: hidden; background-color: #fff;}
.cl-infor .server_box .right .more{ width:55%; height:0.6rem; overflow:hidden;  margin: 0.3rem auto 0.3rem 0; font-size:0.2rem; font-family:"microsoft yahei"; color:#0078be; line-height:0.6rem; text-align: center; background-color: #fff; border-radius: 0.1rem; display: inline-block;}

.cl-infor .server_box:nth-child(2n-1) .pic{ width: 3.6rem; height: 2.3rem; margin:0.9rem auto 0 auto; overflow: hidden; float: right;}
.cl-infor .server_box:nth-child(2n-1) .right{ width: 3rem; height: auto; margin:0 auto 0 0.3rem; overflow: hidden; float: left; position: relative;}
.cl-infor .server_box:nth-child(2n-1) .right .number{  width: 100%; height: auto; margin:0.1rem auto 0 auto; overflow: hidden; line-height:1; font-size: 1.2rem; font-family: Arial; color: #51a4ed; text-align: right;}
.cl-infor .server_box:nth-child(2n-1) .right .title{ width: 100%; height: auto; margin:0 auto; overflow: hidden; line-height:1.2; font-size:0.28rem; font-family:"microsoft yahei"; color:#006fc0; text-align: left;}
.cl-infor .server_box:nth-child(2n-1) .right .con{ width: 100%; height: 0.7rem; margin:0.15rem auto 0 auto; overflow: hidden; line-height:0.35rem; font-size:0.2rem; font-family:"microsoft yahei";  color:#006fc0; text-align: left;}
.cl-infor .server_box:nth-child(2n-1) .right .line{ width: 40%; height: 1px; margin:0.3rem  auto 0 0; overflow: hidden; background-color: #006fc0;}
.cl-infor .server_box:nth-child(2n-1) .right .more{ width:55%; height:0.6rem; overflow:hidden;  margin: 0.3rem auto 0.3rem 0; font-size:0.2rem; font-family:"microsoft yahei"; color:#fff; line-height:0.6rem; text-align: center; background-color: #006fc0; border-radius: 0.1rem; display: inline-block;}


/*keshi*/
.keshi{ width:92%; height:auto; overflow:hidden; margin:0.2rem auto;}
.keshi_top_case{ width:100%; height:0.6rem; overflow:hidden; margin:0.1rem auto; line-height:0.6rem; font-size:0.32rem; font-family:"microsoft yahei"; color:#333;}
.keshi_top{ width:100%; height:0.5rem; overflow:hidden; margin:0.1rem auto; line-height:0.5rem; font-size:0.3rem; font-family:"microsoft yahei"; color:#333; text-align:left;}
.keshi_down{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.keshi_box{ width:auto; height:0.5rem; overflow:hidden; margin:0.05rem auto 0.05rem 0.12rem; padding:0 0.2rem; float:left; border:1px solid #dedede; border-radius:0.1rem; line-height:0.5rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#333; text-align:center; transition:all 0.5s; }
.keshi_box:hover{ background-color:#048f41; border:1px solid #048f41; color:#fff; transition:all 0.5s;  }
.keshi_box_t{ width:auto; height:0.5rem; overflow:hidden; margin:0.05rem auto 0.05rem 0.12rem; padding:0 0.2rem; float:left; background-color:#048f41; border:1px solid #048f41; border-radius:0.1rem; line-height:0.5rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#fff; text-align:center; transition:all 0.5s;}
.keshi_box_t:hover{background-color:#048f41; border:1px solid #048f41; color:#fff; transition:all 0.5s;  }

.keshiv_box{ width:90%; height:auto; overflow:hidden; margin:0 auto; padding:2.4%; border:1px solid #dedede;}
.keshiv_top{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:0.7rem; font-size:0.32rem; font-weight:bold; font-family:"microsoft yahei"; color:#333; text-align:center;}
.keshiv_con{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:0.45rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#333;}
.keshiv_doc{ width:100%; height:auto; overflow:hidden; margin:0.2rem auto;}
.keshiv_boxa{ width:48%; height:auto; overflow:hidden; float:left; margin:0.2rem 0 0.2rem 2%;}
.boxcon a:nth-child(2n) .keshiv_boxa{ width:48%; height:auto; overflow:hidden; float:left; margin:0.2rem 0 0.2rem 2%;}
.keshiv_boxa_img{ width:100%; height:4.5rem; overflow:hidden; margin:0 auto; position:relative;}
.keshiv_boxa_img img{ width:100%; height:auto;transition:all 0.5s; }
.keshiv_boxa_title{ width:100%; height:0.5rem; overflow:hidden; margin:0 auto; position:absolute; bottom:0; left:0; background-color:#e7eee7; line-height:0.5rem; font-size:0.24rem; font-family:"microsoft yahei"; color:#1691ea; text-align:center;}
.keshiv_boxa:hover .keshiv_boxa_img img{ width:100%; height:auto; transition:all 0.5s; transform:scale(1.1);}

.case_view{ width:96%; height:auto; overflow:hidden; margin:0 auto; padding:0.15rem 0; border-bottom:1px solid #dedede;}
.case_view .left{ width:2.5rem; height:auto; float:left; overflow:hidden; margin:0 0.2rem 0 auto; border-radius:0.1rem;}
.case_view .left img{ width:2.5rem; height:auto;}
.case_view .right{ width:4.2rem; height:auto; float:left; overflow:hidden; margin:0 auto;}
.case_view .right .title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:0.5rem; font-size:0.3rem; font-family:"microsoft yahei"; color:#111;}
.case_view .right .keywords{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:0.3rem; font-size:0.22rem; font-family:"microsoft yahei"; color:#666; }
.case_view .right .centent{ width:100%; height:auto; overflow:hidden; margin:20px auto 0 auto; }

.keshi_top{ width:100%; height:0.8rem; overflow:hidden; margin:0.3rem auto 0.4rem auto; text-align:center;}

.keshi_top_a{width:30%; height:0.8rem; display:inline-block; text-align:center; line-height:0.6rem; font-size:0.26rem; font-family:"microsoft yahei"; color:#333;}
.keshi_top_a:hover{ color:#fff; background:url(../img/images/newsnav_ke.png) no-repeat center; background-size:cover;}
.keshi_top_b{width:30%; height:0.8rem; display:inline-block; text-align:center; line-height:0.6rem; font-size:0.26rem; font-family:"microsoft yahei"; color:#fff; background:url(../img/images/newsnav_ke.png) no-repeat center; background-size:cover;}
.keshi_top_b:hover{ width:30%; height:0.8rem; display:inline-block; text-align:center; line-height:0.6rem; font-size:0.26rem; font-family:"microsoft yahei"; color:#fff; background:url(../img/images/newsnav_ke.png) no-repeat center; background-size:cover;}

/* 联系我们 */
.contant-bg{width: 100%;height: auto;overflow: hidden;padding: 0.4rem 0px 0.6rem;}
.contant-con{ width:100%; height:auto; overflow:hidden; margin:0  auto;}
.contant-con .box{ width:90%; height:auto; overflow:hidden; margin:0 auto 0.2rem auto; padding:0.2rem 2%; border-radius:0.1rem; background:rgba(245,247,244,1) url(../img/images/t13.png) no-repeat 4% 20%;}
.contant-con .box:nth-child(2){ background:rgba(245,247,244,1) url(../img/images/t18.png) no-repeat 4% 20%;}
.contant-con .box:nth-child(3){width:90%; height:auto; overflow:hidden; margin:0 auto 0.2rem auto; padding:0.2rem 2%; border-radius:0.1rem; background:rgba(245,247,244,1) url(../img/images/t17.png) no-repeat 4% 20%;}
.contant-con .box:nth-child(4){width:90%; height:auto; overflow:hidden; margin:0 auto 0.2rem auto; padding:0.2rem 2%; border-radius:0.1rem; background:rgba(245,247,244,1) url(../img/images/t14.png) no-repeat 4% 20%;}
.contant-con .box .title{ width:70%; height:auto; overflow:hidden; margin:0 auto 0 13%; overflow:hidden; color:#999; font-size:0.22rem; line-height:1.5; font-family:microsoft yahei; text-align:left;}
.contant-con .box .con{ width:70%; height:auto; overflow: hidden; margin:0 auto 0 13%; overflow:hidden; color:#333; font-size:0.28rem; line-height:1.5; font-family:microsoft yahei; text-align:left; }
.contant-con .box:nth-child(3) .title{ width:70%; height:auto; overflow:hidden; margin:0 auto 0 13%; overflow:hidden; color:#999; font-size:0.22rem; line-height:1.5; font-family:microsoft yahei; text-align:left;}
.contant-con .box:nth-child(3) .con{ width:70%; height:auto; overflow:hidden; margin:0 auto 0 13%; overflow:hidden; color:#333; font-size:0.28rem; line-height:1.5; font-family:microsoft yahei; text-align:left; }

/* 地图 */
.map-bg{width: 100%;height: 4.8rem;overflow: hidden;margin: 0px auto;}






/* 二维码 */
.ewm-bg{width: 100%;height: auto;overflow: hidden;padding: 0.6rem 0px;background-color: #f8f8f8;text-align: center;font-size: 0px;}
.ewm-pic{width: 2.06rem;height: 2.06rem;margin: 0px auto;overflow: hidden;text-align: center;}
.ewm-pic img{width: 100%;float: left;}
.ewm-bg p.p1{line-height: 0.55rem;text-align: center;font-size: 0.24rem;color: #333;margin-bottom: 0.26rem;}
.ewm-bg p.p2{display: inline-block;height: 0.58rem;line-height: 0.58rem;text-align: center;border: 2px solid #a4cbf3;border-left: 0px;border-right: 0px;overflow: hidden;font-size: 0.26rem;font-weight: bold;margin: 0px auto;padding: 0px 0.2rem;color: #2788ec;}
.ewm-bg p.p2 i{font-size: 0.32rem;}



.clbanner{width: 100%;height:auto;overflow: hidden;margin: 0px auto; text-align: center;position: relative;}
.clbanner img{width: 100%; float: left;}
.about-txt{width: 100%;margin: 0px auto; text-align: center;position: absolute;left: 0px;right: 0px;color: #fff;top: 1.55rem;}
.about-txt p.p1{font-size: 0.38rem;margin-bottom: 0.15rem;}
.about-txt p.p2{font-family: Arial;font-size: 0.32rem;text-transform: capitalize;position: relative;padding-bottom:0.25rem;}
.about-txt p.p2::after{content: '';width: 1rem;height: 1px;background-color: #fff;display: inline-block;position: absolute;bottom: 0px;right: 0px;left: 0px;margin: 0px auto;}
/*neiabout*/
.nei_about{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.nei_pmain{ width:94%; height:auto; overflow:hidden; margin:0 auto; padding:0.6rem 0;}
.nei_about .left{ width:100%; height:auto; overflow:hidden; margin:0 auto; float:left;}
.nei_about .left .title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.5; font-size:0.4rem; color:#1691ea; text-align:left; font-weight:bold;}
.nei_about .left .tu{ width:100%; height:auto; overflow:hidden; margin:0.3rem auto; text-align:center;}
.nei_about .left .tu img{ width:90%; height:auto;}
.nei_about .left .intro{ width:100%; height:auto; overflow:hidden; margin:0.2rem auto 0 auto; line-height:1.8; font-size:0.24rem; color:#333; text-align:left;}
.nei_about .left .down{ width:100%; height:auto; overflow:hidden; margin:50px auto 0 auto;}
.nei_about .left .down .box{ width:24%; height:auto; overflow:hidden; margin:0 4.15% 0 4.15%; display:inline-block;}
.nei_about .left .down .box .pic{ width:100%; height:auto; overflow:hidden; text-align:left;}
.nei_about .left .down .box .shu{ width:100%; height:auto; overflow:hidden; line-height:1.3; font-size:0.36rem; color:#9f3131; text-align:left;}
.nei_about .left .down .box .shu sup{ font-size:0.2rem; color:#999;}
.nei_about .left .down .box .zi{ width:90%; height:auto; overflow:hidden; line-height:1.3; font-size:0.22rem; color:#686868; text-align:left;}
/*licheng*/
.nei_lic{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; padding-bottom:50px;}
.nei_lic .xian{width:100%;height:1px;overflow: hidden; background-color:#999; opacity:0.3; position:absolute; left:0; top:3.8rem; z-index:1;}
.lc_title{ width:100%; height:auto; overflow:hidden; margin:0.6rem 0 0; line-height:1.5; font-size:0.4rem; color:#1691ea; text-align:center; font-weight:bold;}
.lc_box{width:100%;height: auto;overflow: hidden;margin:1.8rem auto 0 auto;}
.lc_box .box{ width:100%; height:1.1rem; overflow:hidden; margin:0 auto; float:left;}
.lc_box .box .title{ width:100%; height:0.55rem; overflow:hidden; margin:0; line-height:0.55rem; font-size:0.26rem; color:#797979; text-align:center;}
.lc_box .box .dian{ width:100%; height:0.4rem; overflow:hidden; margin:0; line-height:0.4rem; font-size:0.9rem; color:#797979;text-align:center;}
.lc_box .box:hover .pic img{ width:100%; height:380px; transform:scale(1.1); transition:all 0.5s;}
.lc_box .swiper-container{width:100%; height:100%; margin:0 auto;}
.lc_box .swiper-wrapper{ width:33.33%; margin:0 auto; float:left;}
.lc_box .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative; text-align:center;}
.lc_box .swiper-slide-active ul{ color:#be9d6c !important;}
.lc_box .swiper-button-next{background: url(../img/images/t14.png) no-repeat;right: 0;width: 0.5rem;height: 0.5rem;position: absolute;left: auto;background-size: 100%;top:87%;z-index:99}
.lc_box .swiper-button-prev{background: url(../img/images/t13.png) no-repeat;left: 0;width: 0.5rem;height: 0.5rem;position: absolute;right: auto;background-size: 100%;top:87%;z-index:99}
.lc_box .swiper-button-next:hover{background: url(../img/images/t14.png) no-repeat;background-size: 100%;}
.lc_box .swiper-button-prev:hover{background: url(../img/images/t13.png) no-repeat;background-size: 100%;}
.lc_down{ width:100%; height:auto; margin:0 auto; position:relative;}
.lc_down .pic{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:0.3rem; text-align:center; z-index:10;}
.lc_down .pic img{ height:auto; max-width:75%; }
.lc_down .con{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:-2.2rem; line-height:2; font-size:0.22rem; color:#333; text-align:center; z-index:10;}
.lc_down .title{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding-top:2rem; line-height:1.1; font-size:2.3rem; letter-spacing:0.35rem; color:#a13232; text-align:center; opacity:0.3; position:relative; font-weight:bold;
display: block;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-backface-visibility: hidden;
background-image: url("../img/images/zi.png");		
}

/*文化*/
.wenh{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative;}
.wenh .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(1);transform: scale(1);}
.wenh .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
.wenh .none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.wenh .swiper-slide a {background: #fff;display: block;border-radius: 14px;}
.wenh .swiper-slide-active a:after {background: none;}
.wenh .swiper-slide .img {width: 100%;display: block;}
.wenh .swiper-paginationin{ height:12px; overflow:hidden; position:absolute; right:0px; bottom:0 !important; left:0 !important; margin:auto; z-index:1; text-align:center; }
.wenh .swiper-paginationin span{ display:inline-block;width:12px; border-radius:100%; height:12px; background:#f0f0f0; cursor:pointer; vertical-align:top; margin:0 4px;opacity:0.9 !important;}
.wenh .swiper-paginationin span.swiper-pagination-bullet-active{ background-color:#dbbf95;opacity:1 !important;}
.wenh .swiper-button-next2{background: url(../img/images/t16.png) no-repeat;top: 90%;width: 1.2rem;height: 0.6rem;position: absolute;right:25%;background-size: 100%; z-index:99;}
.wenh .swiper-button-prev2{background: url(../img/images/t15.png) no-repeat;top: 90%;width: 1.2rem;height: 0.6rem;position: absolute;right:8%;background-size: 100%; z-index:99;}
.wenh .swiper-button-next2:hover{background: url(../img/images/t16a.png) no-repeat;background-size: 100%;}
.wenh .swiper-button-prev2:hover{background: url(../img/images/t15a.png) no-repeat;background-size: 100%;}

/*诚信*/
.chengx{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:url(../img/images/bg8.jpg) no-repeat center top; background-size:cover; position:relative;}
.chengx .left{ width:94%; height:auto; overflow:hidden; margin:0 auto; padding:0.5rem 0;}
.chengx .left .title{ width:100%; height:auto; overflow:hidden; margin:0 auto; line-height:1.2; font-size:0.4rem; color:#fff; text-align:left; font-weight:bold;}
.chengx .left .intro{ width:100%; height:auto; overflow:hidden; margin:0.5rem auto 0 auto; line-height:1.6; font-size:0.4rem; color:#fff; text-align:left; font-weight:bold;}
.chengx .left .intro pre{ line-height:1.6; font-size:0.4rem; color:#fff; text-align:left; font-weight:bold; font-family:microsoft yahei;}
.chengx .right{ width:94%; height:auto; overflow:hidden; margin:0 auto; padding:0.5rem 0; color:#fff; text-align:center;}

/* 招聘 */
.zp-con{width: 96%;height: auto;overflow: hidden;margin: 0.35rem auto 0px;}
.layui-co {display: inline-block;width: 32.3%;font-size: 0.26rem;}


/************************** 内页*****************************/
.main{width:100%;margin:0 auto;overflow: hidden;line-height:0.28rem;}
.news_pptbg{ width:100%; height:auto; overflow:hidden; padding-bottom:0.3rem; min-height:5.5rem}
.nei{margin:0px auto 0.2rem;width: 96%;}
.nei_name{font-weight: normal; background-color:#fff;height:0.75rem;line-height:0.75rem; padding-left:0.2rem;color:#000; font-size:0.28rem}
.nei_name>span{color:#d4d4d4;font-family: Arial; text-transform:uppercase; font-size:0.13rem}
.cont{ padding:0.25rem 0.3rem 0rem; line-height:0.42rem; font-size:0.26rem; color:#333; min-height:5.5rem;box-sizing: border-box;}
.cont img{ text-indent:-28pt !important;}
.cont p{padding: 0.1rem 0px;line-height: 0.42rem;}
ul.Sort1 > li.s1>a{ background:url(../img/down.png) no-repeat #f4f4f4 95% 50% ;background-size:16px 8px;}
ul.Sort1 > li.s2>a{background:url(../img/up.png)no-repeat #f4f4f4 95% 50%;background-size:16px 8px; }
ul.Sort1 > li.s2{ border-bottom: 1px solid #ebebeb;}
ul.Sort1 > li > a{ color:#000; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort2{ margin:0 0.09rem 0.04rem; overflow:hidden; display:none; background:#FFF; padding:0.1rem 0;}
ul.Sort2 > li{  margin:0.05rem 1%; float:left;display: inline-block;text-align: center; height:0.69rem; overflow:hidden; line-height:0.69rem; background:#f8f8f8; width:auto; padding:0 0.1rem; font-size:0.85em}
ul.Sort2 > li > a{ color:#333;display:block; font-weight:bold; font-size:0.25rem}
ul.Sort2 > li > a.a1,a.cur{ color:#fff !important; background-color:#1691ea; padding:0 0.1rem;}
ul.Sort2 > li:hover{ background-color:#1691ea; padding:0 0.1rem;}
ul.Sort2 > li:hover > a{ color:#fff}
ul.Sort3 > li.s3>a{ background:url(../img/down.png) no-repeat 95% 50% ;background-size:16px 8px;}
ul.Sort3 > li.s4>a{background:url(../img/up.png)no-repeat 95% 50%;background-size:16px 8px; }
ul.Sort3 > li.s4{ border-bottom: 1px solid #ebebeb;}
ul.Sort3 > li > a{ color:#000; padding-left:4%; display:block; font-family:Microsoft YaHei}

ul.Sort4{ margin:0 0.09rem 0.04rem; overflow:hidden; display:none; background:#FFF; padding:0.1rem 0;}
ul.Sort4 > li{  margin:0.05rem 1%;font-size:0.25rem; text-align: center; height:0.69rem; line-height:0.69rem; font-size:0.85em; overflow:hidden; float:left; display:inline-block}
ul.Sort4 > li.li1{ width:31%;background: #f8f8f8; overflow:hidden}
ul.Sort4 > li.li1 > a.a2{ background:#f8f8f8; display:inline-block; line-height:0.69rem; overflow:hidden}
ul.Sort4 > li.li1 > a.a1{ color:#fff; background-color:#000; display:block}
ul.Sort4 > li.li2{ width:13%}
ul.Sort4 > li.li2 >a.pic{ margin:0.05rem 1%; overflow:hidden}
ul.Sort4 > li.li2 >a.a1 img{border:1px solid #000; overflow:hidden; display:inline-block}
ul.Sort4 > li.li2 >a.pic >img{ height:0.6rem}

/*新闻详情页*/
/*view*/
.view_title{text-align: center;margin:0.45rem auto 0.15rem;font-size:0.26rem; font-weight:bold; line-height:0.65rem; color: #4e4e4e; border-bottom:2px solid #1691ea;}
.news_view_wrap {display: flex;justify-content: center;font-size: 0.24rem;color: #4e4e4e;text-align: center;line-height: 0.42rem;}
.news_view_wrap>div {position: relative;padding: 0 0.14rem 0 0.52rem;display: inline-block;*display: inline;*zoom: 1;}
.news_view_date::after {width: 0.28rem;height: 0.28rem;background: url(../img/icon-time.png) center no-repeat;background-size: 100%;}
.news_view_click::after{width: 0.28rem;height: 0.28rem;background: url(../img/icon-number.png) center no-repeat;background-size: 100%;}
.news_view_wrap>div::after{content: '';display: block;position: absolute;left:0.14rem;top: 50%;transform: translate(0,-50%);}



.view_date{text-align: right;padding-right:0.2rem;font-size:0.2rem; color:#666; line-height:0.3rem; padding-top:0.1rem}
/*分页*/
.page{width:100%;line-height:0.5rem;text-align:center;border-top:none;padding:0 0 0px 0; margin:0.4rem auto 0px;font-size: 0.22rem;}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right:0.05rem;padding: 0.03rem 0.07rem;border: 1px solid #e2e2e2;min-width: 0.3rem;text-align: center;}
.pagination li.active {background: #1691ea;color: #fff;border: 1px solid #ededed;}
.pagination li a {display: block;text-align: center;}


/******************************leftnav****************************/
.inavs{ position:fixed; width:3.24rem; top:0; height:100%; background-color:#333333; z-index:105; padding-left:0.36rem; right:-3.6rem;}
.inavs .inavstop img{ width:0.31rem; padding:0.34rem 0;}
.inavsbot{overflow-y:scroll;overflow-x:hidden}
.inavsbot ul{}
.inavsbot ul li{ height:0.9rem; line-height:0.9rem; border-bottom:1px solid #424242; background:url(../img/cnav_bg.png) no-repeat 90% center;}
.inavsbot ul li a{ display:block;font-size:0.25rem; color:#fff;}
.inavsbot ul li a img{ width:0.24rem; vertical-align:middle; margin-left:1.45rem;transition:all 0.3s ease 0s;}
.inavsbot ul li a img.xla{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg); }
.inavsbot ul li .xlas{ text-indent:0.3rem; padding:0.1rem 0; display:none;}
.inavsbot ul li .xlas a{ display:block; font-size:0.26rem; color:#c7c7c7; height:0.6rem; line-height:0.6rem;}
/**图片相册**/
.view_pic_tumbom{ width:100%; height:auto; overflow:hidden; margin:1rem auto 0px;}
.view-page{width: 96%;height: auto;overflow: hidden;border-top: 1px solid #dedede;padding: 0.2rem 0px;}
.view-page p{font-size: 0.24rem;color: #999;line-height: 0.42rem;}
.view-page p a{color: #999;}
.pronavs{width: 100%;height: auto;overflow: hidden;margin: 0.25rem auto 0.35rem;}
.pronavs a{display: inline-block;padding: 0px 0.18rem;border: 1px solid #e9e9e9;border-radius: 20px;color: #333;line-height:0.58rem;margin: 0px 0.04rem 0.18rem;font-size: 0.26rem;float: left;}
.pronavs a:hover{background-color: #b72024;color: #fff;}



.nopadding{padding-top: 0px !important;}



/* wl 首页css */
.wl_m_indexbox{width: 6.76rem;height: auto;overflow: hidden;margin: 0.35rem auto ;background-color: #fff;border-radius: 8px;padding: 0.25rem  0  ;box-sizing: border-box;}
.wl_m_indextt{width: 100%;line-height: 0.55rem;box-sizing: border-box;overflow: hidden;padding: 0px 0.28rem 0px;}
.wl_m_indextt i{display: inline-block;float: left;margin-right: 0.12rem;margin-top: 0.1rem;}
.wl_m_indextt i.i1{width: 0.46rem;height: 0.44rem;background: url(../img/coin1.png)no-repeat center;background-size: 100%;}
.wl_m_indextt span{display: inline-block;float: left;font-size: 0.32rem;color: #191919;padding-left: 0.05rem;}
.wl_m_indextt a{display: inline-block;float: right;background-color: #efefef;padding: 0rem 0.25rem;border-radius: 20px;color: #a7a7a7;}

.wl_m_topbg{width: 100%;background: url(../img/m_topbg.jpg)no-repeat top center #f3f7ff;background-size: 100%;position: relative;}
.wl_m_person{width: 6.15rem;height: auto;overflow: hidden;margin: 0.1rem auto 0px;}
.wl_m_person .wl_headpic{width: 1.1rem;height: 1.1rem;float: left;overflow: hidden;border-radius: 50%;}
.wl_m_person .wl_headpic img{width: 100%;}
.wl_m_person .wl_headtxt{width: 4.85rem;float:right;overflow: hidden;color: #fff;margin-top: 0.25rem;}
.wl_m_person .wl_headtxt p.p1{font-size: 0.32rem;line-height: 0.48rem;}
.wl_m_person .wl_headtxt p.p2{font-size: 0.24rem;line-height: 0.45rem;}
.wl_m_botlablebg{width: 100%;height: 1.35rem;background-color: rgba(0,0,0,0.1);overflow: hidden;margin:0.3rem auto 0.45rem;}
.wl_m_botlable{width: 100%;height: auto;overflow: hidden;padding-top: 0.28rem;}
.wl_m_botlable ul li{width: 25%;float: left;position: relative;}
.wl_m_botlable ul li a .pic{width: 0.46rem;height: 0.42rem;margin: 0px auto 0.05rem;overflow: hidden;}
.wl_m_botlable ul li a .pic.pic1{background: url(../img/m_top_coin1.png)no-repeat top center;background-size: 98%;}
.wl_m_botlable ul li a .pic.pic2{background: url(../img/m_top_coin2.png)no-repeat top center;background-size: 92%;}
.wl_m_botlable ul li a .pic.pic3{background: url(../img/m_top_coin3.png)no-repeat top center;background-size: 98%;}
.wl_m_botlable ul li a .pic.pic4{background: url(../img/m_top_coin4.png)no-repeat top center;background-size: 98%;}
.wl_m_botlable ul li a p{font-size: 0.25rem;color: #fff;line-height: 0.45rem;text-align: center;}
.wl_m_botlable ul li a i{display: inline-block;width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: #f15a4a;color: #fff;font-size: 0.2rem;line-height: 0.3rem;position: absolute;right: 0.48rem;top: -0.1rem;text-align: center;}

.wl_m_indexcion{width: 100%;height: auto;overflow: hidden;margin:0.15rem auto 0;}
.wl_m_indexcion ul li{width: 25%;float: left;overflow: hidden;}
.wl_m_indexcion ul li.li3{width: 33.3%;}
.wl_m_indexcion ul li a .pic{width: 0.6rem;height: 0.55rem;margin: 0px auto 0.14rem;overflow: hidden;}
.wl_m_indexcion ul li a .pic.pic1{background: url(../img/news/coin29.png)no-repeat top center;background-size: 82%;}
.wl_m_indexcion ul li a .pic.pic2{background: url(../img/news/coin30.png)no-repeat top center;background-size: 85%;}
.wl_m_indexcion ul li a .pic.pic3{background: url(../img/news/coin31.png)no-repeat top center;background-size: 94%;}
.wl_m_indexcion ul li a .pic.pic4{background: url(../img/news/coin32.png)no-repeat top center;background-size: 94%;}
.wl_m_indexcion ul li a .pic.pic5{background: url(../img/news/coin33.png)no-repeat top center;background-size: 98%;}
.wl_m_indexcion ul li a .pic.pic6{background: url(../img/news/coin34.png)no-repeat top center;background-size: 98%;}
.wl_m_indexcion ul li a .pic.pic7{background: url(../img/news/coin35.png)no-repeat top center;background-size: 100%;}
.wl_m_indexcion ul li a .pic.pic8{background: url(../img/news/coin36.png)no-repeat top center;background-size: 94%;}
.wl_m_indexcion ul li a .pic.pic9{background: url(../img/news/coin38.png)no-repeat top center;background-size: 94%;}
.wl_m_indexcion ul li a .pic.pic10{background: url(../img/news/coin39.png)no-repeat top center;background-size: 94%;}
.wl_m_indexcion ul li a .pic.pic11{background: url(../img/news/coin40.png)no-repeat top center;background-size: 94%;}
.wl_m_indexcion ul li a .pic.pic12{background: url(../img/news/coin42.png)no-repeat top center;background-size: 94%;}
.wl_m_indexcion ul li a p{font-size: 0.26rem;color: #191919;text-align: center;line-height: 0.45rem;}
.wl_m_scrollbox{width: 100%;border-top: 1px solid #f1f1f1;overflow: hidden;padding: 0.08rem 0.28rem 0px;box-sizing: border-box;margin-top: 0.2rem;}
.wl_m_scrolllist{width: 100%;height: 0.58rem;overflow: hidden;}
.wl_m_scrolllist ul li{height: 0.58rem;line-height: 0.58rem;overflow: hidden;width: 100%;float: left;background: url(../img/news/coin37.png)no-repeat left center;background-size: 0.15rem;}
.wl_m_scrolllist ul li span{font-size: 0.24rem;color: #666;padding-left: 0.28rem; display: inline-block;float: left;}
.wl_m_scrolllist ul li i{display: inline-block;float: right;font-size: 0.24rem;color: #2291e1;}
.table_1 td{border-width: 1px;border-style: solid;border-color: #e6e6e6;}
.ui-header_no{min-width: 320px;max-width: 720px;color:#fff; height:0.9rem;z-index:4;box-sizing:border-box;margin: 0px auto;}

.ui-header-leftl{ position:absolute; left:0.2rem;}
.ui-sback-w{width: 0.55rem;float: left;height: 0.9rem;background: url(../img/s-back_w.png)no-repeat left center;background-size: 40%;}
.ui-seachername{width: 5.2rem;position: absolute;left: 0px;right: 0px;height: 0.9rem;font-size: 0.29rem;color: #fff;margin: 0px auto;line-height: 0.9rem;text-align: center;}
.wl_passlist{background: url(../img/coin5.png)no-repeat right center;background-size: 3%;margin: 0px 0.25rem;overflow: hidden;}
.wl_passlist span{display: inline-block;float: left;width:0.52rem;height: 0.52rem;}
.wl_passlist span.span1{background: url(../img/coin3.png)no-repeat center;background-size: 75%;}
.wl_passlist span.span2{background: url(../img/coin4.png)no-repeat center;background-size: 92%;}
.wl_passlist i{display: inline-block;float: left;padding-left: 0.15rem;font-size: 0.3rem;color: #222;line-height: 0.50rem;}

.bottom-fixed2{bottom: 0;position: fixed;text-align: center;width:100%;z-index: 99;min-width: 320px;max-width: 720px; margin:0 auto;}
.map_foot{width: 100%; text-align: center; background-color:#fff;overflow:hidden;box-sizing: border-box;height: 1rem;box-shadow: 0 0 30px 0 rgba(9,17,74,.1);justify-content:space-around;display: flex;}
.map_foot li{width: 1.25rem;height: 1rem;position: relative;}
.map_foot li a .pic{width: 0.4rem;height: 0.4rem;margin:0.12rem auto 0.05rem;}
.map_foot li i{display: inline-block;width: 0.3rem;height: 0.3rem;border-radius: 100%;background-color: #f62913;color: #fff;line-height: 0.3rem;position: absolute;right:0.24rem;top: 0.02rem;font-size: 0.18rem;text-align: center;}
.map_foot li a .pic.pic1{background: url(../img/mh.png)no-repeat center;background-size: 95%;}
.map_foot li a .pic.pic2{background: url(../img/map_coin2.png)no-repeat center;background-size: 98%;}
.map_foot li a .pic.pic3{background: url(../img/s9.png)no-repeat center;background-size: 100%;}
.map_foot li a p{font-size: 0.24rem;color: #999;line-height: 0.38rem;}
.map_foot li.daka{width: 3.2rem;background-color: #f64646; text-align: center;}
.map_foot li.daka a p.p1{font-size: 0.32rem;color: #fff;padding-bottom: 0.05rem;padding-top: 0.15rem;}
.map_foot li.daka a p.p2{font-size: 0.23rem;color: #ffa0a0;}
.map_foot li.daka.no{background-color: #999;}
.map_foot li.daka.no a p.p3{font-size: 0.23rem;color: #fff;}
.wl_gztcon{width: 98%;height: auto;overflow: hidden;margin: 0.3rem auto 0.25rem;}

.progersstit{width: 95%;margin: 0rem auto 0.25rem;overflow: hidden;font-size: 0.28rem;color: #2291e1;}

.row{width:95%;height:0.4rem;margin:0.2rem auto;}
.row .title{display: inline-block;width: 22%;float: left;font-size: 0.24rem;}
.row div{float:left;height:0.4rem;line-height:0.4rem;font-size: 0.25rem;color: #2291e1;}
.background{width:55%;height:0.4rem;border:1px solid #f1f1f1;border-radius: 10px;background:#eee;margin:0px 0.1rem;overflow:hidden;font-size: 0.25rem;}
.progress{border-radius: 10px;overflow:hidden;}

.ui-headerlist{min-width: 320px;max-width: 720px;color:#fff; height:0.9rem;margin:auto;z-index:4;box-sizing:border-box; position: fixed;top:0rem;left: 0px;right: 0px;margin: 0px auto;background: url(../img/m_toph.jpg)no-repeat top center;background-size: 100%;}
.ui-header-leftli{ position:absolute; left:0.2rem;}
.ui-sback-w{width: 0.55rem;float: left;height: 0.9rem;background: url(../img/s-back_w.png)no-repeat left center;background-size: 40%;}
/* 列表筛选 */
.ui-header-ico-search {background: url(../img/index_select.png) no-repeat center;background-size: 95%;display: block;color: #fff;height: 0.5rem;}
.wl_seacherbox{width: 100%;height: auto;overflow: hidden;margin: 0.2rem auto 0.2rem;}
.wl_seacherbot{display: inline-block;border-radius: 6px;background-color: #2291e1;font-size: 0.23rem;color: #fff;padding: 0rem 0.18rem;line-height: 0.6rem;height:0.6rem;border:1px solid #2291e1;box-sizing:border-box;}
.addinputs{ width:100%; height:0.6rem; line-height: 0.6rem; border:1px solid #e7e7e7;border-radius:3px; }
/* 表格 */
.con_box{ width:100%; height:auto; overflow:hidden; padding:0.2rem 0.12rem; height: 100%; box-sizing: border-box;}
.table_1{background-color: #fff;}
.table_1 tr td{text-align: center; line-height: 1.6; height: 0.75rem; font-size:0.2rem;}
/* .table_1 tr:nth-child(odd) {background-color:#f3f3f3;} */
.trbg{ background-color:#f2f2f2 !important; border-bottom:1px solid #eaeaea; color:#666}
.trbg td{ text-align: center}
/*操作按钮*/
.buton_coin1{ display:inline-block; background-color:#c4e8ff; padding:0% 3%; line-height: 1.5; color:#2291e1; border:1px solid #2291e1;border-radius: 2px;}
.buton_coin2{ display:inline-block; width:30%; background-color:#c4e8ff; color:#2291e1; border:1px solid #2291e1;border-radius: 2px; margin:4% auto 2%; font-size:1em}
.cr_btn{display: inline-block;padding: 0.05rem 0.2rem;border-radius: 6px;font-size: 0.24rem;}
.cr3{background-color: #2291e1;color: #fff;}
.cr2{background-color: #e96f29;color: #fff;}
.cr1{background-color: #119a07;color: #fff;}
.wbuu{color: #2291e1;}
.wyellow{color: #e96f29;}
.wbule{color: #119a07;}
.wgreen{color: #999;}
.wredd{color: #d40f22;}


.wl_all_view{width: 100%;height: auto;overflow: hidden;padding: 0rem 0px 0px;}
.yy_view{width: 92%;height: auto;overflow: hidden;margin: 0.25rem auto ;}
.yy_view ul li{width: 100%;border-bottom: 1px solid #dedede;float: left;overflow: hidden;line-height: 0.5rem;font-size: 0.25rem;color: #333;padding: 0.08rem 0px;}
.yy_view ul li span{display: inline-block;color: #2291e1;padding-right: 0.1rem;}
.yy_view ul li .bule{color: #2291e1;}
.yy_view ul li .red{color: #ed0d16;}
.yy_view ul li .yellow{color: #ed9b0d;}
.nav_box{ width:100%; height:auto; overflow:hidden; padding:0.2rem 0.2rem; }
.nav_box a{ display:block; float:left;  color:#333; padding:1% 1.2% 1.2% 1.2%; margin-right: 2%; border:1px solid #dedede; box-sizing: border-box; border-radius: 5px}
.nav_box a.cur{ border:1px solid #2291e1; color:#2291e1}
.nav_box_bottom{width: 100%; height: 0.1rem;  background: #f3f3f3; display: block}
.wl_all_vtitcon{width: 95%;height: auto;overflow: hidden;margin: 0px auto;}
.wl_all_vtit{width: 100%;height: auto;overflow: hidden;line-height: 0.48rem;margin-top: 0.25rem;}
.wl_all_vtit i{width: 0.1rem;height: 0.48rem;float: left;display: inline-block;background-color: #2291e1;}
.wl_all_vtit span{font-size: 0.25rem;color: #333;float: left;display:inline-block;padding-left: 0.1rem;}
.trz_input{border: 1px solid #dedede;float: left;width: 92%;min-height: 1.5rem;margin: 0.12rem 0px 0.12rem 0.2rem;}
.trz_input2{border: 1px solid #dedede;float: left;width: 40%;min-height:0.48rem;margin: 0.12rem 0px 0.12rem 0.2rem;}


/*login*/
.login-form{ width:70%; height:auto; overflow:hidden; margin:0.5rem auto;}
.login-form div{ width:100%; height:auto; overflow:hidden; margin:0.2rem auto; text-align:center;}
.login-form .inputc{ width:98%; height:0.6rem; overflow:hidden; margin:0 auto; border:1px solid #dedede; border-radius:0.1rem; background:none; line-height:0.6rem; color:#333; font-size:0.24rem; font-family:microsoft yahei; text-indent:0.2rem;}
/*mess*/
.message{ width:90%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden; }
.message .right{ width:100%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden; }
.message .right .down{ width:100%; height:auto; overflow:hidden; margin:0.3rem auto 0 auto;}
.message .right .box{ width:100%; height:auto; overflow:hidden; margin:0 auto 0.15rem auto; border-radius:0.1rem;}
.message .right .box .title{ width:100%; height:auto; overflow:hidden; margin:0.1rem auto; font-size:0.24rem; color:#000; font-family:microsoft yahie; line-height:1.5; text-align:left;}
.message .right input{ width:93%; height:0.7rem; overflow:hidden; margin:0.1rem auto; padding:0 3%; border:0; background:none; font-size:0.22rem; color:#333; font-family:microsoft yahie; line-height:0.7rem; text-align:left; border:1px solid #ededed; border-radius:0.1rem;}

.message .right textarea{ width:95%; height:1rem; overflow:hidden; margin:0 auto; padding:2%;background:none; border:0; font-size:0.22rem; color:#333; font-family:microsoft yahie; line-height:0.35rem; text-align:left; border:1px solid #ededed; border-radius:0.1rem;}
.message .right .an{ width:100%; height:0.7rem; overflow:hidden; display:inline-block; border-radius:0.1rem; background-color:#1691ea; font-size:0.24rem; color:#fff; font-family:microsoft yahie; line-height:0.7rem; text-align:center; cursor:pointer;}
.message ::placeholder {
	color: #999;
	}