*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#333;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;color:#f3ae19;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
/*****浮动和清除浮�?*****/
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clearfix:before,.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}.clr { height:0;clear:both; overflow:hidden; width:100%}
/*****对齐方式******/
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
/*****间距******/
.mTop5{margin-top:5px;}.mBtm5{margin-bottom:5px;}.mLeft5{margin-left:5px;}.mRight5{margin-right:5px;}
.mTop10{margin-top:10px;}.mBtm10{margin-bottom:10px;}.mLeft10{margin-left:10px;}.mRight10{margin-right:10px;}
.mTop15{margin-top:15px;}.mBtm15{margin-bottom:15px;}.mLeft15{margin-left:15px;}.mRight15{margin-right:15px;}
.mTop20{margin-top:20px;}.mBtm20{margin-bottom:20px;}.mLeft20{margin-left:20px;}.mRight20{margin-right:20px;}
.mTop30{margin-top:30px;}.mBtm30{margin-bottom:30px;}.mLeft30{margin-left:30px;}.mRight30{margin-right:30px;}
.mTop40{margin-top:40px;}.mBtm40{margin-bottom:40px;}.mLeft40{margin-left:40px;}.mRight40{margin-right:40px;}
.pTop5{padding-top:5px;}.pBtm5{padding-bottom:5px;}.pLeft5{padding-left:5px;}.pRight5{padding-right:5px;}
.pTop10{padding-top:10px;}.pBtm10{padding-bottom:10px;}.pLeft10{padding-left:10px;}.pRight{padding-right:10px;}
.pTop15{padding-top:15px;}.pBtm15{padding-bottom:15px;}.pLeft15{padding-left:15px;}.pRight15{padding-right:15px;}
.pTop20{padding-top:20px;}.pBtm20{padding-bottom:20px;}.pLeft20{padding-left:20px;}.pRight20{padding-right:20px;}
.pTop30{padding-top:30px;}.pBtm30{padding-bottom:30px;}.pLeft30{padding-left:30px;}.pRight30{padding-right:30px;}
.pTop40{padding-top:30px;}.pBtm40{padding-bottom:40px;}.pLeft40{padding-left:30px;}.pRight40{padding-right:30px;}
.textc333:link{color:#333;}.textc333:visited{color:#999;}.textc333:hover{color:#c00;text-decoration:underline;}
.textc666:link{color:#666;}.textc666:visited{color:#999;}.textc666:hover{color:#c00;text-decoration:underline;}
.f12{ font-size: 12px; }.f13{ font-size: 13px; }.f14{ font-size: 14px; }.f15{ font-size: 15px; }.f16{font-size: 16px;}.f18{ font-size: 18px; }

.wrapper { width:1200px; margin:0 auto; overflow:hidden;}
.tit { font-size:20px; line-height:20px; padding:15px 5px; margin-bottom:10px; border-bottom:2px solid #000;}
.tit i { width:18px; height:18px;display:inline-block; margin-right:10px; background:#f3ae19; border-radius:3px; vertical-align:middle}
/*头部样式*/
.top { height:85px; padding:15px 30px 0; background:#fff;}
.logo { float:left; overflow:hidden;}
.nav { float:right; width:680px;} 
.nav a { margin:0 12px; padding:28px 30px; font-size:18px; text-align:center; color:#333; float:left; display:inline-block}
.nav a:hover,.nav a.cur{ color:#f3ae19; border-bottom:2px solid #f3ae19; text-decoration:none;}
.nav-r { float:right; width:150px; padding:30px 0 0 100px; display:block;}
.code-tip { width:170px; height:185px; display:inline-block; background:url(../images/code.png); position:absolute; top:25px; left:-68px; display:none; z-index:9999}
/*@media screen and ( width:1024px){
    .focus { height:350px!important;}
}
@media screen and ( width:1280px){
    .focus { height:445px!important;}
}
@media screen and ( width:1920px){
    .focus { height:661px!important;}
}*/
.focus { width:100%; height:700px!important; position:relative; overflow:hidden;}
.focus-img { width:100%; position:relative;}
.focus-img li { width:100%; height:700px!important; text-align:center; overflow:hidden; position:absolute; transition: background .2s; display:none; background:#eaeaec}
.focus-img li.active { display:inline-block;}
/*.progress { background:rgba(255,255,255,.10); height:3px; position:absolute; top:0; z-index:2;}*/
.dots { text-align:center; padding:8px 0; height:10px; position:absolute; bottom:20px; left:50%; margin-left:-10px;}
.dots span { width:10px; height:10px; border-radius:50%; border:2px solid #fff; margin:0 5px; display:inline-block; vertical-align:middle; cursor:pointer;transition: background .2s;}
.dots span.active{ background:#fff}

.ad_list { width:100%; background:#fff; overflow:hidden;}
.ad_list li { width:20%; float:left; position:relative;}
.ad_list li img { width:100%; border-left:1px solid #fff; z-index:0}
.ad_text { position:absolute; z-index:1; top:10%; left:0; width:100%}
.ad_text h3 { font-size:14px; line-height:22px; color:#333; font-weight:700; text-align:center; }
.ad_text p { text-align:center; padding:0 20px; line-height:18px;}

.focus-view { width:880px; margin:30px; overflow:hidden; position:relative;}
.focus-view h3 { line-height:30px; padding-bottom:20px; font-size:14px; color:#666} .focus-view h3 span { margin-left:30px;}
.focus-view-img { width:880px; height:500px; overflow:hidden}
.focus-view-img li { width:880px; height:500px; overflow:hidden; text-align:center; float:left; position:relative;}
.focus-view-img li img { vertical-align:middle; max-width:100%; max-height:460px;}
.focus-view-img li p { height:40px; line-height:40px; position: absolute; z-index:2; left:0; bottom:0; color:#000; overflow:hidden; font-size:16px; font-weight:400; text-align:center; width:100%;}
.focus-view-item { border:1px solid #cfcfcf; padding:20px 0 15px; background:#f8f8f8; overflow:hidden; position: relative;}
.direction_b_l { background:url(../images/arrow_b.png) no-repeat; width:54px; height:130px; float:left; display:inline-block; cursor:pointer}
.direction_b_r { background:url(../images/arrow_b.png) 0 -130px no-repeat; width:54px; height:130px; float:right; display:inline-block; cursor:pointer}
.focus-view-item-box { width:770px; height:124px; overflow:hidden}
.focus-view-item a { width:120px; height:120px; margin:0 2px; float:left; display:inline-block; vertical-align:middle; border:2px solid #ececec; position:relative;}
.focus-view-item a .opacity { width:120px; height:120px; z-index:1; background:#000; opacity:0.5; position:absolute; left:0; top:0;}
.focus-view-item a img { width:120px; height:120px;}
.focus-view-item a.cur .opacity { display:none;}
.direction_l_v,.direction_r_v { background:#fff url(../images/arrow.png) -5px 0; width:40px; height:70px; position:absolute; left:0; top:200px; z-index:1; cursor:pointer; opacity:0.6; filter:alpha(opacity:60); display:none}
.direction_r_v { background:#fff url(../images/arrow.png) -2px -60px;right:0; left:auto;}

.view-text-h { overflow:hidden ;font-size:14px;  padding:30px 50px; margin-bottom:30px; border-bottom:1px solid #e8e8e8}
.view-text-h h2 { font-size:40px; font-weight:700; color:#333; margin-bottom:40px;}
.summary { border-left:1px solid #999; padding:10px 20px; color:#999; background:#f2f2f2; margin-bottom:30px;}
.view-text { padding:10px 50px; overflow:hidden}
.view-text p { padding:10px 0; line-height:30px; font-size:16px; text-indent:32px;}

.news-banner { background:url(../images/news_banner.jpg) no-repeat top center; height:329px;}
.news-list { margin:20px 0 30px;}
.news-list li { border-bottom:1px solid #e8e8e8; padding:30px 50px; overflow:hidden}
.news-list li:hover { background:#f2f2f2} .news-list li:hover h3 { color:#ff9000}
.news-list li h3 { font-size:20px; font-weight:700; margin:10px 0 20px; color:#333;}
.news-list li p { line-height:26px; color:#999}
.news-list li img { float:right; width:250px; height:180px; margin-left:100px;}
.data,.eye { padding:10px 0; font-size:14px; color:#666;}
.data i { background:url(../images/icon.png) 0 -892px; width:16px; height:16px; display:inline-block; margin:0 10px 0 0; vertical-align:middle}
.eye i { background:url(../images/icon.png) 0 -932px; width:21px; height:11px; display:inline-block; margin:0 10px 0 0; vertical-align:middle}

.about-text { margin-bottom:10px;}
.about-text h2 { text-align:center; font-size:26px; font-weight:400; color:#333; padding:0 0 20px;}
.about-text h3 { color:#f3ae19; font-size:16px; margin:10px 0 5px; font-weight:700}
.about-text p { line-height:22px; text-indent:24px; color:#666; margin:10px 0;}
.about-text p img { margin:10px auto; vertical-align:middle; text-align:center;} 

.outdoor_bg { background:url(../images/product_bg_1.jpg) no-repeat; padding:50px 0}
.indoor_bg { background:url(../images/product_bg_2.jpg) no-repeat; padding:50px 0}
.pro_bg{ background:url(../images/product_bg_3.jpg) no-repeat; padding:30px 0;}
.w1020 { width:1020px; margin:0 auto; overflow:hidden;}
.pro-tit { font-size:50px; line-height:50px; height:50px; margin-bottom:15px; overflow:hidden; color:#fff; position:relative;}
.pd-list { overflow:hidden}
.pd-list li { float:left; position:relative;}
    .mask { width:100%; height:200px; background:#000; opacity:.5; filter:alpha(opacity=50); position:absolute; left:0; top:0; z-index:1}
    .mask:hover {  opacity:.2; filter:alpha(opacity=20);}
.pd-list li h2 { font-size:24px; color:#fff; position:absolute; top:75px; right:60px; text-align:right; z-index:10}
.pd-list li h3 { font-size:14px; color:#fff; position:absolute; top:110px; right:60px; text-align:right; z-index:10}
.h400 .mask{ height:400px!important;}

.pro_l_1,.pro_r_1,.pro_l_2,.pro_r_2 { width:480px; height:320px; position:relative; margin:20px 0}
.pro_l_1 { background:url(../images/490x320_1.jpg) no-repeat; float:left;}
.pro_r_1 { background:url(../images/490x320_2.jpg) no-repeat; float:right;}
.pro_l_2 { background:url(../images/490x320_3.jpg) no-repeat; float:left;}
.pro_r_2 { background:url(../images/490x320_4.jpg) no-repeat; float:right;}
.pro_l_1 .mask,.pro_r_1 .mask,.pro_l_2 .mask,.pro_r_2 .mask { height:320px;}
.pro_l_1 h2,.pro_r_1 h2,.pro_l_2 h2,.pro_r_2 h2 { font-size:36px; color:#fff; border-bottom:1px solid rgba(255,255,255,.5); display:inline-block; position:absolute; left:80px; top:100px; z-index:10; padding:0 10px 10px; width:300px; text-align:center;}
.pro_l_1 h3,.pro_r_1 h3,.pro_l_2 h3,.pro_r_2 h3 { font-size:22px; color:#fff; line-height:30px; position:absolute; left:40px; top:180px;display:inline-block; z-index:10; text-align:center; width:400px;}

.footer { text-align:center; padding:25px 0; color:#999; font-size:14px; overflow:hidden; width:100%; background:#000;}

.dPage {width: 100%; padding-left: 4px;}
.dPage ul {float: right; height: 28px; background: #f3ae19;}
.dPage ul li {float: left; text-align: center; color: #fff; font-size: 14px;border-right: 1px solid #fff; padding: 4px 10px; height: 20px;}

.m-box { padding:80px 0; overflow:hidden}
.tit_black { font-size:50px; text-align:center; margin-bottom:50px; color:#000}
.tit_white { font-size:50px; text-align:center; margin-bottom:50px; color:#fff}
.text_center { font-size:18px; text-align:center; line-height:30px;}
.icon_list { padding:80px 0; overflow:hidden}
.icon_list li { float:left; width:25%; text-align:center;}
.icon_list li h3 { font-size:18px; font-weight:700; color:#000; padding-bottom:20px;}
.icon_list li p { font-size:14px; color:#999; line-height:24px;}

.icon { background:url(../images/icon.png) no-repeat; display:inline-block}
.icon_resources { background-position:0 0; width:64px; height:66px;}
.icon_exhibition { background-position:0 -176px; height:64px; width:64px;}
.icon_absorbed {background-position:0 -264px; height:62px; width:64px;}
.icon_audience {background-position:0 -92px; height:60px; width:64px;}
.icon_tel,.icon_email,.icon_fox,.icon_place {width:64px; height:64px; margin:10px 0}
.icon_tel { background-position:0 -523px;}
.icon_email { background-position:0 -610px;}
.icon_fox { background-position:0 -697px;}
.icon_place { background-position:0 -784px;}
.icon_mf { background-position:0 -978px; padding-left:40px; height:32px; line-height:32px; margin-right:60px;}
.icon_pg { background-position:0 -1040px; padding-left:40px; height:32px; line-height:32px;}
.weixin { background-position:-16px -349px; width:32px; height:26px; margin-right:30px; position:relative;} .weixin:hover { background-position:-16px -404px}
.english { background-position:-19px -455px; width:26px; height:26px; line-height:26px; vertical-align:top; color:#fff; text-align:center;}
.english:hover { color:#fff; background-position:-19px -487px;}

.link_a { text-align:center; clear:both;}
.link_a a { border:1px solid #ccc; padding:10px 30px; font-size:18px; color:#666; display:inline-block} .link_a a:hover { border:1px solid #f9bc00; color:#f9bc00}
.bg_pro { background:url(../images/banner_pro.jpg) top center no-repeat; height:700px;}
.proidx-list { overflow:hidden; margin-left:-13px;}
.proidx-list li { float:left; margin-left:13px; width:290px; height:380px; background:#fff;}
.proidx-list li div { text-align:center; padding:20px 0;} .proidx-list li h3 { font-size:18px;} .proidx-list li p { font-size:16px;}
.bg_light { background:#f1f1f1} .bg_black { background:#282828 }

.logo-list { padding:20px 0 80px; overflow:hidden; clear:both}
.logo-list li { width:220px; height:90px; float:left; margin:10px; overflow:hidden;}
.logo-list li .logo { width:220px; height:90px; background:#fff; text-align:center;}
.logo-list li .logo img { vertical-align:middle; height:90px;}

.about-banner { background:url(../images/about_bg.jpg) top center no-repeat; height:720px; overflow:hidden}
.about-txt{ width:1120px; padding:80px 40px; margin:20px auto; overflow:auto; height:510px;}
.about-txt h2 { font-size:34px; font-weight:700; color:#fff; padding-bottom:20px;}
.about-txt h4 { font-size:16px; color:#f9bc00; line-height:26px;}
.about-txt p { font-size:16px; padding:5px 0 20px; color:#ccc; line-height:26px; text-indent:32px;}

.about-box { padding:80px 0; color:#fff;}
.about-box h3 { font-size:30px; line-height:36px; text-align:center;}
.about-box h4 { font-size:14px; color:#898989; text-align:center;}
.about-list { overflow:hidden; margin:0 80px; padding-top:50px;}
.about-list li { width:25%; float:left; text-align:center;}
.about-list li p { font-size:16px; text-align:center; line-height:24px;}
.form { overflow:hidden; padding:100px 140px;}
.form p { padding:10px 0}
.inputarea { border:0; line-height:26px; color:#666; width:920px; background:#fff; padding:5px 10px; height:120px;}
.inputtext { border:0; line-height:26px; color:#666; width:920px; background:#fff; padding:5px 10px;}
.btn { font-size:22px; color:#333; text-align:center; width:940px; height:60px; line-height:60px; border:0; background:#f9bc00}

.pro-class { padding:50px 0; background:#fcfcfc url(../images/pro_class_bg.png) repeat-x; border-bottom:1px solid #e5e5e5;}
.pro-class-l { width:760px; padding:0 20px; float:left;}
.pro-class-l h3,.pro-list h3 { font-size:14px; font-weight:700; margin-bottom:15px;}
.pro-class-l p { font-size:14px; color:#666; padding:8px 0}
.pro-class-l p a { margin:0 5px; padding:2px 10px;}
.pro-class-l p a.cur { background:#666; color:#fff;}
.pro-class-r { padding:50px 20px; float:left; width:360px; font-size:16px;}
.pro-list { background:#f3f3f3; padding:20px 0 40px;}
.pro-list li { float:left; width:260px; height:320px; overflow:hidden; margin:20px;}
.pro-list li .img { width:245px; height:245px; padding:6px; border:1px solid #ddd; overflow:hidden; background:#fff; margin-bottom:5px;}
.pro-list li:hover .img { border:1px solid #666; box-shadow:3px 2px 5px rgba(0, 0, 0, .2);}
.pro-list li .name { height:44px; line-height:22px; overflow:hidden; padding:0 3px; font-size:14px;}

.tab-property-box { padding:15px 18px 0;height:80px; overflow:hidden; border-top:1px solid #e7e7e7; width:741px;}
.tab-property-box li { width:238px!important;}
.tab-property { padding:0px 2px;display:block;}
.tab-property li {display:inline-block;float: left;margin:3px;width: 235px; line-height:20px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#666}
.tab-property li span { color:#666}
.tab-property li span.property_title{color:#aaa;}
.botton_box{border-top: 1px solid #e7e7e7}

.path { width:1200px; margin:0 auto; padding:20px 0; overflow:hidden} .path a { margin:0 5px;}
.pro-view-bg { background:#f3f3f3 url(../images/pro-view-bg.png) repeat-x;}
.details_box { border:1px solid #e5e5e5; padding:20px; overflow:hidden; background:#fff;}
.details_img { float:left; width:400px; height:400px; overflow:hidden; margin-right:20px;}
.details_img img { vertical-align:middle; max-width:100%; max-height:100%; display:inline-block}
.property-box { float:right; width:730px; padding:30px 0}
.property-box h2 { font-size:30px; line-height:30px; height:30px; padding:30px 0; overflow:hidden; color:#333;}
.property-box h3 { font-size:14px; border-top:1px solid #ececec; padding-top:20px; margin:30px 0; color:#666; font-weight:700}
.details_view { border:1px solid #e5e5e5; margin:20px 0; background:#fff;}
.details_view_tit { height:46px; line-height:46px; padding-left:20px; font-size:16px; font-weight:700; border-bottom:1px solid #e5e5e5; background:#fafafa}
.details_view_box { padding:20px; overflow:hidden}