@charset "utf-8";



body{min-width: 1200px; width: 100%;}


/**/
.cp_bg{background: #fff;}
.cp_tit{font-size: 40px;color: #000;text-align: center;height: 160px;line-height: 46px;overflow: hidden;}
.cp_tit a{color: #000;}
.cp_tit span{display: block;font-size: 22px;font-weight: normal;}


.cp01{background:url(../images/1427211da968446699ab96bafe40a8d4_2.jpg) no-repeat center 0;overflow: hidden;padding: 40px 0 30px 0px;;}
.cp02{/*{background:url(../images/d652d620aab947c5b02fa33be7aaec0f_2.jpg) no-repeat center 0;*/ overflow: hidden;background-size:100%; background:#f7f7f7; padding: 40px 0  30px 0px;}
.cp01_l{width: 450px;}
.cp01_l h3{height: 100px;line-height: 120px;overflow: hidden;background:url(../images/cp_line01.gif) no-repeat;}
.cp01_l h3 a{font-size: 44px;color: #fff;}
.cp01_l ul{display: inline-block;width: 350px;padding: 0 0 20px;}
.cp01_l ul li{font-size: 16px;color: #fff;float: left;height: 40px;line-height: 40px;overflow: hidden;padding: 0 20px 0 0;}
.cp01_l ul li em{width: 22px;height: 22px;display: block;float: left;line-height: 0;padding: 10px 5px 0 0;}
.cp01_l ul li em img{width: 22px;height: 22px;}
.cp01_l .cp_btn01{display: block;font-size: 16px;color: #fff;text-transform: uppercase;width: 200px;text-align: center;height: 40px;line-height: 40px;overflow: hidden;border: #fff 1px solid;}
.cp01_l .cp_btn01:hover,.ys_m dl dd span a:hover,.ab_l span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.cp01_r{width: 738px;}
.cp01_t{height: 100px;line-height: 100px;overflow: hidden;}
.cp01_t ul li{float: left;padding: 0 0 0 20px;}
.cp01_t ul li a{font-size: 16px;color: #282828;font-weight: bold;}
.cp01_t ul li i{color: #939393;padding: 0 7px 0 0;}
.cp01_t ul li a:hover,.cp01_bot ul li:hover span,.cp04 ul li:hover span{color: #e72626;}
.cp01_bot ul li{width: 226px;float: left;padding: 0 0 0 20px;}
.cp01_bot ul li em{width: 224px;height: 224px;display: block;line-height: 0;overflow: hidden;border: #dfdfdf 1px solid;}
.cp01_bot ul li em img,.cp03 ul li em img,.cp04 ul li em img,.ys_m dl dt img,.case_r dl dt img,.shi_r p img,.news dt img,.photo_r ul li em img{width: 224px;height: 224px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp01_bot ul li em img:hover,.cp03 ul li em img:hover,.cp04 ul li em img:hover,.ys_m dl dt img:hover,.case_r dl dt img:hover,.shi_r p img:hover,.news dt img:hover,.photo_r ul li em img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp01_bot ul li span,.cp04 ul li span{display: block;font-size: 16px;color: #666;width: 156px;height: 40px;line-height: 40px;background:url(../images/cp_ico09.png) no-repeat right 10px;padding: 0 50px 0 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin:5px 10px 0 0;}
.cp02 .cp01_l{width: 400px;}
.cp01 .cp01_l h3{background:url(../images/cp_line02.gif) no-repeat;}
.cp02 .cp01_l h3 a,.cp02 .cp01_l ul li{color: #111;}
.cp02 .cp01_l .cp_btn01{color: #111;border: #111 1px solid;}
.cp02 .cp01_t{height: 114px;line-height: 130px;overflow: hidden;}
.cp02 .cp01_t ul li,.cp02 .cp01_bot ul li{padding: 0 20px 0 0;}

.cp03{padding: 80px 0 60px;}
.cp03 ul li{width: 587px;float: left;margin-left: 25px;position: relative;}
.cp03 ul li em{width: 587px;height: 286px;display: block;line-height: 0;overflow: hidden;}
.cp03 ul li em img{width: 587px;height: 286px;}
.cp03 ul li span{display: block;font-size: 40px;color: #fff;font-weight: bold;position: absolute;bottom: 25px;left: 25px;height: 50px;line-height: 50px;}
.cp03 ul li:first-child{margin-left: 0;}

.cp04_t{height: 45px;line-height: 45px;overflow: hidden;margin-bottom: 30px;background:url(../images/cp_line03.gif) no-repeat;padding-left: 20px;}
.cp04_t a{font-size: 28px;color: #282828;font-weight: bold;}
.cp04_t span{display: block;float: right;width: 160px;text-align: center;height: 40px;line-height: 40px;overflow: hidden;border: #000 1px solid;}
.cp04_t span a{font-size: 20px;display: block;}
.cp04 ul li{width: 288px;float: left;margin: 0 0 0 15px;}
.cp04 ul li em{width: 286px;height: 286px;display: block;line-height: 0;overflow: hidden;border: #dfdfdf 1px solid;}
.cp04 ul li em img{width: 286px;height: 286px;}
.cp04 ul li span{width: 218px;}
.cp04 ul li:first-child{margin: 0;}

/**/

.five{background: #f7f7f7;padding: 80px 0 60px;}

.five_t{font-size: 40px;color: #333;height: 70px;line-height: 70px;overflow: hidden;background:url(../images/hz_line.gif) no-repeat 0 22px;padding: 0 0 0 15px;}

.five_t b{color: #015297;}

.five_t span{float: right;font-size: 60px;color: #e2e2e2;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}

.five ul li{color: #333;font-size: 18px;width: 239px;height: 175px;float: left;background: #fff;padding: 32px 0 20px;;text-align: center;line-height: 30px;margin-top: 40px;border-left: #eae9ed 1px solid;position: relative;}

.five ul li em{display: block;width: 55px;height: 50px;line-height: 0;overflow: hidden;margin: 0 auto 15px;}

.five ul li em img{width: 55px;height: 100px;-webkit-transition:all .5s;transition:all .5s;}

.five ul li b{font-size: 23px;display: block;position: relative;}

.five ul li b:before{content: "";width: 10px;height: 1px;background: #333;position: absolute;top: 50%;left: 23%;}

.five ul li b:after{content: "";width: 10px;height: 1px;background: #333;position: absolute;top: 50%;right: 23%;}

.five ul li span{display: block;    font-size: 14px;
    width: 185px;
    margin: 0 auto;
    margin-top: 11px;
    line-height: 25px;}

.five ul li:hover{color: #015297;}

.five ul li:hover:before{content: "";width: 239px;height: 220px;position: absolute;top: 0;left: 0;box-shadow: 0 3px 10px 3px #ccc;z-index: 2;}

.five ul li:hover em img{margin-top: -50px;}

.five ul li:first-child{border: none;}

.five ul li:hover b:before,.five ul li:hover b:after{background: #015297;}

.five .five_li02 b:before{left: 15%;}

.five .five_li02 b:after{right: 15%;}
/*标题通用样式*/
.title{text-align: center;}
.title span{display: block;font-family: "MStiffHeiPRC","Microsoft Yahei";font-size: 40px;color: #282828;height: 54px;line-height: 54px;}
.title span i{color: #0155ab;font-weight: bold;}
.title em{display: block;font-family: "思源黑体 CN","Microsoft YaHei";font-size: 28px;color: #000;height: 40px;line-height: 40px;margin: 5px 0 15px;letter-spacing: 5px;text-transform: uppercase;}
.title em i{color: #0155ab;font-weight: bold;}
.title b{display: block;width: 65px;height: 2px;background-color: #333;margin: 0 auto;}




/*==首页产品↓==*/
.ProductHome{margin: 50px 0 80px 0; /*background: #f4f4f4;*/padding-top: 10px;padding-bottom: 10px;}
.ProductHome .titleAx{ margin-bottom: 40px;}
.ProductHome .left,.lefter{width:22%;/*! margin: 80px 0; */}
.ProductHome .right,.righter{width:74%;}

.maxWidth{max-width:100%;}
.ingBox{padding:50px 0;}
div.imgPD{position:relative;padding-top:90%;}
div.imgPD img,div.imgPD .effect-one-img{position:absolute; left:0;top:0; display:block;width:100%;height:100%;}
div.imgPD11{position:relative;padding-top:110%;}
div.imgPD70{position:relative;padding-top:70%;}
div.imgPD80{position:relative;padding-top:74%;}

/*==左侧↓==*/
.leftNav{border:10px #015297 solid}
.leftNav .titTop{ padding:15px 20px 20px 10px;color:#fff; font-size:25px; background: #015297;text-align: center;}
.leftNav .box{padding:20px 30px 10px 30px;}
.leftNav .box h3{ position:relative;color:#015297;font-size:22px;padding-bottom:12px;margin-bottom: 10px;font-weight: bold;}
.leftNav .box h3:before{content: ""; position: absolute; left:0;bottom:0; width:20px; height:1px; background: #015297;} 
.leftNav .box li{clear: both;}
.leftNav .box li a{ display: block; color:#434343;font-size:15px; padding:12px 0 12px 20px; border-bottom:1px #ddd solid; background: url(../images/arrow_04.png) no-repeat left;}
.leftNav .box li:hover a,.leftNav .box li.active a{color:#015297}
.leftNav .tel{padding:25px 20px 15px 20px;margin-top:20px;color:#fff;font-size:23px; line-height: 29px; text-align: center; background: #015297;}
.leftNav .tel span{position:relative; display: block;}
.leftNav .tel span:after{content: ""; display: block;margin: 10px auto 10px; width:50px; height:1px; background: #ffffff;} 
.leftNav.phone{}
.leftNav.phone span{ display: block; color:#666;font-size:16px;margin: 15px 0 0 0;}
.leftNav.phone span font{ display: block; font-size:25px;color: #015297;}



.container {
    width: 1200px;
    min-width: 320px;
    margin: 0 auto;
}

.categories1 {width:274px; height:120px; background:#015297;}
.categories1  .text{float:left;width:274px;line-height:40px; margin-top:30px; text-align:center;font-size:27px; font-weight: normal; color:#fff;}
.categories1  .text span{float:left;width:274px;line-height:18px;text-transform: uppercase; text-align:center;font-size:12px; font-weight:normal; color:#fff; font-family:Arial;}
/*==标题↓==*/
.titleAx{margin:20px 0; color:#191919;font-size:44px;text-align: center;}
.titleAx font{margin-right:5px;color:#015297;font-size:44px;font-weight: bold;}
.titleAx hr{margin:-20px auto 10px; display:block; width:50%; height:1px;border:none; background: #ddd;}
.titleAx em{ display: block;border-left:30px #015297 solid;border-right:30px #d44727 solid;width: 1px;height: 3px;margin: 20px auto;margin-top: 31px;}
.titleAx p{color:#333333;font-size:16px; display: block;}
.titleAx-white,.titleAx-white font{color:#fff}

.titleBx.pgTit{margin:35px 0 50px 0}
.titleBx{margin:20px 0; color:#191919;font-size:36px;text-align: center;}
.titleBx span{ display: table;color:#343434;font-size:14px;margin-top: 5px;margin: 5px auto 0;text-transform:Capitalize;}
.titleBx span em{ display: block; width:10px;height:10px; border-radius: 50%; background: #015297;margin: 5px 0 0 5px;float: right;}
.leftNav .box h3:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 20px;
    height: 1px;
    background: #015297;
}/*经典案例*/
.yinz{overflow: hidden;padding: 90px 0;}
.yinz_tit{font-size: 40px;color: #333;text-align: center;line-height: 40px;height: 90px;overflow: hidden;}
.yinz_tit a{color: #333;}
.yinz_tit a:hover{color: #0071bd;}
.yinz_tit span{display: block;font-size: 18px;color: #666;font-weight: normal;padding: 8px 0 0;}
.case_bg{background: url(../images/case_line.gif) repeat-x 0 220px;padding: 100px 0 0;overflow: hidden;position: relative;height: 829px; margin-bottom: 70px;}
.case_bg:before{content: "";width: 840px;height: 272px;background: #0071bd;position: absolute;bottom: 0;right: 0;}
.case_bg .case_nav{margin: 30px 0 0;height: 120px;position: relative;}
.case_bg .case_nav:before{content: "";width: 1px;height: 100%;background: #eee;position: absolute;top: 0;left: 0;}
.case_bg .case_nav ul li{height: 120px;float: left;width: 200px;position: relative;}
.case_bg .case_nav ul li:before{content: "";width: 1px;height: 100%;background: #eee;position: absolute;top: 0;right: 0;}
.case_bg .case_nav ul li em{width: 46px;height: 44px;display: block;line-height: 0;overflow: hidden;margin: 25px auto 10px;}
.case_bg .case_nav ul li em img{width: 46px;height: 44px;}
.case_bg .case_nav li a{ font-size:16px; color:#333;display:block; float:left;position: relative;vertical-align: middle;width: 200px;height: 120px;text-align: center;line-height: 30px;font-weight: bold;
  -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;}
.case_bg .case_nav li a:before {
	content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background:#0071bd;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.case_bg .case_nav li a:hover:before,.case_nav li a:focus:before,.case_nav li a:active:before,.case_nav li.on a:before {
   left: 0;
   right: 0;
}
.case_bg .case_nav li a:hover,.case_nav li.on a{color: #0071bd;}
.case_bg .case_nav li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.case_bg .case_m{padding: 50px 0 0;}
.case_bg .case_m dl dt{width: 719px;height: 539px;line-height: 0;overflow: hidden;float: left;}
.case_bg .case_m dl dt img{width: 719px;height: 539px;}
.case_bg .case_m dl dt img,.case_list ul li img,.news_l dl dt img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_bg .case_m dl dt img:hover,.case_list ul li img:hover,.news_l dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_bg .case_m dl dd{width: 430px;float: right;}
.case_bg .case_m dl dd h5{height: 65px;line-height: 50px;overflow: hidden;position: relative;}
.case_bg .case_m dl dd h5:before{content: "";width: 25px;height: 2px;background: #0071bd;position: absolute;bottom: 0;left: 0;}
.case_bg .case_m dl dd h5 a{font-size: 30px;color: #333;}
.case_bg .case_m dl dd h5 a:hover{color: #0071bd;}
.case_bg .case_desc{font-size: 14px;color: #666;line-height: 36px;overflow: hidden;padding: 20px 0 0;}
.case_bg .case_m dl dd b{display: block;font-size: 20px;color: #0071bd;height: 45px;}

.case_bg .case_list{position: absolute;top: 557px;right: 0;z-index: 10;width: 760px;height: 237px;background: #0071bd;padding: 35px 0 0 20px;overflow: hidden;}
.case_bg .case_list ul li{width: 235px;float: left;margin-left: 20px;}
.case_bg .case_list ul li em{width: 235px;height: 176px;display: block;line-height: 0;overflow: hidden;}
.case_bg .case_list ul li img{width: 235px;height: 176px;}
.case_bg .case_list ul li span{width: 235px;height: 50px;display: block;font-size: 14px;color: #fff;text-align: center;line-height: 50px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*==产品列表↓==*/
.ProductHome .right .list{}
.list-product .top{ background: #f4f4f4;clear: both;float: left;width: 94%;margin-bottom: 20px;padding-right: 30px;}
.list-product .top a{ margin: 0px;}
.list-product .top .pic{width:50%;margin-right:30px;}
.list-product .top h4{margin-top:30px;}
.list-product .top h4 a{color:#3a3a3a;font-size:28px;}
.list-product .top hr{margin:15px 0;width:50px;height:1px;background: #c3c3c3;border: none;}
.list-product .top p{color:#494949;font-size:14px;margin: 20px 0 50px 0;}
.list-product .top .btn{width:18%; display:inline-block;text-align:center;color:#fff;font-size:14px;padding:10px 10px; margin-right:10px; border-radius: 20px;}
.list-product .top .details{ background: #015297;}
.list-product .top .online{ background: #d44727;}
.list-product .top .btn:hover{ background: #015297;}
.list-product .top:hover h4 a{color:#015297}
.list-product .two{float:left; width:33.3%; }
.list-product .two .pic{border:1px #ddd solid}
/*.ProductHome .right .list-product li.two img{height:206px}*/
/*.list-product li.two img{height:206px}*/
.list-product .two a{ display: block; margin:0 20px 20px 0 }
.list-product .two h4{ text-align: center;color:#494949;margin-top:10px; font-size:16px;}
.list-product .two span{ display: block; text-align: center;color:#666;margin-top:5px; font-size:14px;}
.list-product .two:hover h4{color:#015297}

/*工程案例*/

.case1{padding: 50px 0 40px;}

.case1 .case_l{width: 365px;height: 195px;}

.case1 .case_l a{display: block;font-size: 44px;font-weight: 700; color: #333;height: 105px;background:url(../images/case_line1.gif) no-repeat 0 102px;line-height: 36px;}

.case1 .case_l i{display: block;font-size: 14px; font-family:Arial, Helvetica, sans-serif;padding: 0 0 0 5px;font-weight: bold;}

.case1 .case_l span{font-size: 20px;color: #666;display: block;height: 30px;line-height: 30px;overflow: hidden;padding: 10px 0 0;}

.case1 .case_r{width: 835px;}

.case1 .case_r ul li{width: 165px;float: left;height: 55px;line-height: 55px;overflow: hidden;}

.case1 .case_r ul li em{display: block;float: left;width: 40px;height: 40px;background: #5e5e5e;border-radius: 50%;line-height: 0;margin:6px 10px 0 0;}

.case1 .case_r ul li em img{width: 40px;height: 40px;}

.case1 .case_r ul li a{font-size: 16px;color: #333;display: block;}

.case1 .case_r ul li a:hover{color: #015297;font-weight: bold;}

.case1 .case_r ul li:hover em{background: #015297;}

.case1 .case_m{width: 1200px;overflow: hidden;}

.case1 .case_m dl{ height:310px ;width: 280px;float: left;position: relative;padding: 0 8px;} 

.case1 .case_m dl dt{width:280px;height: 310px;overflow: hidden;line-height: 0;}

.case1 .case_m dl dt img{width: 280px;height: 280px;}

.case1 .case_m dl dt span{display: block;height: 32px;line-height: 39px;overflow: hidden;width: 300px;text-align: center;font-size: 14px;color: #333;background: #fff;position: absolute;bottom: 0;left: 0;z-index: 1;

transition:height .5s;

-moz-transition:height .5s; 

-webkit-transition:height .5s; 

-o-transition:height .5s;}

.case1 .case_m dl:hover dt span{height: 0;}

.case1 .case_m dl dd{width: 200px;height: 0;padding: 0 40px;position: absolute;bottom: 10px;left: 8px;background: #fff;box-shadow: 0 3px 5px 3px #d0d0d0;

transition:height .5s;

-moz-transition:height .5s; 

-webkit-transition:height .5s; 

	-o-transition:height .5s; }

.case1 .case_m dl dd h5{height: 50px;line-height: 60px;overflow: hidden;}

.case1 .case_m dl dd h5 a{font-size: 18px;color: #333;display: block;width: 200px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: normal;}

.case1 .case_m dl dd h5 a:hover{color: #015297;}

.case1 .case_m .case_desc{font-size: 14px; color: #333; line-height: 25px; height: 50px; overflow: hidden;} 

.case1 .case_m dl:hover dd{height: 115px;}

.case_lico,.case_rico{display: block;width: 50px;height: 50px;position: absolute;top: 380px;cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;}

 .case_lico{left: -70px;}

.case_rico{right: -70px;}

.case_lico:hover,.case_rico:hover{box-shadow:0 8px 15px 0 #ccc;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}



/*合作客户*/

.hz{padding: 0 0 0px;}

.hz_t{height: 50px;background:url(../images/hz_line02.gif) repeat-x 0 25px;}

.hz_t p{float: left;width: 175px;height: 50px;background: #fff url(../images/hz_line.gif) no-repeat 0 5px;}

.hz_t p a{font-size: 18px;color: #333;font-weight: bold;display: block;padding: 0 0 0 15px;}

.hz_t p i{display: block;font-size: 12px;font-weight: normal; font-family:Arial, Helvetica, sans-serif;}

.hz_t span{display: block;float: right;width: 70px;height: 50px;line-height: 50px;background: #fff;text-align: right;}

.hz_t span a{font-size: 14px;color: #333; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}

.hz_t a:hover{color: #015297;}

.hz_m{width: 1200px;height: 113px;box-shadow: 0 3px 10px 3px #eee;margin: 20px 0 10px;}

.hz_m ul li{width: 200px;height: 113px;float: left;line-height: 0;position: relative;overflow: hidden;}

.hz_m ul li:before{content: "";width: 1px;height: 22px;background: #e4e4e4;position: absolute;top: 40%;left: 0;}

.hz_m ul li img{width: 200px;height: 113px;}

.hz_m ul li a{display: block;width: 200px;height: 0;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.7);font-size: 14px;color: #fff;text-align: center;line-height: 113px;

transition:height .5s;

-moz-transition:height .5s; /* Firefox 4 */

-webkit-transition:height .5s; /* Safari and Chrome */

-o-transition:height .5s; /* Opera */}

.hz_m ul li:hover a{height: 113px;}

.hz .case_lico,.hz .case_rico{top: 100px;}



/*广告条*/
.ban01{background: url(../images/ban01.jpg) no-repeat center 0;height: 250px;overflow: hidden;}
.ban01 p{font-size: 39px;color: #fff;height: 125px;line-height: 42px;padding: 40px 0 0;background: url(../images/ban01_ico.png) no-repeat 0 108px;}
.ban01 p span{display: block;font-size: 26px;padding:10px 0 0 82px;}

.ban01_tel b{display: block;float: left;font-size: 36px;font-family: "DINOT";color: #fff;height: 40px;line-height: 40px;overflow: hidden;padding:0 80px 0 40px;background: url(../images/ban01_tel.png) no-repeat 0 7px;}

.ban01_tel a{font-size: 14px;color: #fff;display: block;width: 100px;text-align: center;height: 34px;line-height: 34px;overflow: hidden;background: #e46814;border-radius: 30px;float: left;margin-top: 3px;}
.ban01_tel a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.ban01_tel a:hover {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/
/*一站式系统化工程*/

.pinz{background:url(../images/pinz_bg.jpg) no-repeat center 175px;height: 645px;}

.pinz_t{font-size: 40px;color: #333;text-align: center;font-weight: normal;background:url(../images/case_line1.gif) no-repeat center 60px;height: 150px;line-height: 50px;overflow: hidden;}

.pinz_t a{color: #333;}

.pinz_t span{display: block;font-size: 20px;color: #666;padding: 10px 0 0;}

.pin01{width: 240px;}

.pin_y{background:url(../images/pinz_k.png) no-repeat;width: 170px;height: 170px;text-align: center;margin: 65px auto 0;}

.pin_y b{display: block;font-size: 16px;color: #fff;line-height: 24px;}

.pin_y i{display: block;padding: 60px 0 0;}

.pinz_wz{background:url(../images/pinz_k02.png) no-repeat;width: 210px;height: 260px;text-align: center;position: absolute;top: 0;left: 0;display: none;padding: 0 20px;}

.pinz_wz b{display: block;font-size: 20px;color: #015297;height: 30px;line-height: 30px;overflow: hidden;padding: 55px 0 0;}

.pinz_wz b a{font-size: 20px;color: #015297;}

.pinz_wz p{font-size: 14px;color: #666;line-height: 24px;height: 120px;overflow: hidden;padding: 10px 0 0;}

.pin01:hover .pinz_wz{display: block;}

.pin02 .pin_y b{line-height: 170px;}



/*服务流程*/

.liuc{background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 415px;overflow: hidden;padding: 50px 0 0;}

.liuc_m{width: 1160px;background: url(../images/liuc_line.png) no-repeat center 25px;height: 182px;padding: 0 0 0 40px;}

.liuc li{ width:160px; float:left; font:16px "Microsoft YaHei"; color: #333;text-align: center;height: 145px;}

.liuc li .liuc_span{ display:block; width:60px; height:60px; position:relative; overflow:hidden; margin:0 auto 15px;border-radius: 50%;box-shadow: 0 3px 10px 3px #d0d0d0;}

.liuc li .liuc_span img{display:block; width:60px; height:60px;}

.liuc li em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out 0.1s;transition: all 0.35s ease-out 0.1s;}

.liuc li i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}

.liuc li:hover em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}

.liuc li:hover i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.liuc li:hover{color: #333;}

.liuc li span{display: block;}

.liuc li b{display: block;font-size: 14px;color: #333;padding: 5px 0 0;}

.liuc_bot{padding: 15px 0 0 60px;width: 400px;margin: 0 auto;}

.liuc_bot span{display: block;float: left;font-size: 14px;color: #e9e9e9;background: url(../images/ban_tel.png) no-repeat 0 15px;padding: 0 0 0 35px;width: 210px;line-height: 24px;}

.liuc_bot b,.ban01_r b{display: block;font-size: 24px;}

.liuc_bot em{display: block;float: left;width: 105px;padding: 10px 0 0;}

.liuc_bot em a,.ban01_r em a{display: block;width: 105px;text-align: center;height: 35px;line-height: 35px;background: #fff;font-size: 14px;color: #333;overflow: hidden;border-radius: 20px;}

.liuc_bot em a:hover,.ban01_r em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}



/*产品中心*/

/*.cp_bg{background:url(../images/cp_bg.jpg) no-repeat center 340px;padding: 70px 0 160px;}*/

.iserve{height:166px;padding-left: 100px;}

.iserve dd{float:left;width:176px;height:166px;position:relative;text-align:center;margin-left:60px;line-height: 28px;}

.iserve dd span{display: block;padding: 55px 0 0;}

.iserve dd.d3{height: 166px;line-height: 166px;}

.iserve dd .hover,.iserve dd .default{background:url(../images/iserve_bg.png);}

.iserve dd:after{content:'';position:absolute;width:126px;height:30px;background:url(../images/iserve_shadow.png);bottom:-30px;left:50%;margin-left:-63px;}

.iserve dd{font-size:16px;color: #333;}

.iserve dd .hover,.iserve dd .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}

.iserve dd .default{background-position:0 -166px;color:#333}

.iserve dd .hover{background-position:0 0;color:#015297;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);font-weight: bold;}

.iserve dd:hover .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}

.iserve dd:hover .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

.cp_m{padding: 75px 30px 0;width: 1140px;overflow: hidden;}

.cp_m ul li{width: 180px;float: left;padding-right: 47px;}

.cp_m ul li img{width: 180px;height: 108px;display: block;border-radius: 10px;}

.cp_m ul li span{display: block;width: 180px;text-align: center;height: 30px;line-height: 30px;font-size: 14px;color: #333;overflow: hidden;padding: 5px 0 0;}

.chanp .case_lico,.chanp .case_rico{top: 430px;}





/*广告条*/
/*
.ban01{background:url(../images/ban01.png) no-repeat center 0;height: 290px;overflow: hidden;margin-top: -12px;position: relative;z-index: 10;}

.ban01_l{padding: 130px 0 0 22px;width: 740px;}

.ban01_l p{font-size: 30px;color: #fff;line-height: 50px;}

.ban01_l b{font-size: 50px;}

.ban01_l em{display: block;padding: 10px 0 0;}

.ban01_r{width: 235px;text-align: center;padding: 120px 0 0;}

.ban01_r span{display: block;font-size: 14px;color: #fff;background: url(../images/ban_tel.png) no-repeat center 0;padding: 30px 0 0;line-height: 24px;}

.ban01_r em{display: block;width: 105px;padding: 15px 0 0;margin: 0 auto;}
*/

/*优势*/
.yin{background: #f6f6f6;padding: 90px 0 0;}
.yin_t{font-size: 40px;color: #333;background:url(../images/yin_tbg.gif) no-repeat center 0;text-align: center;height: 90px;line-height: 40px;overflow: hidden;padding: 30px 0 0;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 16px;color: #666;font-weight: normal;padding: 5px 0 0;}
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 950px;overflow: hidden;padding: 85px 0 0;}
.ys .yin_t{background:url(../images/ys_tbg.png) no-repeat center 0;color: #fff;}
.ys .yin_t span{color: #999;}
.ys_t{padding: 45px 0 0;height: 114px;}
.ys_t ul li{width: 300px;float: left;color: #fff;cursor: pointer;line-height: 30px;height: 85px;overflow: hidden;}
.ys_t ul li em{display: block;float: left;width: 56px;height: 50px;line-height: 0;overflow: hidden;padding-right: 14px;}
.ys_t ul li b{display: block;float: left;font-size: 20px;width: 230px;}
.ys_t ul li i{display: block;font-size: 14px;color: #aaa;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.ys_t ul li em img{width: 56px;height: 100px;-webkit-transition:all .5s;transition:all .5s;}
.ys_t ul li:hover,.ys_t ul li.on{background:url(../images/ys_line01.png) no-repeat 0 72px;}
.ys_t ul li:hover,.ys_t ul li.on,.ys_t ul li:hover i,.ys_t ul li.on i{color: #ff822d;}
.ys_t ul li:hover em img,.ys_t ul li.on em img{margin-top: -50px;}
.ys_m dl{width: 1200px;height: 584px;position: relative;}
.ys_m dl dt{width: 1200px;height: 584px;line-height: 0;overflow: hidden;}
.ys_m dl dt img{width: 1200px;height: 584px;}
.ys_m dl dd{background:url(../images/ys_k.png) no-repeat;width: 515px;height: 460px;position: absolute;top: 36px;right: 0;z-index: 20;}
.ys_m dl dd span{ display:block;position: absolute;top: 105px;right: -10px;font-size: 160px;color: rgba(0,0,0,0.1); font-weight:bold; line-height:130px;}
.ys_m dl dd em{display: block;width: 175px;height: 175px;}
.ys_m dl dd em img{width: 175px;height: 175px;}
.ys_m dl dd h5{font-size: 26px;color: #333;line-height: 32px;margin: 10px 0 20px 145px;height: 70px;border-bottom: #b5b5b5 1px solid;width: 330px;}
.ys_m dl dd h5 i{display: block;font-size: 14px;color: #aaa; font-family:Arial, Helvetica, sans-serif;font-weight: normal;text-transform: uppercase;}
.ys_m dl dd p{font-size: 14px;color: #666;line-height: 28px;overflow: hidden;width: 330px;padding: 0 0 0 145px;}
.ys_m dl dd p b{color: #015297;}

/*新闻动态*/

.news{padding: 70px 0 40px;}

.news .pinz_t{height: 120px;}

.news_t{height: 50px;overflow: hidden;}

.news_t a{font-size: 18px;color: #333;}

.news_t i{font-size: 14px;color: #adadad; font-family:Arial, Helvetica, sans-serif;}

.news_t span{float: right;}

.news_t span a{font-size: 14px;color: #adadad;text-transform: uppercase;}

.news_t a:hover,.news_m dl dd h5 a:hover,.wd dt a:hover,.about dl dd h4 a:hover{color: #015297;}



.news_m{width: 1200px;overflow: hidden;}

.news_m dl{ height: 370px;width: 384px;float: left;padding: 0 0 30px;margin-right: 30px;} 

.news_m dl dt{width: 370px;height: 208px;overflow: hidden;line-height: 0;}

.news_m dl dt img{width: 370px;height: 208px;}

.news_m dl dd{width: 330px;height: 156px;padding: 10px 20px 0;background: #f4f4f4;text-align: center;position: relative;}

.news_m dl dd h5{height: 50px;line-height: 50px;overflow: hidden;}

.news_m dl dd h5 a{font-size: 16px;color: #333;display: block;width: 330px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news_m dl dd span{display: block;width: 135px;position: absolute;bottom: -18px;left: 120px;}

.news_m dl dd span a{display: block;width: 135px;text-align: center;height: 45px;line-height: 45px;background: #d2d2d2;font-size: 14px;color: #333;overflow: hidden;border-radius: 30px;}

.news_m dl:hover dd span a{background: #015297;color: #fff;}

.news_m .news_desc{font-size: 14px; color: #666; line-height: 22px; height: 44px; overflow: hidden;} 



/*常见问答*/

.wd{padding: 0 0 80px;}

.wd_t{width: 87px;height: 133px;background:url(../images/wd_tbg.gif) no-repeat;overflow: hidden;}

.wd_t a{font-size: 20px;color: #fff;font-weight: bold;display: block;}

.wd_t i{display: block;width: 30px;text-align: center;line-height: 24px;padding: 17px 0 0 25px;}

.wd_m{width: 1090px;height: 131px;border: #f2f2f2 1px solid;border-left: none; padding-left:22px;overflow: hidden;}

.wd dl{ width:310px;float: left; padding:25px 0 0 40px;}

.wd dt{ background:url(../images/wen.gif) no-repeat 0 3px; padding:0 0 0 32px; height:30px; line-height:30px; overflow:hidden;}

.wd dt a{ font-size:14px; color:#555;}

.wd dd{font-size:14px; color:#666;height: 48px;line-height: 24px;overflow: hidden; background:url(../images/da.gif) no-repeat 0 5px; padding:5px 0 0 32px;}



/*走进立净*/

.ab_bg{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 630px;overflow: hidden;}

.about dl{padding: 0 0 0 43px;width: 1157px;}

.about dl dt{ width:500px; height:523px; float:left;overflow: hidden;line-height: 0;}

.about dl dt img{ width:500px; height:523px;}

.about dl dd{width:565px; float:right;padding: 138px 15px 0 0;}

.about dl dd h4{height: 50px; line-height:50px; overflow:hidden;}

.about dl dd h4 a{ font-size:30px; color:#333;}

.about .ab_desc{ line-height:35px; font-size:16px; color:#666; padding:10px 0 0;height: 203px;overflow:hidden;}

.about dl dd em{display: block;width: 230px;padding: 20px 0 0;}

.about dl dd em a{display: block;width: 230px;text-align: center;height: 45px;line-height: 45px;background: #5e5e5e;font-size: 14px;color: #fff;overflow: hidden;border-radius: 30px;}

.about dl dd em a:hover{background: #015297;}

.ab_bot{padding: 23px 0 0;width: 565px; display: inline-block;}

.ab_bot li{width: 150px;float: left;height: 66px; background: #f0f0f0;}

.ab_bot li a{font-size: 14px;color: #333;display: block; width: 150px; text-align: center; height: 66px; line-height: 66px; overflow: hidden; float: left;} 

.ab_bot .ab_li02{ background: #dfdfdf;}

.ab_bot .ab_li03{ background: #e8e8e8;}



/*友情链接*/

/*.f_link{height: 66px;line-height: 66px;overflow: hidden;}

.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;}
*/

/*友情链接*/
.links_bg{ height:90px;line-height: 90px;overflow: hidden; background:url(../images/link_bg.gif) no-repeat center 0;}
.links_l{font-size: 16px;color: #fff;font-weight: bold;width: 170px;}
.links_c{ width:1030px;}
.links_c a{ padding:0 15px; display:inline-block;font-size: 14px; color:#333;}

/**/

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

}

/* adv */

.adv {
	width: 100%;
	background: url(../images/advBg.jpg) no-repeat center top;
	height: 684px;
	padding: 70px 0 0 0;
}
.adv .mainCon {
	width: 100%;
	margin-top: 55px;
	position: relative;
}
.adv .mainCon .conBox {
	width: 1210px;
	height: 493px;
	margin-left: -10px;
	overflow: hidden;
}
.adv .mainCon .conBox dt {
	float: right;
	width: 600px;
	height: 402px;
	border-top: 9px solid #fff;
	border-left: 10px solid #fff;
	margin-top: 82px;
}
.adv .mainCon .conBox dd {
	width: 459px;
	height: 299px;
	padding: 125px 72px 0 69px;
	float: left;
	background: #fbfbfb;
}
.adv .mainCon .conBox dd h3 {
	font-size: 24px;
	color: #333333;
	font-weight: normal;
}
.adv .mainCon .conBox dd h3 em {
	color: #333333;
	font-weight: bold;
	font-size: 45px;
}
.adv .mainCon .conBox dd span {
	display: block;
	font-size: 12px;
	color: #cdcdcd;
	text-transform: uppercase;
	position: relative;
	top: 12px;
}
.adv .mainCon .conBox dd i {
	display: block;
	width: 100%;
	height: 1px;
	background: #f1f1f1;
	margin: 14px 0 30px 0;
}
.adv .mainCon .conBox dd p {
	line-height: 28px;
	color: #666666;
	font-size: 15px;
}
.adv .mainCon .menu {
	width: 600px;
	height: 69px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.adv .mainCon .menu li {
	float: left;
	width: 149px;
	height: 69px;
	background: #015297;
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 69px;
	border-left: 1px solid #015297;
}
.adv .mainCon .menu li img {
	display: inline-block;
*display: inline-block;
	position: relative;
	top: 8px;
	margin-right: 10px;
}
.adv .mainCon .menu li.cur {
	background: #e46814;
}
 /* Title */

.Title_main {
	width: 100%;
	text-align: center;
}
.Title_main h2 {
	font-size: 32px;
	color: #333333;
	font-weight: normal;
}
.Title_main h2 a {
	color: #333333;
	text-decoration: none;
}
.Title_main p {
	font-size: 15px;
	color: #999;
	margin-top: 5px;
}
.Title_main i {
	display: block;
	width: 169px;
	height: 4px;
	margin: 18px auto 0;
}
.Title_main i img {
	display: block;
	width: 169px;
	height: 4px;
}