@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;}


/*header start*/
.header{position: fixed;z-index: 99999;box-shadow: 0 0 10px 0 #aaa}
.top_t{font-size: 14px; color: #fff; background: #1b77c0;height: 35px; line-height: 35px;overflow: hidden;}
.top_t span{padding: 0 20px 0 30px;line-height:35px;background: url(../images/tel_t.png) no-repeat center left;display: inline-block;font-size: 18px}
.top_t span b{font-family: Arial;font-size: 22px}
.top_t a{line-height: 35px;padding: 0 10px;color: #fff;}
.header_top {width:100%; color:#fff; font-size: 18px;background: #fff;}
.header_top img{margin-top: 10px;}
.menu > li{float: left;font-size: 16px;padding:0 23px;text-align: center;line-height: 90px;position: relative;}
.menu > li > a{display: block;font-weight: bold;}
.menu > li:hover {background: #1B77C0}
.menu > li:hover  a{color: #fff}
.menu > li .erji{position: absolute;top: 90px;left:0px;z-index: 999;width: 100% ;background: rgba(0,0,0,0.6);display: none;}
.menu > li .erji li{height: 40px;line-height: 40px;font-size: 14px}
.menu > li .erji li a{color: #fff}
.menu > li:hover .erji{display: block;}
.menu > li .erji li:hover {background: #E09A28}
/*header end*/

/*banner start*/
.banner{padding-top: 125px}
.flexslider{
	position: relative;
	width: 100%;
	height:500px;
	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: #1b77c0;
}
.flexslider .slides a img {
	width: 100%;
	height: 500px;
	display: block;
}
/*banner end*/


/*product start*/
.product{padding: 50px 0 30px;}
.pro_l{width: 270px;}
.pro_top{display: block;width: 270px;height: 105px;line-height: 105px;background: url(../images/plbg.jpg) no-repeat center;color: #fff;}
.pro_top b{font-size: 26px;color: #fff;padding-left:40px;background: url(../images/biao.png) no-repeat center left;letter-spacing: 2px;margin-left: 30px}
.pro_l .pro_list{width: 266px;border-left: 3px solid #1b77c0;border-right:1px solid #ddd;border-top:1px solid #ddd;background: #e9e9e9;}
.pro_l .pro_list .nLi{width: 266px;line-height: 48px;position: relative;}
.pro_l .pro_list .nLi > a{padding-left: 25px;font-size: 15px;width:242px;display: block;border-bottom: 1px solid #ddd;background: url(../images/bian.png) no-repeat 90% 10px;} 
.pro_l .pro_list .nLi:nth-child(4) > a,.product .pro_l .pro_list .nLi:nth-child(2) > a,.product .pro_l .pro_list .nLi:nth-child(3) > a {border-top: 1px solid #ddd;}
.pro_l .pro_list .nLi:hover > a{color: #fff;background:url(../images/bian.png) no-repeat 90% 10px #E09A28;}
.pro_l ul.sub{width:266px;background: #fff;}
.pro_l ul.sub li{text-indent: 2em;line-height: 27px;font-size: 14px}
.pro_l .pro_bot{height: 188px;background: url(../images/bei1.jpg) no-repeat center;text-align: center;color: #fff}
.pro_l .pro_bot p{text-align: center;display: block;padding: 15px 0 5px 0;font-size: 20px;}
.pro_l .pro_bot img{margin: 20px 0 16px 0;}
.pro_l .pro_bot i{display: block;line-height: 30px;font-size: 18px}

.pro_r{width: 910px;}
.pro_r .pr_top{width:910px;height: 50px;border-bottom:2px solid #ddd;background: #e9e9e9;position: relative;margin-bottom: 22px;}
.pro_r .pr_top .title1{font-size: 18px;color: #1B77C0;font-weight: bold;padding-left: 20px;line-height: 50px;position: relative;height: 50px;}
.pro_r .pr_top .title1:before {content: "";width: 145px;height: 2px;background: #1B77C0;position: absolute;left: 0;bottom: -2px;}
.pro_r .pr_top .title1 span {font-size: 12px;color: #595959;font-family: Arial;font-weight: normal;margin-left: 3px;display: inline-block;text-transform: uppercase;}
.pro_r .pr_top .more{position: absolute;right: 20px;top: 18px;display: block;font-size: 12px;color: #595959;font-family: Arial;}
.pro_r ul li{width: 280px;float: left;margin-left: 32px;border:1px solid #e9e9e9;margin-bottom: 35px;transition: all 0.2s ease-in;background: #e9e9e9}
.pro_r ul li:nth-child(3n+1) {margin-left: 0px;}
.pro_r ul li .img{width: 268px;height: 201px;overflow: hidden;border:1px solid #e9e9e9;margin: 5px}
.pro_r ul li img{ width: 268px; height: 201px; 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 img:hover { 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-color: #1B77C0}

.pro_r ul li p{width:270px;height: 30px;line-height: 30px;padding-bottom: 5px;text-align: center;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding:0 5px 5px;font-size: 15px;}
.pro_r ul li:hover{background: #1B77C0}
.pro_r ul li:hover p{color: #fff}
/*product end*/


/*company start*/
.title{text-align: center;padding-bottom: 35px}
.title b{text-align: center;font-size: 34px;color: #1B77C0}
.title p{text-align: center;font-size: 16px;line-height: 35px;color: #666}
.company{padding: 50px 0 40px;background: url(../images/combg.jpg) no-repeat center top}
.company .title{padding-bottom: 55px}
.company .com_body{padding-right: 100px;padding-bottom: 25px}
.company .com_body .com_l{width: 510px;padding-top: 20px;}
.company .com_body .com_l b.b1{font-size: 36px;color: #dfdfdf;display: block;font-family: Arial;line-height: 40px}
.company .com_body .com_l b.b2{font-size: 18px;color: #1B77C0;line-height: 30px}
.company .com_body .com_l em{width: 50px;height: 3px;background: #1B77C0;display: block;margin:15px 0;}
.company .com_body .com_l p{text-indent: 2em;line-height: 180%}
.company .com_body .com_l a.more{width: 180px;height: 40px;line-height: 40px;text-align: left;padding-left:35px;font-size: 16px;color: #fff;font-weight: normal;background: #1B77C0 url(../images/abt_btn.png) no-repeat 120px center;display: block;border-radius: 25px;box-sizing: border-box;margin-top: 30px}
.company .com_body .com_l a.more:hover {background: #E09A28 url(../images/abt_btn.png) no-repeat 120px center;}
.company .com_link{width: 1000px}
.company .com_link ul li{width: 110px;float: left;height: 45px;line-height: 45px;font-size: 17px;padding-left: 70px;border:1px solid #ccc;border-radius: 30px;margin-right:65px;}
.company .com_link ul li:nth-child(1) {background: url(../images/comicon1.png) no-repeat 30px center #e7e7e7}
.company .com_link ul li:nth-child(2) {background: url(../images/comicon2.png) no-repeat 30px center #e7e7e7}
.company .com_link ul li:nth-child(3) {background: url(../images/comicon3.png) no-repeat 30px center #e7e7e7}
.company .com_link ul li:nth-child(4) {background: url(../images/comicon4.png) no-repeat 30px center #e7e7e7}

.company .com_link ul li:nth-child(1):hover {background: url(../images/comicon1_.png) no-repeat 30px center #1B77C0}
.company .com_link ul li:nth-child(2):hover {background: url(../images/comicon2_.png) no-repeat 30px center #1B77C0}
.company .com_link ul li:nth-child(3):hover {background: url(../images/comicon3_.png) no-repeat 30px center #1B77C0}
.company .com_link ul li:nth-child(4):hover {background: url(../images/comicon4_.png) no-repeat 30px center #1B77C0}
.company .com_link ul li:hover a{color: #fff}
.company .com_bot{padding-top: 52px;}
.company .com_bot ul li{height: 105px;width: 373px;float: left;}
.company .com_bot ul li b{font-size: 16px;display: block;padding-top: 25px;color: #fff}
.company .com_bot ul li p{font-size: 16px;line-height: 220%;color: #fff}


/*case*/
.case{padding: 50px 0}
.anli_right {width: 605px;}
.anli_right ul li {float: left;margin-bottom: 9px;margin-left: 9px;overflow: hidden;}
.anli_left {overflow: hidden;background: #aaa}
.anli_left img {transition: all ease-in-out .5s;width: 594px;opacity: 0.8}
.anli_left img:hover {transition: all ease-in-out .5s;transform: scale(1.2);}
.anli_right ul li {position: relative;background: #aaa}
.anli_right ul li img {transition: all ease-in-out 1s;width: 292px;opacity: 0.8}
.anli_right ul li:hover img {transition: all ease-in-out 1s;transform: rotate(360deg);}
.anli_right ul li:hover .shadow {opacity: 1;transition: all ease-in-out .5s;}
.anli_right ul li:hover .shadow::after {transition: all ease-in-out .5s;width: 160px;}
.anli_right ul li:hover .shadow::before {transition: all ease-in-out .5s;width: 160px;}
.anli_right .shadow {position: absolute;background: rgba(0, 0, 0, .5);width: 100%;height: 100%;left: 0;top: 0;text-align: center;font-size: 16px;font-weight: bold;line-height: 219px;color: #fff;opacity: 0;transition: all ease-in-out .5s;}
.anli_right .shadow::after {position: absolute;content: '';width: 0;height: 1px;left: 50%;margin-left: -80px;background: #fff;top: 50%;margin-top: -20px;transition: all ease-in-out .5s;}
.anli_right .shadow::before {position: absolute;content: '';width: 0;height: 1px;left: 50%;margin-left: -80px;background: #fff;bottom: 30%;margin-bottom: 20px;transition: all ease-in-out .5s;}

/*youshi*/
.ys .ys_top{height: 190px;background: url(../images/advtop.jpg) no-repeat center;line-height: 120px;text-align: center;color: #FFF;font-size: 42px;letter-spacing:4px}
.ys .ys_body{height: 1163px;background: url(../images/advbg.jpg) no-repeat center;}
.ys .ys_body .yscon1{width:530px;height: 220px;padding: 60px 0 0 0}
.ys .ys_body .yscon2{width:530px;height: 220px;padding: 150px 0 0 670px}
.ys .ys_body .yscon3{width:530px;height: 220px;padding:185px 0 0 0;}
.ys .ys_body .ys_title{width: 526px;height: 78px;background: url(../images/advtitle.jpg) no-repeat center;}
.ys .ys_body .ys_title .num{width: 115px;height: 78px;line-height: 78px;font-size: 50px;padding-left: 20px;font-weight: bold;color: #fff;font-family: Arial}
.ys .ys_body .ys_title .con b{font-size: 28px;line-height: 45px;display: block;padding-top: 3px;font-weight: normal;}
.ys .ys_body .ys_title .con p{font-size: 15px;}
.ys .ys_body ul{margin-top: 35px}
.ys .ys_body ul li{list-style: square;list-style-position:inside;font-size: 17px;line-height: 35px;}

/*adv*/
.adv{height: 220px;width: 100%;background: url(../images/advimg.jpg) no-repeat center;}

/*new start*/
.news{padding: 50px 0 60px;}
.news .news-left{width:395px; float:left;}
.news .news-left dl dt{height:350px; line-height: 0; overflow: hidden;}
.news .news-left dl dt img{width:100%; transition: 1s;}
.news .news-left dl dd{padding:14px 48px 0 28px;height:153px; box-sizing: border-box;background:#1B77C0;}
.news .news-left dl dd h4{height:36px; line-height: 36px; margin-bottom: 6px;}
.news .news-left dl dd h4 a{display:block;font-size: 18px; color:#FFFFFF; font-weight: bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .news-left dl dd p{line-height: 21px;font-size: 16px; color:#FFFFFF;margin-bottom: 11px;}
.news .news-left dl dd em{display: block; width:81px; height:22px; line-height: 22px;text-align: center; border-bottom:2px solid #FFF;}
.news .news-left dl dd em a{display: block; font-size: 14px; color:#FFFFFF;}
.news .news-left:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news .news-rig{width:745px; float:right;}
.news .news-rig .news-box{height:280px}
.news .news-rig .news-box ul li{height:114px; box-sizing: border-box; margin-bottom: 14px;border-bottom:1px solid rgba(170,170,170,0.6);}
.news .news-rig .news-box ul li dl dt{width:175px; height:97px; float:right; overflow: hidden;}
.news .news-rig .news-box ul li dl dt img{width:100%; transition: 1s;}
.news .news-rig .news-box ul li dl dd{float:left;width:513px;padding-top:8px;}
.news .news-rig .news-box ul li dl dd h4{height:32px; line-height: 32px;margin-bottom: 3px;}
.news .news-rig .news-box ul li dl dd h4 a{font-size: 16px; color:#2D333F; font-weight: bold;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .news-rig .news-box ul li dl dd:hover h4 a{color: #1B77C0}
.news .news-rig .news-box ul li dl dd p{line-height: 22px; font-size: 14px; color:#7A7A7A;text-indent: 2em;}
.news .news-rig .news-bot ul li{height: 43px; line-height: 43px; border-bottom:1px dashed #e3e3e3;}
.news .news-rig .news-bot ul li em{display:block;float:left;font-size: 15px; color:#575757;padding-left:18px;background:url(../images/news-y.png) no-repeat left;height:43px;width:560px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .news-rig .news-bot ul li:hover em{color: #1B77C0}
.news .news-rig .news-bot ul li i{display:block;float:right; height:43px; line-height: 43px;font-size: 14px; color:#575757;}

/*footer start*/
.footer{background:url(../images/foot.jpg) no-repeat center top;padding-bottom: 30px}
.foot{padding-top:110px;}
.foot .ft-contact{height:133px;margin-bottom: 50px;box-sizing: border-box;background:#1B77C0;}
.foot .ft-contact ul{padding-top:18px;height:131px; box-sizing: border-box;}
.foot .ft-contact ul li{float:left;width:33.3%; height:97px; box-sizing: border-box;border-right:1px solid rgba(255,255,255,0.5);}
.foot .ft-contact ul li i{display: block;height:29px; line-height: 29px;padding-left:44px;font-size: 16px; color:#FFFFFF; font-weight: bold;margin-bottom: 9px;}
.foot .ft-contact ul li.ft1 i{background:url(../images/ft-icon1.png) no-repeat left;}
.foot .ft-contact ul li.ft2 i{background:url(../images/ft-icon2.png) no-repeat left;}
.foot .ft-contact ul li.ft3 i{background:url(../images/ft-icon3.png) no-repeat left;}
.foot .ft-contact ul li.ft1{padding:15px 0 0 39px;}
.foot .ft-contact ul li.ft2{padding:15px 0 0 80px;}
.foot .ft-contact ul li.ft3{padding:15px 0 0 84px; border-right:0;}

.foot .ft-contact ul li p{padding-left:43px;line-height: 20px;width:250px;font-size: 18px; color:#FFFFFF;}
.foot .ft-nav{margin-bottom: 22px;height:17px;}
.foot .ft-nav ul li{float:left;line-height: 16px;}
.foot .ft-nav ul li a{font-size: 17px; color:#FFFFFF;padding:0 45px; position: relative;}
.foot .ft-nav ul li a:before{width:6px; height:14px; color:#FFF;font-size: 16px; content:"/"; position: absolute; right:0;}
.foot .ft-nav ul li:last-child a:before{display: none;}
.foot .ft-lxwm{margin-bottom: 20px;padding-left: 27px}
.foot .ft-lxwm span{padding: 0 20px;color: #fff;font-size: 15px;line-height:40px}
.foot .ft-lxwm span a{color: #fff}
.foot .fl_lx{width: 980px;}
.foot .ewm{width: 110px;text-align: center;color: #fff;padding-right: 30px}
.foot .ewm p{text-align: center}