/*--width:320px/width:480px-----------------------------------------------------------------------------------------*/
@media(max-width:480px){
/*banner*/
.banner{height:auto; float:left;}
.banner ul{ overflow:hidden; height:auto; overflow:hidden; float:left;}
.banner li{width:100%; height:150px; float:left;}
.banner li a{ color:#FFF; font-size:20px; font-weight:500;}
.banner .dot{width:107px; height:13px; margin:0 auto; padding:5px 0 11px; clear:left;}
.banner .dot a{width:13px; height:13px; float:left; margin:0 3px; display:block;}
.banner .dot .a1{ background:url(../images/SH_dot.png) no-repeat center top;}
.banner .dot .a1:hover{ background:url(../images/SH_dotHover.png) no-repeat center top;}
.banner .dot .on{ background:url(../images/SH_dotHover.png) no-repeat center top;}
/* 新闻列表 */
.newslist{height:auto; float:left; margin-bottom:3%;}
.newslist ul{width:96%; margin:0 auto;}
.newslist li{width:100%; float:left; border-bottom:1px solid #f5f5f5; padding:5px 0px;}
.newslist li:last-child{border-bottom:0px solid #f5f5f5; }

.newslist li a{width:100%; overflow:hidden;color:#111111; height:35px;line-height:35px;  display:block; font-size:1.2em;}
.newslist li a p{width:78%;height:35px; font-size:1.2rem;float:left; }
.newslist li a span{width:22%; text-align:right; float:right; font-size:12px; color:#787878;}
/* 专家 */
.experts{height:auto; float:left; margin-bottom:1%;}
.experts li{width:43%; height:auto; float:left; margin:2% 3.5%; background:#f1ac2e;}
/* 案例 */
.case{height:auto; overflow:hidden; float:left; margin-bottom:3%;}
.case ul{height:auto; overflow:hidden; float:left;}
.case li{width:96%; height:auto; float:left; margin:2% 2%; }
.case li p{ line-height:2.5rem; font-size:1rem; text-align:center;}
.case .dot{width:57px; height:13px; margin:0 auto; padding:5px 0 0; clear:left;}
.case .dot a{width:13px; height:13px; float:left; margin:0 3px; display:block;}
.case .dot .a1{ background:url(../images/SH_dot.png) no-repeat center top;}
.case .dot .a1:hover{ background:url(../images/SH_dotHover.png) no-repeat center top;}
.case .dot .on{ background:url(../images/SH_dotHover.png) no-repeat center top;}
/* 咨询 */
.consulting{ height:auto; float:left; margin-bottom:3%;}
.consulting .tip{width:96%; height:36px; margin:0 auto; margin-top:2%; margin-bottom:2%; border:1px dotted #bd8636;  line-height:15px; display:block;}
.consulting .tip span{width:12%; padding:1%; font-size:1rem; color:#FFF; display:block; background:#c94a0b; text-align:center; float:left;}
.consulting .tip .t1{width:84%; padding:0 1%; font-size:0.9rem; line-height:18px; float:left;}
.consulting .tb{width:96%; height:auto; margin:0 auto;}
.consulting .tb p{width:50%; float:left; height:30px;}
.consulting .tb p b{width:25%; float:left; line-height:25px;}
.consulting .tb p input{ float:left;}
.consulting .tb p .input{width:65%; line-height:20px; font-size:1rem; padding:1%; line-height:18px;}
.consulting .tb p i{width:10px; height:17.5px; float:left;}
.consulting .tb .p1{width:100%; float:left; height:auto; margin-bottom:5px;}
.consulting .tb .p1 b{width:12.5%; height:60px; float:left; line-height:25px;}
.consulting .tb .p1 .input2{width:81.5%; line-height:20px; height:60px; font-size:1rem; padding:1%; line-height:18px;}
.consulting .tb .link{width:172px; height:20px; margin:0 auto; clear:left;}
.consulting .tb .link a{width:76px; line-height:20px; background:#747474; text-align:center; font-size:1rem; color:#FFF; float:left; display:block; margin:0px 5px;}
}


/*--width:481px/width:640px-----------------------------------------------------------------------------------------*/	
@media(min-width: 481px){
/*banner*/
.banner{height:auto; float:left;}
.banner ul{ overflow:hidden; height:auto; float:left; overflow:hidden;}
.banner li{width:100%; height:300px;  float:left;}
.banner li a{ color:#FFF; font-size:20px; font-weight:500;}
.banner .dot{width:107px; height:13px; margin:0 auto; padding:11px 0 21px; clear:left;}
.banner .dot a{width:13px; height:13px; float:left; margin:0 3px; display:block;}
.banner .dot .a1{ background:url(../images/SH_dot.png) no-repeat center top;}
.banner .dot .a1:hover{ background:url(../images/SH_dotHover.png) no-repeat center top;}
.banner .dot .on{ background:url(../images/SH_dotHover.png) no-repeat center top;}
/* 新闻列表 */
.newslist{height:auto; float:left; margin-bottom:3%;}
.newslist ul{width:96%; margin:0 auto;}
.newslist li{width:100%; float:left; border-bottom:1px solid #f5f5f5; padding:5px 0px;}
.newslist li:last-child{border-bottom:0px solid #f5f5f5;}
.newslist li a{width:100%; overflow:hidden;color:#111111; height:35px; display:block; font-size:1.4em;}
.newslist li a p{width:78%;height:35px; font-size:1.2rem;float:left; line-height:35px;}
.newslist li a span{width:22%; text-align:right; float:right; font-size:12px; line-height:40px; color:#787878;}

/* 专家 */
.experts{height:auto; float:left; margin-bottom:1%;}
.experts li{width:43%; height:auto; float:left; margin:2% 3.5%; background:#f1ac2e;}
/* 案例 */
.case{height:auto; float:left; margin-bottom:3%; overflow:hidden;}
.case ul{height:auto; float:left; overflow:hidden;}
.case li{width:96%; height:auto; float:left; margin:2% 2%;}
.case li p{ line-height:3rem; font-size:1.6rem; text-align:center;}
.case .dot{width:57px; height:13px; margin:0 auto; padding:11px 0 0; clear:left;}
.case .dot a{width:13px; height:13px; float:left; margin:0 3px; display:block;}
.case .dot .a1{ background:url(../images/SH_dot.png) no-repeat center top;}
.case .dot .a1:hover{ background:url(../images/SH_dotHover.png) no-repeat center top;}
.case .dot .on{ background:url(../images/SH_dotHover.png) no-repeat center top;}
/* 咨询 */
.consulting{ height:auto; float:left; margin-bottom:3%;}
.consulting .tip{width:96%; height:70px; margin:0 auto; margin-top:2%; margin-bottom:2%; border:1px dotted #bd8636;  line-height:15px; display:block;}
.consulting .tip span{width:70px; line-height:29px; padding:1%; font-size:18px; color:#FFF; display:block; background:#c94a0b; text-align:center; float:left;}
.consulting .tip .t1{width:81%; padding:0 15px; font-size:16px; line-height:35px; float:left;}
.consulting .tb{width:96%; height:auto; margin:0 auto;}
.consulting .tb p{width:50%; float:left; margin-bottom:5px;}
.consulting .tb p b{width:19.5%; float:left; line-height:30px; font-size:18px;}
.consulting .tb p input{ float:left;}
.consulting .tb p .input{width:65%; height:20px; line-height:30px; font-size:16px; padding:2.5px; line-height:18px;}
.consulting .tb p i{width:20px; height:35px; float:left;}
.consulting .tb .p1{width:100%; float:left; height:auto;}
.consulting .tb .p1 b{width:9.5%; height:60px; float:left; line-height:25px;}
.consulting .tb .p1 .input2{width:81.5%; line-height:20px; height:60px; font-size:1rem; padding:1%; line-height:18px;}
.consulting .tb .link{width:244px; height:33px; margin:0 auto; clear:left;}
.consulting .tb .link a{width:112px; line-height:33px; background:#747474; text-align:center; font-size:16px; color:#FFF; float:left; display:block; margin:0px 5px;}
.consulting .tb .link input{width:112px; line-height:31px; background-color:#747474; text-align:center; font-size:16px; color:#FFF; float:left; display:block; margin:0px 5px; border:none; font-family: "Microsoft YaHei";}
}

.guestbook{ color:#333;}
.guestbook h1{ font-size:1.6em; font-weight:bold;}.guestbook h2{ font-size:1.4em; font-weight:normal; margin-bottom:10px;}.guestbook a{ font-size:2em; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#F00; clear:both;}

.round { 
border-radius: 50px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 50px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 50px; /* Webkit浏览器的私有属性 */ 
} 
.productslist{ width:100%;}
.productslist li{ float:left; margin-top:0px; width:45%;}
.p_t1{ font-size:14px;  font-weight:bold; text-align:center;width:200px; margin:0px auto; height:28px; line-height:28px;}
.p_t2{ color:#797a7a;font-size:16px; margin-top:5px; text-align:center; height:28px; line-height:28px; display:block;}
.procontent img{ width:100%; display:block; vertical-align:top;}
.procontent{ text-align:left; margin-bottom:30px;}

