@charset "utf-8";
body{margin:0;padding:0;color:#333;font-size:12px;font-family:Arial,Helvetica, sans-serif;}
html{margin:0;padding:0;}
html,body{ height:100%;}
div,ul,li,h1,h2,h3,h4,h5,h6,span,p,form,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:500;}
h1{font-size:36px;}
h2{ font-size:30px;}
h3{ font-size:24px;}
h4{ font-size:18px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
ul,li{list-style:none;}
div{margin:0 auto;padding:0;}
img{border:none 0;}
a{color:#333;text-decoration:none;outline:none 0;}
a:hover{color:#70b742;text-decoration:none;outline:none 0;}
.left{float:left;}
.right{float:right;}
.table_pro{font-size:12px;border:1px solid #eee; background:#f6f6f6; padding:5px 10px;}
a.table_pro2{font-size:12px;border:1px solid #c00;background:#c00;padding:5px 10px; color:#fff;}

.trans{ -webkit-transition:all ease-in-out .4s; -moz-transition:all ease-in-out .4s; -o-transition:all ease-in-out .4s; transition:all ease-in-out .4s;}
dl,dt,dd{ margin:0; padding:0; list-style:none;}

/**************************/
a {
	color: #333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-decoration:none;
}
a:hover {
	color: #f4700b;
	text-decoration:none;
}
a:focus,
a:active {
	outline: none;
}


/* css清除浮动 */
.clearfix:before,.clearfix:after,.container:before,.container:after {
	display: table;
  	content: " ";
}
.clearfix:after,.container:after{
	clear: both;
}
.container{
	width:1202px;
}

/**********************
***** margins *********
**********************/
.top_1{margin-top:1px;}
.top_5{margin-top:5px;}
.top_10{margin-top:10px;}
.top_11{margin-top:11px;}
.top_15{margin-top:15px;}
.top_20{margin-top:20px;}
.top_25{margin-top:25px;}
.top_30{margin-top:30px;}
.top_40{margin-top:40px;}
.top_60{ margin-top:60px;}

.public_wrap{width:100%;height:auto;overflow:hidden;}/**/
.public_box{width:1202px;height:auto;overflow:hidden;}/*̶*/

/**********************
***** top-head ********
**********************/
.section1{width:100%;min-width:1202px; background-color:transparent;}

.head-bar{width:100%; min-width:1202px; height:81px; position:fixed; top:0px; left:0px; right:0px; background-image: url(../images/lp_05.png); background-repeat:repeat; background-color:transparent; z-index:999;}
.head-bar2{width:100%; min-width:1202px; height:81px; background-color:transparent;}
.hd-bar-line{background-image: url(../images/Header_BorderBottom.png); background-repeat:repeat-x; background-position:bottom;}
.logo{width: 210px;}
.logo img{ display:block; width:210px; height:81px;}
.top-bar{width:920px; position:relative; z-index:1;}

.lang-bar{width:25px; margin-left:20px; padding-top:7px;}
.lang-bar ul li{display:block; margin-top:11px; height:auto; overflow:hidden;}
.lang-bar ul li img{ display:block; width:25px; height:18px;}

.nav-bar{width:870px;}
.top-nav-bar{width:100%; text-align:right; font-size:10px; text-transform:uppercase; padding-top:7px; height:33px; line-height:40px;}
.top-nav-bar a{ color:#bebebe; margin: 0 6px;}
.top-nav-bar a:hover{ color:#f4700b;}

.main-nav-bar{height:40px;}
.main-nav-bar > ul > li{ display:inline-block; float:right; margin-left:10px;}
.main-nav-bar > ul > li > a{color:#fff; font-size:14px; height:40px; line-height:28px; display:block; padding:0 10px; text-transform:capitalize; font-weight:bold;}
.main-nav-bar > ul > li > a:hover{ color:#f4700b;}

.head-bar2 .main-nav-bar > ul > li > a{color:#4D4D4D; font-size:14px; height:40px; line-height:28px; display:block; padding:0 10px; text-transform:capitalize; font-weight:bold;}
.head-bar2 .main-nav-bar > ul > li > a:hover{ color:#f4700b;}

.sub-nav-bar{width:1120px; background-color:#fff; box-shadow:0 0 5px #fff; position:absolute; left:-230px; right:0px; top:80px; display:none; padding:10px 15px; z-index:999;}
.sub-nav-bar > h5{display:block; border-bottom:1px solid #eee; height:30px; line-height:30px; font-weight:bold; margin-bottom:10px;}
.sub-nav-bar > h5 > a{ color:#f4700b;}
.sub-nav-bar > h5 > a:hover{ color:#f4700b;}

.sub-nav-bar > dl{display:block; height:auto; overflow:hidden;}
.sub-nav-bar > dl > dt{width:60px; float:left; display:block; margin-right:15px;}
.sub-nav-bar > dl > dt img{ display:block; width:60px; height:60px;}
.sub-nav-bar > dl > dt span{ display:block; text-align:center; height:25px; line-height:25px; font-size:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.main-nav-bar > ul > li:hover .sub-nav-bar{ display:block;}

.section2{width:100%; min-width:1202px;background-color:#fff; padding:0;}

.product-top{ text-align:center; color:#7e7e7e; font-size:24px; padding-bottom:10px;}

.product-lt{width:411px;}
.product-hover{}
.product-1{width:411px; height:331px; position:relative; margin-top:17px;}
.product-1 img{ display:block; width:411px; height:331px;}
.product-cover{width:100%; height:100%; position:absolute; top:0px; left:0px; background-color: #000;filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.product-hover a:hover .product-cover{filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.product-title{ text-align:center; font-size:32px; color:#fff; margin-top:110px;}
.product-tro{ text-align:center; color:#fff; font-size:14px; padding-top:30px;}

.product-rt{width:726px;}
.product-rt-top{}
.product-rt-top-lt{width:367px;}
.product-2{width:367px; height:331px; position:relative; margin-top:17px;}
.product-2 img{ display:block; width:367px; height:331px;}
.product-down{width:367px; height:172px; margin-top:17px;}
.product-down img{ display:block; width:367px; height:172px;}

.product-rt-top-rt{width:344px;}
.product-3{width:344px; height:520px; position:relative; margin-top:17px;}
.product-3 .product-title{ margin-top:210px;}

.product-word{width:726px; margin-top:14px;}
.product-4{width:726px;}
.product-4 img{ display:block; width:726px; height:145px;}

.section3{width:100%; min-width:1202px;background-color:#fff; padding:0;}

.section4,.section6{width:100%; min-width:1202px;background-color:#fff; padding:0;}
.idx4-top{ text-align:center; background-image:url(../images/Header_BorderBottom.png); background-repeat:repeat-x; background-position:center center;}
.idx4-top span{ display:inline-block; color:#4d4d4d; font-size:24px; text-transform:uppercase; background-color:#f0f0f0; padding:0 20px;}

.idx4-list{width:1202px; overflow:hidden;}
.idx4-list ul{width:1200px;}
.idx4-list ul li{width:350px; float:left; margin-right:50px; margin-top:50px;}
.icon-top{width:80px; height:80px;position:relative;}
.icon-top img{width:80px; height:80px; position:absolute; top:0; left:0;}
.icton-title{ text-align:center; color:#44c6ff; font-size:18px; height:42px; line-height:42px;}
.icon-intro{ color:#6c6c6c; font-size:14px; line-height:26px; height:104px; overflow:hidden;}

.why-us-list{width:1202px; overflow:hidden;}
.why-us-list ul{width:1160px;}
.why-us-list ul li{width:280px; height:420px; float:left; position:relative; margin-right:10px; margin-top:40px; overflow:hidden;}
.why-box{width:100%; position:absolute; left:0px; right:0px; bottom:-245px; height:320px; text-align:center; background-color: transparent;-webkit-transition:all ease-in-out .4s; -moz-transition:all ease-in-out .4s; -o-transition:all ease-in-out .4s; transition:all ease-in-out .4s;}
.why-box span{ display:inline-block; color:#fff; font-size:21px; border-bottom:3px solid #00ADEF; height:72px; line-height:72px; padding:0 10px;}
.why-tro{ text-align:center; color:#fff; font-size:14px; line-height:1.5; padding:30px 30px 0 30px;}
.why-us-list ul li:hover .why-box{background-color:#00AEF0; filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9; bottom:0px;}
.why-us-list ul li:hover .why-box span{ border-color:#fff;}

.section5{width:100%; min-width:1202px;background-color:#fff; padding:0;}
.sect-wd{ color:#dedede; font-size:18px; font-style:italic; float:right; width:700px; padding-top:240px; line-height:1.65}

.news-wrap{width:100%; margin-top:40px;}
.news-lt{width:580px;}

.trade-rt{width:540px;}
.news-top{ color:#f96b00; font-size:18px; text-transform:capitalize; margin-bottom:15px;}
.news-list{width:100%;}
.news-list ul li{ border-bottom:1px solid #dee1e1; margin:3px 0; padding:12px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.news-list ul li:hover{ background-color:#fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}
.news-date{width:62px; height:60px; background-color:#ee7b00;}
.w-day{ text-align:center; color:#fff; font-size:24px; height:28px; line-height:28px;}
.w-month{ text-align:center; color:#fff; font-size:16px; text-transform:uppercase; height:20px; line-height:20px;}
.w-year{ text-align:center; color:#fff; font-size:9px; height:12px; line-height:12px;}

.news-rt{ width:475px;}
.news-title{ color:#f8931f; font-size:14px; height:32px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-intro{ color:#777; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.trade-list{width:100%;}
.trade-list ul li{ border-bottom:1px solid #dee1e1; margin:3px 0; padding:13px 12px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.trade-list ul li:hover{background-color:#fff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);}
.trade-pic{width:180px; height:96px;}
.trade-pic img{ display:block; width:180px; height:96px;}
.trade-desp{width:320px;}
.trade-desp p{ color:#666; font-size:14px; height:24px; line-height:24px;}
.news-more{ text-align:right; margin-top:15px; font-size:14px;}
.news-more a{ color:#ff6e00;}
.news-more a:hover{ color:#ff6e00; text-decoration:underline;}

.section7{width:100%; min-width:1202px;background-color:#fff; padding:0;}

.full-foot{width:100%; min-width:1202px; background-color:#ff7208; padding:20px 0;}
.full-foot1{width:100%; min-width:1202px; background-color:#f3f3f4; background-image: url(../images/footer_bg.gif); background-repeat:repeat-x; background-position:top; padding:20px 0;}
.foot-nav-box{width:100%;}
.min_nav{height:auto;}
.w1{
	width: 200px;
}
.w2{
	width: 215px;
}
.w3{
	width: 240px;
}
.w4{ width:280px;}
.min_nav h1{display:block;color:#fff;font-size:16px; text-transform:uppercase; margin-bottom: 5px; text-transform:uppercase; font-weight:bold;}
.min_nav h1.hcl{ color:#ff7208;}
.min_nav ul li{color:#737373;line-height:1.85; font-size:14px;}
.min_nav ul li a{
	color: #ffe5d2;
}
.min_nav ul.ul-ft li a:hover{
	color: #fff;
}
.min_nav ul.ul-ft li{color:#a0a0a0;line-height:1.85; font-size:12px;}
.min_nav ul.ul-ft li a{
	color: #a0a0a0;
}
.min_nav ul.ul-ft li a:hover{
	color: #ff7208;
}

.foot-wwx{width:140px; height:140px; overflow:hidden; text-align:right;}
.foot-wwx img{ width:140px; height:140px;}
.foot2-icon{width:130px;}
.foot2-icon ul li{ display:inline-block; width:27px; float:left; margin-right:5px; margin-top:50px;}

.ft-contact{width:100%; color:#ffe5d2; font-size:14px; line-height:1.85;}
.ft-contact2{width:100%; color:#a0a0a0; font-size:12px; line-height:1.85;}
.web-name{ text-align:center; font-style:italic; color:#fff; font-size:36px; font-weight:bold; text-transform:uppercase;}
.ft-icon{width:180px;}
.ft-icon ul li{ width:26px; height:26px; float:left; margin:0 5px; position:relative;}
.ft-icon ul li img{ display:block; width:26px; height:26px; position:absolute; left:0px; top:0px;}
.ft-icon ul li:hover img{ top:-3px;}

.foot-copy{ text-align:center; color:#fefefe; font-size:12px; line-height:2;}
.full-bottom{width:100%; min-width:1202px; background-color:#ff7208; border-top:1px solid #ff9647;}
.ft-follow{ text-align:center; color:#fff; font-size:30px; text-transform:uppercase; font-style:italic; padding:15px 0;}
.full-copy{ width:100%; min-width:1202px; background-color:#000;}
.ft-bc{ color:#fff; font-size:11px; line-height:40px; height:40px; text-align:center;}

.slide{width:220px;}
.slide-cate{width:100%;}
.slide-cate dl dt{ height:30px; line-height:25px; padding-left:12px; color:#808285; font-weight:bold;text-shadow: 1px 1px 1px white; background:url(../images/promenu2.jpg) repeat-x; border-left:1px solid #d6d6d6; border-right:1px solid #ccc; font-size:11px; text-transform:capitalize;}
.slide-cate dl dd{ padding-left:30px; color:#808285; font-weight:bold;text-shadow: 1px 1px 1px white; background:url(../images/promenu.jpg) repeat-x;border-left:1px solid #d6d6d6; border-right:1px solid #ccc; font-size:11px;}
.slide-cate dl dd a{ color:#808285; height:37px; line-height:37px;}
.slide-cate dl dd a:hover{ color:#ee7b00;}
.slide-cate dl dd a.cls_curr{color:#ee7b00;}

.slide-cate dl dt a{color:#808285;}
.slide-cate dl dt a:hover{color:#c00;}
.slide-cate dl dt a.cls_curr{color:#c00;}

.slide-cate dl dd.btm-dd{border:none; height:20px; background:url(../images/promenu3.jpg) no-repeat center bottom; text-shadow:none;}
.slide-cate dl dd.dwn{ background:#e8e8e8; padding-top:10px;}
.slide-cate dl dd.dwn img{ display:block; width:160px;}

.main-box{width:910px; background-color:#fff; border-radius:5px; border:1px solid #e5e5e5;}
.consl{padding:20px;}
.cnt-title{ color:#ee7b00; font-size:18px; text-transform:capitalize; padding-bottom:15px;}
.cnt-info{ color:#555; line-height:2.2;}
.cnt-info img{ display:block; max-width:100%; height:auto !important;}

.main-box2{background-color:#fff; border-radius:5px; border:1px solid #e5e5e5; padding:20px 19px;}

/************************
*** news ****************
************************/
.news_list{height:auto;overflow:hidden;}
.news_list ul li{width:100%;display:block;border-bottom:1px dashed #dedede; padding:10px 0;}
.nw-title{ height:30px; line-height:30px; font-size:13px;}
.nw-title a{ color:#ee7b00; padding-left:20px;background:url(../images/t_18.png) no-repeat 5px;}
.nw-title a:hover{color:#ee7b00;}
.nw-info{color:#777; line-height:1.65;}
.nw-time{color:#ccc;}

.pages_foot{height:auto; overflow:hidden;padding:10px 0 10px; text-align:center;}

.video-list{ width:100%; overflow:hidden;}
.video-list ul{ width:885px;}
.video-list ul li{ width:280px; height:210px; overflow:hidden; margin-right:15px; float:left; margin-bottom:15px;}
.vd-box{ width:280px; height:210px; overflow:hidden; position:relative;}
.vd-box img{ display:block; width:280px; height:210px;}
.vd-cover2{width:280px; height:210px;transition:all ease-out .3s;-webkit-transition:all ease-out .3s;opacity:0; background-color:#000; background-color:rgba(0,0,0,.8);filter:alpha(opacity=0); overflow:hidden;text-align:center; position:absolute; left:0px; right:0px; top:210px; background-image:url(../images/ship_btn.png); background-position:center center; background-repeat:no-repeat; z-index:99;}
.video-list ul li a:hover .vd-cover2{opacity:1;; top:0;filter:alpha(opacity=80); overflow:hidden;text-align:center;}
.vd-ttl{ height:50px; position:absolute; left:0px; right:0px; bottom:0px; line-height:50px; color:#fff; font-size:16px; text-align:center;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); background:rgba(0,0,0,0.5); z-index:100; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 15px;}
/*	--------------------------------------------------
Reveal Modals
-------------------------------------------------- */

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.5);
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
}

.reveal-modal {
	visibility: hidden;
	top: 0; 
	left: 50%;
	margin-left: -430px;
	width: 800px;
	
	position: absolute;
	z-index: 101;
	padding: 30px;
	
	height:100%;
	box-sizing:border-box;
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 6px;
	right: 6px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	z-index:99999;
	background:#000;
	width:30px; height:30px; border:1px solid #fff; border-radius:15px; color:#fff; text-align:center; line-height:30px;
} 

.tata{
	background: #eee url(modal-gloss.png) no-repeat -200px -80px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	height:100%;
	padding:5px;
}

/************************
*** products ************
************************/
.pro_list{width:100%;height:auto;overflow:hidden;}
.pro_list ul{width:1130px;}
.pro_list ul li{width:262px;height:auto;display:block;float:left;margin-right:20px;overflow:hidden;}
.pro_list ul li img{width:262px;height:262px !important;display:block;}
.pro_list ul li span{width:100%;display:block;text-align:center;padding:15px 0;overflow:hidden;}
.pro_list ul li a{color:#666;}
.pro_list ul li a:hover{color:#ee7b00;}

/************************
*** products detail *****
************************/
.product_info_main{height:auto;overflow:hidden;}
.product_pics_box{width:100%;height:auto;overflow:hidden;}
.product_pics_lt{width:320px;height:auto;}
.product_pics_rt{width:520px;height:auto;overflow:hidden;}
.product_name{height:auto;overflow:hidden;color:#000;font-weight:bold;background:#f0f0f0;padding:10px;font-size:15px;}
.product_times{width:100%;height:auto;overflow:hidden;color:#666;line-height:30px;border-bottom:1px dashed #ccc;padding:2px 0;}
.product_infos_box{width:100%;height:auto;overflow:hidden;}
.product_desp{width:100%;height:auto;overflow:hidden;line-height:30px;}

/************************
*** tabs changes ********
************************/
.tabBox{width:100%;height:auto;overflow:hidden;}
.tabBox .tabNav { overflow:hidden; _zoom:1;width:100%;margin:0 auto;}
.tabBox .tabNav li{width:120px;text-align:center;float:left;cursor:pointer;line-height:30px;background-color: transparent;color:#bebec0;font-size:14px; border-top:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.tabBox .tabNav li.first_a{ border-left:1px solid #dfdfdf; border-top-left-radius:6px;}
.tabBox .tabNav li.last_a{ border-top-right-radius:6px;}
.tabBox .tabNav li.now {color:#ff7208;background:#fff;}
.tabBox .tabCont {display:none;height:auto; background-color:#fff; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; padding:20px;}

/** index slide float **/
.scrollToOuter{position:fixed; top:30%; right:10px;width:14px; z-index:9999; display:none;}
.scrollToOuter .scrollA{position:relative;display:block; width:14px; height:14px; margin-bottom:8px; background-color:#10e65c; border-radius:7px;}
.scrollToOuter .scrollA:hover{background-color:#000;}
.scrollToOuter .select{background-color:#000;}

.section-top{width:100%; min-width:1202px; background-color:transparent; position:fixed; top:0px; left:0px; height:0px; z-index:1;}

.pro-slide{width:550px; height:550px;}

.slideBox{width:550px; height:550px;overflow:hidden;position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0; overflow:hidden; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:550px; height:550px; display:block;  }

.pro-desp{ width:550px; padding-top:30px; line-height:2;}
.pro-desp img{ display:block; max-width:550px;}

.pro-in-infos{ line-height:2;}
.pro-in-infos img{ display:block; max-width:100%; height:auto !important;}

.pic-show-list{width:100%; height:500px;}
.picBtnTop{width:1110px; height:500px;overflow:hidden ; }
.picBtnTop .hd{ width:336px;  height:auto; float:right;overflow:hidden; margin-right:50px;}
.picBtnTop .hd ul li{ width:92px; height:92px; float:left; margin:5px 10px;}
.picBtnTop .hd ul li img{ width:90px; height:90px; border:1px solid #f4f4f4; cursor:pointer;}
.picBtnTop .hd ul li.on{}
.picBtnTop .hd ul li.on img{ border-color:#ff7208;  }
	
.picBtnTop .bd{ width:500px;  height:500px; float:left; margin-left:120px;}
.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
.picBtnTop .bd li img{ width:500px; height:500px; vertical-align:bottom; }
#demo1{ margin-bottom:0px;}