@charset "utf-8";
body {
	min-width: 1200px;
	width: 100%;
}
/**/
.yin { background: url(../images/yin_t.png) no-repeat center 0; height: 126px; margin-top: -52px; position: relative; z-index: 10; }
.yin ul li {width: 240px;float: left;background: url(../images/yin_line.gif) no-repeat 0 40px;height: 106px;line-height: 106px;overflow: hidden;font-size: 16px;color: #333;}
.yin ul li em { display: block; width: 30px; height: 30px; float: left; line-height: 0; overflow: hidden; margin: 38px 8px 0 40px; }
.yin ul li em img { width: 30px; height: 60px; -webkit-transition: all .5s; transition: all .5s; }
.yin ul li span {display: block;float: left;font-weight: bold;width: 160px;overflow: hidden;}
.yin ul li:hover em img {
	margin-top: -30px;
}
.yin ul li:hover,
.shi .shi_ul01 li:hover {
	color: #f08300;
}
.yin ul li:first-child {
	background: none;
}


/*实力践行*/

.shi_bg { background: url(../images/yin_bg.jpg) no-repeat center 0; height: 610px; margin-top: -74px; padding: 128px 0 0; }
.yin_t { font-size: 40px; color: #333; text-align: center; position: relative; height: 90px; line-height: 42px; }
.yin_t:before { content: ""; width: 18px; height: 1px; background: #000; position: absolute; top: 24px; left: 33%; }
.yin_t:after { content: ""; width: 18px; height: 1px; background: #000; position: absolute; top: 24px; right: 33%; }
.yin_t a { color: #333; }
.yin_t span { display: block; font-size: 20px; font-weight: normal; }
.shi .shi_ul01 { display: block; padding: 20px 0 0; height: 140px; }
.shi .shi_ul01 li { font-size: 16px; color: #666; height: 45px; line-height: 45px; overflow: hidden; background: url(../images/yin_ico07.png) no-repeat 20px 18px; width: 350px; float: left; padding: 0 0 0 50px; }
.ibrand-num li { float: left; width: 245px; height: 197px; position: relative; text-align: center; background: url(../images/iserve_bg.png) no-repeat; padding: 85px 0 0; font-weight: bold; margin-left: 73px; color: #2a2a36; }
.ibrand-num li:after { content: ''; position: absolute; width: 100px; height: 30px; background: url(../images/iserve_shadow.png); bottom: -30px; left: 50%; margin-left: -60px; }
.ibrand-num li:first-child { margin-left: 0; }
.ibrand-num li span { font-size: 60px; font-family: "Impact"; line-height: 66px; }
.ibrand-num li i { font-size: 16px; color: #f08300; padding-left: 5px; }
.ibrand-num li b { display: block; font-size: 18px; padding: 5px 0 0; }
.ibrand-num li.shi_li02 { background: url(../images/iserve_bg.png) no-repeat 0 -282px; color: #fff; }
.ibrand-num li.shi_li02 i { color: #fff; }

/*设备展示*/

.chanp { padding: 60px 0 80px; background: #f3f3f3; }
.chanp .yin_t { height: 106px; }
.chanp .yin_t:before { left: 38%; }
.chanp .yin_t:after { right: 38%; }
.chanp01 { width: 600px; height: 378px; background: #fff; overflow: hidden; }
.cp_t { width: 365px; height: 108px; padding: 30px 0 0 35px; }
.cp_t h3 { height: 40px; line-height: 40px; }
.cp_t h3 a { font-size: 16px; color: #333; }
.cp_t h3 em { display: inline-block; padding: 0 0 0 10px; }
.cp_t h3 em img { width: 23px; height: 23px; vertical-align: middle; }
.cp_t ul li { height: 26px; line-height: 26px; float: left; width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp_t ul li a { font-size: 14px; color: #333; }
.cp_pic { width: 600px; height: 240px; line-height: 0; }
.cp_pic img { width: 600px; height: 240px; }
.chanp01:hover { background: #00428e; }
.chanp01:hover .cp_t h3 a, .chanp01:hover .cp_t ul li a { color: #fff; }
.chanp02 { background: #fff url(./images/cp_line01.gif) repeat-y; }
.chanp03 { width: 400px; background: #fff url(./images/cp_line02.gif) repeat-x; border-right: #eee 1px solid; box-sizing: border-box; }
.chanp03 .cp_t { height: 88px; }
.chanp03 .cp_pic { width: 400px; height: 240px; line-height: 0;margin-top: 19px; }
.chanp03 .cp_pic img { width: 400px; height: 240px; }
.chanp .nobor { border-right: none; }

/*广告条*/

.ban01 { background: #dbdbdb; height: 145px; }
.ban01 em { width: 34px; height: 34px; display: block; position: absolute; top: 56px; }
.ban01 em img { width: 34px; height: 34px; }
.ban_ico01 { left: 385px; }
.ban_ico02 { left: 785px; }
.ban01_l { width: 380px; background: #f08300; height: 105px; padding: 40px 0 0 20px; }
.ban01_l ul li { font-size: 16px; color: #fff; font-weight: bold; background: url(./images/ban_ico01.png) no-repeat 6px 10px; line-height: 36px; width: 147px; float: left; padding: 0 0 0 31px; }
.ban01_c { width: 400px; background: #00428e; height: 105px; padding: 40px 0 0; font-size: 16px; color: #fff; text-align: center; line-height: 40px; }
.ban01_c b { display: block; font-size: 30px; }
.ban01_r { width: 400px; background: #f08300; height: 130px; padding: 15px 0 0; text-align: center; font-size: 14px; color: #fff; line-height: 22px; }
.ban01_r b { display: block; font-size: 20px; }
.ban01_r span { display: block; width: 100px; margin: 0 auto; padding: 10px 0 0; }
.ban01_r span a { display: block; width: 100px; text-align: center; height: 30px; line-height: 30px; font-size: 14px; color: #333; overflow: hidden; border-radius: 20px; background: #fff; }
.ban02 { background: url(../images/ban02.gif) no-repeat center 0; height: 145px; overflow: hidden; }
.ban02_l { width: 525px; padding: 30px 0 0 205px; line-height: 38px; }
.ban02_l b { display: block; font-size: 30px; color: #333; }
.ban02_l p { font-size: 16px; color: #333; padding: 0 0 0 80px; }
.ban02_l i { font-size: 24px; color: #00428e; font-weight: bold; }
.ban02 .ban01_r { background: none; color: #333; }
.ban02 .ban01_r span a { background: #f08300; color: #fff; }
.ban01_r span a:hover { background: #00428e; color: #fff; }


/*优势*/

.ys_bg { background: url(../images/ys_bg.jpg) no-repeat center 0; height: 565px; padding: 74px 0 0; overflow: hidden; }
.ys_bg .yin_t:before, .jz .yin_t:before, .about .yin_t:before { left: 36%; }
.ys_bg .yin_t:after, .jz .yin_t:after, .about .yin_t:after { right: 36%; }
.ys { width: 700px; padding: 0 0 0 500px; }
.ys_m { width: 400px; margin: 0 auto; text-align: center; padding: 40px 0 0; height: 175px; }
.ys_m dl dt { height: 90px; overflow: hidden; }
.ys_m dl dt em { width: 115px; height: 45px; padding: 0 0 10px; }
.ys_m dl dt em img { width: 115px; height: 45px; }
.ys_m dl dt b { display: block; font-size: 20px; color: #333; }
.ys_m dl dd { font-size: 14px; color: #333; line-height: 25px; height: 50px; overflow: hidden; }
.ys_bot { width: 700px; background: url(../images/ys_line.gif) repeat-x 0 9px; height: 141px; }
.ys_bot ul li { width: 175px; float: left; background: url(../images/ys_k01.png) no-repeat center 0; height: 111px; color: #333; padding: 30px 0 0; text-align: center; }
.ys_bot ul li em { display: block; width: 35px; height: 35px; line-height: 0; overflow: hidden; margin: 0 auto; }
.ys_bot ul li em img { width: 35px; height: 70px; -webkit-transition: all .5s; transition: all .5s; }
.ys_bot ul li b { display: block; font-size: 16px; line-height: 24px; padding: 8px 0 0; }
.ys_bot ul li b i { display: block; }
.ys_bot ul li:hover, .ys_bot ul li.on { background: url(../images/ys_k02.png) no-repeat center 0; color: #fff; }
.ys_bot ul li:hover em img, .ys_bot ul li.on em img { margin-top: -35px; }

/*ys2*/
.ys_bg2{height: 1535px;padding-top:50px;position: relative; background:url(./images/ys_bg2.jpg) no-repeat center top;}
.ys2 .t_h2{margin-bottom: 37px;}
.ys2 .ys_dl {padding-top:40px;}
.ys2 dl{width: 1200px; height: 350px;}
.ys2 dt{float: left;}
.ys2 dt img{width: 600px; height: 350px;}
.ys2 dd{float: right;width:537px; padding-top: 54px;}
.ys2 dd h3{margin-bottom: 30px; font-size: 30px; color: #333; font-weight: normal; line-height: 50px;  }
.ys2 dd h3 img{float: left; width: 50px; height: 60px; margin-right: 16px; font-weight: bold;}
.ys2 dd h3 b{}
.ys2 dd p{line-height:35px; color: #666; font-size: 16px;}
.ys2 dd p em{ margin:9px 12px 0 6px;text-align: center; color: #999; width: 18px; height: 18px; float: left; line-height: 18px; font-size: 14px; font-family: Arial; background:url(../images/ys_ic.gif) no-repeat left 0px;}
.ys2 dd p i{color: #f08300;}
.ys_dl2 dt,.ys_dl4 dt{float: right;}
.ys_dl2 dd,.ys_dl4 dd{float: left;}

.ys_dl4 dd{padding-top: 105px;}

/*客户见证*/

.jz_bg { background: url(../images/jz_bg.jpg) no-repeat center 0; height: 410px; padding: 140px 0 0; overflow: hidden; }
.yin_t b { color: #00428e; }
.jz_t { display: block; font-size: 48px; color: #fff; font-family: "DINOT"; width: 260px; height: 160px; background: #00428e; position: absolute; top: -44px; left: 18px; line-height: 44px; padding: 40px 0 0 40px; z-index: 20; }
.jz_t i { display: block; }
 .jz_m { padding: 48px 0 0; }
.jz_m dl { width: 1164px; height: 225px; background: #fff; padding: 18px; }
.jz_m dl dt { width: 300px; height: 225px; float: left; overflow: hidden; line-height: 0; }
.jz_m dl dt img { width: 300px; height: 225px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.jz_m dl dt img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.jz_m dl dd { width: 740px; float: left; padding: 25px 0 0 70px; }
.jz_m dl dd h5 { height: 35px; line-height: 35px; overflow: hidden; }
.jz_m dl dd h5 a { font-size: 20px; color: #333; font-weight: normal; }
.jz_m dl dd h5 a:hover, .jz_m dl dd span a:hover { color: #00428e; }
.jz_m dl dd em { display: block; font-size: 16px; color: #333; height: 25px; line-height: 25px; overflow: hidden; padding: 5px 0 0; }
.jz_m .jz_desc { font-size: 14px; color: #666; line-height: 25px; height: 50px; overflow: hidden; padding: 10px 0 0; }
.jz_m dl dd span { display: block; padding: 20px 0 0; }
.jz_m dl dd span a { font-size: 14px; color: #333; text-transform: uppercase; }
.jz_btn { width: 128px; height: 46px; position: absolute; top: 12px; right: 0; z-index: 20; }
.jz_btn a { display: block; width: 46px; height: 46px; margin-left: 18px; float: left; }
.jz_btn .jz_lico { background: url(../images/jz_lico01.png) no-repeat; }
.jz_btn .jz_lico:hover { background: url(../images/jz_lico02.png) no-repeat; }
.jz_btn .jz_rico { background: url(../images/jz_rico01.png) no-repeat; }
.jz_btn .jz_rico:hover { background: url(../images/jz_rico02.png) no-repeat; }


/*合作客户*/

.hz { background: url(../images/hz_bg.jpg) no-repeat center 0; height: 366px; overflow: hidden; }
.hz ul li { width: 210px; height: 118px; float: left; position: relative; line-height: 0; margin-top: 30px; margin-left: 35px; overflow: hidden; border: 1px solid #eee; }
.hz ul li img { width: 210px; height: 118px; }
.hz ul li a { width: 190px; height: 0; display: block; position: absolute; bottom: 0; left: 0; font-size: 14px; color: #fff; background: rgba(0, 66, 142, 0.9); text-align: center; line-height: 118px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; transition: height .3s; -moz-transition: height .3s; /* Firefox 4 */ -webkit-transition: height .3s; /* Safari and Chrome */ -o-transition: height .3s; /* Opera */ }
.hz ul li:hover a { height: 118px; }
.hz .nobor, .hz ul li:first-child { margin-left: 0; }
/*品牌坚守*/

.pinz { background: url(../images/pinz_bg.jpg) no-repeat center 0; height: 700px; overflow: hidden; padding: 90px 0 0; }
.pinz .yin_t { color: #fff; height: 127px; }
.pinz .yin_t:before { left: 32%; background: #fff; }
.pinz .yin_t:after { right: 32%; background: #fff; }
.pinz01 { width: 234px; height: 444px; position: relative; float: left; margin-right: 7px; overflow: hidden; }
.pinz01 dl { width: 234px; height: 444px; overflow: hidden; text-align: center; }
.pinz01 dl dt { width: 234px; height: 212px; line-height: 0; }
.pinz01 dl dt img { width: 234px; height: 212px; }
.pinz01 dl dd { width: 234px; height: 190px; background: #fff; position: absolute; padding: 42px 0 0; }
.pinz01 dl dd em { display: block; width: 68px; height: 68px; position: absolute; top: -34px; left: 84px; }
.pinz01 dl dd em img, .pin01_m em img { width: 68px; height: 68px; }
.pinz01 dl dd h5, .pin01_m h5 { font-size: 18px; color: #333; height: 50px; line-height: 50px; overflow: hidden; background: url(../images/pinz_line01.gif) no-repeat center 49px; }
.pinz01 dl dd p, .pin01_m p { font-size: 14px; color: #666; line-height: 25px; padding: 10px 0 0; height: 75px; overflow: hidden; }
.pinz01 dl dd p i, .pin01_m p i { display: block; }
.pinz01:hover dd { display: none; }
.pinz .nobor { margin-right: 0; }
.pin01_m { width: 234px; height: 0; position: absolute; bottom: 0; left: 0; overflow: hidden; text-align: center; background: rgba(246, 129, 0, 0.9); transition: height .5s; -moz-transition: height .5s; /* Firefox 4 */ -webkit-transition: height .5s; /* Safari and Chrome */ -o-transition: height .5s; /* Opera */ }
.pin01_m em { display: block; width: 68px; height: 68px; margin: 0 auto; padding: 110px 0 0; }
.pin01_m h5 { color: #fff; background: url(../images/pinz_line02.gif) no-repeat center 49px; }
.pin01_m p { color: #fff; }
.pinz01:hover .pin01_m { height: 444px; }

/**/

.news_bg { /*background: url(../images/news_bg.jpg) no-repeat center 0;*/ height: 692px; overflow: hidden; padding: 70px 0 0; }
.news .yin_t { height: 112px; }
.news .yin_t:before { left: 38%; }
.news .yin_t:after { right: 38%; }
.news_t { width: 210px; height: 466px; background: #f0f0f0; padding: 14px 0 0; text-align: center; overflow: hidden; font-size: 14px; color: #333; }
.news_t p { width: 183px; height: 244px; margin: 0 auto; }
.news_t p img { width: 183px; height: 244px; }
.news_t em { width: 27px; height: 27px; display: block; margin: 0 auto; padding: 35px 0 0; }
.news_t em img { width: 27px; height: 27px; }
.news_t i { display: block; font-family: Arial, Helvetica, sans-serif; padding: 5px 0; font-weight: bold; text-transform: uppercase; }
.news_t b { font-family: Arial, Helvetica, sans-serif; display: block; font-size: 20px; color: #272d3b; line-height: 24px; }
.news_t span { display: block; width: 112px; margin: 0 auto; padding: 10px 0 0; }
.news_t span a { display: block; font-size: 14px; color: #fff; background: url(../images/news_btn.gif) no-repeat; width: 112px; height: 35px; text-align: center; line-height: 35px; overflow: hidden; }
.news_t span a:hover { animation: shake 1.5s linear; -webkit-animation: shake 1.5s linear; }
.news_bt { height: 70px; line-height: 60px; overflow: hidden; font-weight: normal; text-transform: uppercase; }
.news_bt a, .wd_t a { font-size: 20px; color: #333; }
.news_bt a:hover, .news_l dl dd a:hover, .news_c ul li a:hover, .wd_t a:hover, .about dl dd h5 a:hover { color: #f08300; }
.news_bt em { font-size: 14px; color: #333; padding: 0 0 0 15px; }
.news_bt span, .wd_t span { float: right; }
.news_bt span a, .wd_t span a { font-size: 14px; color: #666; }
.news_c { width: 506px; background: url(../images/news_line.gif) no-repeat 45px 0; padding: 0 45px 0 90px; height: 480px; overflow: hidden; }
.news_pic { width: 506px; height: 284px; overflow: hidden; margin-bottom: 30px; }
.news_pic img { width: 506px; height: 284px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.news_pic img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.news_c ul li { width: 508px; height: 46px; line-height: 46px; overflow: hidden; border-bottom: #d6d6d6 1px dashed; }
.news_c ul li a { width: 400px; font-size: 14px; color: #000; display: block; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_c ul li span { float: right; font-size: 14px; color: #7b7b7b; display: block; width: 100px; text-align: right; }
.news_l { width: 300px; height: 480px; overflow: hidden; background: url(../images/news_line.gif) no-repeat; padding: 0 0 0 45px; }
.wd_t { height: 70px; line-height: 60px; background: url(../images/wd_ico.gif) no-repeat 0 16px; text-transform: uppercase; color: #333; font-size: 20px; font-weight: normal; }
.wd_t a { padding: 0 0 0 40px; }
.wd_m { height: 400px; overflow: hidden; }
.news_l dl { width: 300px; padding: 0 0 26px; }
.news_l dl dt { width: 300px; height: 60px; overflow: hidden; }
.news_l dl dt a { display: block; padding: 0 20px 0 75px; width: 205px; background: url(../images/wen02.gif) no-repeat; font-size: 14px; color: #333; height: 60px; line-height: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_l dl dt a:hover { color: #f08300; }
.news_l dl dd { background: url(../images/da.gif) no-repeat; width: 180px; height: 50px; overflow: hidden; margin: 25px 0 0; font-size: 14px; color: #333; padding: 10px 80PX 0 40px; line-height: 20px; }


/*关于*/
.probox .til01{font-size:38px;}
.til01 p{display: block;font-size:20px;line-height:34px;}
.til01 a{color: #fff;}
.til01{text-align: center;font-size:40px;line-height:52px;font-family: "Microsoft Yahei";clear: both;display: block;height:136px;white-space: nowrap;font-weight: normal;background:url(../images/tilbg1.png) no-repeat center 30px;}
.about{font-family:"Microsoft Yahei";line-height:30px;color: #7d7d7d;height:894px;background:url(../images/aboutbg.jpg) no-repeat center 0;padding: 54px 0 0;text-align: center;}
.about_c{background: #f3f4f6;padding: 6px;display: block;}
.about_p,.about_p img{width:1188px;height:500px;display: block;overflow: hidden;}
.about_w{padding: 10px 30px 0;height: 210px;}
.about_w h3{height:74px;font-size: 30px;line-height: 74px;color: #00428e;}
.about_w a,.new_c dd p a,.faq_c dd p a{display: inline-block;color: #00428e;}

/*风采展示*/
.show{height:417px;position: relative;overflow:hidden;}
.show_t{text-align: center;height: 90px;line-height: 41px;font-size: 20px;color: #fff;}
.show_t span{width: 141px; height: 41px;border-radius: 20px;display: inline-block;background: #7e7e7e;}
.show_t span a{display: inline-block;color:#fff;}
.show_t span:nth-child(2){margin-left: 30px;}
.show_t span.cur{background: #00428e;position: relative;}
.show_t span.cur:before{content: "";position: absolute;width: 0;height: 0;border-top:8px solid #00428e;border-left:8px solid transparent;border-right:8px solid transparent;top: 41px;left: 50%;margin-left: -8px;}
.show_hon,.show_fc{width:1088px;overflow: hidden;}
.show_c1,.show_c2{position: relative;height: 400px;padding: 0 56px;}
.show_c1 li{width:164px;float: left;margin:0 0 0 30px;background:url(../images/hon_pbg.jpg) no-repeat center 0;padding: 11px;}
.show_c2 li{width:320px;float: left;margin:0 0 0 30px;}
.show_c1 li p,.show_c1 li p img{width:164px;height: 227px;display: block;overflow: hidden;}
.show_c2 li p,.show_c2 li p img{width:320px;height:180px;display: block;overflow: hidden;}
.show_c1 li span{height:40px;display: block;overflow: hidden;text-align: center;line-height:40px;background:url(../images/hon_lbg.gif) no-repeat center 0;margin-top: 10px;}
.show_c2 li span{height:40px;display: block;overflow: hidden;text-align: center;line-height:40px;;}
.show_c1 li span a,.show_c2 li span a{display: block;color: #5b5b5b;}

.prev1,.next1,.prev3,.next3,.prev2,.next2{width:42px;height:45px;display: block;overflow: hidden;top:67px;right:-18px;z-index: 9;cursor: pointer;}
.prev1{left:-18px;}
.prev3,.next3,.prev2,.next2{top:79px;right: 0;}
.prev3,.prev2{left: 0;}

#scrolltop{ 
    display:none;
    position: fixed;
    right: 0px;
    top: 80%;
    z-index: 900;  
    background: #00428e;
    width: 97px;
    height: 53px;
    padding: 9px 0 0;
   
}
#scrolltop i {
    background: url(../images/fx.png) no-repeat;
    display: block;
    margin: 0px auto;
    text-align: center;
	
    width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
}
#scrolltop p {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}
/**/

@-webkit-keyframes shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
	}
	20%,
	60% {
		-webkit-transform: translate3d(-10px, 0, 0);
	}
	40%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {
	from,
	to {
		transform: translate3d(0, 0, 0);
	}
	20%,
	60% {
		transform: translate3d(-10px, 0, 0);
	}
	40%,
	80% {
		transform: translate3d(10px, 0, 0);
	}
}


/**/
.yzbj { height: 420px; }
.yz { padding-top: 60px; }
.yz .yt { width: 714px; float: left; padding-top: 46px; }
.yz .yt span { display: block; font-size: 40px; color: #333333; width: 160px; font-weight: bold; line-height: 40px; padding-top: 23px; padding-right: 147px; background: url(../images/yztbj.png) no-repeat right top; margin-bottom: 43px; }
.yz .yt em { display: block; font-size: 18px; color: #00428e; font-weight: bold; margin-bottom: 19px; }
.yz .yt p { font-size: 14px; width: 714px; color: #666666; }
.yz strong { display: block; width: 435px; height: 282px; float: right; position: relative; }
.yz strong img { width: 435px; height: 282px; z-index: 100; position: relative; }
.yz strong:before { width: 363px; height: 240px; background: #00428e; content: ""; position: absolute; right: -19px; bottom: -18px; z-index: 50; }
.top_bg { height: 176px; background: url(../images/top_bg.gif) repeat-x; position: relative; z-index: 20; }
.header { width: 1200px; margin: 0 auto; }
.header .isear { right: 5px; position: absolute; top: 135px; width: 25px; height: 25px; z-index: 20; }
.header .isear .icon { display: block; width: 25px; height: 25px; background: url(../images/s_so.gif) no-repeat 50% 50%; cursor: pointer; -webkit-transition: transform .3s; transition: transform .3s; float: right; }
.header .isear .icon:hover { -webkit-transform: translate(-10px, 0); transform: translate(10px, 0); }
.header .isearch { position: absolute; right: 0; top: 41px; padding: 5px; background-color: #f3f3f3; width: 295px; height: 30px; border-radius: 5px; opacity: 0; visibility: hidden; z-index: 5; transform-origin: 100% 0; -webkit-transform-origin: 100% 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all .5s; transition: all .5s; }
.header .isearch .ser_inp { display: block; float: left; width: 204px; height: 16px; line-height: 16px; padding: 7px 10px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; position: relative; border: none; }
.header .isearch .ser_so { cursor: pointer; display: block; float: left; width: 70px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; background-color: #f08300; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: relative; color: #fff; border: none; }
.header .isearch:before { content: ''; position: absolute; display: block; border: 5px solid transparent; border-right: 7px solid #f08300; z-index: 3; right: 75px; top: 16px; }
.header .isear.open .isearch { opacity: 1; visibility: visible; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.header .isear .icon:hover { -webkit-animation: hvr-buzz-out 0.75s linear; animation: hvr-buzz-out 0.75s linear; }
input::-webkit-input-placeholder { color: #666; }
.h_con { height: 96px; padding: 20px 0 0; overflow: hidden; }
.h_con h1 { float: left; width: 219px; padding: 0 32px 0 0; }
.h_con h1 img { width:219px; height: 70px; }
.h_con .h_dw { float: left; padding: 5px 0 0; font-size: 16px; color: #333; line-height: 34px; width: 700px; }
.h_dw b { display: block; font-size: 26px; }
.h_dw i { color: #f08300; }
.h_tel { float: left; padding: 0px 0 0 60px; font-size: 14px; color: #333; line-height: 28px; background: url(../images/tel.gif) no-repeat 0 13px; }
.h_tel b { display: block; font-size: 24px; }
.h_code { width: 110px; float: right; line-height: 0; }
.h_code b { display: block; font-size: 12px; color: #666; float: left; width: 20px; text-align: center; line-height: 14px; font-weight: normal; }
.h_code span { float: right; width: 80px; height: 80px; }
.h_code span img { display: block; width: 80px; height: 80px; }
.h_nav { height: 60px; line-height: 60px; }
.h_nav em { width: 16px; height: 16px; display: block; line-height: 0; position: absolute; top: 23px; left: 5px; z-index: 20; }
.h_nav em img { width: 16px; height: 16px; }
.h_nav li { height: 60px; float: left; background: url(../images/nav_bor.gif) no-repeat right 24px; padding: 0 50px; position: relative; }
.h_nav li a { font-size: 17px; color: #333; display: block; float: left; position: relative; vertical-align: middle; text-align: center; height: 60px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; }
.h_nav li a:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #f08300; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.h_nav li a:hover:before, .h_nav li a:focus:before, .h_nav li a:active:before { right: 0; }
.h_nav li.cur a { background: url(../images/nav_line.gif) repeat-x 0 bottom; color: #f08300; }
.h_nav li a:hover { color: #f08300; }
.h_nav .nobor { background: none; }
em, i { font-style: normal; }

        .sub { position: absolute; left: -9px; top: 59px; display: none; /*border-top: 3px solid #005dca;*/ background: #fff; width: 132px; padding: 0 15px; }
        .sub:before { content: ""; position: absolute; background: url(../images/nav2ico.png) no-repeat; width: 18px; height: 9px; left: 45px; top: -9px; }
        .sub li { height: 40px; line-height: 40px; border-bottom: 1px solid #e4e4e4; font-size: 14px; color: #333333; float: none; width: 100%; padding: 0; background: none; }
        .sub li a { color: #333333; font-weight: normal; padding: 0; display: block; height: 40px; line-height: 40px; float: none; }
        .sub li a:hover { font-weight: normal; color: #333333; }
        .h_nav .cur .sub li a { color: #333333; font-weight: normal; padding: 0; }
        .h_nav .cur .sub li a:hover { color: #333333; }
		
		
		.sub2 { position: absolute; left: 132px; top: 0px; display: none; /*border-top: 3px solid #005dca;*/ background: #fff; width: 132px; padding: 0 15px; }
        .sub2:before { content: ""; position: absolute; background: url(../images/nav2ico.png) no-repeat; width: 18px; height: 9px; left: 45px; top: -9px; }
        .sub2 dd { height: 40px; line-height: 40px; border-bottom: 1px solid #e4e4e4; font-size: 14px; color: #333333; float: none; width: 100%; padding: 0; background: none; }
        .sub2 dd a { color: #333333; font-weight: normal; padding: 0; display: block; height: 40px; line-height: 40px; float: none; }
        .sub2 dd a:hover { font-weight: normal; color: #333333; }
        .h_nav .cur .sub dd a { color: #333333; font-weight: normal; padding: 0; }
        .h_nav .cur .sub dd a:hover { color: #333333; }
/*底部开始*/

 			 .footer{height:317px; background:url(../images/foot.jpg) repeat-x center;}
		   .foot{padding-top:2px;}
		   .foot .ftlogo{width:224px; height:204px; float:left;padding-top:72px;background:#FFF; margin-right: 72px;}
		   .foot .ftlogo p{width:173px; height:91px;margin:0 auto 20px;}
		   .foot .ftlogo p img{width:173px; height:91px;}
		   .foot .ftlogo span{display: block; height:40px; text-align: center; font-size: 14px;color:#666666;}
		   .foot .ftnav{height:55px;padding-top:15px;float:left; margin-bottom: 2px;}
		   .foot .ftnav ul{width:865px; height:55px; position: relative;}
		   .foot .ftnav ul:before{width:865px; height:1px; background:#FFF; opacity: 0.2; content:""; position: absolute; left:0; bottom:0;}
		   .foot .ftnav li{float:left; height:55px; line-height: 55px;}
		   .foot .ftnav li a{font-size: 16px; color:#FFF;padding:0 26px;}
		   .foot .gsxx{padding-left:20px;width:370px;float:left;}
		   .foot .gsxx ul li{padding-left:38px;margin-top: 22px; font-size: 14px; height:17px; line-height: 17px;  color:#FFF;}
		   .foot .gsxx ul li.db1{background:url(../images/db1.png) no-repeat left;}
		   .foot .gsxx ul li.db2{background:url(../images/db2.png) no-repeat left;}
		   .foot .gsxx ul li.db3{background:url(../images/db3.png) no-repeat left;}
		   .foot .gsxx ul li.db4{background:url(../images/db4.png) no-repeat left;}
		   .foot .ewm{width:400px; float:right;margin-right: 43px;margin-top: 26px;}
		   .foot .ewm span{display: block; margin-right: 26px; width:106px;float:left;}
		    .foot .ewm span em{display:block;width:80px;height:80px; background:url(../images/ewmbj.png) no-repeat center;padding:13px;}
		   .foot .ewm span em img{width:80px; height:80px;}
		   .foot .ewm span i{display: block;font-size: 14px; color:#FFFEFE; height:40px; line-height: 40px; text-align: center; font-style:normal;}
		   .foot .link{height:39px;}
		   .foot .link span{display: block; height:39px; line-height: 39px;width:600px; float:left;}
		   .foot .link span a{display: block; float:left;font-size: 14px; color:#666666; margin-right: 42px;}
		   .foot .link strong{display: block; float:right; height:30px; line-height: 30px; font-weight: normal; margin-right: 70px;}
		   .foot .link strong em{display: block;float:left;font-size: 14px; color:#666666; margin-left: 37px; font-style:normal;}
		   .foot .link strong em a{font-size: 14px; color:#666666;font-style:normal;}

/*友情链接*/

.f_link { height: auto; line-height: 70px; overflow: hidden; width: 1200px; margin: 0 auto; }
.f_link b { display: block; float: left; font-size: 14px; color: #333; width: 80px; }  
.f_link p { font-size: 14px; color: #333; float: left; width: 1120px; }
.f_link p a { font-size: 14px; color: #333; padding: 0 10px 0 0; }
.f_nav h3 a { color: #fff; }

/*工程案例*/
.faalbj{height:870px;}
.faal{/*padding-top:77px;*/}
.faal h3{text-align: center; margin-bottom: 39px;}
.faal h3 span{display: block; width:423px; height:40px; line-height: 40px;  font-weight:bold;margin:0 auto 13px; font-size: 40px; color:#333333;padding:0 131px; position: relative;}
.faal h3 span:before{width:100px; height:7px;background:url(../images/xt1.png) no-repeat center; content:""; position: absolute; left:0; bottom:15px;}
.faal h3 span:after{width:100px; height:7px;background:url(../images/xt2.png) no-repeat center; content:""; position: absolute; right:0; bottom:15px;}
.faal h3 i{display: block;font-size: 16px; line-height: 16px; color:#666666;    font-weight: normal;}
.faal .fanav{width:189px; height:416px; float:left;background:#f4f2f2;}
.faal .fanav ul li{height:58px; line-height: 58px;padding-left:47px; border-bottom:1px solid #d0cece;transition: all 0.3s linear; position: relative;}
.faal .fanav ul li em{display: block;font-size: 14px; height:60px; line-height: 60px;padding-left:30px;}
.faal .fanav ul li .fa1{background:url(../images/fa1.png) no-repeat left;}
.faal .fanav ul li .fa2{background:url(../images/fa2.png) no-repeat left;}
.faal .fanav ul li .fa3{background:url(../images/fa3.png) no-repeat left;}
.faal .fanav ul li .fa4{background:url(../images/fa4.png) no-repeat left;}
.faal .fanav ul li .fa5{background:url(../images/fa5.png) no-repeat left;}
.faal .fanav ul li .fa6{background:url(../images/fa6.png) no-repeat left;}
.faal .fanav ul li .fa7{background:url(../images/fa7.png) no-repeat left;}
.faal .fanav ul li i{display: none;width: 0;height: 0;border-width: 8px;border-style: solid;border-color: transparent transparent transparent #17494a; position: absolute; top:21px; right:-16px;z-index: 100;}
.faal .fanav span{display: block;height:60px; line-height: 60px;padding-left:47px; }
.faal .fanav span em{display: block;background:url(../images/fa8.png) no-repeat left;font-size: 14px; height:60px; line-height: 60px;padding-left:30px;}
.faal .fanav ul li.cur{height:59px; border-bottom:0;background:#00428e; line-height: 59px;}
.faal .fanav ul li.cur em{color:#FFF;height:59px;  -webkit-filter:brightness(2000);  filter: brightness(2000);line-height: 59px; }
.faal .fanav ul li.cur i{display: block;      }
.faal .fanav span:hover{background:#f68100;}
.faal .fanav span:hover em{color:#FFF;-webkit-filter:brightness(2000);  filter: brightness(2000);}
.faal .ys_box{width:1011px;float:right;}
.faal dl{float:left;width:1010px;}
.faal dl dt{width:648px; height:416px;float:left;}
.faal dl dt img{width:648px; height:416px;}
.faal dl dd{width:362px;height:416px;float:left;background:#EEEEEE;}
.faal dl dd span{display: block; padding-top:71px; margin-left: 26px; height:50px; line-height: 20px; position: relative; margin-bottom: 30px; }
.faal dl dd span:before{width:100px; height:1px; background:#f68100;content:"";position: absolute;bottom:0; left:0;}
.faal dl dd span a{font-size: 20px; font-weight: bold; color:#00428e;}
.faal dl dd p{width:308px; height:87px; padding-left:26px;font-size: 14px; color:#666666; margin-bottom: 58px;}
.faal dl dd strong{display: block;padding-left:91px;font-weight: normal;font-size: 18px; color:#666666;background:url(../images/ph.png) no-repeat left;}
.faal dl dd strong i{display: block; font-size: 20px; line-height: 20px; font-weight: bold;}
.faal .faqh{height:310px;margin-top: 39px; overflow: hidden;}
.faal .faqh ul{height:310px;}
.faal .faqh ul li{float:left;width:385px; height:238px;position: relative;margin-right: 23px;}
.faal .faqh ul li span{display: block; width:385px; height:238px; }
.faal .faqh ul li span img{width:385px; height:238px;}
.faal .faqh ul li i{display: block; height:52px; line-height: 52px; text-align: center; font-size: 14px; color:#333333;}
.faal .faqh ul li .xs{display:none;width:385px; height:169px;padding-top:69px;background:url(../images/wzbj.png) no-repeat center; position: absolute;top:0; left:0;}
.faal .faqh ul li .xs em{display: block; text-align: center; font-weight: bold; font-size: 18px; color:#FEFEFE; height:40px; margin-bottom: 18px;background:url(../images/xt5.jpg) no-repeat bottom center;}
.faal .faqh ul li .xs p{text-align: center; font-size: 14px; color:#FEFEFE;width:293px; height:38px;margin:0 auto;}
.faal .faqh ul li .xs p a{color:#f68100;}
.faal .faqh ul li:hover .xs{display: block;}
.faal .qh{position: relative;}
.faal .qh .jt i{display: block; width:19px; height:34px;}
.faal .qh .jt .prev{background:url(../images/prev.png) no-repeat center; position: absolute; top:106px; left:-44px;}
.faal .qh .jt .next{background:url(../images/next.png) no-repeat center; position: absolute; top:106px; right:-44px;}