@charset "utf-8";
/* CSS Document */
/*初始化  reset*/
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0; list-style:none; border:none;}
body,button,input,select,textarea{font:12px/1.5 "微软雅黑",sans-serif; color:#606060}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none; color:#606060;}
a:hover{text-decoration:underline; color:#00F;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}
/*清除浮动*/
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }
/*-----------------------------------------------------电脑版*/
@media screen and (min-width: 980px) {
.banner{ width:100%; background:url(../images/bgbanner.gif) repeat-x;}
.banner .pc { max-width:1500px; margin:auto;}
.banner .pc img{ width:100%;}
.ph{ display:none;}

.con{ width:1200px; margin:auto; overflow:hidden;}
.one{ width:1200px; overflow:hidden;}
.bt{ width:1200px; height:42px; background:url(../images/bt.gif) no-repeat; margin:auto; margin-top:30px; text-align:center; font-size:24px; line-height:42px; color:#FFF; margin-bottom:20px;}
.zi{ font-size:16px; letter-spacing:2px; padding:0 25px; text-indent:2em; line-height:26px;}
.shipin{ width:748px; height:420px; margin:auto; margin-top:26px;}

.two{width:1200px; overflow:hidden;}
.tu{ width:1200px; overflow:hidden; margin-top:20px;}
.tu li{ float:left; width:259px; height:196px; margin-left:34px;}
.tu li img{ text-align:center;}

.three{width:1200px; overflow:hidden;}
.tu01{ width:1170px; overflow:hidden; margin-top:20px; margin:auto;}
.tu01 li{ float:left;}

.four{width:1200px; overflow:hidden;}
.four span{ display:block; width:844px; height:465px; margin:auto; margin-top:10px;}
.four strong{ font-size:18px; margin-bottom:20px; display:block;}
.tu02{ width:1170px; overflow:hidden; margin-top:20px; margin:auto;}
.tu02 li{ float:left; margin-bottom:20px; margin-left:40px;}
.ziliao{ width:1200px; height:500px; background:url(../images/fourbj.jpg) no-repeat; padding-top:20px; margin-top:30px;}
.ziliao dt{ width:630px; height:500px; overflow:hidden; margin-left:30px; float:left;}
.ziliao dt img{ width:100%;}
.ziliao dd{ width:430px; height:430px; background:#f9f9f9; float:right; margin:20px 80px 0 0; overflow:hidden;box-shadow:2px 3px 5px rgba(0, 0, 0, 0.4);}
.xinxi{}
.xinxi h3{ color:#d0343a; font-size:24px; text-align:center; padding:1em;}
.xinxi ul{ padding:1.5em; background:#efefef; }
.xinxi ul li strong{ font-size:16px; display: inline-block; width:100px;}
.xinxi ul li b{ display:inline-block; font-size:16px; font-weight:bold; color:#d0343a; line-height:30px;}
.xinxi ul li input{ border:1px solid #999; width:240px; height:26px;}
.botton{ width:200px; height:40px;background:#99c47c; color:#FFF; font-size:16px; margin-left:90px;}

.form-box h3{color:#d0343a; font-size:24px; text-align:center; padding:1em;}
.form-box{ background:#f9f9f9;}
.form-wrap{ padding:1.5em; background:#efefef;} 

.btm{ width:100%; height:40px; line-height:40px; font-size:14px; color:#FFF; background:#333; text-align:center; margin-top:20px;}


}
/*-----------------------------------------------------手机版*/
@media screen and (max-width:750px) {
.banner{ width:100%; background:url(../images/bgbanner.gif) repeat-x;}
.banner .ph {width:100%; margin:auto; display:block;}
.banner .ph img{ width:100%;}
.pc{ display:none;}

.con{ width:100%; margin:auto; overflow:hidden;}
.one{ width:100%; overflow:hidden;}
.bt{ width:100%; margin:auto; text-align:center; font-size:18px; color:#7197ab; margin:10px 0;}
.zi{ font-size:14px; letter-spacing:2px; padding:0 10px; text-indent:2em;}
.shipin{ width:96%;margin:auto; margin-top:10px;}
.shipin img{ width:100%;}

.two{width:100%; overflow:hidden;}
.tu{ width:100%; overflow:hidden; margin-top:10px;}
.tu li{ float:left; width:46%; margin-left:10px; margin-bottom:10px;}
.tu li img{ width:100%; text-align:center;}

.three{width:100%; overflow:hidden;}
.tu01{ width:96%; overflow:hidden; margin-top:20px; margin:auto;}
.tu01 li{ width:100%; float:left;}
.tu01 li img{ width:100%;}

.four{width:100%; overflow:hidden;}
.four span{ display:block; width:100%;margin:auto; margin-top:10px;}
.four span img{ width:100%;}
.four strong{ font-size:14px; padding:10px; display:block;}
.tu02{ width:96%; overflow:hidden; margin-top:20px; margin:auto;}
.tu02 li{ float:left; margin-bottom:20px; width:98%;}
.tu02 li img{ width:100%;}

.ziliao{ width:100%; overflow:hidden; background:url(../images/fourbj.jpg) repeat-y; padding:10px; margin-top:10px;}
.ziliao dt{ width:98%; overflow:hidden; }
.ziliao dt img{ width:100%;}
.ziliao dd{ width:92%; background:#f9f9f9;overflow:hidden;box-shadow:2px 3px 5px rgba(0, 0, 0, 0.4); padding-right:10px;}
.xinxi{}
.xinxi h3{ color:#d0343a; font-size:18px; text-align:center; padding:1em;}
.xinxi ul{ padding:1.5em; background:#efefef; }
.xinxi ul li strong{ font-size:14px; display: inline-block; width:24%;}
.xinxi ul li b{ display:inline-block; font-size:16px; font-weight:bold; color:#d0343a; line-height:30px;}
.xinxi ul li input{ border:1px solid #999; width:60%; height:26px;}
.xinxi ul li button{ width:60%; height:40px; line-height:40px; background:#99c47c; color:#FFF; font-size:16px; margin-left:70px; margin-top:10px;}
.form-box h3{color:#d0343a; font-size:24px; text-align:center; padding:1em;}


.btm{font-size:12px; color:#FFF; background:#333; text-align:center; margin-top:20px; padding:10px;}










}