﻿@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:#0a0a0a;}
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%; }
/*---------------------------------------页面-------------------------------------------*/
.banner_ph{ display:none;}
.banner{ width:100%; overflow:hidden; }
.banner img{ width:100%;}

 .slider {
    overflow: hidden;
    width: 100%;
    margin: auto;
  }
.slider a{ display: block;overflow:hidden; }
  
.slider img {
    width: 100%;
    display:none;
  }

.biaoyu{ width:1200px; overflow:hidden; margin:auto; }
.biaoyu p{ font-size: 18px; line-height: 30px;}

.nav{ width:100%; background:#f4f4f4; height:60px; overflow: hidden;}
.nav ul{max-width:80%; margin:auto; overflow:hidden;}
.nav ul li{ width:16.5%;  float:left; padding:20px 0; text-align:center;}
.nav ul li:hover{ background: #a50000; color: #fff;}

.con_02{ width:1200px; overflow:hidden; margin:auto;}
.biaoti{ width: 1200px; margin: auto;font-size:30px; color:#0a0a0a; margin:auto; margin-bottom:20px; border-bottom: 1px solid #999; }
.biaoti span{display: block;width:150px;height:3px; background: #a50000; margin-top: 20px;}
.con_02 ul{width:1200px; margin:20px auto; overflow:hidden;}
.con_02 ul li{ width:30%; overflow: hidden; background: #fff; border-bottom-right-radius:40px; float: left;}
.con_02 ul li:nth-child(2){margin:0 5%;} 
.con_02 ul li img{width:100%;}
.con_02 ul li h2{ font-size:18px; color:#0a0a0a; margin:10px 0;}
.con_02 ul li p{ margin-top: 10px; color:#444; line-height:26px; font-size:15px;}
.con_02 ul li span{ color:#a50000 }

.chanpin{ width:100%; background:#f7f7f7; overflow:hidden; padding:40px 0; margin-bottom:50px; }
.fenlei{ width:120px; height:38px; background:#a50000; color:#FFF; line-height:38px; font-size:16px; text-align:center;}
.chanpin dl{ width:1200px; margin:auto; overflow:hidden; margin-top:20px;  margin-bottom: 50px;}
.chanpin dl dt{overflow:hidden; margin:20px auto;}
.chanpin dl dt img{ width:100%; }
.chanpin dl dd{overflow:hidden; }
.chanpin dl dd h2{margin:10px 0;}
.chanpin dl dd h2 span{color:#a50000}
.chanpin dl dd p{ line-height:26px;}

.con_04{ width:100%;  overflow:hidden; margin-bottom:50px; }
.con_04 ul{width:1200px;margin:auto;overflow:hidden;display: flex;flex-flow:row wrap;}
.con_04 ul li{ width:46%; float:left; margin:2%;overflow:hidden;}
.con_04 ul li video{ width: 100%; }
.con_04 ul li h2{ color:#0a0a0a; margin:15px 0;font-weight: normal;}
.con_04 ul li h2 span{color:#a50000; font-size:20px; display: block; font-weight: bold;}
.video{ width: 100%; overflow: hidden;}


.con_03{ width:100%; background:#f7f7f7; overflow:hidden; padding:40px 0; margin-bottom:50px; }
.con_03 ul{width:1200px; margin:20px auto; overflow:hidden;}
.con_03 ul li{ width:280px; overflow: hidden;float: left;}
.con_03 ul li:nth-child(2) { margin:0 15px 0 25px; }
.con_03 ul li:nth-child(3) { margin:0 25px 0 15px; }
.con_03 ul li img{width:80%; margin: auto; text-align: center;}
.con_03 ul li h2{color:#a50000; font-size:18px; margin:10px 0; text-align: center;}
.con_03 ul li p{ margin-top: 10px; color:#444; line-height:26px; font-size:15px; text-align: center;}
.btn{ display:block; width:120px; height:38px; background:#a50000; color:#FFF; line-height:38px; font-size:16px; text-align:center; border-radius: 50px; margin: auto;margin-top:10px;}
.btn:hover{ background:#dd0000;}


.con_05{ width:1200px; overflow:hidden; margin: auto; margin-bottom:50px; }
.con_05 div{ height:597px; width:100%; background:url("../images/bu.jpg") no-repeat; margin-bottom: 20px;}
.con_05 div p{width:40%; padding:80px 0 0 50px; font-size: 18px; line-height: 30px;}
.con_05 img{ width:100%; margin: auto;}

.con_08{ width:1200px; overflow:hidden;margin: auto; margin-bottom: 50px;}
.con_08 dl{ width:1200px; overflow:hidden; }
.con_08 dl dt{ width: 900px; overflow: hidden; float: left;}
.con_08 dl dt h3{ font-size: 20px;}
.con_08 dl dt p{ margin-bottom: 20px;}
.con_08 dl dd{ width: 260px;float: right; text-align: center; color: #999;}
.con_08 dl dd img{width:100%; margin: auto;}

.fuchuang{ display:block; width:100px; height:75px; background:#a50000; color:#FFF; font-size:16px; text-align:center; border-radius:200px;  position: fixed; bottom:8%; right: 5%; padding-top:25px;}
.fuchuang:hover{ background:#dd0000;}


.footer{ font-size: 15px; width:98%; background:#a50000; color: #fff; padding:1%; text-align:center; margin-top: 30px;}
/*---------------------------------------表单-------------------------------------------*/
.biaodan{ width: 1200px; margin:20px auto;overflow:hidden;}
.biaodan .left{ width:500px; float: left; overflow: hidden;}
.biaodan .left img{ width:70%}
.biaodan .right{ width:500px; float:right; overflow: hidden; padding:30px 50px; background: #eee;}
.right li{ margin:20px 0; list-style: none;}
.right li input{ border-radius:3px; width:96%; padding:2%; border:none; background:#fff; font-size:15px;}
.right li span{ font-size:12px; color:#F00; margin:0;}
.right li textarea{ border-radius:3px; width:96%; padding:2%; border:none; height:100px; font-size:15px; background:#fff;}
.btn01{border-radius:3px; width:97%; margin:0; padding:1.5%; border:none; background:#a50000; color:#FFF; font-weight:bold;}
.btn01:hover{ background:#d5000b;}















