body{
	min-width:1200px;
	padding:0; 
	margin:0;
	border:0;  
	font-family:"Microsoft YaHei",SimHei,arial;
	font-size:14px;
	color:#000;
	background:url(../images/bodybg.jpg) no-repeat top center / cover;
	}
	
ul,li{ 
	list-style:none;
	padding:0; 
	margin:0; 
	border:0; 
	}

dl,dt,dd,img,h1,h2{
	padding:0; 
	margin:0;
	border:0;
	}
.fl{ float:left; }
.fr{ float:right; }	
a{ text-decoration:none; color:#000; }

a:hover{  color:#84191f; }
		
.clear{ 
    clear:both;
	}


   

/* 图片容器 */
.imgBox{position:relative;transform .5s}

.imgBox img, .imgBox video{top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition: .5s;will-change: transform;}
.ieFiximg img{opacity: 0\0;transition: transform .5s}

a:hover .imgBox img{ transform: scale(1.08)}
/* 图片懒加载 */
img.lazyload {opacity: 0;}
img.lazyloaded {opacity: 1;}

/* 性能优化补充 */
@media (prefers-reduced-motion: reduce) {
    *{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

.topbox{ width:100%; height:40px; line-height:40px; background:#444444; }
.top{ width:1300px; margin:0 auto; position:relative; overflow:hidden; }
.top-left{ float:left; width:500px; }
.top-left a{ padding:0 25px; color:#cecece;  }
.top-left .a1{ background:url(../images/icon1.png) left no-repeat; }
.top-left .a2{ background:url(../images/icon2.png) left no-repeat; }
.top-left .a3{ background:url(../images/icon3.png) left no-repeat; }
.top-left .a4{ background:url(../images/icon4.png) left no-repeat; }
.top-left .a5{ background:url(../images/icon5.png) left no-repeat; }
.top-left .a6{ background:url(../images/icon6.png) left no-repeat; }
.top-center{ width:220px; height:34px; border:solid 0px #878787; border-radius:20px; background:rgb(255,255,255,0.4);   }
.write{ float:left; width:165px; height:34px; line-height:34px; color:#333; padding-left:10px; border:0; outline:none; background:none; }
.btn{ float:right; width:40px; height:34px; border:0; background:url(../images/sear.png) center no-repeat; outline:none; cursor:pointer; }
.top-right{ float:right; }
.top-right span{ color:#cecece; padding-right:20px; padding-left:10px; background:url(../images/you.png) right 2px no-repeat; cursor:pointer; }
.top-right span a{ color:#cecece; }
.fastnav{ width:370px; height:130px; padding-top:20px; background:url(../images/fastbg.png); position:absolute; top:40px; right:-100px; z-index:999; display:none;  }
.fastnav a{ float:left; width:88px; text-align:center; padding:20px 0 0 0;  }
.fast-a1{ background:url(../images/fast-icon1.png) top no-repeat; }
.fast-a2{ background:url(../images/fast-icon2.png) top no-repeat; }
.fast-a3{ background:url(../images/fast-icon3.png) top no-repeat; }
.fast-a4{ background:url(../images/fast-icon4.png) top no-repeat; }
.fast-a5{ background:url(../images/fast-icon5.png) top no-repeat; }
.fast-a6{ background:url(../images/fast-icon6.png) top no-repeat; }
.fast-a7{ background:url(../images/fast-icon7.png) top no-repeat; }
.fast-a8{ background:url(../images/fast-icon8.png) top no-repeat; }

.fastspan{ position:relative; }
.fastspan:hover .fastnav{ display:block; } 


/*nav*/
.navbg{ width:100%; height:100px; background:#941d23; }
.navbg2{ width:100%; height:60px; background: #84191f; }
.navbox{ width:1300px; margin:0 auto; height:100px; position:relative; }
.navbox2{ width:1300px; margin:0 auto; position:relative; }
.logo{ width:280px; height:70px; position:absolute; top:20px;  }
.logo img{height:70px;}
.logoright{ float:right; margin-top:40px;height:55px;}
.nav li{ float:left; width:14.28%; line-height:60px; text-align:center; background:url(../images/navline.png) right no-repeat;  position:relative; }
.fiveli{ margin-right:300px; }
.nav li a{ display:block; font-size:18px; color:#fff;  }
.nav li a:hover{ background:#b70031; }
.nav_current{ background:#84191f; }
.subnav{ z-index:999; cursor:default; position:absolute; left:0; top:60px; overflow:hidden; display:none; width:100%; }
.subnav li { height:34px; text-align:center; background:#b70031; border-top:solid 0px #ccc; width:100%; }
.subnav li a{ display:block; line-height:34px; font-size:14px !important; font-weight:normal; }
.subnav li a:hover{ background:#84191f; }
.nav li:hover .subnav{ display:block !important; }

.bannerbg{ width:100%; margin:0 auto; background:url(../images/bannerbg.jpg) no-repeat top center;}
.banner{  margin:0 auto; overflow:hidden; position:relative;width:100%; max-height:600px; }
.banner .bd{ overflow:hidden;  }
.banner .bd ul li{ float:left; width:100%; background-size:cover; position:relative;height:auto; }
.banner .bd ul li img{height:100%; width:100%; object-fit:cover;}
.banner .hd{  position:absolute; right:20px; bottom:10px; }
.banner .hd ul li{ float:left; width:14px; height:14px; background:#fff; border-radius:50%; margin-right:20px; }
.banner .hd ul li.on{ width:12px; height:12px; background:none; border:solid 3px #fff; margin-bottom:4px; }
.banner .bd li span{ width:100%; height:50px; line-height:50px; 
/*background:url(../images/h1bg.png) repeat-x;*/ position:absolute; bottom:0; left:0; display:none;  }
.banner .bd li span h1{ color:#fff; font-size:18px; padding-left:30px; }
.banner .bd ul li:hover span{ display:block; }



.link{ width:100%; height:96px; background:#84191f; }
.linkbox{ width:1300px; margin:0 auto; }
.linkbox span{ float:left; width:113px; height:96px; background:url(../images/link.png) left center no-repeat; margin-right:20px; }
.linkbox ul li{ float:left; padding:0 13px; height:96px; line-height:96px; }
.linkbox ul li a{ color:#fff; }

.foot{ width:100%; overflow:hidden; height:267px; background:url(../images/footbg.jpg); background-size:cover; }
.footbox{ width:1300px; margin:0 auto; }
.foot-left{ float:left; width:205px; margin-top:40px; background:url(../images/footline.png) right no-repeat; }
.foot-center{ float:left; width:610px; margin-left:30px; }
.foot-center .dl{ padding:40px 0; }
.foot-center .dt{ color:#8a8a8a; font-size:18px; height:30px; line-height:30px; margin-bottom:30px; }
.foot-center .dd{ float:left; width:50%;  font-size:13px; line-height:30px; color:#8a8a8a;  }
.foot-center .dd a{  color:#8a8a8a;  }
.foot-center .dd a:hover{  text-decoration:underline;   }
.foot-center p{ margin:2px 0;}
.foot-right{ float:right; width:120px; margin-top:80px; }
.foot-right ul li{ float:left; width:100px; margin-left:16px; text-align:center; color:#8a8a8a; }
.foot-right ul li span{ display:block; width:100%; height:100px; overflow:hidden; }
.foot-right ul li span img{  width:100%; height:auto; }
.copyright{ width:100%; height:64px; line-height:64px; text-align:center; color:#5b5b5b; background:#242424; }
.copyright p{margin:0;}




.menuph{
	display:none;
    float: right; padding-right:8px;}

.phxia
{
	display:none;}



@media(max-width: 992px){
body{
	min-width:200px;
	padding:0; 
	margin:0;
	border:0;  
	font-family:"Microsoft YaHei",SimHei,arial;
	font-size:14px;
	color:#000;
	background:url(../images/bodybg.jpg) no-repeat top center / cover;
	}
.logo{ width:70%; height:40px; position:absolute; top:20px;  }
.logo img{ width:100%;height:auto;}
.navbg{height:80px;}
.navbg2{display:none;}
.navbox{ width:100%; margin:0 auto; height:80px; position:relative; background: none;}
.navbox2{ width:100%; margin:0 auto; position:relative; }
.new {
    width: 100%;
    margin: 20px auto 20px auto;
    overflow: hidden;
}
.link {
    width: 100%;
    height: auto;
    background: #84191f;
}
.linkbox{ width:100%; margin:0 auto; height:auto; overflow:hidden; }
.linkbox span{ float:left; width:113px; height:96px; background:url(../images/link.png) left center no-repeat; margin-right:20px; }
.linkbox ul li{ float:left; padding:0 13px; height:46px; line-height:46px; }
.linkbox ul li a{ color:#fff; }
.foot{height:auto;}
.footbox {
    width: 100%;
    margin: 0 auto;
}
.foot-right {
    float: left;
    width: 100%;
    margin-top: 0px;
}
.foot-right ul{
width:100px;
margin:0 auto;
}
.logoright{display:none;}





/*手机按钮*/

.menuph{
	display:block;
    float: right;}
.menuph .point {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-top: 33px;}

.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {
    width: 28px;}

.menuph .navbtn {
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
	width: 21px;
	height: 1px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #fff;}

.menuph .navbtn::after,
.menuph .navbtn::before {
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;}

.menuph .navbtn::after {
    top: -11px;}

.menuph .navbtn::before {
    top: 10px;}

.menuph .point.active .navbtn {
    background: transparent;}

.menuph .point.active .navbtn::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}

.menuph .point.active .navbtn::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);}

.phsou {
    position: absolute;
    top: 20px;
    right: 80px;}

.phsou img {
    width: 40px;
    cursor: pointer;}

#menu{
	display:none;}
	
	
	
	/*
*头部导航
*/
.pc-nav{
	
	z-index: 1000;}

.pc-nav ul{
	width: 96%;margin:0 auto;}
.pc-nav>.content .li{ float: left; width: auto; position: relative;}

.pc-nav>.content .li >a > span{ display: inline-block; height: 60px; font-size: 18px; color: #ffffff; text-align: center; line-height: 60px; padding-right: 15px; padding-left: 15px;}
.pc-nav >.content .li:hover{
     background: #0065c3;}
.pc-nav >.content .li:hover  >a >span{}
.pc-nav >.content .li.on{}
.pc-nav >.content .li.on  >a > span{}
.pc-nav >.content .nav-down1{
    width: 100%;
    position: absolute;
    top:60px;
    left: 0;
    display: none;}
.pc-nav >.content .nav-down{
    width: 100%;
    height: auto;
    padding: 55px 0;
    min-height: 300px;
    background: rgba(255,255,255,0.9);}
.pc-nav >.content .nav-down1 .left{
    float: left;
    width: 490px;
    padding-right: 70px;}



/*手机下拉*/

.phxia
{
	display: block;
	position: absolute;
	top: 80px;
	width: 98%;
	z-index: 9999; padding:1%;}

.xialaph
{
    font-family: '微软雅黑';

    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    border-top: 1px solid #ddd;
    display: none;

    width: 100%;
    padding-bottom: 61px;

    background-color: #941d23;}

.xialaph.active
{
    top: 106px;}




.xialaph .ul2,
.xialaph .ul3
{
    display: none;}

.xialaph h4 a
{
    font-size: 16px;
    font-weight: bold;
    line-height: 59px;

    text-transform: uppercase;

    color: #ffffff;}

.xialaph h4
{
    position: relative;}

.xialaph h4::after
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    opacity: .5;
    background-color: #e5e5e5;}

.xialaph h5 a
{
    font-family: '微软雅黑';
    font-size: 14px;
    line-height: 40px;

    text-transform: uppercase;

    color: #ffffff;}

.xialaph h5
{
    position: relative;

    padding-left: 15px;}

.xialaph h5::after
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 1px;

    content: '';

    opacity: .5;
    background-color: #fff;}
.img_d{
    display: none;}
.xialaph h4 img
{
    float: right;

    width: 13px;
    margin-top: 23px;

    cursor: pointer;}

.xialaph h5 img
{
    float: right;

    width: 13px;
    margin-top: 26px;

    cursor: pointer;}

.xialaph h4.active,
.xialaph h5.active
{
    border-bottom: 0;}

.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s
{
    display: none;}

.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d
{
    display: block;}

.xialaph .ul2
{
	padding-top: 7px;
	padding-bottom: 8px;
	background-color: #0081cc;}

.xialaph .ul3
{
    position: relative;

    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;

    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;}

.xialaph .ul3 li a
{
    font-size: 12px;
    line-height: 30px;

    display: block;

    text-transform: uppercase;

    color: #999;}

.xialaph .ul3 li
{
    padding-top: 5px;}

.xialaph .ul3 li:first-child
{
    padding-top: 0;}

.phonemeng
{
    position: absolute;
    z-index: 1048;
    top: 0;
    left: 0;

    display: none;

    width: 100%;
    height: 100%;

    opacity: .6;
    background-color: #000;}

.phonemeng.active
{
    display: block;}



}