@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:15px 微软雅黑;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; height:0px; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { /*兼容 IE*/ zoom: 1;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}

/*导航菜单 */
.zhiTop {width: 100%;position: fixed;top: 0;left: 0;z-index: 999;}
.menu-header {
	height: 120px;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	-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;

}
.logo {display: block;height: 120px;text-align: left;width: 20%;}
.header2_right {height: 120px;line-height: 120px;width: 65%;border-right: 1px solid #e1e1e1;}
.tel{ width: 13%;}
.tel p{  padding-top: 30px;color: #666; padding-bottom: 5px;line-height: 30px}
.tel h2{ color: #F2A200;font-size: 25px;line-height: 28px;font-weight: bold;font-family: Arial;}
.nav {width: 100%;}
.nav ul {padding: 0;margin: 0;display: flex;}
.nav ul li {text-align: center;text-decoration: none;list-style: none;width:12.5%;position: relative;}
.nav ul li a {line-height: 118px;height: 118px;color: #333;text-decoration: none;font-size: 16px;display: block;padding: 0;padding-left: 0 !important;padding-right: 0 !important;font-weight: bold;}
.nav ul li a.active {display: block;color: #333;border-bottom: 2px solid #f2a200;}
.nav ul li a:hover {display: block;color: #333;}
.header-top-sky .menu-header {background: #fff;border-bottom: 1px solid #e1e1e1;  }
.nav ul li .erjixl{position: absolute;left: 0; background: #f1f1f1;padding:25px;width: 330px;/*height: 140px;*/display: none;}
.nav ul li .erjixl dt{float: right;width: 180px;}
.nav ul li .erjixl dt img{ width:180px; }
.nav ul li .erjixl dd{float: left;width: 115px;}
.nav ul li .erjixl dd a{display: block;font-size: 15px;color: #666; text-align:left;text-decoration: none;padding-left:20px;line-height: 38px; height: 38px;  border-bottom: 1px solid #dfdfdf;background: url("../images/ico_arrow.png") no-repeat right;}
.nav ul li .erjixl dd a:hover{  border-bottom: 1px solid #F2A200;	color: #F2A200;}
/*导航菜单 end*/
/*banner start*/
.flexslider{
	position: relative;
	width: 100%;
	height:800px;
	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: #F2A200;
}
.flexslider .slides a img {
	width: 100%;
	height: 800px;
	display: block;
}

.title{text-align: center;}
.title b{font-size: 36px;color: #393939}
.title p{font-size: 15px;text-align:center;line-height: 45px}

/*公司简介*/
.about{position: relative; padding-top:50px;}
.ab_box{background: #fff; margin: 0; padding:80px 100px; height:200px;  position: absolute; left: 0; top:-40px;   }
.ab_fl{width: 20%; }
.ab_fl h2{color: #393939;font-size: 38px; padding-bottom: 10px;font-weight: bold;}
.ab_fl b{color: #F2A200;font-size: 38px;font-weight: normal;letter-spacing: 1px;}
.ab_fl p{margin-top: 15px;line-height: 160%}
.ab_fl a{color: #ffffff;}
.ab_btn {color: #fff;display: block;width: 100px;font-size: 14px;padding: 12px 20px;margin-top: 25px;text-align: center;background: #F2A200;border-radius: 20px;cursor: pointer;}
.ab_btn:hover{background: #666;}
.ab_fr{width: 73%;}
.ab_fr p{color:#6E6E6E; line-height: 33px; text-align:justify;text-indent: 2em}
.ab_num{padding:200px 0; margin-top: 160px;  background: url("../images/abbg.jpg") no-repeat; background-size: cover; background-size: 100%;}
.ab_num ul{padding-top: 100px}
.ab_num ul li{width: 399px;border-left: 1px solid #888;float: left;text-align: center;color: #fff}
.ab_num ul li:nth-child(1) {border-left: none}
.ab_num ul li em{display: block;font-size: 18px;color: #555;line-height: 50px}
.ab_num ul li b{font-size: 26px;font-family: Arial;line-height: 30px;color: #333}
.ab_num ul li b span{font-size: 18px;font-weight: normal;line-height: 30px}
/*公司简介 end*/

/*product start*/
.product{padding:50px 0 20px;background: url(../images/probg.jpg) no-repeat center top;}
.pro_l{width: 280px;margin-top: 30px}
.pro_l .pro_top{height: 80px;padding-top: 5px;text-align: center;font-size: 32px;color: #fff}
.pro_l .pro_top p{text-align: center;letter-spacing: 6px;line-height: 70px;}
.pro_l > ul > li > a{display:block;height:54px;line-height: 54px;padding-left: 60px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 18px;border-bottom: 1px dashed #ccc;}
.pro_l > ul > li:hover >a{background: #F2A200 ;color: #fff}
.pro_l ul.erji{padding: 5px 20px;}
.pro_l ul.erji li{height: 24px;line-height: 24px;border-bottom: 1px dashed #dfdfdf;font-size: 14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_l ul.erji li:hover a{color: #F2A200 }
.pro_lx{text-align: center;width: 100%;height: 123px;background: url(../images/prolxbg.jpg) no-repeat center;}
.pro_lx b{display:block;font-size: 24px;color: #F2A200;padding:20px 0 15px 0;}
.pro_lx i{font-size: 15px;color: #fff}
.pro_lx a.more{display: block;width: 25px;height: 25px;border-radius: 25px;border:1px solid #fff;line-height: 23px;text-align: center;font-size: 20px;color: #fff;margin: 15px auto 0;}
.pro_r {width: 920px;margin-top: 30px}
.pro_r .pro_title{height: 60px;}
.pro_r .pro_title .more{font-size: 18px;color: #F2A200 ;font-weight: bold;display: block;letter-spacing: 1px;padding-top: 20px;}
.pro_r ul li{float: left;width: 280px;margin-left: 26.6px;margin-bottom: 21px;}
.pro_r ul li .img{width: 278px;height: 208px;overflow: hidden;border:1px solid #dfdfdf;}
.pro_r ul li img{ width: 278px; height: 208px; display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.pro_r ul li:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.pro_r ul li:hover .img{border:1px solid #F2A200 ;}
.pro_r ul li .zi{display:block;height:45px;text-align: center;background: url(../images/jia.png) no-repeat 250px center #dfdfdf;}
.pro_r ul li .zi p{display: block;height: 45px;line-height: 45px;width:230px;padding-left: 10px;font-size: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro_r ul li:hover .zi{background: url(../images/jia1.png) no-repeat 250px center #F2A200 ;color: #fff;}

/*youshi start*/

.advantage {height: 760px;background: url(../images/ysbg.jpg) no-repeat center top;color: #333;}
.advantage .p1 {font-size: 36px;color: #b7b7b7;padding-top: 50px;position: relative;}
.advantage .p1 span {display: block;width: 260px;height: 36px;line-height: 36px;text-align: center;font-size: 18px;color: #fff;background: #F2A200;border-radius: 27px;margin: 0 auto}
.advantage h2 {color: #fff;font-weight: normal;text-align: center;margin-bottom: 60px;}
.advantage h2 b {display: block;height: 54px;line-height: 54px; font-size: 36px;padding-top: 10px;color: #333}
.advantage h2 span {font-size: 16px;color: #ccc;}
.advantage h2 i {font-size: 10px;color: #ccc;margin-left: 10px;}
.advantage .adv_con .conbox {float: left;position: relative;overflow: hidden;}
.advantage .adv_con .conbox .conleft {width: 180px;padding: 0 25px;border-left: 1px solid #aaa;height: 460px;position: relative;overflow: hidden;transition: all 0.5s;}
.advantage .adv_con .conbox .conleft .box_p1 {font-size: 28px;margin-bottom: 24px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.advantage .adv_con .conbox .conleft .box_p2 {font-size: 15px;line-height: 25px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6; -webkit-box-orient: vertical;height:180px;margin-bottom: 55px;color: #777}
.advantage .adv_con .conbox .conleft .advicon {display: block;height: 50px;}
.advantage .adv_con .conbox .conleft .advImg {width: 0;overflow: hidden;position: relative;}
.advantage .adv_con .conbox .conleft .advImg  a{width:440px; height:210px; display:block;}
.advantage .adv_con .conbox .conleft .box_num {font-size: 30px;position: absolute;left: 25px;bottom: 70px;color: #F2A200}
.advantage .adv_con .conbox .conleft .box_p3 {height: 54px;line-height: 54px;font-size: 12px;position: absolute;left: 25px;bottom: 0;border-top: 1px solid #aaa;width: 180px;}

.advantage .adv_con .conbox.cur .conleft {width: 440px;}
.advantage .adv_con .conbox.cur .conleft .advicon {display: none;}
.advantage .adv_con .conbox.cur .conleft .advImg {width: 440px;height: 210px;position: absolute;left: 25px;bottom: 54px;}
.advantage .adv_con .conbox.cur .conleft .box_p3 {width: 440px;}
.advantage .adv_con .con1 .conleft {border-left: none;}
.advantage .adv_con .con1 .conleft .advicon {background: url(../images/advicon01.png) no-repeat center;}
.advantage .adv_con .con2 .conleft .advicon {background: url(../images/advicon02.png) no-repeat center;}
.advantage .adv_con .con3 .conleft .advicon {background: url(../images/advicon03.png) no-repeat center;}
.advantage .adv_con .con4 .conleft .advicon {background: url(../images/advicon04.png) no-repeat center;}


/*case start*/
.case{background: url(../images/casebg.jpg) no-repeat center;padding: 70px 0 0px 0;}
.case .case_title{width: 550px;}
.case .case_title b{font-size: 38px;color:#393939}
.case .case_title b span{color:#F2A200}
.case .case_title i{font-size: 18px;padding-left: 20px;font-style: normal;}
.case .case_title p{font-size: 15px;line-height: 180%;text-indent: 2em;}
.photo{padding:0 0 60px;position: relative;z-index: 50;margin-top: 30px;}
.photo_t{height: 66px;line-height: 66px;overflow: hidden; background:url(../images/photo_tbg.png) no-repeat;}
.photo_t a{font-size: 26px;color: #333; padding:0 0 0 40px;font-weight: bold;}
.photo_t a:hover{color: #e77918;}
.photo_t span{float:right;}
.photo_t span a{font-size: 14px;color: #aaa;font-weight: normal;text-transform: uppercase;}
.photo p{position:absolute;width: 77px;height: 77px;top: 95px;z-index: 20;}

.photo_l{ left:-20px;}
.photo_r{ right:-20px;}
.photo_c{padding-top:20px;width: 1160px;overflow: hidden;padding-left: 20px;padding-bottom: 20px;background: rgba(255,255,255,0.9);}
.photo_c ul li { width:292px; float:left; padding:0 0 0 10px;line-height: 0;position: relative;}
.photo_c ul li img{ width:292px; height:219px;}
.photo_c ul li .cover{display: none;width: 292px;height: 219px;position: absolute;top: 0;left: 10px;background: rgba(0,0,0,0.7);text-align: center;line-height: 219px;font-size: 16px;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.photo_c ul li:hover .cover{display: block;}
.photo p a{display: block;width: 77px;height: 77px;}
.photo_l a{ background:url(../images/cp_lico02.png) no-repeat;}
.photo_r a{ background:url(../images/cp_rico02.png) no-repeat;}
/*case end*/

/*新闻中心*/
.news{padding: 50px 0; background: #f7f7f7;}
.news dl{width:360px; margin:0 20px;float: left;;padding-top:20px; }
.news dl dt b{ display: block;}
.news dl dt b a{font-size: 18px;color: #333;}
.news dl dt b em{font-size: 14px;color: #999;display: block;margin-top: 8px; font-weight: normal; }
.news dl dt span{display: block;overflow: hidden;margin:15px 0;}
.news dl dt span a{display: block;height: 220px;}
.news dl dt span a img{display: block;width: 100%;transition: .8s;}
.news dl:hover dt span a img{transform: scale(1.1);}
.news dl:hover dd i{background: url(../images/News04.png) no-repeat center;width: 100px;}
.news dl dd p{font-size: 14px;color: #606060;line-height: 25px;}
.news dl dd i{background: url(../images/News03.png) no-repeat center;width: 62px;height: 7px;display: block;margin-top:30px;transition: .8s;}
.news-list{ margin-top: 0px;}
.news-title{ width: 250px; background: #F2A200; color: #fff; height: 124px; margin:15px 20px ; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: bold;}
.news-list ul{ width: 900px;}
.news-list ul li {overflow: hidden;padding:15px 0;width:420px;margin-left: 30px;float: left;}
.news-list ul li i {font-style: normal;color: #646464;font-size: 16px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;padding-bottom: 5px;}
.news-list ul li i:hover {color: #f2a200;}
.news-list ul li em {font-style: normal;}
.dot {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-list ul li a {color: #646464;}
.news-list ul li span {display: block;color: #646464;font-size: 14px;}

/*footer start*/
.f_bg{ background:url(../images/f_bg.jpg) no-repeat center 0; height:350px;overflow: hidden;padding: 94px 0 0;}
.footer{width: 1200px; margin:0 auto;}
.f_top{display: block;font-size: 24px;color: #fff;height: 60px;line-height: 36px;overflow: hidden;font-weight: normal;text-transform: uppercase;}
.f_top i{font-size: 24px;}
.f_nav{width: 360px;height: 299px;}
.f_nav ul li{float: left;width: 180px;line-height: 36px;height: 36px;overflow: hidden; background:url(../images/f_ico01.png) no-repeat 0 13px;}
.f_nav ul li a{font-size: 15px;color: rgba(255,255,255,0.6);padding-left: 15px;}
.f_nav ul li a:hover{color: #fff;}
.f_er{width: 410px;height: 299px;text-align: center;}
.f_er h5{width: 100%;height: 80px;text-align: center;}

.f_er p{width: 110px;text-align: center;display: inline-block;padding:0 25px;}
.f_er p img{width: 110px;height: 110px;}
.f_er p span{display: block;font-size: 14px;color: rgba(255,255,255,0.6);line-height: 40px;}
.f_ban{width: 330px;height: 299px;}
.f_ban p{font-size: 15px;color: rgba(255,255,255,0.6);line-height: 30px;}
.f_ban span{display: block;line-height: 36px; background:url(../images/f_tel.png) no-repeat 0 7px;padding-left: 40px;font-size: 26px;font-weight:bold;color: #F2A200;margin-bottom: 5px;}
.f_ban span i{font-size: 14px;color: #fff;font-weight: normal;color:rgba(255,255,255,0.6);}
.f_ban a{color: rgba(255,255,255,0.6);}
.f_bot{font-size: 14px;color: rgba(255,255,255,0.6);line-height: 50px;height: 50px;}

.f_bot a{color: rgba(255,255,255,0.7);}