@charset "utf-8";
.pannel h3{text-align:center; margin:40px 0;font-weight:normal}
.pannel h3 a{font-size:26px;}
.pannel h3 span{display:block; font-size:14px; margin-top:5px;}
.pannel h3 i{ display:block; height:2px; margin:15px auto; background:#0202ff; width:60px;}

.pannel h4{font-size:26px; position:relative; margin-bottom:20px; margin-top:20px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.pannel h4 a{ position:absolute; right:0;top:0; font-size:14px;}

.pannel h5{text-align:center; margin:20px 0;font-weight:normal}
.pannel h5 a{font-size:40px;}
.pannel h5 span{display:block; font-size:14px; margin-top:5px;}
.pannel h5 i{ display:block; height:2px; margin:15px auto; background:#0202ff; width:60px;}

.bg{background:#f3f3f3; padding:40px 0;}
.about ul{ text-indent:2em;line-height:1.8; position:relative}
.about ul img{margin-right:20px;}
.about ul a.btn-more{ position:absolute; right:0; bottom:0; height:30px; line-height:30px; padding:0 20px; border:1px solid #333; color:#333; text-align:center; display:block;text-indent:0;}
.about ul a.btn-more:hover{ background:#e20a15; border-color:#e20a15; color:#fff}

.bg1{background:#f3f3f3; padding:40px 0;}

.tab-nav{ text-align:center; margin-bottom:50px}
.tab-nav span{ display:inline-block; border:1px solid #ddd; line-height:35px;height:35px; padding:0 20px; cursor:pointer;}
.news_l{ float:left; width:400px;}
.news_l p{height:280px; overflow:hidden;}
.news_l img{ width:100%}
.news_l dl{ margin-top:10px;}
.news_l dl dt{ font-size:16px; margin-bottom:10px}
.news_l dl dd{ line-height:1.8; color:#999;}
.news_l dl dd span{ display:block;}

.news_r{ width:420px; float:left; margin-left:30px; display:inline;}
.news_r dl{ border-bottom:1px dashed #ddd; padding-bottom:10px; margin-bottom:10px; height:auto; overflow:hidden;}
.news_r dt{ float:left; width:100px; height:90px; overflow:hidden;}
.news_r dt img{width:100%; display:block;}
.news_r dd a{display:block;color:#555;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:10px;}
.news_r dd{ color:#999; font-size:12px; line-height:1.7; float:right; width:300px;}

.q-list{ float:right; width:320px;}
.q-list dd{ width:100%;}
.q-list dd a{ background:url(../images/q.png) no-repeat left center; padding-left:25px;}
.q-list dd p{ background:url(../images/as.png) no-repeat left 5px; padding-left:25px;}


.pro-list div{ float:left}
.pro-list dl { float:left;margin-right:20px;overflow:hidden;width:285px;cursor:pointer;display:inline;text-align:center;}
.pro-list dl dt{ display:block;height:240px;overflow:hidden;}
.pro-list dl dt img{ width:100%;}
.pro-list dl dd {text-align:center;display:block; background:#f2f2f2; width:100%; padding:15px 0;}
.pro-list dl dd a{ font-size:16px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro-list dl dd p{ margin-top:10px; color:#999;}


.bg2{ background:#fff;}
.bg3{ background:#fff;}
.bg4{ background:#EEE;}

.msg .input_box{ border:1px solid #ddd;}
.msg .btn{ background:#000; color:#fff}


.youshi{ text-align:center;}
.youshi dl { display:inline-block; margin:0 auto; width:30%; margin:0 1%;}
.youshi dl dt{ display:block;height:200px; width:300px; margin:0 auto; overflow:hidden}
.youshi dl dt img{ width:100%;}
.youshi dl dd {text-align:center;display:block; width:100%; padding:15px 0;}
.youshi dl dd a{ font-size:16px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display:block; margin-bottom:20px;}
.youshi dl dd a span{ display:block; margin-top:10px;}

.ad{width:100%; padding:30px 0; text-align:center;color:#333;}
.ad a.a-btn{ display:block; margin:20px auto; background:#FFF;color:#FFF; line-height:95px; width:120px; }
.ad h3{ color:#333; font-size:40px; margin-bottom:20px;}
.ad h5{ color:#333; font-size:40px; margin-bottom:5px;}
.ad div.in{ margin:0 auto; width:1200px; padding:20px 10px;}
.ad p{ line-height:2.8;}

.products{ position:relative; padding:30px 0; overflow:visible;}
.pro-ct{ margin:0 -10px; overflow:inherit}
.pro-ct ul { float:left; text-align:center; width:48%;overflow:inherit;}
.pro-ct ul dl{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.pro-ct ul:hover dl {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-20px);
	-moz-transform:translate(0,-20px);
	-o-transform:translate(0,-20px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}
.pro-ct ul:hover dt{ background:#528ec0}
.pro-ct ul dl{ margin:0 10px; height:500px; }
.pro-ct dl dt{ display:block;height:400px;overflow:hidden; border:1px solid #eee; margin-bottom:10px}
.pro-ct dl dt img{ width:100%;}
.pro-ct dl dd{ line-height:1.8; height:80px;}
.pro-ct dl dd a{ font-size:16px; color:#000;}
.pro-ct dl dd p{}
.pro-ct dl dd a span{ color:#F30; font-size:14px;}
.btn-more{ text-align:center; margin-top:50px;}
.btn-more a{ padding:0 40px; border:1px solid #ddd; line-height:50px; height:50px; display:inline-block;}

.pro-tt{  font-size:12px;margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:15px;}
.pro-tt a{ margin:0 10px;}

.app-tt{ background:#b00002; padding:50px 0; overflow:visible; text-align:center; margin:20px 0 40px; position:relative}
.app-tt h3 a{ color:#fff; font-size:30px;}
.app-tt p{color:#fff; margin:20px 0;}
.app-tt div.icon{width: 0;height: 0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #b00002; position:absolute; left:50%; margin-left:-20px; bottom:-20px; display:block; content:'';}
.app-list dl dd{ background:none;}
.app-list dl dt{ height:200px;}
.app-list div{ float:left; width:33.33%; text-align:center;}
.app-list dl{ display:inline-block; float:none;}

.q-list-tt{ position:relative; border-bottom:1px solid #ddd; height:30px; margin-bottom:10px;font-size:14px;}
.q-list-tt a{ display:block; position:absolute; right:0;top:0; font-size:12px;}
.news_wrap{ padding:20px 0;}