@charset "utf-8";
/* CSS Document */
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea,a,h1,h2,h3,h4,h5,h6{font-family:"Microsoft Yahei";font-size:14px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6; background: #ffffff; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; }
.fr { float:right; }


/*header*/
#header_top{ width: 100%; height: 40px; background: #eeeeee;}
.header_top{ width: 1200px; margin: 0 auto; height: 100%; line-height: 40px;}
.header_top a:hover{ color:#d20003}
#header{ width: 1200px; margin: 0 auto; height: 100px;}
.logo{ display: block; width: 623px; height: 55px; margin-top: 24px;}
.logo img{ width: 100%; height: 100%;}
.qq{ position: relative; width: 100px; height: 100px; float: left; cursor: pointer; margin-left: 190px;}
.qq .img1{ position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px;}
.qq .img2{ position: absolute; left: 0; top: 0; opacity: 0; filter:alpha(opacity:0);}
.qq:hover .img2{opacity: 100; filter:alpha(opacity:1); transition:all 1s;}
.qq:hover .img1{opacity: 0; filter:alpha(opacity:0); transition:all 1s;}
.weixin{ position: relative; width: 100px; height: 96px; margin-top: 2px; float: left; cursor: pointer;}
.weixin .img1{ position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px;}
.weixin .img2{ position: absolute; left: 0; top: 0; opacity: 0; filter:alpha(opacity:0);}
.weixin:hover .img2{opacity: 100; filter:alpha(opacity:1); transition:all 1s;}
.weixin:hover .img1{opacity: 0; filter:alpha(opacity:0); transition:all 1s;}
.tel{ float: right; margin-top: 18px;}
.tel_pic{ background: url(../images/tel.png) no-repeat; text-indent: 40px; font-size: 18px;}
.tel_num{ color: #d20003; font-size: 24px; line-height: 20px;}

.navBar{ width: 100%; margin: 0 auto; position:relative; z-index:6;  height:50px; background: #d20003;}
.nav{ width: 1200px; margin: 0 auto; height: 100%; }
.nav>li{  position:relative; float:left; width: 148px; border-left: 1px solid #ef0003;}
.nav>li:nth-last-of-type(1){border-right: 1px solid #ef0003;}
.nav>li>a{ line-height: 50px; display:block; color:#eeeeee; width: 100%; height: 100%; text-align: center;}
.nav>li>a>span {position: relative; display: inline-block; font-size: 16px;width: 100%; height: 100%;
	-webkit-transition: background 0.6s;
	-moz-transition: background 0.6s;
	transition: background 0.6s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}



.cl-effect-20 a span::before { width: 100%; height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: #a20002; color: #ffffff; 
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none;
}

.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
	background: #a20002;
}

.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
	z-index:1;
	-webkit-transform: rotateX(10deg);	
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg);
}
.nav .sub{ display:none; width:100%; position:absolute; top:50px; background:rgba(51, 51, 51, 0.8); padding: 10px 0;}
.nav .sub li a{ color:#eeeeee; display:block; line-height:28px; height: 28px; text-align:center; }
.nav .sub li:nth-last-of-type(1){border-bottom:none;}
.nav>li .active, .nav>li:hover span{ background: #a20002; }
.nav ul li a:hover{ color: #d20003;}
.key{ width: 1200px; margin: 0 auto; height: 40px;}
.key_fl{ line-height: 40px; color: #666666;}
.key_fl a{ line-height: 40px; color: #666666; padding: 0.5em;}
.key_fl a:hover{ color: #d20003;}
.search{}
.search_area{ float: left; text-indent: 40px; margin-right: 6px; width: 216px; height: 30px; border: none; line-height: 30px; background:#999999 url(../images/search.png) no-repeat 10px center; margin-top: 5px;}
.search_btn{ float: left; width: 56px; height: 30px; line-height: 30px; color: #ffffff; background: #d20003; margin-top: 5px; border: none;}
.focusBox{ position:relative;  height:500px; overflow:hidden; width: 1920px; left: 50%; margin-left: -960px;}
.focusBox .pic{height:500px;}
.focusBox .pic img { width:100%; height:100%; display: block;}	
.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:34px; left:50%; z-index:3; margin-left: -60px; z-index: 6;}	
.focusBox .hd li{ float:left; width:10px; height:10px; cursor:pointer; background:url(../images/dot.png) no-repeat; margin-left:10px; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }	
.focusBox .hd .on{ background:url(../images/doth.png) no-repeat;}	
.focusBox .btn{ width: 1160px; margin: 0 auto; height: 471px; z-index: 5; position:absolute; left: 50%; margin-left: -580px; top: 0;}
.focusBox .btn .next, .focusBox .btn .prev{ width: 60px; height: 60px; position: absolute; top: 192px; }
.focusBox .btn .prev{ left: 0; background:url(../images/prev.png) no-repeat; }
.focusBox .btn .next{ right: 0; background:url(../images/next.png) no-repeat; }
.focusBox .btn .prev:hover{ background:url(../images/prevh.png) no-repeat; }
.focusBox .btn .next:hover{ background:url(../images/nexth.png) no-repeat; }
.neiyefocusBox{ position:relative;  height:500px; overflow:hidden; width: 1920px; left: 50%; margin-left: -960px;}
.neiyefocusBox a{ display: block;height:500px;}
.neiyefocusBox a img{ width: 100%; height: 100%; display: block;}
.content{ width: 1200px; overflow:hidden; margin: 0 auto; }
.index_title{ text-align: center; margin-top: 40px;}
.index_title h2{ font-size: 26px; color: #d20003; margin-top: 10px;}
.section1{position: relative; margin-top: 30px;}
.sect_info{ margin-right: 30px; width: 600px; }
.sect_h{ font-size: 26px; margin-bottom: 8px; overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.sect_p{ color: #666666; line-height: 26px; height: 260px;overflow: hidden;}
.sect_info a{ margin-top: 8px; display: block;width: 150px; height: 40px; line-height: 40px; background: #d20003; color: #ffffff; text-align: center;}
.sect_info a:hover{ background: #a20002}
.about_img1{ width: 500px; height: 314px;}
.about_img1 img{ max-width: 100%;}
.juxing{ position: absolute;right: 0; bottom:72px; width: 72px; height: 60px; background: #d20003;}
.product_home{ border: 1px solid #bbbbbb; border-top: none;margin-top: 20px; }
.home-product-tab{ width:100%; margin:0 auto 60px; position:relative;  }
.home_title{ display: block; width: 1200px; height: 40px; line-height: 40px; background: #999999; text-align: center; border-bottom: 1px solid #bbbbbb;}
.home_title:hover{ background: #d20003; color: #fff; transition:all 1s;}
.home-product-tab .hd{ height: 80px; border-bottom: 1px solid #bbbbbb;}
.home-product-tab .hd ul{ z-index:5; width: 100%; position:absolute; height:80px;line-height:40px;overflow:hidden;zoom:1; background:url(../images/ulbg.png) no-repeat center center; }
.home-product-tab .hd li{  width:199px; overflow: hidden; text-align:center; float:left; height: 40px; color:#333333; line-height: 40px; cursor:pointer; }
.home-product-tab .hd li.on{ color: #d20003;}
.home-product{ width: 100%;  margin-top:30px; overflow: hidden}
.home-product .home-product-list{ padding: 0 30px;}
.home-product .home-product-list li{ width:268px; height: 268px; margin:0 22px 0 0; float:left; position:relative;}
.home-product .home-product-list li:nth-child(4n){ margin-right:0;}
.home-product .home-product-list li a{ width: 100%; display: block;height: 100%;}
.home-product .home-product-list li img{ width: 100%; display:block;width:268px;height:267px}
.home-product .home-product-list .on{ width:100%; height: 40px; text-align: center; background:rgba(51, 51, 51, 0.8); position:absolute; font-size: 14px; color: #ffffff; bottom:0px; left:0px;  z-index:9; line-height:40px;overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.home-product .home-product-list p{ width: 100%; text-align:center; line-height: 24px; font-size: 12px; color: #666666; }
.home-product .home-product-list li:hover .on{display:block; background: rgba(210, 0, 3, 0.8); }
.home-product .home-product-list li:hover img{border: 2px solid #d20003; width: 264px;}
.propage{ width: 110%;}
.propage .home-product-list{ padding-top: 30px;}
.propage .home-product-list li{ width:280px; height: 280px; margin:0 24px 20px 0; float:left; position:relative;}
.propage .home-product-list li:nth-child(3n){ margin-right:0;}
.propage .home-product-list li a{ width: 100%; display: block;height: 100%;}
.propage .home-product-list li img{ width: 100%; display:block;}
.propage .home-product-list .on{ width:100%; height: 40px; text-align: center; background:rgba(51, 51, 51, 0.8); position:absolute; font-size: 14px; color: #ffffff; bottom:0px; left:0px;  z-index:9; line-height:40px;overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.propage .home-product-list p{ width: 100%; text-align:center; line-height: 24px; font-size: 12px; color: #666666; }
.propage .home-product-list li:hover .on{display:block; background: rgba(210, 0, 3, 0.8); }
.propage .home-product-list li:hover img{border: 2px solid #d20003; width: 276px;}

.service{ width: 1200px; margin: 0 auto; overflow: hidden;}
.service_list{ width: 1250px; margin-top: 26px;}
.service_list li{ float: left; width: 364px; margin: 0 50px 26px 0; height: 531px;}
.service_list li a{ display: block; width: 100%;}
.service_img{ width: 100%; height: 364px; border-radius: 50%; overflow: hidden;}
.service_img img{ max-width: 100%;}
.service_info{ margin-top: 16px; width: 100%;}
.service_info h2{ width: 100%; text-align: center; font-size: 16px; overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.service_info p{ color: #666666; line-height: 26px; max-height: 104px; overflow: hidden;}
.service_info em{ display: block;}
.service_list li a:hover h2{ color: #d20003;}
.service_info em:hover{ color: #d20003;}
.news{ width: 1200px; margin: 0 auto;}
.news_list{ width: 1202px; margin-top: 24px;}
.news_list dl{ float: left; width: 400px; padding-bottom: 30px; border-bottom: 1px solid #bbbbbb;}
.news_list .dl1{ border: 1px solid #bbbbbb; width: 398px; border-top: none;}
.news_list dl dt{ height: 40px; line-height: 40px; width: 100%; text-align: center;margin-bottom: 16px;}
.news_list dl dt a{ display: block;width: 100%; height: 100%; background: #999999; }
.news_list dl dt a:hover{ background: #d20003; color: #ffffff;}
.news_list dl dd{ padding: 0 30px;}
.news_list dl dd a{ display: block; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px dotted #bbbbbb;}
.news_list dl dd a h2{ width: 80%; float: left; overflow: hidden; text-overflow: ellipsis;white-space:nowrap; text-indent: 8px; background: url(../images/lidot.png) no-repeat 0 center;}
.news_list dl dd a em{ float: right;}
.news_list dl dd a:hover h2{ color: #d20003;background: url(../images/lidoth.png) no-repeat 0 center;}
.news_list dl dd a:hover em{ color: #d20003;}
.news_sect2{ border: 1px solid #bbbbbb; border-top: none; height: 244px; width: 1198px; margin-bottom: 40px;}
.news_sect2_fl{border-right: 1px solid #bbbbbb; height: 244px; width: 178px; text-align: center;}
.news_sect2_1{ height: 80px; border-bottom:1px solid #bbbbbb; padding-top: 42px;}
.news_sect2_2{padding-top: 42px; height: 80px;}
.news_sect2_2 em{ background: url(../images/tel1.png) no-repeat 50px center; text-indent: 30px; display: block;}
.news_sect2_2 h2{ color: #d20003;}
.news_sect2_fr{ width:1018px; padding-top: 14px;}
.news_sect2_fr li{ padding: 0 30px 0 24px; margin-bottom: 20px;}
.news_sect2_fr li a{ display: block;width: 100%; height: 100%;}
.news_sect2_fr li a h2{background: url(../images/ask.png) no-repeat 0 center; text-indent: 36px; margin-bottom: 12px;overflow: hidden; text-overflow: ellipsis;white-space:nowrap; }
.news_sect2_fr li a p{background: url(../images/answer.png) no-repeat; padding-left: 36px; line-height: 18px; max-height: 54px; overflow: hidden; }
.news_sect2_fr li a:hover h2{color: #d20003;}
#footer{ width: 1200px; margin: 30px auto 0;}
.footer_header{ height: 50px; line-height: 50px; border-bottom: 1px solid #535454;border-top: 1px solid #535454;}
.footer_title{ text-indent: 20px; font-size: 26px; width: 400px;border-right: 1px solid #535454;}
.footer_nav{}
.footer_nav a{ color: #333333; display: inline-block; padding: 0 16px; font-size: 16px;}
.footer_nav .active{color: #d20003;}
.footer{}
.map{border-right: 1px solid #535454; width: 400px; padding-bottom: 30px;}
.map img{ max-width: 100%;}
.footer_info{ padding-left: 30px; width: 740px; padding-top: 20px;}
.link{}
.link a{padding: 0 8px;}
.copyright{ margin-top: 30px;}
.copyright p{ line-height: 28px;}
.copyright p a{}
#footer a:hover{ color: #d20003;}
#page_content{ width: 1200px; margin: 30px auto 0;}
.side{ width: 280px;}
.side_title{ position: relative; width: 100%; background: #d20003; height: 66px; padding-top: 24px; color: #ffffff; margin-bottom: 10px;}
.side_pic{ margin-left: 60px;}
.side_pic img{}
.side_text{ margin-left: 16px; position: relative;top: -8px;}
.side_text h2{font-size: 24px;color: #ffffff;}
.side_text em{color: #ffffff; text-transform: uppercase; }
.side_title span{ display: inline-block; width: 92px; height: 2px; background: #25527c; position: absolute;bottom: 0; left: 96px;}
.list>ul{ border-top:1px solid #e1e1e1; background: #eeeeee;}
.list ul li{ margin-bottom: 10px;}
.list ul li a{ display: block;width: 100%; height: 100%; text-align: center;}
.list ul .first>a{ background: #dddddd; height:48px !important; color:#333333; display: block; line-height: 48px; position: relative;}
.list ul li ul{display: none; padding: 10px 0 0;}
.list ul li ul li a{ line-height: 26px; color: #666666;}
.list>ul>li>ul>li ul li{ background:#ededed;}
.list .first>a:hover{ color:#ffffff !important; background:#d20003 !important;}
.list .first ul a:hover{ color:#d20003 !important;}
.page_wrap{ overflow: hidden; width: 890px; background: #fff; min-height:350px;}
.weizhi{text-indent: 72px; line-height: 90px; background:url(../images/h.png) no-repeat 30px center; border-bottom: 2px solid #dddddd;}
.weizhi span{ color: #d20003;}
.weizhi a:hover{color: #d20003;}
.return{ float: right; margin-right: 30px;}
.aboutpage{ padding-top: 24px; padding-bottom: 24px;}
.page_info{ line-height: 26px;}
.page{width:100%; text-align:center; margin:30px auto;}
.page a{ color:#666666; line-height:40px; display:inline-block; padding: 0 15px; margin-right: 8px;}
.page .special{background:#dddddd;}
.page .active, .page a:hover{ color:#ffffff; background:#d20003;}
.propage_list{ width: 110%; padding-top: 30px;}
.propage_list li{ float: left; width: 266px; margin:0 20px 26px 0; text-align: center; position:relative; -overflow:hidden; }
.propage_list a{ width: 262px; display: block;}
.propage_list a h4{ line-height: 38px; width: 100%; height: 38px; overflow: hidden;}
.propage_list a .img1{ width: 262px; height: 160px; border:1px solid #dadada;}
.propage .propage_list a .img1{height: 284px;}
.propage .propage_list a:hover .img1{ -webkit-box-shadow:0 0 8px rgba(83, 83, 83, .4);
  -moz-box-shadow:0 0 8px rgba(83, 83, 83, .4); box-shadow:0 0 8px rgba(83, 83, 83, .4); }
.propage_list a:hover h4{ color:#d20003; }
.mark_video{ width:100%; height: 160px; position:absolute; left:-270px; top:0; background:rgba(0,0,0,0.45);}
.v_co{ position:absolute; left:50%;  -top:50%; top:-60px; margin-left:-27px; margin-top:-27px; width:54px; height:54px;}
.videopage_list li a:hover{}

.other{ width: 100%; padding: 20px 0; border-top: 2px solid #dadada;}
.other p a{ color: #999999; line-height: 28px; width: 100%; overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.other p a:hover{ color:#d20003; }
.prodetailinfo{ padding: 20px 0 30px;}
.pagepro_pic{text-align: center; width: 580px; display: table; vertical-align: middle; margin: 30px auto;}
.pagepro_pic img{ display: table-cell;max-width: 100%;}
.pagepro_title{ font-size: 20px;}
.prod{ padding-bottom: 132px;}
.prodetailinfo .img{ width: 362px; height: 393px; float: left;}
.prodetailinfo .img img{ display:block; border: 1px solid #dadada; width: 100%; height: 100%;}
.prodetail_des{ float: right; line-height: 28px; width: 436px; padding-top:10px; }
.prodetail_des p{ border-bottom: 1px dotted #e0e0e0; line-height: 40px; padding-bottom: 10px;}
.prodetail_des p em{ float: left; word-spacing: 2em; position: relative;top: 10px; background: #f18101; border-radius: 10px; overflow: hidden; display: inline-block; width: 100px; height: 28px; line-height: 28px; text-align:center; color: #ffffff;}
.prodetail_des p span{ display: inline-block; width: 316px; margin-left: 20px; -line-height: 30px;}
.prodetail_des a{ margin:30px 0 0 134px; font-size: 20px;  display:inline-block; width: 170px; height: 44px; line-height: 44px; color: #fff; text-align: center; background: #f18101; border-radius: 20px; overflow: hidden;}
.newsdtailinfo, .videotailinfo{ padding-top: 30px;}
.video_title{ text-align: center; padding-bottom: 12px;}
.videodetailh2{ font-size: 16px;}
.time{ color: #999999; line-height: 36px;}
.vdimg{ width: 578px; height: 348px; margin: 0 auto; padding: 30px 0; cursor: pointer;}
.vdimg img{ width: 100%; height: 100%;}
.newsdetailinfo{ text-align: center; padding: 16px 0;}
.newsdetail_des{ line-height: 28px; width: 100%; padding: 0 0 24px;}
.newspage{ padding: 10px 20px 0;}
.newspage li{ width: 100%; height: 40px; border-bottom: 1px dotted #b2b2b2;}
.newspage li a{ display: block; width: 100%; height: 100%;}
.newspage li a h2{text-indent: 8px; background: url(../images/lidot.png) no-repeat 0 center; text-indent: 8px; background: url(../images/lidot.png) no-repeat 0 center;line-height: 40px; width: 65%; display: inline-block; overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.newspage li a span{display: inline-block; line-height: 40px;}
.newspage li a:hover h2{ color: #d20003; background: url(../images/lidoth.png) no-repeat 0 center;}
.newspage li a:hover span{ color: #d20003; }