@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft Yahei",arial,helvetica,clean,sans-serif;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  
a:focus{outline:0;} 
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative} 

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  } 
/*头部开始*/  
.h_top{height: 157px; overflow: hidden;}
.h_top h1{width: 96px; height: 112px; float: left; margin-top: 20px; margin-right: 22px;}
.h_top h1 img{display: block; width: 100%;}
.h_top h2{float: left; width: 200px;font-size: 20px;font-weight: normal; line-height: 30px; color: #333; margin-top: 40px;}
.h_top h2 span{display: block;}
.h_nav{ font-size: 14px; line-height: 100px; height: 100px; padding-top: 20px;}
.h_nav a{color: #333;display: block;}
.h_nav li{float: left; margin:0 20px; }
.h_tel {padding-left: 35px; font-size: 14px; line-height: 20px; color: #333;  background: url(../images/h_icon1.gif) no-repeat left 14px;background-size: 29px 36px; margin-top: 40px;}
.h_tel span{display: block; font-size: 30px; line-height: 34px;color: #0170c1;}

.banner{height: 550px; background: url(../images/banner.jpg) no-repeat center top;background-size: 1920px 550px;}

.muren{height: 280px;}
.muren_tit{width: 181px; float: left; font-size: 14px; line-height: 24px; color: #333; margin-top: 78px;}
.muren_tit img{width:181px;height:88px;}
.muren_tit span{display: block; text-align: right;}
.muren dl{width: 298px; height:158px; float: left; margin-left: 38px; border: 1px solid #eee; margin-top: 68px;}
.muren dt{float: left; width: 101px; height: 101px; float: left;margin: 30px 22px 0 32px;}
.muren dt img{width: 101px; height: 101px; }
.muren dd{width: 138px; font-size: 14px; line-height: 22px; color: #272727; float: right; margin-top: 40px;}
.muren h3{font-size: 20px; line-height: 24px; height: 24px; color: #008ce4; margin-bottom: 6px;overflow: hidden;}
.muren p{height:22px;overflow: hidden;}
.pro{height: 656px;}
.pro .content{height: 656px;}
.pro h2{height: 100px; font-size: 36px; line-height: 56px;color: #333; text-align: center;}
.pro h2 span{display: block; height: 56px;font-weight: normal; margin-top: 6px;}
.pro h2 i{font-style: normal;}
.pro h2 em{display: block; font-size: 12px; font-family: Arial; line-height: 12px; text-transform:uppercase;}
.pro_nav{width: 210px; float: left;}
.pro_nav li{height: 53px; font-size: 18px; color: #333; line-height: 53px; padding-left: 15px; border: 1px solid #eee; border-left: 2px solid #008ce4; margin-bottom: 6px;overflow: hidden;}
.pro_nav li em{font-size: 12px; font-family: Arial; color: #bfbfbf;}
.pro_nav li.cur,.pro_nav li:hover{background: #008ce4; border-color: #008ce4; color: #fff;}
.pro_nav li.cur em,.pro_nav li:hover em{color: #43aaeb;}
.pro_con{width: 970px; float: right;}
.pro_con dl{background: #f5f5f5; overflow: hidden;}
.pro_con dt{width: 557px; height: 485px; float: left; border: 1px solid #eee; margin-right: 50px;overflow: hidden;}
.pro_con dt img{width: 557px; height: 485px;display: block;}
.pro_con dd{width: 320px; float: left; padding-top: 75px; font-size: 14px; line-height: 30px; color: #333;}
.pro_con h3{height: 50px;overflow: hidden; font-size: 20px;font-weight: normal; line-height: 50px; color: #333;border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.pro_con p{height:150px;overflow: hidden;}
.pro_tel{width: 360px; height: 230px; bottom: 0; right: 0; z-index: 222; font-size: 14px; line-height: 16px; color: #333;}
.pro_tel p{font-size: 30px; font-family: Arial; color: #008ce4; line-height: 45px;}
.pro_tel em{display: block; width: 130px; height: 36px;  font-size: 14px;line-height: 36px;}
.pro_tel em a{display: block;padding-left: 50px; color: #fff; background: url(../images/pro_icon2.jpg) no-repeat center top;background-size: 130px 36px;}

.case{height: 918px; background: #f5f5f5;}
.case h2{height: 100px; font-size: 36px; line-height: 56px;color: #333; text-align: center; padding-top: 46px;}
.case h2 span{display: block; height: 56px;font-weight: normal; margin-top: 6px;}
.case h2 i{font-style: normal;}
.case h2 em{display: block; font-size: 12px; font-family: Arial; line-height: 12px; text-transform:uppercase;}
.case_nav{height: 140px;}
.case_nav li{width: 200px;height: 117px; font-size: 18px; line-height: 24px; text-align: center; color: #333; float: left; margin-right: 50px; background: #fff;}
.case_nav li.mr_clear{margin-right: 0;}
.case_nav li span{display: block; width: 61px; height: 50px; margin: 22px auto 0; overflow: hidden;}
.case_nav li img{width: 61px; display: block;height:50px;}
.case_nav li:hover,.case_nav li.cur{border-bottom: 2px solid #008ce4}
.case_con dl{position: relative; width: 798px; height: 559px; overflow: hidden; float: left;}
.case_con dt img{width: 798px; height: 559px; }
.case_con dd{width: 474px;height: 128px; padding-left: 288px; padding-right: 36px;position: absolute; left: 0; bottom: 0; background: url(../images/tm.png); font-size: 14px; line-height: 25px; color: #fff;}
.case_con h3{height: 34px; font-size: 14px; line-height: 34px; padding-top: 18px;}
.case_con dd a{color: #fff; float: right;}
.case_img{width: 216px; height: 276px; border:3px solid #f27917; position: absolute; left: 37px; bottom: 20px;overflow: hidden;}
.case_img img{width: 216px; height: 276px;display: block;}
.case_con ul{width: 398px; float: right;}
.case_con li{position: relative; height: 278px; overflow: hidden; margin-bottom: 4px;}
.case_con li img{width: 398px; height: 278px; display: block;}
.case_con li span{display: block; height: 38px;width: 398px; font-size: 14px; text-align: center; line-height: 38px; color: #fff; position: absolute; left: 0; bottom: 0; background: url(../images/tm.png);}

.ys h2{height: 140px; padding-top: 38px; text-align: center;}
.ys h2 b{font-size: 40px;color: #008ce4;display: block;}
.ys h3{height: 130px;font-weight: normal; font-size: 24px;color: #333; line-height: 30px;}
.ys h3 span{display: block; font-size: 14px; line-height: 14px; color: #999; text-transform: uppercase; margin-bottom: 10px;}
.ys h3 b{display: block; font-size: 34px; line-height: 40px; color: #008ce4;}
.ys p{font-size: 14px; line-height: 24px; color: #555;}
.ys p span{display: block;}

.ys p em{display: block; width: 130px; height: 36px;  font-size: 14px;line-height: 36px; margin-top: 24px;}
.ys p em a{display: block;background: #f27917;text-align: center; color: #fff;}


.ys1{height: 706px;}
.ys1 dt{width:694px; float: right;}
.ys1 dt img{width: 694px;height: 413px;}
.ys1 dd{width: 475px; float: left;padding-top: 46px;}
.ys2{height: 504px; background: #f5f5f5;}
.ys2 dt{width:605px; float: left; margin-top: -26px;}
.ys2 dt img{width: 654px;height: 471px;}
.ys2 dd{width: 522px; float: right; padding-top: 108px;}
.ys3{height: 532px;}
.ys3 dt{width:654px; float: right;}
.ys3 dt img{width: 605px;height: 453px;}
.ys3 dd{width: 470px; float: left;padding-top: 102px;}
.ys4{height: 505px; background: #f5f5f5; margin-bottom: 70px;}
.ys4 dt{width:679px; float: left;}
.ys4 dt img{width: 679px;height: 505px;}
.ys4 dd{width: 470px; float: right;padding-top: 114px;}

.ban_01{height: 150px; background: url(../images/ban_02.jpg) no-repeat center top;background-size: 1200px 150px;}
.ban_01_tel{width: 230px; float: right;padding-top: 40px;}
.ban_01_tel p{height: 38px;font-size: 24px;font-family: Arial; line-height: 38px; color: #fff; padding-left: 24px; background: url(../images/ban_icon2.png) no-repeat left center;background-size: 18px 23px;}
.ban_01_tel em{display: block; width: 181px; height: 36px;  font-size: 14px;line-height: 36px; }
.ban_01_tel em a{display: block; color: #fff; background:#f27917;text-align: center;}

.about{height:613px ; background: url(../images/about_bj.jpg) no-repeat center top;}
.about h2{height: 100px; font-size: 36px; line-height: 56px;color: #333; text-align: center; padding-top: 42px;}
.about h2 span{display: block; height: 56px;font-weight: normal;  margin-top: 6px;}
.about h2 i{font-style: normal;}
.about h2 em{display: block; font-size: 12px; font-family: Arial; line-height: 12px; text-transform:uppercase;}
.about dt{width: 634px; float: right;}
.about dt img{width:634px;height:401px;}
.about dd{width: 522px; float: left;}
.about h3{height: 64px;font-size:18px; line-height: 64px; color: #333;  padding-top: 20px; margin-bottom: 15px;}
.about p{font-size: 14px; line-height: 24px; color: #333;}
.about  dd em{display: block; width: 130px; height: 36px;  font-size: 14px;line-height: 36px; margin-top: 30px; }
.about dd em a{display: block;text-align: center; color: #fff; background:#f27917;}

.gall{height: 418px; background: #f5f5f5;}
.gall h2{height: 100px; font-size: 36px; line-height: 50px;color: #333; text-align: center; padding-top: 62px;}
.gall h2 span{display: block; height: 50px;font-weight: normal; }
.gall h2 i{font-style: normal;}
.gall h2 em{display: block; font-size: 16px; font-weight: normal;  line-height: 24px; text-transform:uppercase;}
.gall li{width: 280px; height: 188px;float: left; margin-right: 26px;overflow: hidden;}
.gall li img{width: 280px; height: 188px;display: block;}
.gall li img,.case_img img,.pro_con dt img,.case_con li img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.gall li img:hover,.case_img img:hover,.pro_con dt img:hover,.case_con li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.gall_pic{overflow: hidden;}
.gall_prev{width: 30px;height: 61px; top: 64px;	left: -56px; cursor: pointer;}
.gall_next{width: 30px;height: 61px; top: 64px;	 right: -56px; cursor: pointer;}

.f_foot{height:273px;background: url(../images/f_bj2.jpg) repeat-x left top;}
.f_con{height: 220px;}
.f_con h2{width: 204px;height: 220px; float: left; background: url(../images/f_icon8.png) no-repeat right center; margin-right: 92px;}
.f_con h2 img{display: block; width: 127px;height: 148px; margin-top: 44px;}
.f_t1{width: 595px;height: 166px;  background: url(../images/f_icon8.png) no-repeat right center; padding-top: 54px;}
.f_t1 p{width:226px;height: 44px; float: left; font-size: 14px; line-height: 44px; color: #fff; padding-left:36px;}
.f_t1 p a{color: #fff;}
.f_add1{background: url(../images/f_icon1.png) no-repeat left center;background-size: 27px 27px;}
.f_add2{background: url(../images/f_icon2.png) no-repeat left center;background-size: 27px 27px;}
.f_add3{background: url(../images/f_icon3.png) no-repeat left center;background-size: 27px 27px;}
.f_add4{background: url(../images/f_icon4.png) no-repeat left center;background-size: 27px 27px;}
.f_t1 .f_add5{background: url(../images/f_icon5.png) no-repeat left center;width: 595px;background-size: 27px 27px;}
.f_ewm{width: 131px; padding-left: 88px;background: url(../images/f_icon7.png) no-repeat left 12px;background-size: 73px 108px; margin-top: 44px;}
.f_ewm p{background: url(../images/f_icon6.png) no-repeat center top; font-size: 14px; line-height: 24px;text-align: center; color: #fff; padding-top: 10px;}
.f_ewm p img{display: block; width: 109px; height: 109px; margin: 0 auto;}
.f_txt{height: 52px; font-size: 14px; color: #5f5f5f; line-height: 52px;}
.f_txt a{color: #5f5f5f;}
.f_txt em{float: right;}

.ontop{position: fixed;bottom:30px;right:30px;z-index: 9;}
.ontop img{width:80px;height:80px;}
.muren dt img,.ontop img{-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.muren dt img:hover,.ontop img:hover{-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);}