﻿@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-size:62.5%; font-family:"微软雅黑"; max-width:360px; margin:0 auto;}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#009ce0; text-decoration:none;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}

#header-box{width:100%; overflow:hidden; border-bottom:1px solid #dedede;}
#header{width:95%; height:2.9rem; overflow:hidden; margin:0 auto;}
.header-return{float:left; margin-top:0.7rem; margin-left:1rem;}
.header-tit{float:left; margin-left:10%; margin-top:2.5%; color:#fff; font-size:1.5rem;}
.header-logo{float:left; margin-left:1%; padding-top:1.5%; padding-bottom:4%; color:#fff; font-size:1.2rem; width:45%;}


/*banner*/
#banner{ width:100%; }
.addWrap{width:100%;background:#fff;margin:auto;position:relative;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap img{ width:100%;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}

#position{ position:absolute;padding:0; margin:0; bottom:2px; left:0; right:0; margin:0 auto; text-align:center; z-index:10; text-align:center;}
#position li{width:10px;height:10px;margin:0 3px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#fff;}
#position li a{ position:absolute; left:0px; width:}
#addtitle{ position:absolute; bottom:0px;width:100%; height:20px;overflow:hidden; line-height:30px; font-size:14px; background:rgba(0,0,0,0.5); cursor:pointer; }
#addtitle li{width:100%;height:30px; color:#fff; text-indent:1em; display:none;}
#addtitle a{ text-decoration:none;color:#fff;}
#addtitle .cur{ display:block;}

/*侧边栏*/

.ce{ width:100%; overflow:hidden; text-align:center;
visibility: hidden;top: 2.9rem; right:0;	
		position: absolute;
		z-index: 101;
		 background:#f8f8f8;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);}
.ce_ul{ width:88%; overflow:hidden; background:#f8f8f8; margin:0 auto;}
.ce_ul li{font-size:1.2rem; width:85%; margin:0 auto; height:3rem; line-height:3rem; text-align:left; border-bottom:1px solid #dedede; margin-bottom:0.2rem;}
.ce_ul li a{color:#333; display:block}
.ce_ul li:last-child{border-bottom:none;}

.gray{width:100%; height:1rem; background:#e8e8e8;}

.xian{width:8%; height:2px; background:#bdbdbd; margin:0.3rem auto;}


.index2{text-align:center; font-size:1.5rem; color:#009ce0; margin:0.8rem 0;}


.index-adv{width:95%; margin:0.8rem auto;}
.index-adv h2{text-align:center; font-size:1.5rem; font-weight:normal; color:#e22835; }
.index-adv ul{ margin:1rem 0; overflow:hidden;}
.index-adv ul li{ overflow:hidden; margin-bottom:1rem;}
.index-adv ul li img{float:left; margin-right:3%;}
.index-adv ul li:nth-child(2n) img{float:right; margin-left:3%;}
.index-adv ul li h3{font-size:1.1rem; color:#e22835; margin:.3rem 0;}
.index-adv ul li h4{font-size:0.9rem; color:#666; line-height:1.4rem;}


.index3{width:95%; margin:0.8rem auto;}
.index3 h2{text-align:center; font-size:1.5rem; font-weight:normal; color:#e22835;}
.index3 ul{overflow:hidden; margin:0.5rem 0;}
.index3 ul li{overflow:hidden; padding:0.5rem 0; margin-bottom:0.5rem; border-bottom:1px solid #dedede;}
.index3 img{float:left; margin-right:0.5rem;}
.index3 h3{font-size:1.1rem; font-weight:normal; color:#333; margin-top:0.2rem;}
.index3 h4{font-size:0.8rem; font-weight:normal; color:#999; margin:0.4rem 0;}
.index3 h5{font-size:0.9rem; font-weight:normal; color:#666; line-height:1.3rem;}

.index4,.index-business{width:95%; margin:1.2rem auto;}
.index4 h2,.index-business h2{text-align:center; font-size:1.5rem; font-weight:normal; color:#e22835;}
.index4-p{width:100%; margin:0.8rem 0; font-size:0.9rem; line-height:1.4rem; color:#666; margin-bottom:1.5rem;}
.index4-p img{margin-bottom:0.5rem;}

.partners{width:95%; margin:0 auto 0.8rem;}
.partners h2{color:#e22835; font-size:1.5rem; text-align:center; font-weight:normal; margin-top:0.8rem;}


.IndexMember_c {clear:both;width:100%;overflow:hidden; margin-top:20px}
.IndexMember_img { width:100%;overflow:hidden;}
.IndexMember_img ul li { width:160px; float:left; margin-right:10px; overflow:hidden; text-align:center; display:inline;  border:0.1rem solid #dedede;}


#footer{width:100%; background:#2d2d2d; overflow:hidden;}
#footer-p{border-bottom:1px solid #4b4b4b; color:#bdbdbd; width:95%; margin:0 auto; padding-top:1rem; padding-bottom:1rem;}
#footer-p li{width:100%; box-sizing:border-box; padding-left:10%; font-size:0.9rem; line-height:1.8rem;}
#footer-p li span{color:#fff; font-size:1.1rem;}
#footer-p #tel{background:url(../images/footer-tel.png) no-repeat 0% 5%;}
#footer-p #address{background:url(../images/footer-address.png) no-repeat 0% 5%;}
#footer-p #email{background:url(../images/footer-email.png) no-repeat 0% 40%;}
#footer-p #qq{background:url(../images/footer-qq.png) no-repeat 0% 50%;}
#footer-b{font-size:0.9rem; line-height:1.4rem; color:#999; text-align:center; margin:1rem 0;}


/*关于我们*/
.about{width:95%; margin:0 auto 1rem; font-size:0.9rem; line-height:1.6rem; color:#333;}
.about img{width:100%}
.about img{ height:auto}
.about p img{width:100%}
.about p span img{width:100%}
.about-tab{background:#e8e8e8; overflow:hidden; margin-bottom:1rem;}
.about-tab ul{overflow:hidden; margin:0.6rem auto 0.2rem; width:85%;}
.about-tab ul li{width:30%; text-align:center; color:#000; font-size:0.9rem; height:1.6rem; line-height:1.6rem; float:left; margin-right:5%; margin-bottom:0.5rem;}
.about-tab ul li:nth-child(3n){margin-right:0;}
.about-tab ul li.on a{color:#fff;}
.about-tab ul li.on{ border-radius:2rem; background:#005bc2; color:#fff;}

/*新闻*/
.news{width:95%; margin:0 auto;}
.news ul{overflow:hidden; margin-bottom:1rem;}
.news ul li{overflow:hidden; padding-bottom:0.5rem; margin-bottom:0.5rem; border-bottom:1px solid #dedede;}
.news img{float:left; margin-right:0.5rem;}
.news h3{font-size:1.1rem; font-weight:normal; color:#333;}
.news h4{font-size:0.8rem; font-weight:normal; color:#999; margin:0.4rem 0;}
.news h5{font-size:0.9rem; font-weight:normal; color:#666; line-height:1.3rem;}

/*新闻--详细*/
.news-xx{width:95%; margin:0 auto;}
.news-xx h2{font-size:1.1rem; color:#010101; font-weight:normal; margin-bottom:0.5rem;}
.news-xx-time{font-size:0.8rem; color:#999; border-bottom:1px solid #dedede; padding-bottom:1rem; margin-bottom:1rem;}
.news-xx-time span{ margin-left:5%;}
.news-xx-p{font-size:0.9rem; color:#666; line-height:1.5rem; margin-bottom:1.5rem;


  text-align: justify;
  -moz-text-align-last: justify;
  -webkit-text-align-last: justify; 
}
.news-xx-p img{width:100%; height:auto}
.news-xx-p p img{width:100%;height:auto}
/*产品页*/
.product{width:95%; margin:1rem auto;}
.product .title{font-size:1.1rem; color:#333; height:2rem; line-height:2rem; background:#f2f2f2; padding:0.5rem; margin:1rem 0;}
.select1{width:100%; padding-left:2%; margin:1rem auto 0; display:block; height:2.5rem; background:#fff; border:1px solid #dedede; border-radius:5px; outline:none; font-size:1rem;}
.product ul{width:95%; margin:1rem auto; }
.product li{width:47%; float:left; margin-right:2%; margin-left:1%; margin-bottom:0.5rem;}
/*.product li:nth-child(2n){margin-right:0;}*/
.product li img{border:1px solid #dedede;}
.product li p{font-size:0.95rem; font-weight:normal; text-align:center; margin:0.3rem 0;}


/*产品页--详细页*/
.product-xx{width:95%; margin:1rem auto;}
.product-tit{font-size:1.4rem; margin:1rem 0 0.5rem;}
.product-p1{font-size:0.9rem; color:#666; line-height:1.6rem;}
.product-p1 span{color:#333;}
.product-nr{margin-top:2rem; border-bottom:1px solid #dedede; font-size:1.4rem; padding-bottom:0.5rem; color:#333; margin-bottom:1rem;}
.product-nr span{ border-bottom:2px solid #00a9e0; padding-bottom:0.45rem;}
.product-nr-p{ font-size:0.9rem; line-height:1.6rem; color:#666;}

/*联系我们*/
.contact{width:95%; margin:0 auto 1rem; font-size:0.9rem; line-height:1.6rem; color:#333;}

/*荣誉*/
.honor{width:95%; margin:0 auto 1rem;}
.honor ul li{margin-bottom:1rem;}
.honor ul li p{font-size:1rem; text-align:center; margin:0.8rem 0;}

/*解决方案*/
.solution{width:95%; margin:1rem auto;}
.solution .title{font-size:1.1rem; color:#333; height:2rem; line-height:2rem; background:#f2f2f2; padding:0.5rem; margin:1rem 0;}



/*图片滚动*/
#models1{ position:relative;width:100%; overflow:hidden; margin:0 auto; background:#fff;}
#models1 a.LeftBotton {
	BACKGROUND: url(../images/button1.png) no-repeat 0px 50%; background-size:100%; LEFT: 2%;  WIDTH: 8%; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 175px; display:block;
}
#models1 a.RightBotton {
	RIGHT: 0px; BACKGROUND: url(../images/button2.png) no-repeat 0% 50%;background-size:100%;  WIDTH: 8%; right:2%; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 175px ;display:block;
}
#models1 .cont{ margin:0 auto;position:relative; width:250px; height:190px; overflow:hidden; margin-top:13px  }
#models1 .cont ul{width:20000px;position:absolute;left:0px;top:0px;}
#models1 .cont ul li{ width:250px; float:left;  height:175px;  text-align:center; background-position:center; background-repeat:no-repeat; text-align:center;  }
#models1 .cont ul li img{margin: 0px auto; width:100%;  text-align:center;overflow:hidden}
#models1 .cont ul li p{font-size:0.9rem; margin:0.5rem 0; color:#666;}


/* 本例子css -------------------------------------- */
.slideBox{ position:relative; width:95%;  height:220px; overflow:hidden; margin:10px auto; }
.slideBox .hd{ position:absolute; width:100%;  height:27px; top:50px; left:0; z-index:1; }
.slideBox .hd img{ width:20px;  }
.slideBox .prev,.slideBox .next{ position:absolute; left:3px; top:30px; display:block; width:24px; height:44px; line-height:27px; text-align:center;   }
.slideBox .next{ left:auto; right:3px;}
.slideBox .bd{ position:relative; z-index:0;  height:220px; }
.slideBox .bd li{ position:relative;   height:220px;}
.slideBox .bd li img{ width:100%;  height:182px; display:block;   }
.slideBox .bd li a{ }
.slideBox .bd li .tit,.slideBox .bd li .p1{ display:block; width:100%;  position:absolute; text-indent:10px;  text-align:center; }
.slideBox .bd li .tit{ bottom:0px; font-size:1rem; color:#000;}
.slideBox .bd li .p1{ bottom:10px; font-size:0.9rem; color:#666;}





.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:30px}
/*淘宝风格*/
.paginator { font: 12px "微软雅黑"; margin:0 auto; }
.paginator a {border:solid 1px #005e9a;color:#000;cursor:pointer;text-decoration:none;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {border:1px solid #005e9a;font-weight:700;color:#FFF;background-color:#005e9a; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #005e9a;color:#fff;text-decoration:none; background:#005e9a; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:12px;font-family:微软雅黑;padding:5px 10px; display:inline-block}




/*解决方案*/
.solution{width:95%; margin:1rem auto;}
.solution .title{font-size:1.1rem; color:#333; height:2rem; line-height:2rem; background:#f2f2f2; padding:0.5rem; margin:1rem 0;}
.solution ul{overflow:hidden; margin:1rem 0;}
.solution ul li{ border-bottom:1px solid #dedede; padding-bottom:0.8rem; margin-bottom:0.8rem;}
.solution ul li h2{font-size:1rem; margin:0.3rem 0;}
.solution ul li h3{font-size:0.9rem; line-height:1.4rem; color:#666;}

/*我们的优势*/
.advantage{width:95%; margin:1rem auto;}
.advantage h2{ font-size:1.4rem; border-bottom:1px solid #dedede; margin-bottom:0.8rem; padding-bottom:0.8rem;}
.advantage ul li{ margin-bottom:0.8rem;}
.advantage ul li h3{font-size:1.2rem; color:#e22835; margin-bottom:0.5rem;}
.advantage ul li p{font-size:0.9rem; color:#666; line-height:1.4rem;}





.index-solution{width:95%; margin:0.8rem auto;}
.index-solution h2{text-align:center; font-size:1.5rem; font-weight:normal; color:#e22835; }

.index-Service{width:95%; margin:0.8rem auto;}
.index-Service h2{text-align:center; font-size:1.5rem; font-weight:normal; color:#e22835; }
.index-Service ul{overflow:hidden; margin:1rem 0;}

.index-Service ul li{ border-bottom:1px solid #dedede; padding-bottom:0.8rem; margin-bottom:0.8rem; overflow:hidden}
.index-Service ul li img{float:left; margin-right:0.5rem;}
.index-Service ul li h3{font-size:1.2rem;}
.index-Service ul li h4{font-size:0.9rem; line-height:1.5rem; color:#666; margin:0.3rem 0;}
.index-Service ul li h5{font-size:1rem;color:#e22835;}
.index-Service .more{width:35%; height:2.5rem; line-height:2.5rem; text-align:center; background:#f2f2f2; color:#000; margin:0 auto; font-size:1rem;}




