﻿/*头部*/
.head{ width:1250px; margin:0 auto; height:125px; position: relative;}
.head .logo{ width:190px; height:67px; float:left; margin-top:10px; }
.head .logo img{ width:190px; height:auto; vertical-align:top;}
/*.head .nav{ width:736px; float:left; margin-left:78px; height:125px;}
.head .nav li,.head .nav li a{ display:inline-block; *display:inline; zoom:1; width:auto; float:left; height:125px;}
.head .nav li a{ background:url(../images/icon2.png) no-repeat bottom center; color:#000; font-size:12px; text-align:center;}
.head .nav li a em{ display:block; height:22px; font-size:16px; padding-top: 20px; font-style: normal;}
.head .nav li.current-menu-item{ background:#931109;}
.head .nav li.current-menu-item a,.head .nav li.current-menu-item a:hover{ color:#FFF;}
.head .nav li a:hover{ color:#931109; border-bottom: 2px solid #931109;}
*/
.head .search{ width:245px;float:right; padding-top:42px; background: url(../images/pewn_03.png) no-repeat; background-position: 8px 45px; padding-left: ;}
.head .search h4{ padding-left: 60px;}
.head .search h4 p{ font-size: 16px;}
	/* 兼容问题，自动调试间距比例*/
	.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
	.cl { zoom: 1; }
	
	/*图片自适应*/
	.imgauto{ width:100%; height:auto; display:block; min-width:1170px; }

	.fl{float: left;}
	.fr{float: right;}
	
	.relative{position: relative;}
	
	.qz_menubg{width: 100%;height:100px;background: none;position: fixed;top:0;left:0; transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all;z-index: 9;background:rgba(0,0,0,.4);}
	.qz_menubg .qz_menu{float: right;height:100px;}
	.qz_menubg .qz_menu ul li{list-style-type: none;float: left;line-height:100px;text-align: center;width:100px;font-size: 14px;}
	.qz_menubg .qz_menu ul li a{color: #ffffff;text-decoration: none;display: block;}
	.qz_menubg .qz_logo{width:180px;float: left;}
	
	.qz_menubg .qz_logo img{width:180px;margin-top:26px; transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all;}

	.qz_menuadd{background:#000;height:60px;}
	.qz_menuadd .qz_logo img{width:180px;margin-top:13px;}
	.qz_menuadd .qz_menu{float: right;height:60px;}
	.qz_menuadd .qz_menu ul li{list-style-type: none;float: left;line-height:60px;text-align: center;width:100px;font-size: 14px;}
	.qz_menuadd .qz_menu ul li a{color: #ffffff;text-decoration: none;display: block;}
	.qz_menuadd .qz_menu ul li.cur a{color:#199f0c}

	
	.qz_footbot{ line-height:80px;font-size: 14px;color: #fff;}
	
	.qz_footbot a{color: #fff;	}
	.qz_footbot p{ border-top: 1px solid #f1efef;}
	.qz_footbot p a{ padding-left: 10px; display: inline-block;}
	.qz_footbg{background:#94110a }

	.qz_wrap{width: 1200px;margin: 0 auto;}


	.qz_top120{padding-top:30px;}
	.qz_top180{padding-top:60px;}
	

  #qz_item01{ height:700px;display: block; background:url(..images/bg.jpg)  no-repeat top center fixed;position: relative;}
	  #qz_item02{ height:530px;display: block; background:#eee}
	  #qz_item03{ height:770px;display: block; background:#fff}
	  #qz_item04{ height:580px;display: block; background: url(../images/baen.png) no-repeat top center fixed;position: relative;}
	  #qz_item05{ height:880px;display: block; background:#fff}
	  #qz_item06{ height:900px;display: block; background:url(../images/dt.jpg) no-repeat top center fixed;position: relative;}
	  #qz_item07{ height:900px;display: block; background:#dd4}


		.qz_title{display:block;text-align: center;position: relative;margin-left:-2800px; transition:0.7s all; -webkit-transition:0.7s all; -moz-transition:0.7s all; -o-transition:0.7s all;}
		.qz_title h2{height:80px;line-height:80px;font-size: 36px;color: #333; background:url(../images/ed.png) no-repeat; background-position: 280px 20px ;}
		.qz_title p{display: block;height:30px;line-height: 30px;font-size: 16px;color: #666}
	
		
		.cur .qz_title{margin-left:0;}

		.qz_titlef{display:block;text-align: center;position: relative;margin-left:-2800px; transition:0.7s all; -webkit-transition:0.7s all; -moz-transition:0.7s all; -o-transition:0.7s all;}
		.qz_titlef h2{height:50px;line-height:50px;font-size: 36px;color: #fff;}
		.qz_titlef p{display: block;height:30px;line-height: 30px;font-size: 16px;color: #fff}
		.qz_titlef span{height:2px;width:100px;display: block;background:#94110a;margin:20px auto;}
		.cur .qz_titlef{margin-left:0;}


		.qz_bg1{display: block;width:1000px;margin:0px auto 0;padding-top:200px;}
		.qz_bg1 h2{font-size:36px;font-weight: bold;height:50px;line-height: 50px;text-align: center;color: #fff;margin-bottom:20px;letter-spacing:8px;}
		.qz_bg1 h2 strong{color: #94110a;}
		.qz_bg1 p{text-align: center;font-size: 16px;line-height: 30px;color: #fff;}
		.qz_ser{display: block;margin-top:80px;}

		.qz_ser li{border:1px sold red;float: left;width:194px;text-align: center;padding:0 15px;position:relative;margin-top:180px; opacity: 0;transition:1s all; -webkit-transition:1s all; -moz-transition:1s all; -o-transition:1s all;}
		.qz_ser li img{border-radius: 90px;border:3px solid #fff;margin-bottom:10px;}
		.qz_ser li img:hover{border:3px solid #529535;background: #529535;}
		.qz_ser li h3{height:26px;line-height: 26px;font-size: 16px;font-weight: bold;color: #666;margin-bottom: 5px;}
		.qz_ser li h3 p{font-size: 14px;line-height: 24px;}

		.cur .qz_ser li.on1{transition-delay:0.5s;margin-top:0; opacity: 1;}
		.cur .qz_ser li.on2{transition-delay:1s;margin-top:0; opacity: 1;}
		.cur .qz_ser li.on3{transition-delay:1.5s;margin-top:0; opacity: 1;}
		.cur .qz_ser li.on4{transition-delay:2s;margin-top:0; opacity: 1;}
		.cur .qz_ser li.on5{transition-delay:2.5s;margin-top:0; opacity: 1;}

		.qz_ttab > span{display: block;}
		.qz_ttab ul.qz_casenav{width:1120px;display: block;text-align: center; opacity: 0;margin-top:-100px; transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all;}
		.qz_ttab ul.qz_casenav li{text-align:center;height:30px;line-height:30px;font-size:14px;cursor:pointer;color: #666;display: inline-block;*zoom:1;*display: inline;border-radius: 5px;margin:0 10px;padding:0 10px;}
		.qz_ttab ul.qz_casenav li.active{color:#94110a;}
		.qz_contn{width: 1120px;margin:0 auto;display: block;padding:30px 0;}
		.qz_contnone{display:none;}
		.qz_caselist{display: block;width:1200px;opacity:0;transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all;}
		.qz_caselist ul{display: block;width:1140px;}
		.qz_caselist li{width:265px;height:192px;display: block;margin-right:20px;margin-bottom:20px;float: left;position: relative;}
		.qz_caselist li p{width:265px;height: 192px;display: block;overflow: hidden;}
		.qz_caselist li img{width:265px;height: 192px;display: block;  transition: 0.4s all; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; -o-transition: 0.4s all;}
		.qz_caselist li:hover p > img
			{
				-webkit-transform: scale(1.2);
		        -moz-transform: scale(1.2);
		        -o-transform: scale(1.2);
		        -ms-transform: scale(1.2);
			}
		.qz_caselist li span{background: url(images/iconw.png);width:225px;height:112px;position: absolute;left: 0;top:0;display: none;}
		.qz_caselist li span h3{color: #fff;font-size: 16px;font-weight: bold;text-align: center;line-height: 24px;}
		.qz_caselist li span h5{color: #fff;font-size: 12px;line-height: 20px;text-align: center;margin: 10px 0;}
		.qz_caselist li span img{width: 40px;height:40px;margin:0 auto;border:2px solid #fff;border-radius: 90px;}
		

		.cur .qz_ttab ul.qz_casenav{opacity:1;margin-top:0;transition-delay:0.8s;margin:15px auto 20px;}
		.cur .qz_caselist{transition-delay:1.5s;opacity:1;}



		.qz_about{display:block;width:1200px;margin-top: 50px;overflow: hidden;}
		.qz_about img{float: left;width:560px;margin-right:20px;margin-left:-1000px;position: relative;transition: 0.7s all; -webkit-transition: 0.7s all; -moz-transition: 0.7s all; -o-transition: 0.7s all;}
		.qz_about span{float:right;width:1200px;margin-right:-1500px;position: relative;transition: 0.7s all; -webkit-transition: 0.7s all; -moz-transition: 0.7s all; -o-transition: 0.7s all;}
		.qz_about span h3{line-height:30px;font-size: 24px;margin-bottom:10px;}
		.qz_about span p{line-height: 34px; font-size: 16px; text-align: center;}

		.cur .qz_about img{margin-left:0;transition-delay:1s;opacity:1;}
		.cur .qz_about span{margin-right:0;transition-delay:1s;opacity:1;}

		.qz_newslist{display: block;width:1200px;margin-top:50px;opacity:0;transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all;}
		.cur .qz_newslist{opacity:1;transition-delay:1s;}
		.qz_newslist ul{width: 1200px;}
		.qz_newslist li {float: left;width:240px;height:253px;padding:20px;display: block;margin-right: 20px;margin-bottom:20px;background: #f7f7f7;color: #333;position: relative;}
		.qz_newslist li img{width: 225px;margin-bottom:10px;}
		.qz_newslist li h3{font-size: 16px;height:30px;line-height: 30px;overflow: hidden;width:100%;display: block;}
		.qz_newslist li span{font-size:46px;font-weight: bold;height:50px;line-height: 50px;position: relative;color: #333;}
		.qz_newslist li span strong{position: absolute;left:40px;bottom:5px;color: #333;font-size: 20px;height:20px;line-height: 20px;width:30px;text-align: left;background:#eee;font-weight: normal;}
		.qz_newslist li .qz_newsp{position: absolute;left:0;bottom:0;background:#94110a;color: #fff;padding:20px;width:225px;height:253px;display: none;}
		.qz_newslist li .qz_newsp h4{font-size: 18px;font-weight: bold;line-height: 24px;height:24px;overflow: hidden;display: block;}
		.qz_newslist li .qz_newsp em{background: #fff;width:60px;height:1px;display: block;margin:10px 0;}
		.qz_newslist li .qz_newsp p{display: block;font-size: 14px;line-height: 24px;height:215px;overflow: hidden;}


		.qz_cont{display: block;margin-top:50px;}
		.qz_contc{display: block;text-align: center;border-bottom:1px solid #fff;margin:0px auto 30px;width:800px;padding-bottom:30px;transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all;opacity:0;}

		.cur .qz_contc{opacity:1;transition-delay:0s;}

		.qz_contc li{display: inline-block;text-align: center;margin:0 20px;width:200px;height:150px;color: #fff;}
		.qz_contc li img{height:30px;width:30px;display: block;margin:0 auto 20px;}
		.qz_contc li p{display: block;height:100px;line-height: 25px;}
		.qz_contc li strong{display: block;font-size:18px;line-height: 30px;}

		.qz_contb{margin:0 auto;width:800px;transition: 1.5s all; -webkit-transition: 1.5s all; -moz-transition: 1.5s all; -o-transition: 1.5s all;opacity:0;}
		.cur .qz_contb{margin:0 auto;opacity:1;transition-delay:1s;}
		.qz_contb h3{display: block;text-align: center;font-size: 28px;color: #fff;margin-bottom:40px;}
		.qz_contb span{width:840px;display: block;margin-bottom:20px;}
		.qz_contb span input{width:358px;float: left;margin-right:40px;border:0;border:1px solid #f1f1f1;font-size: 14px;padding:10px;height:24px;line-height: 24px;border-radius:5px;}
		.qz_contb textarea{width:778px;border:1px solid #f1f1f1;padding:10px;line-height:24px;border-radius: 5px;}
		.qz_contb button{display: block;width:150px;border:0;border-radius: 5px;margin:20px auto;height:40px;line-height: 40px;cursor: pointer;color: #fff;background: #94110a}

		.qz_lookj{display: block;width:150px;background:#94110a;height:40px;line-height: 40px;color: #fff;text-align: center;border-radius: 10px;font-size: 16px;margin:0 auto;}
		.qz_lookj:hover{color: #fff;}
		
		
        .product{ background: url(../images/banner_4.jpg) 50% 0 no-repeat ; height: 400px; }
        .ofthe{ width: 1200px; margin: auto; margin-top: 20px;overflow:hidden;margin-bottom: 20px;}
         .newse{ width: 1200px; height:; float: left;}

/* box */
.box{width:100%;margin:0 auto;padding-top:30px;}
.box a{ display: block;}
.border_animation{ margin-bottom: 20px; background:#f5f3f3;border:1px solid #fff;width:1200px;height:210px;float:left;margin-right:18px;position:relative;}
.border_animation .border_top{
	position:absolute;height:1px;width:0;font-size:0;background:#e999;top:0;left:0;
	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation .border_right{
	position:absolute;height:0px;width:1px;font-size:0;background:#e999;bottom:0;right:0;
	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation .border_bottom{
	position:absolute;height:1px;width:0px;font-size:0;background:#999;right:0;bottom:0;
	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.border_animation .border_left{
	position:absolute;height:0px;width:1px;font-size:0;background:#999;left:0;top:0;
	
	-webkit-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
.box .hover .border_top,.box .hover .border_bottom{width:1200px}
.box .hover .border_left,.box .hover .border_right{height:210px}
.denw img{ float: left; width: 240px; height: 180px; margin: 10px; border: 4px solid #fff;  }
.denw h2{ font-size: 18px; color: #333; font-weight: 100; padding-top: 20px; margin-bottom: 2px; height: 36px; overflow: hidden;}
.denw a { color: #555;}
.denw  p{ padding:0 0 20px 20px; text-indent: 26px; line-height: 28px; height: 36px; overflow: hidden;}
.denw  span{ font-size: 14px; padding-left: 40px; margin-top: 24px; display:inline-block;}
.denw  i{ font-size: 14px; float: right; font-style: normal; margin-right: 30px; margin-top: 20px; background: #ccc; padding: 6px; color: #333;}
.newse-top .choose{ margin-top: 10px; width: 1200px; border-bottom: 1px solid #ccc; padding-bottom: 8px;}
.newse-top .choose a{ font-size: 24px; font-weight: bold;}
.newse-top .choose a i{ height: 18px; width: 4px; background: #931109; display: inline-block; margin-right: 10px;}
.newse-top a{ padding: 8px; color: #333;}
.newse-top .choose span{ float: right; background: url(../images/fs.png) no-repeat 10px 4px ; padding-left: 34px;}
.newse-top .choose span a{ font-size: 13px; padding: 0px;}
.newse-top .choose span a:hover{ color:#7d0000 ; font-weight: bold;}
.hpage{ padding-bottom: 70px; width: 500px; margin: auto; text-align: center;}
.hpage a{ float: left; padding: 8px; background: #ACC1D3; margin-right: 10px; color: #333;}
.hpage a:hover{ background: #931109; color: #fff;}

.newse-left{ padding-bottom: 10px; margin-top: 50px; width: 850px; border-bottom: 1px solid #ccc; margin-bottom: 28px; float: left;}
.newse-left h2 { text-align: center; color: #333; font-weight: 100; font-size: 20px;}
.newse-left span  { text-align: center; font-size: 12px; display: block; color: #666; padding-top: 16px;}
.newse-left span i { font-style: normal;}
.newse-center{ width: 850px; float: left;}
.newse-center p{ color: #444; line-height: 30px; text-indent: 25px;}
.newse-righr{ width: 300px; float: right; margin-top: -86px;  padding-bottom: 10px;}
.newse-righr h2{ margin-bottom: 20px; font-weight: 100; border-bottom: 1px solid #ccc; padding-bottom: 26px;}

.newse-righr1{ margin-bottom:20px;width: 300px; float: right; border-bottom:1px dashed #ccc; padding-bottom: 10px; }

.newse-righr1 span{ font-size: 16px; padding-bottom: 8px; display: block; color: #444;}
.newse-righr1 p{ font-size: 12px; color: #444;}
.newse-righr1 i{ font-style: normal; font-size: 12px; color: #444; padding-top: 20px; display: block;}
.newse-righr1 a{ color: #444;}
.newse-righr1 a:hover{ color: #94110a;}
.enr{ height: 20px; width: 850px; border-top: 1px dashed #ccc; margin-bottom: 80px;}
.enr span{ width: 600px; float: left; padding-top: 15px; display: block; font-size: 14px; color: #666;} 
.enr span a{ color:#333 ;}
.enr span a:hover {color: #931109;}
.enr i{ color:#931109; font-style: normal; float: right; border: 1px solid #931109; margin-top: -10px;  }
.enr i a{ color: #931109; display: block; padding: 8px;}
.enr i a:hover{ color: #fff; background: #931109; }
.hone{ margin-top: 40px; padding-top: 0px;}
.hone ul li{ width: 280px; float: left; text-align: center; margin: 10px;}
.hone ul li img{ padding-bottom: 20px;}
.hone ul li span{ font-size: 18px; margin-bottom: 20px; display: block;}
.hone ul li p{ line-height: 30px;}


/* section */
.section{width:1200px;margin:10px auto 0 auto;overflow:hidden; padding-top: 20px;}
.section ul{width:1200px;}
.section ul li{border: 2px solid #ccc; float:left;margin:8px;margin-bottom:10px;display:inline;width:280px;height:177px;overflow:hidden;position:relative;}
.section ul li .photo{width:280px;height:177px;overflow:hidden;}
.section .rsp{width:280px;height:177px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.section .text{position:absolute;width:280px;height:177px;left:-300px;top:0px;overflow:hidden;}
.section .text h3{width:300px;margin-top:60px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px;}
.section .text a{text-decoration:none}
.section .text div{text-align:center;color:#FFFFFF;font-size:18px;}


.options{ padding-top: 30px; width: 1100px; overflow: hidden;}
.options a{ line-height: 64px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; margin-right: 22px;}
.options a:hover{ background: #931109; color: #fff; border-radius: 4px;}
a.pti{ background: #931109; color:#fff; border-radius: 4px;}


#wrap{
	
	width: 1200px;
	height: ;
	margin: auto;
}
#wrap ul li .a1 img{
	width: 380px;
	height: 320px;
}
#wrap ul li{
	border-bottom: 4px solid #ccc;
	width: 380px;
	height: 320px;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px;
} 
#wrap ul li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 380px;
	height: 46px;
	padding: 10px 20px;
	background: #f0f1f1;
}
#wrap ul li .a1 .divA>.p1{
	width: 312px;
	height: 25px;
	font-size: 18px;
    line-height: 25px;
    color: #666;
}
#wrap ul li .a1 .divA>.p2{
	width: 312px;
	height: 21px;
    font-size: 14px;
    color: #b4b4b4;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#wrap ul li .a1 .divA>.p3{
	position: absolute;
	right: 0;
	bottom: 12px;
	width: 108px;
	height: 28px;
	color: #f60;
}
#wrap ul li .a1 .divA>.p3>span{
	font-size: 24px;
	font-weight:800;
}
/*遮罩*/
#wrap ul li .a2{
	position: absolute;
	top: 20px;
	left:-380PX;
	width: 364px;
	height: 320px;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.5);
	transition: all 0.2s;  
} 
#wrap ul li .a2 .p4{
	width: 380px;
	text-align: center;
	position: absolute;
	top: 34px;
	left: -380px;
	color: #ffe605;
	font-size: 24px;
    font-weight: bold;
    transition: all 0.2s 0.1s ease-out ;  
}
#wrap ul li .a2 .p5{
	width: 380px;
	text-align: center;
	line-height:20px ;
	position: absolute;
	top: 65px;
	left: -380px;
	margin: 30px  0 10px;
	font-size: 14px;
    color: white;
    transition: all 0.2s 0.2s ease-out ;  
}
#wrap ul li .a2 .p6{
	position: absolute;
	top: 140px;
	left: 175px;
	transform: scale(1.4);
	transition: all 0.3s 0.2s ;
}
#wrap ul li .a2 .p6 span{
	font-family: Arial;
    font-size: 36px;
    font-weight: 700;
    color: white;
}
#wrap ul li .a2 .p7{
	position: absolute;
	bottom:-50px;
	left: 120px;
	width: 160px;
	height: 38px;
	line-height: 38px;
	border-radius: 20px;
	margin: 40px auto;
	border: 1px solid;
	transition: all 0.2s 0.5s ;
}
.aboute{ width: 1200px; margin: auto; overflow:hidden;}


.be{ float: left; padding-top: 26px; }
.be img{ width:450px ; height: 360px;}
.abei{ width: 1200px; float: right; padding-top: 26px;}  
.abei h2{ text-align: center; padding-top: 10px; color: #555; font-size: 32px; padding-bottom: 20px;}
.abei p{line-height: 30px; font-size: 15px; color: #555;}

.aboute ul li{ float: left; display: block; width: 1200px;}
 .quan { width: 100%; height: 400px; background: #EEEEEE;}
  .quan-a{ width: 1200px ; margin: auto;}
 .quan-a h2{ text-align: center; padding-top: 40px; color: #555; font-size: 32px;}
 
 .detail{ padding-top: 20px;}
 .grade-left img{ padding-bottom: 20px; float: left; width: 540px; height: 450px;}
 .grade-right{ padding-left: 20px; float: right; width: 600px;}
 .grade-right h3{padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.grade-right p{ padding-bottom: 16px;}
.grade-right h5 { padding: 8px; background: #CC5522; color: #fff; font-size: 24px; width: 350px; text-align: center; float: left; border-radius: 4px;}
.grade-bottom{}
.grade-bottom h4{ font-size: 20px; padding-bottom: 4px; border-bottom: 1px solid #ccc;}
.grade-bottom a img{ width: 800px; height: 500px;}
.grade-bottom a {}
