@charset "utf-8";
html, body { margin: 0px; padding:0px;}
body { font-size:14px; font-family:Arial, Helvetica, sans-serif;-webkit-text-size-adjust:100%;color: #333; background-color:#FFFFFF; text-align:left;
    min-width: 1200px;
    *+min-width: auto;
    *+width: expression(this.offsetWidth > 1200 ? 'auto' : '1200px');
    _width: expression(this.offsetWidth > 1200 ? 'auto' : '1200px');
}
input, select, textarea{font-family:Arial, Helvetica, sans-serif; outline:none;}
img, a img, p{ padding:0px; margin:0px; border:none; outline:none;}
a{ text-decoration:none; color: #333;outline:none; }
ul, ul li, dl, dt, dd{ padding:0px; margin:0px; list-style:none;}
h2,h3,h4,h5,h6{margin:0;padding:0;}
p{font-size:14px;}
.cl{clear:both;height:1px;overflow:hidden;}
.h1{height:10px;}
.h15{height:15px;}
.h2{height:20px;}
.h3{height:30px;}
.h4{height:40px;}
.h5{height:50px;}
.h6{height:60px;}
.h7{height:70px;}
.h8{height:80px;}
.h9{height:90px;}
.h10{height:100px;}
.h12{height:120px;}
.h140{height:140px;}

.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w55{width:55%;}
.w70{width:70%;}
.w80{width:80%;}

.mtb10{margin:10px 0;}
.mtb20{margin:20px 0;}
.mtb30{margin:30px 0;}
.mtb40{margin:40px 0;}
.mtb50{margin:50px 0;}
.mtb60{margin:60px 0;}
.mtb70{margin:70px 0;}
.mtb80{margin:80px 0;}


.ml0{margin-left:0px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}

.mr0{margin-right:0px !important;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}


.mt0{margin-top:0px !important;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}


.pr50{padding-right:50px;}
.ft16{font-size:16px;}
.ovh {overflow: hidden;}
.por {position: relative;}
.poa {position: absolute;}
.fl{float:left;display:inline;}
.fr{float:right !important;display:inline;}
.hr{border:1px solid #e6e6e6;}
.two{margin-left:70px;}
.m0{margin-left:0px !important;}
.m10{margin-left:10px;}
.mtb30{margin:30px 0;}
.mtb20{margin:20px 0;}
.w10{width:100px;}
.w2{width:20px;}
.w1{width:10px;}
.block{display:block !important;}
.no-block{display:inline-block;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.wp250{width:250px;}
.wp590{width:590px;}
.red{color:#f02b2e;}
img.scale{transition: transform 2s;}
a.imgshow:hover img.scale,
a:hover img.scale,
img.scale.hover{transform: scale(1.1);}
.no-bold{font-weight:400;}
.theme-color{color:#fcac39;}
.jiathis_style span.jtico{background:none !important;height:50px !important;padding-left:0 !important;}

.box-center{width:1200px;margin:auto;}

/* header start*/
.nav-box{height:82px;width:100%;background:#1f1b17;}
.nav-logo{margin-top:6px;}
.nav-menu{padding:42px 0 0px 30px;}
.nav-menu > ul{padding-left:30px;}
.nav-menu > ul > li{float:left;padding:0 22px 18px;position:relative;}
.nav-menu > ul > li > a{font-size:18px;color:#fefefe;height:22px;display:block;}
.nav-menu > ul > li.current > a,.nav-menu > ul > li > a:hover,.nav-menu > ul > li:hover > a{color:#fcac39;}
.nav-menu > ul > li.header-second:hover{background:url(../images/icon-sj.png) no-repeat bottom center;}
.second-ul{background:#efefef;width:150%;color:#333;position:absolute;top:40px;z-index:999;left:-25%;text-align:center;padding:5px 0px 5px;}
.second-ul li{padding:5px 0;}
.second-ul li a:hover{color:#fcac39;}

.nav-search{padding:40px 0 0px;}
.input-div{width:160px;border:1px solid #fefefe;border-radius:13px;}
.nav-search .nav-input{padding-left:10px;width:120px;height:26px;line-height:26px;border:none;border-radius:13px;background-color: transparent;color:#fff;}
.imgbtn { float: right; margin-right: 8px;margin-top:6px;cursor:pointer;}
/* header end*/


/* banner start*/
.banner{margin:auto;width:100%;overflow:hidden;}
.banner img{width:100%;display:block;max-width:100%;}

/* banner end*/

/* crumbs nav start*/
.crumbs{border-bottom:#333;height:48px;line-height:48px;}
.crumbs-line{background:#e8e8e8;}
/* crumbs nav end*/

/* a effect*/
a.more-btn{height:28px;line-height:28px;display: inline-block;width: 100px;padding: 1px 0;margin:20px auto 0;color: #0789d5;text-align: center;border:1px solid #e0e0e0;}
a.more-btn.g{color: #666;}
a.more-btn span{display: inline-block;}
a.more-btn span:first-child{position: relative;}
a.more-btn span.af{left: 0;top: 28px;width: 98px;height: 38px;color: #666;filter:alpha(opacity=0);opacity: 0;}
a.more-btn .blank{top: -100%;background: #fff;display: none;}



/* index content start*/
.iproduct > h3,.iabout >h3,.idownload >h3{height:46px;line-height:46px;font-size:20px;}

.iproduct li{float:left;}
.iproduct li img{border:1px solid #ddd;}
.iproduct li h3{height:36px;line-height:36px;font-weight:400;text-align:center;}
.iproduct li:last-child{float:right;}

.iabout{width:870px;}
.iabout .line{width:40px;height:2px;background:#fcac39;display:block;margin:15px 0;}
.iabout-img{width:320px;}
.iabout-img img{width:100%;}
.iabout-right{padding:0 0 0 20px;width:530px;}
.iabout-right h3{font-size:20px;font-weight:400;}
.iabout-js{line-height:28px;font-size:14px;color:#666;height:168px;overflow:hidden;}
.iproduct > h3 >.fr a,.idownload >h3 > .fr a{font-size:16px;}
.idownload{width:310px;}


/*Carousel*/
.wrap {position:relative;z-index:0;height:280px;}
.banner-show {position:absolute;top:0;left:0;z-index:0;width:100%;width:310px;height:280px;overflow:hidden;}
.banner-show .cell{position:relative;height:280px;overflow:hidden;}
.banner-show .cell p{width:100%;text-align:center;color:#fff;position:absolute;bottom:0px;left:0;height:38px;line-height:38px;}
.banner-show .cell p.alpha_p{background:#000;filter: Alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
.banner-link {position:absolute;top:100px;left:50%;width:310px;height:280px;margin-left:-350px;}
.banner-link i {display:none;}
.banner-control a {position:absolute;top:50%;margin-top:-23px;width:30px;height:46px;line-height:10;overflow:hidden;}
.banner-control a.left {left:0px;background:url(../images/pleft.jpg) no-repeat;}
.banner-control a.right {right:0px;background:url(../images/pright.jpg) no-repeat;}
/* index content end*/

/*footer start*/
.footer1{width:100%;background:#f9f9f9;height:90px;}
.foot-ul{padding:20px 0;height:50px;line-height:50px;}
.foot-ul li{width:328px;border-right:1px solid #cecece;float:left;padding-left:70px;margin:auto;height:50px;}
.foot-ul li:last-child{border:none;}
.select1{width:248px;padding:6px 0;border:1px solid #eaeaea;padding-left:10px;}
.select1 option{padding-left:10px;height:26px;margin:5px 0;}
.tel-p{margin:5px 0;font-size:26px;color:#333;background:url(../images/icon_phone.png) no-repeat left center;padding-left:30px;line-height:22px;}
.email-p{font-size:18px;color:#999;background:url(../images/icon_email.png) no-repeat left center;padding-left:30px;line-height:22px;}
.footer2{width:100%;background:#333;height:280px;}
.footer2-box{padding-top:20px;}
.bottom-div a{padding:0 10px;}
.gsjj img{margin-top:-8px;}
.cnzz img{margin-bottom:10px;}
.foot-wechat{width:162px;}
.foot-wechat p{color:#868686;font-size:12px;line-height:22px;}
.foot-wechat img{width:100%;margin-top:10px;}
.foot-menu dl{float:left;margin-left:50px;}
.foot-menu dt{font-size:16px;color:#c9c9c9;padding-bottom:24px;width:114px;border-bottom:1px solid #8b8b8b;margin-bottom:10px;}
.foot-menu dd{font-size:14px;line-height:26px;}
.foot-menu dd a:hover{color:#fcac39;}
.foot-menu a{color:#7f7f7f;}
.foot-contact{width:290px;color:#bababa;font-size:14px;line-height:26px;}
.foot-contact a{color:#bababa;}
.foot-ul li.ifli1{padding-top:6px;height:44px;position:relative;}
.second-a{position:absolute;top:44px;left:90px;width:200px;background:#fff;color:#333;z-index:100;padding-top:5px;padding-bottom:5px;}
.second-a a{display:block;line-height:36px;border-bottom:1px dotted #ccc;padding-left:25px;}
.ifli1 h3{width:220px;height:36px;cursor:pointer;line-height:36px;padding-left:25px;background:url(../images/icon_xl.png) no-repeat 94% center;border:1px solid #ccc;border-radius:18px;}
.ifli2 a{padding-right:15px;display: block;float: left;}
.ifli2 a img{width:50px;}
/*footer end*/


/*current box start*/
.sub-box{background:url(../images/cline.png) repeat-y;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.sub-left{width:260px;}
.sub-left>h3{height:62px;line-height:62px;color:#e98f0f;padding-left:20px;font-size:16px;border-bottom:1px solid #dadada;font-weight:400;}
.sub-left>ul{padding:0 8px;}
.sub-left>ul > li{padding-left:12px;height:40px;line-height:40px;border-bottom:1px dotted #dadada;}
.sub-left>ul > li.current > a{color:#f07e08;}
.sub-right{width:880px;padding:0 30px 30px;}
.sub-right .sub-title{margin:20px 0;font-size:24px;font-weight:400;}
.content-js{line-height:28px;color:#333;}

/*product menu*/
.sub-left>ul.product-ul>li{height:auto;}
.sub-left>ul.product-ul .left-menu{padding:0px 15px 10px;}
.sub-left>ul.product-ul .left-menu li{line-height:26px;padding-left:10px;background:url(../images/icon_pro.png) no-repeat left center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sub-left>ul.product-ul .left-menu li.current > a{color:#f07e08;}
/*contact*/
.contact-title{border:1px solid #e0e0e0;}
.contact-title > h3{height:50px;line-height:50px;color:#008dd5;border-bottom:1px solid #e0e0e0;}
.contact-title > h3 > span{padding:15px 20px 12px;border-bottom:3px solid #008dd5;font-size:16px;border-right:1px solid #e0e0e0;}
.contact-js{padding:20px;}
.contact-js h3{font-size:32px;margin:20px 0;font-weight:400;}
.contact-map{height:430px;border:1px solid #e0e0e0;}
.contact-message{border:1px solid #e0e0e0;}
.contact-message .message-title{position:relative;width:320px;margin:auto;display:block;height:48px;line-height:48px;font-size:24px;color:#333;margin-top: 20px;}
.message-title:after,.message-title:before{content:'';width:70px;border-bottom:1px solid #cecece;height:1px;position:absolute;top:24px;}
.message-title:after{left:0;}
.message-title:before{right:0px;}
.message-box{padding:0 40px 30px;}
.message-box h3{margin:20px 0;}
.message-box table td{padding-bottom:10px;}
.message-box table .tr{width:140px;}

.play-d table .tr{height:45px;}
.input-1{width:278px;border:1px solid #e0e0e0;height:32px;line-height:32px;padding-left:10px;}
.input-1:focus,.input-2:focus{border:1px solid #008dd5;}
.input-2{width:720px;border:1px solid #e0e0e0;height:300px;padding-top:8px;padding-left:10px;}
.message-vtop{ vertical-align:top;}
.submit{width:210px;heighe:46px;line-height:46px;text-align:center;background:#008dd5;border:0;font-size:24px;color:#fff;}



/*download start*/
.down-loop li{margin-top:20px;padding-bottom:20px;border-bottom:1px solid #d9d9d9;}
.down-title{margin-left:20px;width:650px;}
.down-title h3{font-size:16px;color:#1b1b1b;margin:6px 0 10px;}
.down-img{width:210px;}
.down-img img{width:100%;border:1px solid #e9e9e9;display:block;}
.down-title a.more-btn{background:#f5f5f5;color:#444;}
.down-title a.more-btn span.af{color:#444;}
/*download end*/

/*product start*/
.product-loop{padding:0px 0 30px;}
.product-loop > ul > li{width:48%;padding-right:2%;float:left;border-bottom:1px solid #d9d9d9;margin-top:20px;}
.product-loop > ul > li .pro-img{width:40%;}
.pro-img img{width:100%;display:block;}
.pro-summary{width:56%;padding-left:4%;}
.pro-summary h3{width:100%;font-size:16px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px;}
.second-pro{line-height:24px;}
.second-pro .fl{width:50px;}
.second-pro .pro-all{width:180px;}
.pro-loop{padding:10px 0;}
.pro-loop li{width:31%;float:left;margin-right:3.5%;margin-top:20px;}
.pro-loop-img{width:80%;padding:20px 10%;height:180px;display: table-cell;vertical-align:middle;overflow:hidden; box-shadow:0 0 5px;border:1px solid #ddd}
.pro-loop li img{width:100%;display:block;}
.pro-loop li p{font-size:16px;color:#2d2d2d;text-align:center;height:36px;line-height:36px;}

.product-detail{padding:30px 0;}
.product-detail h1{font-size:28px;margin:0;font-weight:400;margin-bottom:6px;}
.pdetail-img{width:288px;}
.pdetail-img span{width:100%;height:230px;display: table-cell;vertical-align:middle;overflow:hidden;border:1px solid #ddd;}
.pdetail-img img{width:100%;}
.pdetail-summary{width:560px;padding-left:30px;}
.pro-wzjs{line-height:28px;height:84px;overflow:hidden;color:#555;margin-bottom:15px;}
.down-a img{border:1px solid #ddd;border-radius:5px;}
.down-b{width:200px;height:40px;line-height:40px;text-align:center;background:#e98f0f;display:block;font-size:16px;color:#fff;margin-top:15px;}

/*product slide*/
.slideTxtBox{width:100%;text-align:left;  }
.slideTxtBox .hd{ height:36px; line-height:36px; background:#f4f4f4; padding:0 10px 0 0px;   border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:0px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 30px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ height:35px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideTxtBox .bd ul{ padding:15px;  zoom:1; margin-top:10px; }
.slideTxtBox .bd li{ line-height:28px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }


/*input password*/
#mypword{margin:0;padding:0;float:left;}
.pword{height:30px;line-height:30px;border:1px solid #ccc;padding-left:10px;}
.down-submit{margin-left:5px;height:34px;line-height:32px;background:url(../images/icon_down.png) no-repeat center;width:80px;border:1px solid #ccc;border-radius:5px;}
/*product end*/

/*about*/
.about-box{text-align:left;}
.about-box >h2{font-size:80px;color:#040000;font-weight:400;height:120px;line-height:120px;margin:0;margin-top:60px;}
.about-box >h3{font-size:40px;color:#040000;font-weight:400;border-bottom:1px solid #a5a5a5;height:100px;line-height:100px;}
.about-box >h4{font-size:24px;color:#040000;font-weight:400;border-bottom:1px solid #a5a5a5;height:60px;line-height:60px;}
.about-box >h5{font-size:22px;color:#666;font-weight:200;height:60px;line-height:60px;font-family: Arial,Helvetica,sans-serif;margin:0;margin-bottom:40px;}
.about-box .about-edit{font-size:16px;color:#040000;line-height:35px;}

.about-loop li{width:32%;float:left;margin-right:2%;margin-top:20px;}
.about-loop li img{width:100%;display:block;height:200px;}
.about-loop li p{font-size:16px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:32px;line-height:32px;}

/*news start*/
.news-loop{}
.news-loop li{margin-top:20px;padding-bottom:20px;border-bottom:1px dashed #d9d9d9;}
.news-img{width:150px;}
.news-img img{display:block;height:100px;width:100%;}
.news-summary{width:100%;}
.news-head-one{width:710px;margin-left:20px;}
.news-summary h3{font-size:18px;color:#1d1d1d;font-weight:400;}
.news-summary p{line-height:22px;height:44px;overflow:hidden;overflow:hidden;margin:8px 0;}

.news-detail h1{font-size:18px;color:#1f1f1f;margin:0;margin-top:20px;}
.news-time{border-bottom:1px dotted #d4d4d4;padding:5px 0 10px;color:#666;}
.detail-js{line-height:32px;font-size:14px;color:#333;padding:20px 0;}
.detail-js img{max-width:100% !important;}
.detail-bottom p{line-height:24px;}
/*news end*/

/*pager*/
.pager{ text-align:center; margin-top:40px;  height:30px;}
.pager a{ margin:0px 4px; padding:6px 10px; width:34px;height:34px;font-weight:bold; background-color:#fff;font-size:14px; color:#777;border:1px solid #c2c2c2;}
.pager a:hover, .pager a.current{background-color:#e98f0f; border:1px solid #e98f0f;color:#ffffff; text-decoration:none;}
.fengye a{ margin:0px 5px; padding:6px 10px; font-weight:bold;background-color:#f2f2f2; font-size:14px; border:1px solid #c2c2c2;border-radius:5px; color:#777;}
.fengye a:hover, .pager a.current{background-color:#e98f0f; border:1px solid #e98f0f;color:#ffffff; text-decoration:none;}
.pager span:first-child,.pager span:last-child{display:none;}

/*banner*/
/*banner*/
.pro-switch {
	overflow: hidden;
	position: relative;
	width:100%;
}
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
}
.flexslider .slides img {
	/*height:310px;*/
	height:auto;
	position: relative;
	max-width: none;
	display: block;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 770px;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0 auto;
	position: relative;
	width:100%;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter:alpha(opacity=0);
-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter:alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	text-align: center;
	margin:0px;padding:0;
	left:0px; bottom:8px;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-paging li a {
	background-color: #edf1f3;
	display:block;
	height: 6px;
	overflow: hidden;
	text-indent:-99em;
	width: 50px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active {
	background-color: #fcac39;
}




/*Pop up message*/
.play-t , .play-d {position: relative;}
.play-t {position: relative;height: 32px;padding: 14px 20px;background-color: #f5f5f5;}
.play-d {height: 536px;	}
.play-t > h3 {margin: 0;font-size: 18px;font-weight: 400;line-height: 32px;color: #424242;}
.play-close {position: absolute;display: block;top: 14px;right: 14px;width: 30px;height: 30px;line-height: 30px;text-align: center;color: #757575;cursor: pointer;-webkit-transition: all .2s;transition: all .2s;z-index: 10;border-radius: 15px;}
#mask {position: fixed;display: none;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 1000;cursor: pointer;	}
.fade {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .15s linear;
	-moz-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	-ms-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.fadein {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#mask.fadein {
	display: block;
}
.play-box.active {
	top: 50%;
	_position: absolute;
	_top: 15%;
	_margin-top: 0;
	margin-top: -300px;
}

.play-box {
	position: fixed !important;
	top: -200%;
	left: 50%;
	_position: absolute;
	_top: -200%;
	_margin-top: 0;
	z-index: 1050;
	width: 880px;
	height: 596px;
	margin-left: -440px;
	background-color: #fff;
	outline: none;
	-webkit-transition: top .35s linear;
	-moz-transition: top .35s linear;
	-o-transition: top .35s linear;
	-ms-transition: top .35s linear;transition: top .35s linear;	}
.play-box.fadein {top: 50%;_top: 15%;}