@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}
.clearfix::after {content:""; display: block; clear:both;}
.clearfix{zoom:1;}

/*header start*/
.header{height: 100px;background: rgba(0,0,0,0.8);position: fixed;z-index: 99999999}
.header .head_body{padding: 0 30px;min-width: 1300px;}
.header .head_body .head_tel{color: #fff;padding-top: 19px}
.header .head_body .head_tel p{display: block;font-size: 15px;line-height: 27px;padding-top: 20px}
.header .head_body .head_tel b{font-size: 25px;font-family: Arial;}
.header .head_body > ul{margin-right: 20px}
.header .head_body > ul > li{float: left;line-height: 100px;font-size: 16px;padding: 0 15px;position: relative;}
.header .head_body > ul > li > a{display: block;color: #fff}
.header .head_body > ul > li:hover {background: #ED3D0E;}
.header .head_body > ul > li .sub{position: absolute;top: 100px;left:0px;width: 100%;display: none;}
.header .head_body > ul > li .sub li{height: 45px;line-height:45px;background: rgba(0,0,0,0.6);width: 100%;text-align: center;}
.header .head_body > ul > li .sub li a{color: #fff;font-size: 14px;}
.header .head_body > ul > li .sub li:hover {background: #ED3D0E}
.header .head_body > ul > li:hover .sub{display: block;}
.header .head_body .head_lan a{display: inline-block;width: 30px;height: 30px;border: 1px solid #fff;font-size: 13px;color: #fff;background: none;line-height: 30px;border-radius: 30px;text-align: center;transition: all 0.3s ease 0s;margin: 34px 0 34px 5px;}
.header .head_body .head_lan a:hover {background: #ED3D0E;border-color: #ED3D0E}
/*header end*/

/*banner start*/
.flexslider{
	position: relative;
	width: 100%;
	height:750px;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li{
	width: 100%;
	height: 100%;
}
.flex-direction-nav a{
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	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;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: rgba(0,0,0,0.3);
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{
	background: #EB5A2E;
}
.flexslider .slides a img {
	width: 100%;
	height: 750px;
	display: block;
}
/*banner end*/

/*ys1 start*/
.yin{padding: 60px 0 60px;}
.yin_t{font-size: 40px;color: #fff;font-weight: normal;text-align: center;line-height: 45px;height: 90px;overflow: hidden;}
.yin_t a{color: #000;}
.yin_t b{color: #ED3D0E;}
.yin_t span{display: block;font-size: 18px;color: #fff;}
.yin_t i{color: #fff;padding:0 15px;}

/*product start*/
.product{padding:50px 0 30px 0; background: url(../images/productBg.jpg) no-repeat center;}
.leftNav{ width:280px; background: #8e8e8e;padding-bottom:20px;}
.leftNav .pro_title{padding:20px 0 20px 50px; height:66px;font-size:30px;color:#Fff; background: url(../images/title_01.png) no-repeat left;}
.leftNav .pro_title span{ display: block; font-size:15px; color:#fff}
.leftNav > ul{padding:15px 0; }
.leftNav > ul > li i{display:block;height: 32px;padding-top: 15px;background: url(../images/line_02.png) no-repeat bottom center;}
.leftNav > ul > li i a{margin-left:35px; font-size:16px;color:#fff; padding-left:20px; background: url(../images/arrow_01.png) no-repeat left;font-weight: bold;}
.leftNav .ul2{padding: 12px 0 0}
.leftNav .ul2 li{margin:0 55px;line-height: 28px;}
.leftNav .ul2 li a{color: #888}
.pro_con{width:920px;}
.pro_con li{width:278px;margin:0 0 26px 26px; border:1px #dfdfdf solid;float: left;border-bottom-color:#00529C;}
.pro_con li img{ width:278px; height:210px;padding:0px;}
.down img{width:100%;height:305px;}
.pro_con li{ position: relative; display: inline-block; margin:0 0 30px 26px; background: #fff; overflow: hidden;border:1px #ddd solid; }
.pro_con i.one{color:#333; text-align: center;padding:10px 30px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box{ opacity: 0; position: absolute;left:0; top:100%; text-align: center;padding:80px 0 0 0; height:100%;width:100%;  background:rgba(0,0,0,0.75)}
.pro_con li .box i.two{ color:#fff;font-size:14px;padding: 0 20px; margin:10px 0 0 0;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_con li .box img{ display: block; margin: auto; height:auto;width:auto;}
.pro_con li:hover .box{ opacity: 1;top:0}
.pro_con li:hover i.one{ opacity: 0;}
.pro_con li:hover .rightDown span{   border-bottom: 35px solid #ED3D0E;}
.pro_con .rightDown span{
	position:absolute; bottom:0;right:0;
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-bottom: 35px solid #ED3D0E;
    -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}
.pro_con .rightDown b{position:absolute; bottom:1px;right:3px;  color:#fff; font-size:20px;}
/*product end*/

/*company start*/
.about_bg{width:100%;background:url(../images/about_bg.jpg) no-repeat center top #F0F0F0;padding-bottom: 50px}
.about_box{padding:50px 0;}
.about_left{width:600px; float:left;}
.about_right{width:600px; height:392px; float:right;}
.a_phone{height:110px; width:480px; margin-left:120px;}
.a_phone p{height:40px; font-size:20px; color:#fff;letter-spacing: 2px}
.a_phone p span{font-size:36px; font-weight:bold;letter-spacing: 0px;line-height: 40px;}
.a_phone a{display:block; width:112px; height:34px; background:#555; text-align:center; font-size:16px; color:#fff; line-height:34px; float:right;margin-top: 10px}
.about_t{height:177px;}
.about_t a{font-size:34px; font-weight:bold; color:#fff; line-height:54px;letter-spacing: 1px}
.about_t em{display: block;width: 70px;height: 2px;background: #fff;margin-top: 15px}
.about_t p{font-size:18px; color:#fff; padding-top:20px;letter-spacing: 2px}
.about_t i{color: #ffc7b6;line-height: 250%}
.about_tu{width:600px; height:326px; overflow:hidden;}
.about_tu img{width:600px; height:326px;}
.about_wen{width:500px; height:306px; background:#fff ; padding:34px 50px 0;}
.about_wen dt{height:78px;}
.about_wen dt a{font-size:18px; color:#333;}
.about_wen dt span{display:block; font-size:12px; color:#656565; text-transform:uppercase; line-height:30px;}
.about_wen p{width:500px; height:162px;font-size:14px; color:#656565; line-height:28px; overflow:hidden;}
.about_more{width:600px; height:53px;}
.about_more a{width:300px; height:53px; display:block; float:left; background:url(../images/about_more.jpg) center no-repeat; text-indent:30px; font-size:16px; color:#fff; line-height:53px;}
.about_more a:hover{background:url(../images/about_more2.jpg) center no-repeat;}
.about_more a:nth-child(2) {background:url(../images/about_more2.jpg) center no-repeat;}

.picScroll-left{ width:1228px;  overflow:hidden; position:relative; margin:0 auto;}
.picScroll-left .hd{ overflow:hidden;  height:40px; padding-top:20px; text-align: center}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:inline-block;  width:40px; height:40px;margin:0 5px; overflow:hidden;cursor:pointer; background:url(../images/jt_l.png) no-repeat center;}
.picScroll-left .hd .next{ background: url(../images/jt_r.png) no-repeat center;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 14px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:273px; height:204px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li:hover .pic a img{ border-color:#ED3D0E; background: #ED3D0E}
.picScroll-left .bd ul li .zi{ line-height:24px; font-size: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.picScroll-left .bd ul li:hover .zi a{color:#ED3D0E;}
/*company end*/

/*ys start*/
.ys{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 1120px;overflow: hidden;padding: 60px 0 0;}
.ys_l{width: 566px;padding: 50px 0 0 26px;}
.ys dl{width: 566px;height: 421px;position: relative;margin-bottom: 55px;overflow: hidden;}
.ys dl dt{width: 311px;height: 397px;float: left;line-height: 0;overflow: hidden;border: #ED3D0E 12px solid;}
.ys dl dt img{width: 311px;height: 397px;}
.ys dl dd{width: 208px;height: 294px;background: #f1f1f1;position: absolute;top: 40px;left: 278px;padding: 50px 30px 0 50px;z-index: 10;}
.ys dl dd h5{font-size: 30px;color: #333;line-height: 80px;height: 80px;background:url(../images/ys_line.gif) no-repeat 0 78px;}
.ys dl dd p{font-size: 16px;color: #333;line-height: 30px;height: 60px;padding: 20px 0 0;overflow: hidden;}
.ys dl dd span{display: block;margin: 30px 0 0;width: 70px;height: 40px;}
.ys dl dd span img{width: 70px;height: 40px;}
.ys .ys_r{padding: 50px 26px 0 0;}
.ys .ys_r dl dt{float: right;}
.ys .ys_r dl dd{left: 0;}



/*new start*/
.indexNews{ padding:10px 0 60px 0;  background:#fff;}
.indexNews .nb01{ height:7px; background:url(../images/xgray_line06.png) repeat; margin:15px auto;}
.indexNews .nb02{ height:1px; border-top:1px solid #4eaf00; border-bottom:1px solid #4eaf00; display:none;}
.indexNews .newsBox{}
.indexNews .newsLeft{ width:680px;}
.newsT{}
.newsT .div1{ height:52px; width:528px; background:url(../images/newsT.png) left top no-repeat;color: #fff;line-height: 47px;}
.newsT .div1 span{color: #fff}
.newsT .div1 .span1{font-size: 20px;padding: 0 20px}
.newsT .div1 i{font-style: normal;padding-left:80px;letter-spacing: 2px;}
.newsT .m{ display:block; width:13px; height:47px; background-color:#888; margin-left:10px;}
.newsT .m:hover{ width:20px;}

.indexNews .newsLeft .news01{ padding-top:40px;}
.indexNews .newsLeft .news01 .imga{ display: block; width:255px; height:150px; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-position:center center; }
.indexNews .newsLeft .news01 .nr{ width:395px;}
.indexNews .newsLeft .news01 .nr .a1{ display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; color:#333;}
.indexNews .newsLeft .news01 .nr .a1:hover{ color:#ED3D0E;}
.indexNews .newsLeft .news01 .nr .desc{ height:66px; line-height:22px; font-size:13px; color:#999; overflow:hidden; margin-top:10px; }
.indexNews .newsLeft .news01 .nr .btm{ padding-top:20px;}
.indexNews .newsLeft .news01 .nr .btm .m{ display:block; padding:0 20px; background-color:#888; color:#fff; font-size:13px; height:30px; line-height:30px;}
.indexNews .newsLeft .news01 .nr .btm .m:hover{ background-color:#ED3D0E; color:#fff;}
.indexNews .newsLeft .news01 .nr .btm span{display:block; padding-left:28px; color:#b7b7b7; font-size:13px; line-height:30px; margin-left:35px; }
.indexNews .newsLeft .news01 .nr .btm .time{ background:url(../images/time.png) left center no-repeat;}
.indexNews .newsLeft .news01 .nr .btm .view{ background:url(../images/view.png) left center no-repeat;}
.indexNews .news_list{border-top:1px dashed #aaa; margin-top:30px; padding-top:20px;}
.indexNews .news_list li{ padding:3px 0; }
.indexNews .news_list li a{ display:block; line-height:30px;}
.indexNews .news_list li a .spanT{ display:block;font-size:14px; color:#666;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:500px;background:url(../images/newsList.png) left center no-repeat; padding-left:20px;}
.indexNews .news_list li .time{ display:block; font-size:13px; color:#999; }
.indexNews .news_list li:last-child,.indexNews .news_list li:nth-child(9){}
.indexNews .news_right{ background-color:#fff; width:460px;}
.indexNews .news_right .title{ padding:0 0 12px 0;height:40px; line-height:37px; border-bottom:1px solid #ddd;}
.indexNews .news_right .title .span1{ color:#333; font-size:22px; display:block;padding-left:20px; border-left:4px solid #000; font-weight:700;  }
.indexNews .news_right .title .span2{ padding-left:20px; color:#b7b7b7; font-size:14px;}
.indexNews .news_right .title .m{ display:block; float:right; font-size:13px; line-height:30px; padding:0 15px; background-color:#888; color:#fff; margin-top:3px;}
.indexNews .news_right .title .m:hover{ background-color:#ED3D0E;}
.indexNews .news_right .wtList{ padding-top:20px;}
.indexNews .news_right .wtList li{ padding:22px 0; border-bottom:1px dotted #bbb;}
.indexNews .news_right .wtList li a{ display:block; padding-left:45px; background:url(../images/wenDa.png) left top no-repeat;}
.indexNews .news_right .wtList li a .spanT{ display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-size:16px; color:#333; line-height:22px;}
.indexNews .news_right .wtList li a:hover .spanT{color:#ED3D0E; }
.indexNews .news_right .wtList li a .desc{ height:50px; line-height:25px; overflow:hidden; color:#888; font-size:13px; margin-top:15px; }
/*new end*/


/*footer start*/
.footer{padding: 50px 0;background: #333}
.footer .ewm{width: 260px;height: 210px;background: url(../images/f_line1.gif) no-repeat center right;}
.footer .ewm .ewm_box{width: 160px;height: 160px;padding:15px;background:url(../images/ewmbg.png) no-repeat center;}
.footer .ewm .ewm_box img{margin:10px;}
.footer .ewm p{font-size: 14px;color: #fff;width: 190px;text-align: center;}
.footer .kslj{width: 330px;height: 210px;background: url(../images/f_line1.gif) no-repeat center right;}
.footer .kslj ul{width:265px;padding-left: 65px;}
.footer .kslj ul li{float: left;width: 132px;line-height: 52px;font-size: 16px;}
.footer .kslj ul li a{color: #fff;}
.footer .lxwm{padding-left: 50px;color:#fff;width: 560px;font-size: 16px}
.footer .lxwm p{line-height: 60px;font-size: 18px}
.footer .lxwm span{display: inline-block;height: 46px;line-height: 46px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.footer .lxwm .span1{width: 250px;padding-left: 30px;background: url(../images/lx.png) no-repeat center left;background-size: 20px}
.footer .lxwm .span2{width: 250px;padding-left: 30px;background: url(../images/wz.png) no-repeat center left;background-size: 20px}
.footer .lxwm .span3{width: 250px;padding-left: 30px;background: url(../images/lx.png) no-repeat center left;background-size: 20px}
.footer .lxwm .span4{width: 250px;padding-left: 30px;background: url(../images/yx.png) no-repeat center left;background-size: 20px}
.footer .lxwm .span5{width: 450px;padding-left: 30px;background: url(../images/dz.png) no-repeat center left;background-size: 20px}
.foot_bot{line-height:40px;background:#111;font-size: 14px}
.foot_bot .bot_body{width:1200px;margin:0 auto;}
.foot_bot .bot_l{float:left;color:#fff;}
.foot_bot .bot_r{float:right;color:#fff;width:300px;text-align: right}
.foot_bot .bot_r a{color:#fff}
/*footer end*/