@charset "utf-8";
/* Style Reset */
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}
body{font-size: 0.16rem;font-family: "microsoft yahei";}
input{border:0;padding:0;margin:0;}
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
a:hover{text-decoration:none}
fieldset, img {border:0;}
img{display:block;max-width: 100%}
.left{ float:left}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
input{border:none;background: #fff;outline:none;}
.clear {clear:both;width:100%;}
/* nav */
.rightnav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;background:#2C2F34}
.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.fixed{width:220px;height:150%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.rightnav li{width:220px;margin:0 auto;border-bottom:1px solid #303030;}
.rightnav li a{display:block;width:100%;font:100 16px/50px 'microsoft yahei';color:#fff; text-align:center}
.rightnav li:last-child{margin-bottom:20%;}
#allmap{width:100%;height:8rem;font-size:0.18rem}
.share{width:160px;margin:0.5rem auto;}
.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:150%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-clicked{width:100%;padding-right:2%;left:-227px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}
/* nav end*/

.allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:6rem;}

/*header*/
.header{width:100%;height:0.691rem;background:#1d1d1d;position:relative;z-index:9999;}
.head{background:#0085d5;text-align: center;position:fixed;width:100%;height:0.691rem;top:0;right:0;box-shadow: 0 4px 4px rgba(9,2,4,.55);line-height:0.791rem;z-index:99;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.logo{display:inline-block;width:62.8125%;height:auto;left:1.09375%; float:left}
.logo img{height:0.61rem; margin-top:0.05rem}
.home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.71rem;color:#fff;text-align:center;overflow:hidden;display:block;}
.nav-btn{width:14.0625%;right:0;top:0;position:absolute;font-size:0.4rem;line-height:0.71rem;color:#fff;text-align:center;overflow:hidden;}
.top-title{width:30%;position: absolute;left:35%;top:0;font-size:0.3rem;line-height:0.71rem;text-align:center;color:#fff;overflow:hidden;white-space: nowrap;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;}
/*header end*/

.content{min-height:8rem;overflow:hidden;font-size:0.2rem;padding-bottom: 15%;background: transparent;}
@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;padding-bottom: 15%;}
}

/* 		文字导航  		*/
.nav_new{width: 100%;background: #0085d5;}
.nav_new ul li{width: 25%;height: 0.5rem;float: left;text-align: center;}
.nav_new ul li:nth-child(4){border-right:none}
.nav_new ul li:last-child{border-right:none}
.nav_new ul li a{display: inline-block;width: 100%;height: 0.5rem;line-height: 0.5rem;color:#fff;font-size: 0.23rem;font-family: "microsoft yahei";}
.nav_new ul li a:nth-child(4){border:none!important;}
.nav_new ul li a:last-child{border:none;}
/* 		文字导航  		*/

/* index banner */
.banner{width: 100%;position: relative;}
/* banner 分页器 */
.swiper-pagination{width: 100%!important;text-align: center!important;bottom: 0.1rem!important;}
.swiper-pagination-bullet{background: #fff!important;opacity: 1!important;border: 2px solid #fff;}
.swiper-pagination-bullet-active{background: #60c1ec;border: 2px solid #60c1ec;}
/* banner 分页器 */


/* 字体图标样式 */
.icon_nav {background: #e1f5ff;position:relative}
.icon_nav  .icon_navtex{ position:absolute;padding:3%; z-index:2px; top:20px;color:#fff;font-size: 0.20rem;}
/* 字体图标样式 */

.product_i_list{margin-top: 4%;padding-bottom: 3%;}
.product_i_list ul li{width: 46.77%;float: left;margin-bottom: 1%;}
.product_i_list ul li img{width: 100%;}
.product_i_list ul li:nth-child(even){margin-left: 5.5%;}
.product_i_list ul li a span{display:block;width: 100%;height: 0.35rem;line-height: 0.45rem;font-size: 0.22rem;color:#333;text-align: center;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}

.product_save_list{margin-top: 4%;padding-bottom: 3%;}
.product_save_list ul li{width: 100%;float: left;margin-bottom: 1%;}
.product_save_list ul li img{width: 100%;}
.product_save_list ul li.boxlin{ border:#CCCCCC solid 1px; padding:10px;}
.product_save_list ul li.boxbottomlin{ border-bottom:#CCCCCC solid 1px; padding:10px 0px;}
.product_save_list ul li .title{width: 100%;height: 0.35rem;line-height: 0.45rem;font-size: 0.22rem;color:#60c1ec;text-align: left;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.product_save_list ul li .more{width: 100%;height: 0.35rem;line-height: 0.45rem;font-size: 0.22rem;color:#333;text-align: left;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}

.product_save_list ul li a strong{display: inline-block;width: 65%;overflow: hidden;white-space: nowrap;color:#60c1ec;text-overflow: ellipsis;font-weight: normal;}
.product_save_list ul li a span{float: right;font-size: 0.21rem; margin:0px; padding:0px;}


/* 首页公共样式 */
.common_i_css{background:#fff;padding:0 4%;margin-bottom: 1.7%;border-bottom: 1px solid #d7d7d7;}
.common_i_title{position: relative;height: 0.45rem;margin-bottom: 2%;padding-top: 2%;padding-bottom: 2%;	-webkit-background-size: 100% 12%;background-size: 100% 12%;}
.common_i_title h2{display: inline-block;position: absolute;left: 0;top: 0.1rem;padding:0.5% 0;color:#60c1ec;  font-size: 0.26rem;border-bottom: 0.06rem solid #edba2b;}
.common_i_title a{float: right;display: inline-block;color:#5e5e5e;font-size: 0.22rem;margin-top: 0.07rem;}
.product_li_content{text-align: center;padding:3% 0;position: relative;}
.product_li_content span,.product_li_content strong{color:#60c1ec!important;font-size: 0.23rem!important;font-weight: normal;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.product_li_content span:after{content: "";display: inline-block;width: 25%;height: 1px;position: absolute;left: 50%;margin-left: -12.5%;top: 43%;background: #fff;}
.product_li_content strong{display: inline-block;padding:0.23% 4.5%;border:1px solid #60c1ec;border-radius: 4px;margin:5% 0;margin-top: 8%;}





.product_tab{margin:20px 0px;}
.productclas{padding:0px; margin:0px; list-style:none;}
.productclas li{height:25px;float:left;font-weight:bold;}
.productclas li a{height:25px;line-height:25px;text-decoration:none;color:#0085d5; font-size:14px; padding-right:20px;}
.productclas li a:hover{color:#d90000;text-decoration:none}

.cases_tab{margin:20px 10px;}
.casesclas{padding:0px; margin:0px; list-style:none;}
.casesclas li{padding:2% 6%;border-radius: 4px;margin: 2% 15px;background: #0085d5;float:left}
.casesclas li a{display:block;color:#fff;font-size: 0.22rem;}
.casesclas li a:hover{color:#d90000;text-decoration:none}
.casesclas li.hoverd a{color:#d90000;text-decoration:none}




.about_table{margin-top: 4%;padding-bottom: 3%;}
.about_table table,.about_table table td{border:1px solid #85ceef;border-collapse: collapse;}
.about_table table{width: 100%;background: #e1f5ff;text-align: center;font-size: 0.18rem;color:#555555;}
.about_table table td{width: 20%;padding:2% 0;}
.about_table table tr:first-child td{color:#13acf0;font-size: 0.21rem;}

.news_i_list{background: #fff;margin-top: 4%;margin-bottom: 1.7%;}
.news_i_list ul li{padding:2% 6%;border-radius: 4px;margin: 2% 0;background: #ececec;-webkit-background-size: 3.5%;background-size: 3.5%;}
.news_i_list ul li:last-child{border-bottom: 0;}
.news_i_list ul li a{display:block;width: 100%;color:#222222;font-size: 0.22rem;line-height: 1.2;padding-top: 1%;}
.news_i_list ul li a strong{display: inline-block;width: 65%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}
.news_i_list ul li a span{float: right;font-size: 0.21rem; margin:0px; padding:0px;}

/* 图文样式 */
/* .yewu_i{
	padding-bottom: 3%;
} */
.yewu_i_list{
	margin-top: -2%;
	
}
.yewu_i_list ul li{
	padding-bottom: 3.5%;
	padding-top: 3.5%;
}
.i_list_pic{
	width: 20.93%;
	float: left;
	margin-left: 2%;
}
.yewu_i_list ul li:nth-child(even){
	background: #efefef;
}
/* 业务 右侧样式一 */
.i_list_text_new{
	width: 60%;
	float: left;
	margin-left: 4%;
}
.i_list_text_new a h2{
	font-size: 0.26rem;
	font-weight: normal;
	color:#000;
}
.i_list_text_new a span{
	display: inline-block;
	font-size: 0.21rem;
	height: 0.92rem;
	line-height: 1.5;
	color:#939393;
	overflow: hidden;
	margin-top: 0.07rem;
}
/* 业务 右侧样式二 */
.i_list_text{
	width: 69%;
	float: left;
	margin-left: 4%;
}
.i_list_text a h2{
	font-size: 0.23rem;
	font-weight: normal;
	color:#000;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.i_list_text a span{
	font-size: 0.21rem;
	line-height: 1.5;
	color:#939393;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	margin-top: 3%;
	text-align: justify;
}
.i_list_text strong{
	display: inline-block;
	padding:1% 5%;
	padding-left: 8%;
	font-weight: normal;
	font-size: 0.21rem;
	text-align: left;
	color:#9e9e9e;
    border:1px solid #d8d8d8;
	border-radius: 20px;
	overflow: hidden;
	margin-top: 2%;
}

.i_list_pic_new a{
	display: block;
	padding:0.05rem;
	width: 0.9rem;
	height: 0.9rem;
	background: #ff7d87;
	color:#fff;
	text-align: center;
}
.i_list_pic_new a h2{
	font-size: 0.4rem;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.i_list_pic_new a span{
	display: block;
	width: 100%;
	font-size: 0.21rem;
	margin-top: 6%;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;}
	
	
.about_i_text{margin-top:4%;line-height: 1.6;font-size: 0.21rem;padding:0%;color:#555555;}
.about_i_text img{margin:2.5% 0;}

.baoming{background: #A8A8A8;color:#fff;font-size: 0.23rem;line-height: 1.7; }
.baomingtex{z-index:2px;text-align: left; top:0.23rem;padding:2% 4%;}
.baoming a{color:#fff;}



/* subpage */
.about,.view{width:92.5%;margin:0% auto;font:0.22rem/2.4 "microsoft yahei";color:#1d1d1d;}
.view p { margin:0; padding:0;}
.view h1{width:100%;text-align:center;font:0.3rem/0.5rem "microsoft yahei";color:#393939; }
.about h1{line-height: 0.6rem; text-align:center;font:0.28rem/0.5rem "microsoft yahei";color: #09A2E0;font-weight:bold;margin:3% 0px;}
.view img{max-width: 100%;display:inline}
.about .new-contime{display:block;margin: 0 auto;text-align: center;color: #666666;line-height: 0.6rem;}
.about .new-picwrap{ display:block;width: 100%;margin: 0 auto;margin-bottom: 0.1rem;}
.about .new-picwrap img{width: 100%;}
.about .new-textwrap{display:block; width: 100%;margin: 0 auto;}

.tabPanel{margin-top: 1%;margin-bottom: 1%;}
.tabPanel ul li{float: left;text-align: center;line-height: 0.8rem; width:100%;background-size: cover;height: 1rem;}
.tabPanel ul .current{display: block;
	background: url(../img/index-compcurbg.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 
	background-size: cover;
	height: 1rem;}
.tabPanel ul a{width: 33%;float: left;background-color: #999999;text-align: center;line-height: 0.8rem;height: 0.8rem; color:#FFFFFF; text-decoration:none}


.page{display:block;width:100%;height:0.38rem;font:0.22rem/0.38rem "microsoft yahei";color:#777;background:#ddd;border-radius:0.38rem;margin:2% auto;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-indent:0.1rem;}
.back{display:block;width:100%;margin:2% auto;height:0.4rem;border-radius:0.4rem;font:0.2rem/0.4rem "microsoft yahei";background:#09a2e0;color:#fff;text-align:center;}
a.back:hover{color:#fff;}
.common_news{width:100%;height:auto;overflow:hidden;margin:0% auto;}



.common_newsul{width:100%;height:auto;overflow:hidden;margin:0% auto;}
.common_newsul li{width: 100%;float: left;margin-bottom: 1%;}
.common_newsul li img{width: 100%;}
.common_newsul li.boxlin{ border:#CCCCCC solid 1px; padding:10px;}
.common_newsul li.boxbottomlin{ border-bottom:#CCCCCC solid 1px; padding:10px 0px;}
.common_newsul li .title{width: 100%;height: 0.35rem;line-height: 0.45rem;font-size: 0.22rem;color:#60c1ec;text-align: left;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.common_newsul li .more{width: 100%;height: 0.35rem;line-height: 0.45rem;font-size: 0.22rem;color:#333;text-align: left;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}

.common_newsul li a strong{display: inline-block;width: 65%;overflow: hidden;white-space: nowrap;color:#60c1ec;text-overflow: ellipsis;font-weight: normal;}
.common_newsul li a span{float: right;font-size: 0.21rem; margin:0px; padding:0px;}


.navigationclassul{padding:0px; margin:0px;}
.navigationclassli{color:#fff;list-style: none;padding:0; margin:0px 0px 5px 0px;width: 46.77%; float:left;position: relative;}
.navigationclassli:nth-child(even){margin-left: 5.5%;}
.navigationclasslia{margin: 0;}
.navigationclassliacun{width:100%;min-height:80px;background-color:#8e8e8e;}
.navigationclassliacun img{ width:100%}
.navigationclassliatitle{position:absolute;color:#fff;bottom:0;padding-left:5px;padding-right:20px}












.news1,.news1 a{width:100%;height:auto;overflow:hidden;font:0.23rem/0.691rem "microsoft yahei";display:block;}
.news1,.news2{width:92%;margin:0 auto}
.news1 a span:nth-child(1),.news2 a span:nth-child(1){display:block;float:left;width:70%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 a span:nth-child(2),.news2 a span:nth-child(2){display:block;float:right;width:29%;height:0.691rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-align:right;color:#9f9f9f}
.case1{clear: both;
    line-height: 140%;
    margin-bottom: 10px;    display: list-item;
    text-align: -webkit-match-parent;}
.case1 a{width:100%;height:auto;overflow:hidden;font:0.23rem/0.691rem "microsoft yahei";display:block;}
.case1,.case1{width:96%;margin:0 auto}
.case1 p.title {margin-bottom: 5px;}
.case1 p.time {padding-bottom: 3px;}
.case1 p.abstract {display: inline-block;font:0.18rem/0.28rem "microsoft yahei";color: #5A5A5A;font-weight: normal;text-decoration: none; }
.case1 .wpart-border-line {margin-bottom: 10px;padding-top: 10px;border-bottom: 1px dotted #d9d9d9;}



.newslist{clear: both;overflow: auto;display: list-item;zoom: 1;overflow: hidden; position:relative; height:140px; width:96%;margin:20px auto}
.newslist .newspic{height: 90px;width: 100px;text-align: center;float: left;margin-right: 8px; position:absolute; left:0px; top:0px;}
.newslist .newspic img{height: 90px; width: 100px; display: inline;}
.newslist .newstextbox{float: left;overflow: hidden;word-wrap: break-word; position:absolute; left:110px; top:0px;}
.newslist .newstextbox p.title {margin-bottom: 5px;}
.newslist .newstextbox p.time {padding-bottom: 3px;}
.newslist .newstextbox p.abstract {display: inline-block;font:0.18rem/0.28rem "microsoft yahei";color: #5A5A5A;font-weight: normal;text-decoration: none; }
.newslist .newstextbox .wpart-border-line {margin-bottom: 10px;padding-top: 10px;border-bottom: 1px dotted #d9d9d9;}

#main{max-width: 640px;margin: 0 auto;overflow: hidden;}
.anli_menu {width: 100%;box-sizing: border-box;overflow: hidden;}
.anli_menu .left{ width:50%; padding: 5px 0;}
.bai {background: #FFFFFF;overflow: hidden;}
#hangye {border-right: 1px solid #cbcbcb;}
.mui_btn {font-size: 16px;display: block;width: 90%;
    padding: 3px;
    margin: 0 auto;
    font-weight: 400;
    color: #4b4b4b;
    position: relative;
    cursor: pointer;
    transition: 0.2s all 0s linear;
    text-align: left;
    border: none;
    background-color: #FFF;
    background-clip: padding-box; border:#666666 solid 1px;}

.news4{width:50%;float:left;height:auto;overflow:hidden;margin:2% auto;}
.news4 a{display:block;width:80%;margin:0 auto;}
.news4 a img{display:block;width:100%;}
.news4 a span{display:block;width:100%;text-align:center;font:0.22rem/0.3rem "microsoft yahei";color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:6%}
.news4 .listtitle{display:block;width:100%;text-align:center;font:0.22rem/0.3rem "microsoft yahei";color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:6%}
.news4 .listtag{display:block;width:100%;text-align:center;font:0.22rem/0.3rem "microsoft yahei";color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:6%}
/* footer */


.footer{width:100%;height:0.8rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{background:#2C2F34;width:100%;position: relative;height:0.8rem;}
.foot a{display:block;float:left;width:25%;color:#fff}
.foot a span{display:block;width:100%;text-align:center;font-size:0.4rem;line-height:0.5rem;}
.foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}