@charset "utf-8";
/*初始化  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}
body,button,input,select,textarea{font:16px/1.5 "微软雅黑",sans-serif; color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none;color:#333;}
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) {
.navWrap { height: 70px; background: #890006; position: fixed; top: 0; z-index: 100; width: 100%; left:0; }
.nav { width: 1200px; margin: 0 auto; }
.nav h1 { float: left; margin: 10px 0; }
.nav span { float: left; color: #fff; line-height: 70px;}
.nav .navul { float: right; }
.nav .navul li { float: left; line-height: 70px; padding: 0 20px; background: url(../images/dian.png) right center no-repeat; color: #fff; cursor: pointer; font-weight: bold; }
.nav .navul li.nobg { background: none; }
.nav .navul li.current { color:#ff9b37; }
.nav .navul li a { color: #fff; display: block; }
.nav .navul li a:hover {color:#ff9b37;}
.banner{ width:100%; background:url(../images/bj.jpg) repeat-x;}
.banner p{ width:1200px; margin:auto;}
.time{ width:100%; background:#F6F6F6;}
.time p{ width:1200px; margin:auto;}
.one{ width:100%;background:#EBF0F4;}
.one_con{ width:1200px; text-align:center; margin:auto;}
.biaoti{ width:100%; color:#ac0b16; font-size:20px; padding-top:20px; border-bottom:1px solid #ac0b16; padding-bottom:9px; margin-bottom:20px; text-align:center;}
.biaoti strong{border-bottom:5px solid #ac0b16; padding:0 10px 5px 10px;}
.con{ width:1200px; margin:auto; overflow:hidden;}
.left{ float:left; width:830px; border-right:1px solid #ac0b16; padding-right:20px; padding-bottom:20px;}
.wenzi{ text-indent:2em; line-height:28px; margin-top:10px;}
.three{overflow:hidden; position:relative; height:560px;}
.yihang{ overflow:hidden; margin-top:20px;}
.yihang li{ float:left; margin-left:10px; transition:all 0.5s ease-in-out 0s;opacity:0.5;}
.yihang li:hover{ transform:rotate(360deg); cursor:pointer;opacity:1;}
.erhang{ position:absolute; overflow:hidden; top:257px; left:77px;}
.erhang li{ float:left; margin-left:10px; transition:all 0.5s ease-in-out 0s;opacity:0.5;}
.erhang li:hover{ transform:rotate(360deg); cursor:pointer;opacity:1;}
.sanhang{ position:absolute; overflow:hidden; top:390px;}
.sanhang li{ float:left; margin-left:10px; transition:all 0.5s ease-in-out 0s;opacity:0.5;}
.sanhang li:hover{ transform:rotate(360deg); cursor:pointer;opacity:1;}
.sanhang li img:hover{}
.four{ overflow:hidden;}
.four p img{ margin:auto;}
.five{ overflow:hidden;}
.five p img{ margin:auto;}
.five button{ width:278px; height:46px; background:#AC0B16; color:#fff; font-size:18px; font-weight:bold; border:none; margin:30px 0 0 282px;}
.five button:hover{ background:#c40f18}

.right{ width:332px; float:right;}
.r_biaoti{ width:100%; color:#ac0b16; font-size:18px; padding-top:20px; border-bottom:1px solid #ac0b16; padding-bottom:10px; margin-bottom:10px; font-weight:bold;}
.r_wenzi{ font-size:14px; line-height:26px; display:block;}

.btn01{ width:180px; height:48px; background:url(../images/btn01.gif) no-repeat; border:none; font-size:16px;color:#FFF; padding-left:35px; margin-left:70px; margin-top:20px;transition: all 0.4s}
.btn01:hover{transform: scale(1.1); background:url(../images/btn011.gif) no-repeat;}

.btn02{ width:220px; height:48px; background:url(../images/btn02.gif) no-repeat; border:none; font-size:16px;color:#FFF; padding-left:35px; margin-left:60px; margin-top:20px;transition: all 0.4s}
.btn02:hover{transform: scale(1.1);background:url(../images/btn022.gif) no-repeat; }
.r_three ul li strong{ font-size:15px; color:#F00;}
.r_three ul li img{ margin-top:10px; margin-bottom:20px;}

.contactWrap { height: 280px; background: #46444e; width: 100%; overflow:hidden; }
.contact { width: 1200px; margin: 0 auto; }
.contact h4 { width: 400px; height: 72px; margin: 0 auto 10px; line-height: 72px; border-bottom: 1px solid #999; color: #fff; font-size: 30px; text-align: center; }
.contact .left01 { width: 850px; float: left; }
.contact .left01 li { float: left; width: 320px; }
.contact .left01 li.w240 { width: 240px; }
.contact .right01 { width: 350px; float: left; }
.contact li dt { float: left; margin: 40px 20px 0 0; }
.contact li dd { float: left; color: #fff; }
.contact li dd h5 { font-size: 24px; line-height: 32px; margin: 20px 0; }
.foot { width: 1200px; margin: 20px auto; }
.foot p {font-size: 14px; text-align: center; line-height: 150%;}
.foot img { display: inline-block; }

}



@media screen and (max-width:760px) {
.navWrap { height: 70px; background: #890006; position: fixed; top: 0; z-index: 100; width: 100%; left:0; display:none;}
.nav { width: 1200px; margin: 0 auto; }
.nav h1 { float: left; margin: 10px 0; }
.nav span { float: left; color: #fff; line-height: 70px;}
.nav .navul { float: right; }
.nav .navul li { float: left; line-height: 70px; padding: 0 20px; background: url(../images/dian.png) right center no-repeat; color: #fff; cursor: pointer; font-weight: bold; }
.nav .navul li.nobg { background: none; }
.nav .navul li.current { color:#ff9b37; }
.nav .navul li a { color: #fff; display: block; }
.nav .navul li a:hover {color:#ff9b37;}
.banner{ width:100%; background:url(../images/bj.jpg) repeat-x;}
.banner p{ width:100%; margin:auto;}
.banner p img{ width:100%;}
.time{ width:100%; background:#F6F6F6;}
.time p{ width:100%; margin:auto;}
.time p img{ width:100%;}
.one{ width:100%;background:#EBF0F4;}
.one_con{ width:100%; text-align:center; margin:auto;}
.biaoti{ width:100%; color:#ac0b16; font-size:16px; padding-top:10px; border-bottom:1px solid #ac0b16; padding-bottom:8px; text-align:center;}
.biaoti strong{border-bottom:5px solid #ac0b16; padding:0 10px 5px 10px;}
.con{ width:100%; margin:auto; overflow:hidden;}
.left{ float:left; width:98%; border-right:none; padding:5px;}
.wenzi{ text-indent:2em; line-height:28px; margin-top:10px; font-size:14px;}
.three{overflow:hidden;}
.yihang{ overflow:hidden; margin-top:20px;}
.yihang li{ float:left; overflow:hidden; width:19%; margin-left:2px;}
.yihang li img{ width:100%;}
.erhang{overflow:hidden;}
.erhang li{ float:left; margin-left:2px; width:19%; overflow:hidden;}
.erhang li img{ width:100%;}
.sanhang li img{ width:100%;}
.sanhang{overflow:hidden;}
.sanhang li{ float:left; margin-left:2px; width:19%; overflow:hidden;}
.four{ overflow:hidden;}
.four p img{ width:100%;}
.five{ overflow:hidden;}
.five p img{ width:100%; margin-top:10px;}
.five button{ width:220px; height:40px; background:#AC0B16; color:#fff; font-size:16px; font-weight:bold; border:none; margin-left:20%; margin-top:20px;}
.five button:hover{ background:#c40f18}
.six{ display:none;}

.right{ width:98%; padding:5px; overflow:hidden;}
.r_biaoti{ width:100%; color:#ac0b16; font-size:16px; padding-top:20px; border-bottom:1px solid #ac0b16; padding-bottom:10px; margin-bottom:10px; font-weight:bold;}
.r_wenzi{ font-size:14px; line-height:26px; display:block;}

.btn01{ width:180px; height:48px; background:url(../images/btn01.gif) no-repeat; border:none; font-size:16px;color:#FFF; padding-left:35px; margin-left:70px; margin-top:20px;transition: all 0.4s}
.btn01:hover{transform: scale(1.1); background:url(../images/btn011.gif) no-repeat;}

.btn02{ width:220px; height:48px; background:url(../images/btn02.gif) no-repeat; border:none; font-size:16px;color:#FFF; padding-left:35px; margin-left:60px; margin-top:20px;transition: all 0.4s}
.btn02:hover{transform: scale(1.1);background:url(../images/btn022.gif) no-repeat; }
.r_three ul li strong{ font-size:15px; color:#F00;}
.r_three ul li img{ margin-top:10px; margin-bottom:20px;}

.contactWrap { background: #46444e; width: 100%; overflow:hidden; padding-bottom:20px;}
.contact { width:100%; margin: 0 auto; }
.contact h4 {line-height:42px; border-bottom: 1px solid #999; color: #fff; font-size: 16px; text-align: center; }
.contact .left01 { font-size:14px; overflow:hidden; margin-left:10px;}
.contact .left01 li { float: left; width: 320px; }
.contact .left01 li.w240 {}
.contact .right01 { font-size:14px; overflow:hidden; margin-left:10px;}
.contact li dt { float: left; display:none;}
.contact li dd { color: #fff; float:left; }
.contact li dd h5 { font-size: 16px; line-height: 32px; margin: 5px 0; }
.foot { width: 100%; margin: 20px auto; }
.foot p {font-size: 12px; text-align: center; line-height: 150%;}
.foot img { display: inline-block; }

}