﻿@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0px; font-family:"微软雅黑"; overflow-x:hidden}
li{ list-style:none}
p,ul,dl,dd,h1,h2,h3,dl,dt,dd{ padding:0px; margin:0px;}
img{ border:0}
.w1200{ width:1200px; margin-left:auto; margin-right:auto}
.w{ width:105%}

.top{ overflow:hidden;line-height:40px; background:#f0f0f0}
.top p{ display:inline; float:left; font-size:16px; color:#666666;}
.top a{ display:inline; float:right; font-size:15px; color:#666666;  text-decoration:none; margin-left:15px; margin-right:15px;}
.top span{ display:inline; float:right; color:#bdbdbd; font-size:12px;}

.header{ overflow:hidden; margin-top:30px;}
.header .logo{ float:left; display:inline}
.header .ad{ float:left; display:inline; border-left:#e0e0e0 solid 1px; margin-left:14px; padding-left:14px;}
.header .ad p:nth-child(1) { font-size:16px; color:#666666}
.header .ad p:nth-child(2){ color:#990000; font-size:26px;}
.header .tel{ float:right; display:inline; margin-top:5px}
.header .tel span{ float:left; display:inline; margin-right:15px; background:url(../images/rtel_03.png) no-repeat; width:54px; height:54px;}
.header .tel div{ float:right; display:inline}
.header .tel div  p:nth-child(1){ font-size:15px; color:#666666}
.header .tel div  p:nth-child(2){ font-size:24px; color:#990000; font-weight:bold}

.nav{height:50px; z-index:9999; background:#990000; margin-top:30px}
.nav li{ float:left; width:170px; position:relative; z-index:9999; padding-top:11px; padding-bottom:14px; color:#fff; font-size:16px; text-align:center; border-right:#a6191e solid 1px}
.nav ul{ width:105%}
.nav li a{ text-decoration:none;}
.nav li a span{ color:#fff;  display:inline-block;line-height:25px; font-size:16px}
.nav li a img{ margin-right:8px; float:left; padding-top:2px; padding-left:52px;}
.nav li.act{ background:#000}
.nav li:hover{background:#000}
.nav li:hover a{ color:#ef8200}
.s{ display:none; position:absolute; width:170px; top:50px;background:#000}
.s a{ display:block; color:#000; line-height:40px; text-align:center; font-size:14px; border-top:#074681 solid 1px; display:block; }
.nav li:hover .s{ display:block;}
.nav li:hover .s a{ color:#fff}
.nav li:hover .s a:hover{background:#990000; }
.nav li:hover .s a:first-child{ }
.nav li:last-child:hover{ background:#000}


.title{ background:url(../images/t_03.png) no-repeat; width:603px; height:29px; margin:0 auto; text-align:center; margin-top:10px; }
.title-s { text-align:center; margin-top:40px;}
.title-s span{ font-size:48px; font-weight:bold;color:#990000; display:block;}
.title a{ font-size:30px; color:#000; font-weight:bold; text-decoration:none; font-family:"微软雅黑";  line-height:18px;}


.producttitle{ overflow:hidden; text-align:center; margin-top:20px}
.producttitle a{ font-size:16px; border:#cccccc solid 1px; display:inline-block; color:#666; text-decoration:none; width:145px; line-height:40px; overflow:hidden}
.producttitle a.act{ background:#990000; color:#FFF;border:#990000 solid 1px;}
.producttitle a:hover{ background:#990000; color:#FFF;border:#990000 solid 1px;}


.cplist{ text-align:center; margin-top:20px;}
.cplist span{ background:#f6f6f6 !important; display:block}
.cplist img{ width:100%; display:block; height:260px;}
.cplist a{ font-size:16px; color:#666666; text-decoration:none; text-align:center}
.cplist span{ line-height:60px; background:#FFF; display:block}
.cpnav { text-align:center; margin-top:30px}
.cpnav a{ color:#FFF; font-size:16px; width:106px; height:35px; line-height:35px; text-align:center; background:#323235; text-decoration:none; display:inline-block;}
.cplist:hover span{ background:#e81215 !important; color:#FFF}

.height{ height:40px;}


.more{ background:url(../images/more_03.png) no-repeat; width:1200px; height:50px; line-height:50px; text-align:center; margin:0 auto}
.more a{ font-size:16px; color:#666; text-decoration:none}
.more a:hover{ color:#990000}

.hzqy{ text-align:center; color:#353535; font-weight:bold; font-size:30px; margin-top:60px}
.two{ margin:10px auto;height:220px;width:1200px;overflow:hidden; position:relative; margin-top:30px}
.two ul{height:380px;width:960000000000px;position:absolute;left:0;}
.two ul li{display:block;float:left;margin:10px;height:133px; text-align:center; position:relative; border:#d4d4d4 solid 1px}
.two ul li a{display:inline-block;height:80px; text-decoration:none} 
.two ul li img{display:block; width:226px; height:133px;}
.two ul li a span{height:0;display:block;color:#666666;font-size:16px; line-height:50px;}

.box{ position:relative; margin-top:40px}
	.boxbg{ position:absolute; height:166px; width:100%; z-index:1}
	.boxfonts{ position:absolute; z-index:2; width:1200px; left:0; right:0; color:#fff;  top:20px; margin:0 auto; text-align:center; }
	.boxfonts h1{font-size:50px; margin-top:5px}
	.boxfonts p{ font-size:20px; margin-top:10px}
	.boxleft{ width:50%; float:left; background:#000; height:166px; display:block}
	.boxright{ width:50%; float:right; background:#990000; height:166px; display:block}
.ys{ margin-top:250px}
.ys li{ overflow:hidden}
.ys li dt{ font-size:20px; font-weight:bold; border-bottom:#bebebe dotted 1px; padding-bottom:10px; margin-top:40px}
.ys li dd{ font-size:16px; color:#666; margin-top:10px}
.ys li img{ transition: all 0.5s; }
.ys li:hover img{transform: scale(1.2);
    -ms-transform: scale(1.2);}
.ys li:hover dl dt span{ background:#990000}

.ys li:nth-child(1) span{ background:#093c73; width:50px; height:37px; text-align:center; color:#FFF; display:inline-block; line-height:37px; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; margin-right:20PX}
.ys li:nth-child(1) .ysfonts{ width:600px; float:left}
.ys li:nth-child(1) .yspic{ width:580px; float:right; margin-top:40px}
.ys li:nth-child(1) .yspic div{ width:580px; height:416px; overflow:hidden}
.ys li:nth-child(1) .yspic img{ width:580px; height:416px} 

.ys li:nth-child(2){ background:url(../images/ys.png) no-repeat;  height:550px; margin-top:100px; margin-bottom:50px}
.ys li:nth-child(2) span{ background:#093c73; width:50px; height:37px; text-align:center; color:#FFF; display:inline-block; line-height:37px; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; margin-right:20PX}
.ys li:nth-child(2) .ysfonts{ width:600px; float:right; margin-top:20px}
.ys li:nth-child(2) .yspic{ width:580px; float:left; margin-top:60px}
.ys li:nth-child(2) .yspic div{ width:580px; height:416px; overflow:hidden}
.ys li:nth-child(2) .yspic img{ width:580px; height:416px} 

.ys li:nth-child(3){ margin-bottom:100px}
.ys li:nth-child(3) span{ background:#093c73; width:50px; height:37px; text-align:center; color:#FFF; display:inline-block; line-height:37px; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; margin-right:20PX}
.ys li:nth-child(3) .ysfonts{ width:600px; float:left}
.ys li:nth-child(3) .yspic{ width:580px; float:right; margin-top:40px}
.ys li:nth-child(3) .yspic div{ width:580px; height:416px; overflow:hidden}
.ys li:nth-child(3) .yspic img{ width:580px; height:416px} 

.h{ height:200px}

.marque{ position:relative; top:30px}
.marque a{  text-decoration:none}
.marque p{  padding:0px; margin:0px; font-weight:normal; font-size:18px; color:#666666; line-height:80px;}
.goL{ position:absolute; left:533px; top:427px; width:200px; z-index:3}
.goL img{ width:66px; height:auto}
.goR{ position:absolute; right:533px; top:427px; z-index:3}
.goR img{ width:66px; height:auto}
#marquee1{width:1200px;overflow:hidden; margin:0 auto;}
#marquee1 ul li{float:left;width:406px; text-align:center}
#marquee1 ul li span{display:block; width:386px; background:#f6f6f6; margin-top:10px; margin-bottom:20px;}
#marquee1 ul li img{display:block;width:386px; height:308px;transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;}
#marquee1 ul li span:hover{ background:#c31920}
#marquee1 ul li span div{width:386px; height:308px; overflow:hidden}
#marquee1 ul li:hover img{  transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
.marque span:hover p{ color:#FFF}
.b{ background:#e9e9e9; height:1px; margin-top:45px; position:relative; z-index:1}
.bs{ position:absolute; background:#FFF; width:200px; height:100px; margin:0 auto; left:0; right:0; bottom:-46px; z-index:2}


.about{ overflow:hidden; margin-top:40px; margin-bottom:100px}
.about img{ width:580px; height:405px; float:left; margin-right:30px}
.about p{ color:#666666; text-indent:2rem; line-height:30px}
.ck{ background:#000; color:#FFF; font-size:16px; text-decoration:none; width:172px;line-height:46px; text-align:center; display:inline-block; margin-top:28px; margin-right:20px}
.zx{ background:#990000; color:#FFF !important; font-size:16px !important;text-decoration:none; width:172px; line-height:46px; text-align:center; display:inline-block; font-weight:normal !important; margin-top:28px;}



.new{ overflow:hidden; margin-top:50px}
.new a{ text-decoration:none; font-size:16px; color:#666666}
.newleft{ width:800px; float:left}
.newtitle{ overflow:hidden; border:#e2e2e2 solid 1px; line-height:50px;}
.newtitle span{ font-size:18px; height:50px; display:inline-block; width:140px; text-align:center; border-right:#e2e2e2 solid 1px;}
.newtitle span.act{ background:#000; color:#FFF;}
.newtitle a{ float:right; text-decoration:none; color:#bfbfbf; margin-right:20px; font-weight:normal !important}
.newleft ul{ margin-top:20px; overflow:hidden; margin-bottom:15px}
.newleft img{ width:300px; height:202px; float:left; margin-right:20px}
.newleft time{ display:block; color:#989898; margin-top:14px; font-family:Arial, Helvetica, sans-serif}
.newleft a{ font-weight:bold}
.newleft p{ color:#666; line-height:30px; margin-top:13px}
.newleft dl{ overflow:hidden;}
.newleft dd{ float:left; margin-right:125px; line-height:50px; border-bottom:#efefef solid 1px}
.newleft dd:nth-child(even){ margin-right:0}
.newleft dd a{ font-size:16px; color:#666666; font-weight:normal}
.newleft dd a:hover{ color:#990000}
.newright{ width:370px; float:right;}


#marquee6{width:368px;height:392px; overflow:hidden; border-bottom:#dfdfdf solid 1px; border-left:#dfdfdf solid 1px; border-right:#dfdfdf solid 1px; }
#marquee6 ul li{overflow:hidden;  border-bottom:#dfdfdf dotted 1px; margin-left:10px; margin-right:10px; margin-top:15px}

.w{ background:#990000; color:#FFF; padding:2px 5px 2px 5px; margin-right:10px;}
.d{ background:#000; color:#FFF; padding:2px 5px 2px 5px; margin-right:10px; font-size:14px}
#marquee6 dd{ line-height:30px; margin-top:10px; margin-bottom:10px}

.lbg{ background:url(../images/l_02.png) no-repeat; height:9px; margin-top:80px}
.link{ margin-top:40px}
.link a{ text-decoration:none; font-size:18px; color:#666; border-right:#b1b1b1 solid 1px; margin-left:20px; padding-right:20px}

.link a:hover{ color:#990000}
.foot{ background:#000; margin-top:40px;} 
.copyConf{ overflow:hidden}
.copy{ float:left; width:900px; margin-top:30px}
.footNav{ margin-top:30px; text-align:center; border-bottom:#01386b solid 1px;}
.footNav a{ color:#FFF; text-decoration:none; font-size:16px; border-left:#01386b solid 1px;padding-right:20px;padding-left:20px; line-height:60px}
.footNav a:first-child{ border-left:none;padding-left:0px;}
.copy p{ color:#FFF; font-size:16px; line-height:35px;}
.copy span { color:#FFF; font-size:16px;}
.copy span a{ color:#FFF; text-decoration:none}
.conf{ width:154px; float:right; margin-top:30px; text-align:center; color:#FFF; font-size:16px;}
.conf P{ background:url(../images/e_03.png) no-repeat; width:154px; height:133px;}
.conf P img{ margin-top:12px; width:120px; height:110px;}
.conf span{ line-height:30px; margin-bottom:20px; display:block}

.cn{ background:#990000; color:#FFF; text-align:center; line-height:50px; font-size:18px}
.cn a{ color:#FFF; text-decoration:none}


.izl-rmenu{position:fixed;right:0px;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
    .izl-rmenu .btn1{width:83px;height:76px;margin-bottom:1px;cursor:pointer;position:relative;}
    .izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#006a4f;}
    .izl-rmenu .btn-qq:hover{background-color:#488bc7;}
    .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{/* background:url(../images/r_qq.png) 0px 0px no-repeat; */background-color:#006a4f;text-decoration:none;display:block;}
    .izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#0982ec;}
    .izl-rmenu .btn-wx:hover{background-color:#3b3b3b;}
    .izl-rmenu .btn-wx .pic{position:absolute;left:-120px;top:0px;display:none;width:120px;height:110px;}
    .izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#990000;}
    .izl-rmenu .btn-phone:hover{background-color:#990000;}
    .izl-rmenu .btn-phone .phone{background-color:#990000;position:absolute;width:160px;left:-160px;top:0px;line-height:76px;color:#FFF;font-size:18px;text-align:center;display:none;}
    .izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
    .izl-rmenu .btn-top:hover{background-color:#444;}
	
	.izl-rmenu .btn-color{background:url(../images/sz.png) 0px 0px no-repeat;background-color:#c31920;}
    .izl-rmenu .btn-color:hover{ background:url(../images/sz.png);background-color:#c31920;}
    .izl-rmenu .btn-color .pic{position:absolute;left:-200px;top:0px;display:block;width:200px;height:76px;background-color:#c31920;}
	 .izl-rmenu .btn-color .pic div{ width:18px; height:18px; float:left; border-radius:100%; margin-top:25px; margin-left:15px}
	 .izl-rmenu .btn-color .pic .blue{  
        background-color: #0982ec; 
    }
   .izl-rmenu .btn-color .pic .dblue{ 
        background-color: #006a4f; 
    }
    .izl-rmenu .btn-color .pic .red{ 
        background-color: #a50109; 
    }
	 .izl-rmenu .btn-color .pic .black{ 
        background-color: #08a172; 
    }
	.izl-rmenu .btn-color .pic .yellow{ 
        background-color: #dd932a; 
    }
		.izl-rmenu .btn-color .pic .xmh{ 
        background-color: #5dc800; 
    }

.w780s{ width:400px; margin-left:auto; margin-right:auto; height:410px; background:#f4f4f4; text-align:center; padding-top:10px; font-size:15px; box-shadow:0 0 20px #999999}
.w780s span{ display:block; font-size:24px; font-weight:bold; color:#a50109; line-height:50px;}
.w780s p{ font-size:14px; color:#666666; margin-bottom:20px;}
.w780s  input[type="text"]{ border:#b8b8b8 solid 1px; height:40px; line-height:40px; background:none; padding-left:5px; font-family:"微软雅黑"; width:280px;}
.w780s  input[type="tel"]{ border:#b8b8b8 solid 1px; height:40px; line-height:40px; background:none; padding-left:5px; font-family:"微软雅黑"; width:280px;}
.w780s  input[type="email"]{ border:#b8b8b8 solid 1px; height:40px; line-height:40px; background:none; padding-left:5px; font-family:"微软雅黑"; width:280px;}
.w780s input[type="submit"]{  font-family:"微软雅黑"; width:200px; margin-top:10px; height:80px; padding-left:5px; margin-bottom:20px; font-size:18px; border:0; background:#a50109; color:#FFF}
.reveal-modals{ display:none; position:fixed; z-index:99999; background:rgba(fff,fff,fff,0.7); top:100px; left:0; right:0;  margin:0 auto;}
.close-reveal-modals{ position:absolute; top:2px; right:2px;cursor:pointer;  width:35px; height:35px; font-size:20px; border-radius:100%; line-height:35px; text-align:center; z-index:1; background:#a50109; color:#FFF}


/******************************/	

.ban{ width:100%; position:relative; overflow:hidden; height:300px;top:0px;}
.bans{ width:1920px; position:absolute; left:50%; margin-left:-960px; height:300px}
.bans img{ width:1920px; height:300px;}	
.sub{position:absolute; left:0; right:0;  bottom:120px}
.sub_title{ font-weight:bold; font-size:30px; padding:10px 20px 10px 20px; background:rgba(255,255,255,0.5); width:300px; text-align:center}

aside{ width:240px; float:left; background:#f4f4f4; }
.sub_titles{ padding-bottom:40px }
.sub_titles ul{ margin-top:0px; padding-left:20px;padding:20px 10px 10px 10px}
.sub_titles h1{  color:#FFF; line-height:60px; text-align:center}
.sub_titles a{ text-decoration:none; color:#666666; font-size:14px; line-height:40px; display:block;}
.sub_titles a span{ background:#d9d9d9; width:2px;  height:14px; display:block; float:left; margin-top:13px; margin-right:10px; margin-left:10px}
.sub_titles li:hover span{ color:#FFF}
.sub_titles li:hover a{ color:#FFF}
.sub_titles li.act span{ color:#FFF}
.sub_titles li.act a{ color:#FFF}
.sub_titles li{ border-bottom:#d9d9d9 solid 1px}
.fonts{ font-size:24px !important; margin-right:10px; font-weight:normal}
.ma{ margin-top:40px}
.ov{ overflow:hidden}

.contact{  }
.contact ul{ margin-top:0px; padding-left:20px;padding:20px 10px 10px 10px}
.contact h1{  color:#FFF; line-height:60px; text-align:center}
.contact a span{ background:#d9d9d9; width:2px;  height:14px; display:block; float:left; margin-top:13px; margin-right:10px; margin-left:10px}
.contact li{ border-bottom:#d9d9d9 solid 1px; font-size:14px; color:#666666; line-height:40px}

.containter{ float:right; width:940px;}
.containter header{ font-size:14px; color:#666666;border-bottom:#d9d9d9 solid 1px; padding-bottom:10px; padding-left:0px; height:20px}
.containter header a{ color:#666666; font-size:14px; text-decoration:none}
.containter header a:last-child{ float:right; display:none}
.tops img{ max-width:100%; width:auto}
.tops{ padding:20px 0 0 0}
.sub_title{color:#990000;}
.sub_titles h1{ background:#990000}
.sub_titles li:hover{ background:#000}
.sub_titles li.act{ background:#000}
.contact h1{ background:#990000}
.page a.act{  background:#dd932a; color:#FFF; border:none}
.page a:hover{ background:#dd932a; color:#FFF; border:#dd932a solid 1px}

.list1{ margin-top:0px; border-bottom:#d9d9d9 solid 1px;border-left:#d9d9d9 solid 1px;border-right:#d9d9d9 solid 1px;}
.list1 ul{ overflow:hidden}
.list1 li{ float:left; margin-left:10px; margin-top:20px; text-align:center; background:#f6f6f6;}
.list1 img{ width:300px; height:230px;transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;}
.list1 a{ text-decoration:none; color:#666}
.list1 span{ line-height:55px;}
.list1 li div{width:300px; height:230px; overflow:hidden}
.list1 li:hover img{ transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
	.list1 li:hover { background:#990000}
		.list1 li:hover span{ color:#FFF}
		
		
		.list2{ margin-top:0px; border-bottom:#d9d9d9 solid 1px;border-left:#d9d9d9 solid 1px;border-right:#d9d9d9 solid 1px;}
.list2 ul{ overflow:hidden}
.list2 li{ float:left; margin-left:7px; margin-top:20px; text-align:center; background:#f6f6f6;}
.list2 img{ width:226px; height:133px;transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;}
.list2 a{ text-decoration:none; color:#666}
.list2 span{ line-height:55px;}
.list2 li div{width:226px; height:133px; overflow:hidden}
.list2 li:hover img{ transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);}
	.list2 li:hover { background:#990000}
		.list2 li:hover span{ color:#FFF}
		
		
		.page{ text-align:center; margin-bottom:40px; margin-top:40px}
.page a{ font-size:14px !important; color:#666; text-decoration:none; padding:5px 10px 5px 10px; border:#d9d9d9 solid 1px; margin-left:10px; margin-right:10px}
.page a.act{  background:#990000; color:#FFF; border:#990000 solid 1px}
.page a:hover{ background:#990000; color:#FFF; border:#990000 solid 1px}


.lists{ border-bottom:#d9d9d9 solid 0px;  margin:0 auto}
.lists ul{overflow:hidden; margin-bottom:4%;}
.lists li{ text-align:center; margin-top:10px}
.lists li span{ font-size:14px; color:#666666; line-height:30px;}
.lists li a{ text-decoration:none}
.lists p{ font-size:16px; color:#666666; line-height:30px; margin-top:20px}
.lists time{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#b0b0b0}
.lists p a{ color:#b0b0b0; margin-left:20px}
.size3 li{ float:none !important; width:100% !important; overflow:hidden; text-align: left; border-bottom:#d9d9d9 solid 1px; padding-bottom:18px}
.size3 img{ width:197px !important; height:126px !important; float:left !important; margin-right:20px; margin-top:8px}
.size3 span{ display:inline !important; font-size:16px !important; font-weight:bold}

.titles{ color:#666666; font-size:18px; text-align:center; margin-top:20px}
.ts{ font-size:12px; color:#b0b0b0; text-align:center; line-height:50px; border-bottom:#d9d9d9 solid 1px;}
.next{ overflow:hidden; margin-top:20px; border-bottom:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; padding:10px 0 10px 0; line-height:30px}
.next a{ font-size:16px; color:#666666; display:block; text-decoration:none;}






















