@charset "utf-8";
/* CSS Document */
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
i,em{ font-style:normal;}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #444;background: #fff;}



.bold {
    font-weight: 700;
    color: #000;
    text-decoration: underline;
}
.section { text-align: center; font: 50px "Microsoft Yahei"; }

.head{position: fixed; top:0; left:0; width:100%; height: 64px; background: url(../img/680/hd_bg.jpg) 0 0 repeat-x;z-index: 9;}
.head .inner{width:1200px; margin: auto; display: block; line-height: 64px;}
.head .inner .logo{float:left;}
.head .inner nav{float:right; line-height:64px;}
.head .inner nav a{font-size:14px; color:#fff; line-height:64px; padding: 0 10px;float:left; text-decoration: none;}
.head .inner nav a:hover{height: 62px; border-bottom: 2px solid #fa265d;}

.main-content{clear:both;margin:64px auto 20px; width:950px; }
.main-content h2{float: left;text-align: center;  color: #333; font-size: 45px; line-height:1.8;margin:30px 0 20px;width:100%;}
.main-content .price{width:90%; clear: both; text-align: right; font-size:30px;color:#f00;font-weight: 700;margin-bottom: 20px;;}

.section1,.section2,.section3,.section4{width:100%; clear:both;overflow: hidden;margin-bottom: 20px;}
.section1 h3,.section2 h3,.section3 h3,.section4 h3{float: left;text-align: center;  color: #333; font-size: 35px; line-height:1.8;margin:20px 0;width:100%;}
.section1 .section-left{width:30%; float:left;}
.section1 .section-left img{width:240px; height:295px; vertical-align: middle; margin:auto;display:block;margin-top:30px;}
.section1 .section-right{width:65%; float:right;}
.section1 .section-right p{font-size: 16px; color: #333; line-height: 2; text-indent: 2em;}

.section1-2 .section-left{width:40%; float:left;margin-left:5%;margin-top:50px;}
.section1-2 .section-left p{font-size: 16px; color: #333; line-height: 2; text-indent: 2em;}
.section1-2 .section-right{width:45%; float:right;margin-right:5%;margin-top:0;}
.section1-2 .section-right table{border-top:solid 1px #ccc; border-left:solid 1px #ccc;width:100%; font-size:16px; line-height:2; text-align: center;margin-bottom: 20px;}
.section1-2 .section-right table th,.section2 .section-right table td{border-bottom: solid 1px #ccc; border-right: solid 1px #ccc;}
.section1-2 .section-right table th{font-size:20px;}
.section1-2 .section-right table tr >td:nth-child(2n){text-align: left;}
.section1-2 .section-right table a{text-decoration: none;color:#333;margin-left:40px;}

.section2 .section-left{width:40%; float:left;margin-left:5%;margin-top:50px;}
.section2 .section-left p{font-size: 16px; color: #333; line-height: 2; text-indent: 2em;}
.section2 .section-right{width:45%; float:right;margin-right:5%;margin-top:25px;}
.section2 .section-right table{border-top:solid 1px #ccc; border-left:solid 1px #ccc;width:100%; font-size:16px; line-height:2; text-align: center;margin-bottom: 20px;}
.section2 .section-right table th,.section2 .section-right table td{border-bottom: solid 1px #ccc; border-right: solid 1px #ccc;}
.section2 .section-right table th{font-size:20px;}
.section2 .section-right table tr >td:nth-child(2n){text-align: left;}
.section2 .section-right table a{text-decoration: none;color:#333;margin-left:40px;}
.section2 .all-img{width:100%;margin-top:10px;float: left;}
.section2 .all-img img{max-width:100%; margin: auto;display: block;}
.section2 .all-img h4{width:100%; text-align:center; font-size:22px;line-height: 1.5;margin:10px 0;color:#333;}
.section2 .all-img ul{width:100%;}
.section2 .all-img ul li{float:left; width:30%;margin-right:5%; font-size:15px; line-height:1.8;color:#333;}
.section2 .all-img ul li:nth-child(3n){margin-right:0;}

.section3 .section-left{width:40%; float:left;margin-bottom: 20px;}
.section3 .section-left img{width:480px;  vertical-align: middle; margin:auto;display:block;margin-top:30px;}
.section3 .section-right{width:45%; float:right;margin-top: 50px;}
.section3 .section-right p{font-size: 16px; color: #333; line-height: 2; text-indent: 2em;}

.subtitle{float:left; width:80%;margin-left:10%; text-align: center; color:#f00; font-size:16px;margin-top: -10px;}

.section4{margin-bottom: 50px;}
.section4 .section-content{clear:both;width: 950px; height: 410px;margin:auto;display: block; margin-top: 20px; text-indent: -9999px; background: url(../img/680/section4.jpg) 50% 0 no-repeat; position: relative;}
.section4 .section-content a{width:275px; height:315px; display: block;    position: absolute;
    right: 5px;
    bottom: 3px;}
    
/*推荐产品*/
.hot-product{position:fixed; top:180px; left:20px; background:#fff;width:165px;box-shadow: 0 0 2px rgba(0,0,0,0.5);
    border-radius: 2px;}
.hot-title{height: 40px; font-size: 16px; box-sizing: border-box; position: relative;}
.hot-title h4{font-size: 18px; color: #333; line-height: 30px; margin-top: 9px; display: block; float: left; margin-left: 10px;  font-weight: 700;margin:9px 0 0 10px;}
.hot-title h4:before{content:"";width:5px; height:20px; display:block;float:left; background:#de292e;margin-top: 5px; margin-right:5px;}
.hot-title a{float: right;
    padding-right: 10px;
    line-height: 30px;
    font-size: 14px;
    margin-top: 10px;}

.hot-product ul{width:100%; padding:5px 10px; box-sizing:border-box;float: left;margin:0;}
.hot-product ul li{width:100%;  box-sizing:border-box;padding:0;float:left;list-style: none;}
.hot-product ul li a{display:block;}
.hot-product ul li a >i{color:#3592ef; font-size:18px;line-height:35px;display: block;float: left;width:24px; text-align:center; float:left;}
.hot-product ul li a >em{font-weight:700; font-size:15px;float:left;line-height:35px;color:#333;font-style: normal; float:left;}
.hot-product ul li a:hover{text-decoration:none;}
.hot-product ul li a:hover em{color:#bc0f1a;}

/*.hot-product ul li:hover{background:#f1f1f1;}*/
.hot-product ul li a span{float:right;font-size: 12px; line-height: 35px; color: #fa265d; margin-right: -5px;}


	a[title="站长统计"],a[title="51.La 网站流量统计系统"] {display: none;}
body{width:100%;}
@media only screen and (min-width: 800px){
.nav-bgd{display:none;}
}
@media only screen and (min-width: 320px) and (max-width: 800px) {
	.hot-product{display:none;}
	.nav-bgd{position: fixed;top: 0; display: block;background: #460404;width:100%;z-index: 999; left:0;}
	.nav-cont{font-size: 0;text-align: center;padding:0;}
	.nav-cont li{display: inline-block;vertical-align: top;width: 25%;}
	.nav-cont li a{display: block;height: .7rem;font-size:.24rem;color: #fff;line-height: .7rem;background: #bc0d0b;margin:0 2%; border-radius: .1rem;}
	.head{display:none;}
	.main-content{width:6.8rem; margin:1.7rem auto .2rem;}
	.main-content h2{width:100%; font:bold .38rem/1.5 "微软雅黑";margin:.2rem auto .2rem;}
	.main-content .price{width:100%; text-align: right; font:.3rem/1.5 "微软雅黑";margin-bottom: .15rem;}
	.section1 h3, .section2 h3, .section3 h3, .section4 h3{font:bold .34rem/1.5 "微软雅黑";margin: .2rem auto;}
	.section1 h3 img, .section2 h3 img, .section3 h3 img, .section4 h3 img{width:.4rem;}
	.subtitle{width:100%; font-size:.28rem;margin:auto !important;}
	.section1 .section-left{width:100%;}
	.section1 .section-left img{max-width:50%; height: auto; margin:.2rem auto;}
	.section1 .section-right{width:100%;}
	.section1 .section-right p{font:.26rem/1.5 "微软雅黑";}
	.section1 .section-right p.bold{font-weight:bold;}
	
	.section1-2 .section-left{width:100%;margin:.1rem auto .2rem;}
	.section1-2 .section-left p{font:.26rem/1.5 "微软雅黑";}
	.section1-2 .section-right{width:100%;margin:auto;}
	.section1-2 .section-right table{font:.26rem/1.5 "微软雅黑";margin-bottom: .2rem;}
	.section1-2 .section-right table td{padding-top:.1rem; padding-bottom: .1rem;}
	.section1-2 .section-right table a{margin-left:.2rem;}
	.section2 .all-img ul li{width:100%; clear: both;}
	.section3 .section-left{width:100%; clear: both; margin-bottom: .2rem;}
	.section3 .section-left img{width:100%; height: auto; margin-bottom:.2rem;}
	.section3 .section-right{width:100%; margin:auto;}
	.section3 .section-right p{font:.24rem/1.5 "微软雅黑";}
	.section4 .section-content{width:100%; background-size:100%; height:3rem;float:left;}
	.section4 .section-content a{width:30%; height:3rem;top:0; right:0;}

	.section4{margin-bottom: .3rem;}
	.m-hide{display:none;}
}