@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0}
ul,ol{ list-style:none;}
a{ text-decoration:none;}
img{  border:none;}
body{ font-family: "Helvetica Neue","Helvetica","Arial",sans-serif,sans-serif,"PingFang SC","Microsoft Yahei","Heiti SC";}
input{ outline:none;}

.wrap{ width:1200px; margin:0 auto;}
.pubTit{ text-align:center; font-size:0px;}
.pubTit h2{ font-size:30px; color:#333; font-weight:500;}
.pubTit p{ font-size:16px; color:#707070; text-transform:uppercase; padding:10px 0 20px;}
.pubTit a{ height:40px; padding:0 20px; display:inline-block; margin-top:0px; border:1px solid #16909b; background:#16909b; color:#fff;  font-size:16px; text-align:center; line-height:40px; transition:0.5s;}



.header{ height:auto; background:#fff; width:100%; z-index:10;}
.header .headnav{ height:80px; position:relative; padding-top:5px;}
.headnav .logo{ float:left; margin-top:0px; margin-right:10px; color:#333; }
.headnav .logo img{ float:left;}
.topm{ float:left; width:263px; margin: 15px 0 0 0px;}
.topm p{font-size:20px; color: #444; line-height:50px; font-weight:600;}
.topm b{font-size:14px; color:#fe661d; line-height:14px;}
.topr{float:right; width:180px; height:30px;  margin-top:7px; font-size:13px; color:#888; text-align:right;}

.topr span {
            width: 24px;
            height: 24px;
            margin-right: 4px;
            display: inline-block;
            vertical-align: middle;
            border-radius: 50%;
            background: #fe661d url("icon-tel.png") no-repeat center;
        }
.topr strong{ font-size:24px; display:block; color:#333;}

.header .nav{  width:100%; background:#16909b; height:50px; line-height:50px;  }
.header li{ float:left;}
.header li a{ display:block; line-height:50px; color:#fff; font-size:16px; padding:0 46px;  transition:0.5s; position:relative;}
.header li:hover a,.header li.on a{ font-weight:600;}
/*.header li a::after{ content:""; display:block; height:2px; width:100%; background:#0075a0; position:absolute; left:0; bottom:-1px; transform:scaleX(0); transition:0.5s;}
*/.header li:hover a::after , .header li.on a::after{transform:scaleX(1)}

.headtop{ height:40px; line-height:40px; font-size:14px; color:#999; background:#fff; border-bottom:1px solid #eee;}
.headtop span{ float:right;}
.headtop span a{font-size:14px; color:#999; padding:0 10px;}

.header .seacher-btn {
    width: 18px;
    height: 18px;    margin-top: 30px;
    background:url(search.png) no-repeat center;
    background-size: 18px auto;
    cursor: pointer
}


.sub-menu-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,.5);
    z-index: 99;
    display: none
}

.seacher-box {
    width: 50%;
    height: 80px;
    position: fixed;
    left: 50%;
    margin-left: -25%;
    top: 140px;
    z-index: 999;
    display: none
}

.seacher-box .span-ctn {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -42px;
    right: 0px;
    cursor: pointer
}

.seacher-box .span-ctn:before {
    content: '';
    width: 25px;
    height: 2px;
    webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: -1px;
    background: #fff
}

.seacher-box .span-ctn:after {
    content: '';
    width: 25px;
    height: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    position: absolute;
    top: 1px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.seacher-box .input {
    width: 700px; margin:0 auto;
    height: 50px;
    line-height: 50px;  background:#fff;
   border: 1px solid #dfdfdf; padding-left:10px;
    display: block
}

.seacher-box .input__field {
    width: 80%; background:none;
    border: none;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size:14px
}
.seacher-box .searchbtn{ background:url(search.png) no-repeat center center; width:50px; height:50px; float:right; border: none;}


/*广告样式*/


.banner{ height:550px; width:100%; background:#fff;}
.banner .swiper-slide a.big{ display:block; height:550px; background:no-repeat center;}
.banner .swiper-slide a.small{ display:none; height:500px; background:no-repeat center;}

.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; opacity:1;}
.banner .swiper-pagination-bullet-active{ width:24px; border-radius:6px; background:#feb44d;}

 .btn-blue {
            background-color: #fff;
            border:1px solid rgba(22,144,155,1);
            color: #16909b;
        }
        .btn-blue span {
            padding-right: 33px;
            background: url("icon-blue.png") no-repeat right center;
        }
        .btn-blue:hover {
            border:1px solid rgba(22,144,155,1);
            background-color: #16909b;
            color: #fff;
        }
        .btn-blue:hover span {
            background: url("icon-white.png") no-repeat right center;
        }

.btn {
            width: 240px;display: inline-block;
            width:200px;
            height:48px;
            border-radius:100px;
            font-size: 16px;
            line-height: 48px;
            text-align: center;
            box-sizing: border-box;
        }

.about{ height:auto;  padding:60px 0; overflow:hidden; background:url(ab_bg.jpg) no-repeat center bottom; }
.about .wrap{  height:auto; overflow:hidden;}
.ab-left {
	float: right;
	width:35%; margin-top:80px; padding-right:30px;
	box-sizing: border-box;
	height: 100%;
	position: relative;
}
.ab-left-tit {
            margin-top: 19px;
            text-align: right;
            font-size: 24px;
            line-height: 31px;
            color: #696A6A;
        }
        .ab-left span {
            color: #16909b;
        }
.ab-left-img {
	position: relative;
	width: 100%;
	height: 280px;margin-top:40px;
	overflow: hidden;
	background: url("about1.jpg") no-repeat right bottom;
}

.about .pic{float: right;width: 342px;height: 411px;padding: 61px 63px 0 0;margin-right: -36px;background: url(ab_1.jpg) no-repeat right top;position: relative;}


.ab-right{  width: 64%;
	float: left;
  }


.ig-right-main {
	padding:49px 0% 50px 0%;
}
.ig-right-main h2{font-size: 42px;color: #333;line-height: 42px;font-weight: normal;position: relative;}
.ig-right-main h2:after{position: absolute;width: 35px;height: 5px;content: "";background: #BFBFBF;left: 0;bottom: 0;}
.ig-right-main h2 i{display: block;font-size: 22px;line-height: 22px;padding: 22px 0 37px; font-style:normal;}
.ab-right-text {
	    font-size: 16px;
    color: #666;
    line-height: 26px;
    margin: 32px 0 45px;

}
.ab-right-text p {
	overflow: hidden;
	text-overflow:ellipsis;
	margin-top: 20px;
	height: auto;
}
.ab-right-text p:first-child {
	margin-top: 0;
}

.ab-right-btn {
            font-size: 0;
            margin-top: 40px;
            text-align: left;
        }
.ab-right-btn .btn {
            width: 240px;
        }
        .btn-red {
            background-color: #fe661d;
            color: #fff;
        }
        .btn-red:hover {
            background-color: #e9530b;
        }
        .btn-fff {
            border:1px solid rgba(22,144,155,1);
            color: #16909b;
            font-weight: bold;
        }
.ab-right-btn .btn-fff {
            margin-left: 20px;
            cursor: default;
        }


.index-pro {
            width: 100%;
            background:#fff;
            padding: 80px 0;
        }
         .pro-tle {
            font-size: 32px;
            line-height: 42px;
            color: #121314;
            float: left;
        }
        .pro-post {
            float: right;
            line-height: 42px;
            font-size: 16px;
        }
        .pro-post a {
            color: #696A6A;
            display: inline-block;
            padding-right: 38px;
            background: url(news-arr.png) no-repeat right center;
        }
        .pro-post a:hover {
            color: #16909b;
            background: url(icon-blue.png) no-repeat right center;
        }
        .ip-main {
            margin-top: 40px;
        }
        .ip-main-left {
            float: left;
            width: 480px;
            margin-right: 20px;
            transition: 0.3s;
            overflow: hidden;
        }
        .ip-main-left a {
            display: block;
            width: 480px;
            height: 480px;
            background: url("p1.jpg") no-repeat center top;
            text-align: center;
            transition: 0.3s; position:relative;
        }
        .ip-main-left:hover {
            box-shadow:0px 5px 15px rgba(18,19,20,0.1);
        }
        .ip-main-left a span {
            font-size: 20px;
            line-height: 40px; height:40px;
            color: #535455; background: rgba(255,255,255,0.9);
            display:block; position:absolute; width:100%; text-align:center; left:0; bottom:0; z-index:10; 
            transition: 0.3s;
        }
        .ip-main-left a:hover span {
            color: #16909b;
        }
        .ip-main-right {
            float: left;
            width: 700px;
            transition: 0.3s;
        }
        .ip-main-ev {
            margin-top: -20px;
            margin-right: -20px;
        }
        .ip-main-right a {
            width: 340px;
            height: 230px;
            margin-top: 20px;
            margin-right: 20px;
            float: left;
            text-align: center; position:relative;
            transition: 0.3s; overflow:hidden;
        }
        .ip-main-right a:hover{
            box-shadow:0px 5px 15px rgba(18,19,20,0.1);
        }
        .p2 {
            background: #fff url("p2.jpg") no-repeat center 0;
        }
		.p3 {
            background: #fff url("p3.jpg") no-repeat center 0;
        }
		.p4 {
            background: #fff url("p4.jpg") no-repeat center 0;
        }.p5 {
            background: #fff url("p5.jpg") no-repeat center 0;
        }
		.ip-main-right a img{ width:100%; height:auto; }
        .ip-main-right a span {
            font-size: 18px;
            line-height: 40px; height:40px;  background: rgba(255,255,255,0.9);
            color: #535455;
            display: block;
            transition: 0.3s; position:absolute; width:100%; text-align:center; left:0; bottom:0; z-index:10;
        }
        .ip-main-right a:hover span{
            color: #16909b;
        }


.index-case {
           width: 100%;

            padding: 80px 0;
        }
		
.caselist{ margin-top:40px;}
.caselist .list-item {
            float: left;
            width: 380px;
            margin-left: 20px;
        }
        .caselist .list-item:first-child {
            margin-left: 0;
        }
        .caselist .list-img {
            width: 380px;
            height: 306px;
            overflow: hidden;
            position: relative;
        }
        .caselist .list-img img {
            width: 100%;
            transition: all ease-out 0.36s;
        }
        .caselist .list-item:hover img {
            transform: scale(1.08);
        }
        .caselist .list-info {
            text-align: center;
            padding: 20px 20px 0;
        }
        .caselist .list-tit a {
            height: 36px;
            width: 100%;
            font-size: 18px;
            line-height: 36px;
            color: #363839;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; text-align:center; display:block;
            transition: 0.3s;
        }
        .caselist .list-tit a:hover {
            color: #3461C6;
        }
		
		 .ip-tit{
            text-align: center;
            font-size: 32px;
            line-height: 52px;
            color: #121314;
        }
        .ip-tit span {
            width: 12px;
            height: 12px;
            display: inline-block;
            background: url("biiaotixian.png") no-repeat 0 0;
            margin: 0 30px;
            position: relative;
            top: -5px;
        }
		
		.ic-btn {
            margin-top: 40px;
            text-align: center;
        }
        .ic-btn .btn {
            width: 240px;display: inline-block;
            width:200px;
            height:48px;
            border-radius:100px;
            font-size: 16px;
            line-height: 48px;
            text-align: center;
            box-sizing: border-box;
        }
		


/*indexpro*/
.tit{font-weight: normal;}
.tit span{display: block;font-size: 42px;color: #333;line-height: 42px;}
.tit i{display: block;font-size: 16px;color: #666;line-height: 16px;padding-top: 15px;opacity: 0.3; text-transform: uppercase;   font-family: Cambria Math;}

.indexpro{padding: 100px 0px 0;}
.indexpro h2{margin-bottom: 60px;}
.indexpro_con{height: 600px;}
.indexpro_con dl{float: left;width: 13%;height: 600px;overflow: hidden;position: relative;border-right: 1px solid #fff;box-sizing: border-box;background: #1ca9b6;transition: all 0.5s;}
.indexpro_con dl:last-child{border: 0;}
.indexpro_con dt img{display: block;height: 600px;opacity: 0.3;transition: all 0.3s; width:100%;}
.indexpro_con dd{position: absolute;left: 0;width: 100%;height: 100%;top: 0;padding: 0 2.6vw;box-sizing: border-box;}
.indexpro_con dd h3{margin: 72px 0 25px;white-space: nowrap;}
.indexpro_con dd h3 i{display: block;width: 25px;height: 30px;background: url(jia1.png) no-repeat;}
    .indexpro_con dd h3 span{display: block;font-size: 26px;color: #fff;font-weight: normal;line-height: 42px;padding-top: 16px;}
    .indexpro_con dd h3 em{display: block;font-size: 18px;font-weight: normal;line-height: 42px;color: #eee; font-style:normal; margin-top:10px;}
    .indexpro_con dd strong{position: absolute;width: 180px;font-size: 14px;line-height: 27px;left: 2.6vw;bottom: 70px;text-transform: uppercase;font-family: Arial;color: #eee;}
    .indexpro_con dd p{display: none;font-size: 16px;color: #fff;line-height: 27px;opacity: 0.9;}
    .indexpro_con dl.cur{width: 48%;}
    .indexpro_con dl.cur dt img{opacity: 1;}
    .indexpro_con dl.cur dd{width: 380px;background: rgba(234, 84, 4, 0.85);}
    .indexpro_con dl.cur h3 i{background: url(jia2.png) no-repeat;}
    .indexpro_con dl.cur p{display: block;}
    .indexpro_con dl.cur strong,.indexpro_con dl.cur h3 em{color: #fff;opacity: 0.9;}
@media screen and (max-width:1600px) {
    .indexpro_con dd h3 span,  .indexpro_con dd h3 em{font-size: 22px;}
   
}
@media screen and (max-width:1400px) {
    .indexpro_con dd h3 span,  .indexpro_con dd h3 em{font-size: 18px;}
    .indexpro_con dd strong{font-size: 14px;width: 130px;}
}


.qlink{ height:146px; background:url(kqn004.jpg) no-repeat center center;}
.qlink .wrap{ position:relative; height:146px; }
.qlink .leftit{ width:50%; float:left; color:#fff; padding-top:50px; font-size:22px;}
.qlink .htel{ width:250px; position:absolute; right:110px; top:50%; height:50px; margin-top:-25px; color:#fff; font-size:14px; background:url(ico_tel.png) no-repeat left center; padding-left:56px;}
.qlink .htel strong{ font-size:30px; color:#fff; display:block;}
.qlink .btnlx{ width:91px; height:33px; line-height:33px; background:url(btn_lx1.png) no-repeat; padding-left:15px; color:#17252e; font-size:14px; position:absolute; right:0px; top:48%;}


.ser1{
    overflow: hidden; padding:0px 0;
    margin:20px auto;
}

.ser1 li{
    float: left;
    width: 31%;
    height: auto; padding-bottom:20px; background:rgba(255,255,255,0.6); margin-right:2%; position:relative;
}

.ser1Tu{
    width:60px;
    height: 60px;
    margin: 10px auto 0;
    border-radius: 50%; 
    box-shadow: 3px 2px 4px #999;

}

.ser1Tu img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: 500ms;
}

.ser1 li:hover .ser1Tu>img{
    transform: rotateZ(360deg);

}

.ser1 li .tit{
     font-size: 14px;
            line-height: 26px;
            color: #535455; 
            padding-top:10px;
            text-align: center;
}




.ser1 li a{
     border: 1px solid rgba(140,141,142,1);
    color: #696A6A;

        display:block;
    width: 180px;
    height: 42px; margin:30px auto;
    border-radius: 100px; text-align:center;
    font-size: 16px;
    line-height: 42px;
   
    box-sizing: border-box;
}

.ser1 li a span{ padding-right: 33px; background: url("news-arr.png") no-repeat right center;}
.ser1 li a:hover{ color: #16909b; background:#fff;
}



.case{ height:auto; padding:50px 0; overflow:hidden;border-bottom:1px solid #ddd; }
.caselist .wrap{ position:relative; margin-bottom:40px;}
.case .pubTit{ position:relative; text-align:left;    border-left: 2px solid #1b919b; padding-left:10px;}
.case .pubTit .right {
    position: absolute;
    right: 0;
    top: 0
}

.caselist .swiper-container{ margin-top:40px;}
.caselist .swiper-slide{ width:370px; background:#fff; }
.caselist .swiper-slide img{ display:block; width:100%;}
.caselist .ceng{  width:100%; height:50px; background:#f4f4f4; color:#333333; transition:0.5s;}
.caselist .ceng h3{ font-size:18px; font-weight:normal; line-height:50px; text-align:left; padding:0 15px;}


.caselist dl{float: left;padding-left: 190px;position: relative;width: 380px;margin-top:25px; margin-right:20px;}
.caselist dl:nth-child(2n){ margin-right:0;} 
.caselist dl.bdnot {}
.caselist dl dt {width: 177px;height: 140px;border:1px solid #ccc;padding:3px; position: absolute;left: 0;top: 0;}
.caselist dl dt img{width:177px;height:140px}
.caselist dl dd.dd1 {padding-top: 5px;font-size: 16px;font-weight: bold;margin-bottom:10px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; margin-left:10px;} 
.caselist dl dd.dd1 a {color: #333; font-weight: bold;}
.caselist dl dd.dd2 {line-height: 24px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;height: 48px;margin-bottom: 10px; font-size:14px; text-indent:2em; margin-left:10px;}
.caselist dl dd.dd2 b { color:#FF0000;}
.caselist dl dd.dd3 {padding-left: 285px;position: relative;font-style: italic;}
.caselist dl dd.dd3 em {display: block;width: 85px;height: 1px;background: #cccccc;position: absolute;left: 200px;top: 8px;}
.caselist dl:hover dd.dd1 a {color: #0075a0;}
.caselist dl:hover dd.dd3 em {background: #19429e;}
.caselist dl dd.dd2 a {color: #666;}

.service-item2 b{display: inline-block;width:80px;background: #fff;line-height:15px;color: #6e6e6e;position: relative;top: -15px;left:0;}
.service-item2 {margin-top: 25px;padding: 5px 0;border-top: 1px solid #E8E8E8; margin-left:20px;}
.service-item2 p{display: inline-block;padding: 0 5px 0 0;color: #6e6e6e; float:left; font-size:12px;}
.service-item2 p span{border: 2px solid #16909b;color: #16909b;border-radius: 100%;line-height: 18px;width: 22px;display: inline-block;text-align: center;font-weight: 600;}
.service-item2 h6{line-height: 50px;color: #6e6e6e;padding-left: 8px;}



.ser{height: 502px;background:url(ser_bg.jpg) no-repeat center 0 ; padding-top:50px; }
.ser .pubTit{ padding-bottom:20px; color:#fff;}
.ser .pubTit h2{color:#fff;}
.ser li{float: left;width: 365px;height: 116px;margin-bottom: 28px;margin-right: 30px;position: relative;}
.ser li:nth-child(3n){margin-right: 0;}
.ser li.bor:after{position:absolute;width: 320px;height: 2px;background: #ddd;content: "";left: 0;bottom: 0;}
.ser li i{float: left;width: 94px;height: 94px;background: #fff;border-radius: 50%;margin-right: 20px;transition:all 0.5s linear;}
.ser li p{float: left;width: 230px;}
.ser li p em{display:block;font-size: 18px;color: #fff;line-height: 28px;margin-bottom: 6px; font-style:normal;}
.ser li p span{display:block;font-size: 14px;color: #fff;line-height: 24px;}
.ser li p strong{display:block;font-size: 22px;line-height: 40px;font-family: Arial;color: #666;}
.ser li:hover i{background: #0075a0;transform:rotateY(360deg);}

/**新闻资讯**/
.news{  padding:50px 0 40px 0; background:#f4f4f4; padding:80px 0;  }
.news h2{ float:left;}


.nsLeft{  float:left; width:480px;}
.nsLeft:hover {
            box-shadow:0px 5px 15px rgba(18,19,20,0.1);
        }
		.nsLeft .list-img{ overflow:hidden; width:480px;}
.nsLeft .list-img img {
            width: 100%;
            transition: all ease-out 0.36s;
        }
.nsLeft .list-img:hover img {
            transform: scale(1.08);
        }
.nsLeft .list-info {
            width: 440px;
            height: 86px;
            background-color: #fff;
            padding:0 20px;
        }
.nsLeft .list-info .list-tit {
            float: left;
            width: 400px;
            font-size: 20px;
            
            line-height: 86px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
		.nsLeft .list-info .list-tit a{color: #535455;}

.nsLeft .list-info:hover .list-tit {
            color: #3461C6;
        }

.nsLeft .list-info .list-to {
            float: right;
            width: 22px;
            height: 14px;
            background: url("news-arr.png") no-repeat center;
            margin-top: 38px;
        }
.nsLeft .list-info :hover .list-to {
            background: url("icon-blue.png") no-repeat center;
        }


.nsRight {
            float: right;
            width: 650px;
            transition: 0.3s;
        }
.nsRight .item {
            width: 600px;
            margin-top: 20px;
            background-color: #fff;
            padding: 20px 20px 20px 20px;
            transition: 0.3s;
        }
.nsRight .item:first-child {
	margin-top: 0;
}
.nsRight .item:hover {
	box-shadow:0px 5px 15px rgba(18,19,20,0.1);
}

.nsRight .time {
	float: left;
	height: 92px;
	width: 90px;
	font-size: 30px;
	line-height: 70px;
	color: #16909b;
	text-align: center;
	background-color: #fff;
	border-right: 1px solid #D1D3D6;
}
.nsRight .time span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #8C8D8E;
	margin-top: -10px;
}
.nsRight .item .list-info {
	float: left;
	width: 460px; margin-left:20px;
}
.nsRight .item .list-tit {
	height: 21px;
	font-size: 16px;
	line-height: 21px;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nsRight .item .list-tit a{	color: #535455;}
nsRight .item .list-tit:hover {
	color: #3461C6;
}
.nsRight .item .list-text {
	font-size: 14px;
	line-height: 20px;
	margin-top: 15px;
	color: #8C8D8E;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 20px;
}
.news-det {
	margin-top: 22px;
	display: block;
	width: 22px;
	height: 14px;
	background: url("news-arr.png") no-repeat center;
}
.news-det:hover {
	background: url("icon-blue.png") no-repeat center;
}


#footer{ background:#2a2a2a;}

.footerTop{ background:#fff; padding:20px 0; height:auto; border-top:1px solid #f4f4f4;}
.footerTop li{
	float: left; padding-left:40px; height:40px; line-height:40px;
	width:150px;
}
.footerTop li:first-child{ background:url(ser_ic1.png) no-repeat left center;}
.footerTop li:nth-child(2){ background:url(ser_ic2.png) no-repeat left center;}
.footerTop li:nth-child(3){ background:url(ser_ic3.png) no-repeat left center;}
.footerTop li:nth-child(4){background:url(ser_ic4.png) no-repeat left center;}
.footerTop li:nth-child(5){background:url(ser_ic5.png) no-repeat left center;}
.footerTop li:nth-child(6){background:url(ser_ic6.png) no-repeat left center;}

.footerTop li span{ font-size:18px;  color:#555; }
.footerTop li p{ font-size:14px; color:#999;}

.footerBottom{ padding:20px 0;
}
.footerBottom h1{float: left; width:300px; text-align:center; margin-top:30px;}
.footerBottom h1 span{ display: block; font-size: 18px; font-weight:500; line-height: 34px; color: #fff; padding-top:16px; font-weight: normal; text-align: center;}
.footerBottom .left{ width:400px; float:left; margin-right:30px;}
.footerBottom>ul li{
	float:left;
	width:50%;
	line-height:40px;
	margin-top:10px;
	color: #fff;
}
.footerBottom>ul li p{ font-size:14px; font-weight:700;}
.footerBottom>ul li span{
	line-height: 25px;
	display: block;
}
.footerBottom>ul li span a{ color:#fff;font-size:14px;}
.footerBottom>ul li span a:hover{ opacity:0.8;}

.footerBottom .flx{  font-size:12px; margin-top:20px; color:#fff; float:left;height:130px; line-height:20px;  width:400px;}
.footerBottom .flx b{font-size:14px; color:#fff; text-align:left;}
.footerBottom .flx p{ font-size:12px; padding-top:10px; opacity:1;text-align:left;}

#footer .tc{
	margin-top:20px; text-align:center;
	color:#333;font-size:14px;
	height:50px;
	line-height:50px; background:#fff;
}



.inbanner {
    position: relative;
    height: 300px;
    overflow: hidden
}



.inbanner-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    border-left: 5px solid #fff;
    padding-left: 15px
}

.inbanner-content .title {
    font-size: 36px;
    font-weight: 700
}

/*子页主要内容*/

.bgby{/* background:url(bgby.jpg) repeat;*/ }
#ibody1{ background:#f8f8f8;	
}


.submenu { float: left; width:240px; margin:30px 0;padding-bottom:50px; }
.sub_left_tit {
    font-size: 24px;
    padding-left: 15px;
    position: relative; background:url(bgsub.jpg) no-repeat left center; color:#535455;font-weight:bold;
    text-transform: uppercase; padding:20px 20px;  text-align:center; }

.sub_left_nav{width:100%; border:1px solid #f1f1f1;  }
.sub_left_nav li{ height: 46px;
    line-height: 46px;
    overflow: hidden; background:#fff;
    padding-left:10px; border-bottom:1px solid #eee;  }
.sub_left_nav li a {  font-size:15px;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    border-radius: unset;background:url(arrow1.png) no-repeat 5px center; color:#333;
    padding-left: 20px; display:block; color:#444; position:relative;}
.sub_left_nav li a.on { color:#f69a19; }
.sub_left_nav li a:hover{ color:#f69a19; }
.sub_left_nav li a.on:hover{ color:#f69a19;}


.sub_left_bottom{ height:auto; margin-top:20px; background:#fff; padding:10px 10px 20px 10px; color:#555; font-size:14px;}
.sub-lx {
    width:168px; margin:20px auto 10px;
    height:50px;
    background:rgba(248,248,248,1) url("dianhua.png") no-repeat 10px center;
    border-radius:100px; font-size: 12px; padding-left:50px; padding-top:10px;
    
}

.sub-lx span {
    display: block;
    font-size: 20px;
    color: #3461C6;
    line-height: 23px;
    margin-top: 1px;
}




.Main{ float: right;
    width:78%; margin-top:30px;background:#fff; margin-bottom:50px;}
	
	

.breadcrumb{
    height:60px;
    background:rgba(18,19,20,0.3);
     z-index:99; position:absolute; left:0; bottom:0; width:100%;
}
.breadcrumb a,.breadcrumb h1{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 60px;
    color: rgba(255,255,255,0.5);
    font-weight: normal;
    padding: 0 20px;
    color: #fff;
    background: url("wsc-bread-line.png") no-repeat left center;
}
.breadcrumb a:first-child {
    border-left: none;
    padding-left: 24px;
    background: url("icom-home.png") no-repeat left center;
}
.breadcrumb a:hover {
    color: #eaeaea;
}


.Main .brief{font-size:14px;color:#666;line-height: 2em;
    border: 1px solid #e9e6e5;
    padding: 20px 10px;
    min-height: 700px;}
h1{font-size:20px; color:#000; text-align:center; line-height:30px;}
.Main .brief img{max-width: 100%;height:auto;}
.about_wz{margin-top:35px; overflow:hidden;}
.about_wz p{ font-size:16px; line-height:28px;}


.ser-box{ padding:3% 0; height:auto; margin-top:10px;}

.ser-box .item {margin-bottom:50px; overflow:hidden;border: 1px solid #e1e1e1;
    padding: 30px;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;}

.ser-box .item .slide-left{width:45%;}
.ser-box .item .slide-left img{ width:100%; height:auto;}
.ser-box .item .slide-right{width:50.66667%;}
.ser-box .item  h3{ line-height:30px; font-weight:600; font-size:20px; color:#333; position:relative; margin-bottom:20px; }
.ser-box .item .slide-right p{    font-weight: normal;
    font-size: 16px;
    line-height: 24px;}
.ser-box .item .slide-right a{ font-size:16px;    color: inherit;
    text-decoration: inherit;
    cursor: inherit;
    cursor: pointer;
    display: inline-block;
    padding-top: 13px;
    padding-bottom: 13px;
    background: #167294 url(arrows4.png) no-repeat 10px center;
    color: #fff;
    padding-left: 21px;
    padding-right: 21px; margin-top:20px;    transition: background-color .24s,color .24s;}
.ser-box .item .slide-right a:hover{ background-color:#179e9e;}

.sermain{ height:auto; padding:5% 0; }
.serbg{ background:url(bg_27.jpg) no-repeat top center; background-size:100% auto;}
.sermain .left{ width:48%; float:left; margin-top:5%;}
.sermain .rig{ width:48%; float:right;}
.sermain h3{ text-align:left; color:#000; font-size:36px; margin-bottom:30px; font-weight:800;}
.sermain h4{ font-size:30px; color:#222; margin-bottom:50px;font-weight:600; line-height:1.5;}
.sermain p{ font-size:18px; color:#222;line-height:2; margin-bottom:50px;}

.sermain ul li{ width:48%; margin-right:2%;float:left;transition: background-color .24s,color .24s;  margin-bottom:2%;}
.sermain ul li:last-child{ margin-right:0; margin-top:0;}
.sermain ul li .pics{ position:relative; height:60%; overflow:hidden;border:2px solid #1da1a1;}
.sermain ul li .pics,.sermain ul li .tit{ width:100%;}
.sermain ul li .pics img{ width:100%; }
.sermain ul li .tit a{ font-size:18px; color:#222;font-weight:800; padding-left:10px;  background:url(arrows2.png) no-repeat left center; line-height:40px; height:40px; overflow:hidden;transition: all 0.5s;}
.sermain ul li .tit a:hover{ color:#179e9e;}
.sermain ul li:hover .pics:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: #179e9e;
    height: 5px;
    margin-top: -5px;}




/*products 产品中心*/
.in_prouctsbox{ clear:both;}
.in_prouctsbox li{ float:left; width:212px; font-size:14px;overflow:hidden; margin:20px 24px 0px 0px; }
.in_prouctsbox li:nth-child(4n){ margin-right:0;}
.in_prouctsbox li .pic{ height:200px; width:210px;border:1px solid #ccc;  background:#fff;display:table-cell;text-align:center;vertical-align:middle;overflow:hidden; display:block; overflow:hidden;}
.in_prouctsbox li .pic img{display:inline-block;text-align: center;vertical-align:middle; width:100%; height:auto;}

.in_prouctsbox li  .title{ border-top:none; clear:both; height:80px; background:#fff; text-align:center; color:#fff; padding:5px;}
.in_prouctsbox li  .title .c_pro_name a{ font-size:14px; text-align:center; height:40px; line-height:40px; font-weight:normal; color:#333;display:block; overflow:hidden;}
.in_prouctsbox li  .title .c_pro_name a:hover{ color:#f06524;}
.in_prouctsbox li  .title p{ height:20px; line-height:20px; overflow:hidden; margin-bottom:5px; color:#999;white-space:nowrap;}
.in_prouctsbox li  .title a.pro_morean{ display: inline-block;
    width: 90px;
    height: 29px;
    line-height: 29px;
    background: #5dc2a5;
    font-size: 14px;
    color: #fff;
    text-align: center;}
	
	
.prolist{ 
    padding: 5px 0;
  padding:20px;}
	
.prolist dl{padding-left: 200px;position: relative;width: 600px;margin-bottom:20px; height:auto; overflow:hidden; padding-bottom:20px;   border-bottom: 1px dashed #ccc;}
.prolist dl dt {width: 200px;height: 160px;border:1px solid #ccc;padding:3px; position: absolute;left: 0;top: 0;}
.prolist dl dt img{width:200px;height:160px}
.prolist dl dd.dd1 {padding-top: 5px;font-size: 16px;font-weight: bold;margin-bottom:14px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; margin-left:20px;} 
.prolist dl dd.dd1 a {color: #333; font-weight: bold;}
.prolist dl dd.dd2 {line-height: 24px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;height: 48px;margin-bottom: 10px; font-size:14px; text-indent:2em; margin-left:20px;}
.prolist dl dd.dd2 b { color:#FF0000;}
.prolist dl dd.dd3 {padding-left: 285px;position: relative;font-style: italic;}
.prolist dl dd.dd3 em {display: block;width: 85px;height: 1px;background: #cccccc;position: absolute;left: 200px;top: 8px;}
.prolist dl:hover dd.dd1 a {color: #16909b;}
.prolist dl:hover dd.dd3 em {background: #19429e;}
.prolist dl dd.dd2 a {color: #666;}



/* 产品  内页*/
/* 产品  内页*/
.porMain{line-height: 2em;
    border: 1px solid #e9e6e5;
    border-top: none;
    padding: 20px 10px;
    min-height: 700px;}
.product_page{   width:100%; padding-top:20px;  padding-bottom:20px;   height:auto; overflow:hidden;}
.product_show{ position:relative; float:left; width:30%;}
.product_icon{ position:absolute; bottom:132px; right:32px; z-index:99;}
.cont-content{ float:left; width:25%; position:relative; overflow:hidden; height:auto; background:#c6c6c6;}
.product_detail{ float:right;  width:65%;}
.product_detail h3{ font-size:24px; color:#333; line-height:38px; padding:10px 0; font-weight:normal;  margin-top:0;}
.product_detail .bt{ font-size:14px; color:#333; background:url(bgdetail.jpg) no-repeat left; padding-left:22px; margin-bottom:10px;}
.product_detail .pro_ms{ clear:both; line-height:20px; overflow:hidden; margin-bottom:30px;}
.product_detail .pro_ms p{ line-height:20px; color:#666;}
.product_btn{ padding-top:0px; }
.product_btn a{ transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.product_btn a.f-left{ line-height: 35px;
    font-size: 20px;
    font-weight: bold;
    border-radius: 5px;
    color: #fff;
    background: #FF6700;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    margin-top: 14px; }
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0; width:100%; padding-left:0;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 2% 0 0;width:16%;}
.tb-thumb li a{ width:100%; display:block;}
.tb-thumb li img{ width:95%;padding:2.5%;}
.tb-thumb li:last-child{ margin-right:0;}
.tb-s310, .tb-s310 a{height:562px;width:573px;}
.tb-s310, .tb-s310 img{max-height:100%;max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:auto;width:100%;}
.tb-booth{position:relative;z-index:1; width:100%;}
.tb-booth img{ width:100%;border:1px solid #ccc;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;border:1px solid #957e70;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:600px;height:600px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.toogle{ height:auto;}
.cgs font{ width:120px; height:40px; line-height:40px; font-size:20px; text-align:center; color:#FFF; background:#8e8e8e; display:block; float:left; font-weight:bold;}
.cgs span{ width:700px; height:1px; border-top:1px #8e8e8e dashed; display:block;float:left; margin-top:19px;}
.toogle .pcont{ padding:20px;color:#555; line-height:24px; overflow:hidden; height:auto; font-size:14px;}
.toogle .pcont img{ max-width:100%;}

.toogle .bottom{ text-align:right; border-bottom:1px  dashed #e1e1e1; padding-top:10px; line-height:30px; color:#999; font-size:12px; padding-right:5px;}
.toogle .bottom a{color:#666;}
.toogle .bottom a:hover{color:#f00;}


.recom{ margin-top:80px; width:100%;}
.retit{text-align: center;
    font-size: 30px;
    color: black;
    font-family: Helveticatr;}
.recom-list{    width: 100%;
    margin-top: 60px;
    margin-bottom: 30px;}
	

.recom-list .pic{ width: 100%;
    background: #fff; border:1px solid #d1d1d1;
    position: relative; overflow:hidden; text-align:center;}
.recom-list .pic img{  transition: all 1s ease 0s;  }
.recom-list a:hover .pic  img{ transform: scale(1.1);}
.recom-list .name{   
    font-size: 16px;
    line-height: 33px;
    color: #000000;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 55px;}	
	



 /*（图片列表）--dl_sb*/
dl.dl_sb { width: 24%;
    float: left;
    background: #f0f0f0;
    margin:0 1% 13px 0;}
dl.dl_sb dt { border: 1px solid #e5e5e5; padding:2px;
    background: #fff; overflow:hidden; } /*图片边框*/
dl.dl_sb dt:hover {border:1px solid #0463bd;}/*图片边框,点击时的状态*/
dl.dl_sb dt img { width:100%; height:auto; }
dl.dl_sb dd { font-size:14px; margin:2px 0 0 0;  width:100%;background:none; height:36px; line-height:36px; overflow:hidden; text-align:center;}
dl.dl_sb dd a:hover{ color:#0463bd;}


.newslist{width: 100%; padding:20px; margin-bottom:30px;  overflow:hidden; }

.newslist li{
	background-image: url(kqn_06.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	clear: none;
	float: left;
	height: auto;
	width: 802px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 43px;
	list-style-type: none;
}
.newslist li a{
	font-size: 16px;
	color: #16909b;
	float: left;
	height: 24px; line-height:24px;
	width: 600px;
}
.newslist li a:hover{
	font-weight: bold;
}
.newslist li span{
	font-size: 12px;background: url(ticon1.jpg) no-repeat left center; padding-left: 17px; margin-left: 18px; 
	color: #999;
	margin: 0px; display:inline-block; padding-right:10px;
	float: right;
	height: 29px; line-height:29px;
}
.newslist li p{
	line-height: 21px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left; font-size:12px;
	height: auto;
	width: 790px;
}



.listMain { height:auto;  padding-bottom:50px;}
.listMain li {
    width: calc((100% - 96px)/4);
    float: left;
    margin: 0 12px 24px 12px;
}

.listMain li a {
    background-color: #eee;
    height: 208px;
    display: block;
    line-height: normal;
    overflow: hidden;
    position: relative;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.listMain li a img {
    display: block;
    width: 100%;
    height: 224px;
    transition: 424ms linear;
}

.listMain li  mark {
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: rgba(231,0,18,.2);
    background: #eb6123\9;
    filter: alpha(opacity=20);
    z-index: 20;
    opacity: 0;
    transform: skewX(45deg);
    visibility: hidden;
    transition: 360ms;
}

.listMain li  mark b {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -23px;
    margin-top: -23px;
    z-index: 30;
}

.listMain li  mark b:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #e70012;
    position: absolute;
    left: 0;
    top: 23px;
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
}

.listMain li  mark b:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #e70012;
    position: absolute;
    left: 23px;
    top: 0;
    transform: translateY(-200px);
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
}

.listMain li  mark:before {
    content: "";
    width: 100%;
    height: 0%;
    border-left: 3px solid #e70012;
    border-right: 3px solid #e70012;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    transition: 320ms;
}

.listMain li a mark:after {
    content: "";
    width: 0%;
    height: 100%;
    border-top: 3px solid #e70012;
    border-bottom: 3px solid #e70012;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    transition: 320ms;
}

.listMain li:hover mark {
    opacity: 1;
    transform: skewX(0);
    visibility: visible;
}

.listMain li:hover  mark:before {
    height: 100%;
    transition: 330ms 200ms;
}

.listMain li:hover  mark:after {
    width: 100%;
    transition: 330ms 200ms;
}

.listMain li:hover  img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.listMain li:hover  mark b:before {
    transition: 355ms 180ms;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
}

.listMain li:hover  mark b:after {
    transition: 355ms 240ms;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
}


.listMain .Theview li a{display:inline-block}

.listMain  p{padding:10px 0;text-align:center;font-size:16px;color:#666}
.listMain ul li:hover p{color:#da251a}

#fengye{ text-align:center;font-size:12px; line-height:28px;height:28px; *height:28px; overflow:hidden;clear:both; margin-bottom:50px; margin-top:30px; padding:5px 10px; color:#333; }
#fengye input{ width:20px; height:15px; color:#f89710;}
#fengye a{ border:1px solid #fff; background:#666;cursor:pointer;width:60px;color: #fff; text-align:center; display:inline-block;  margin-right:0px; font-size:12px; line-height:25px;}
#fengye a:hover{ border:1px solid #f89710;background:#f89710; color:#fff;}
#fengye input{  height:30px; text-decoration:999em; border:none; width:20px; height:18px;}
#fengye button{ width:30px; height:20px; background:#FF3300; color:#333; cursor:pointer;}



#info{padding:60px 0px 40px; height:auto; overflow:hidden;}
#info .list{width:31.78%;margin:0 2.33% 30px 0;padding-bottom:30px;border-bottom:1px solid #e9e9e9;}
#info .list:nth-child(3n){margin-right:0%;}
#info .list .p1{font-size:16px;color:#353535;line-height:24px;margin:30px auto 20px;}
#info .list .p2{font-size:14px;color:#757575;line-height:24px;max-height:48px;overflow: hidden;}
#info .list .p3{font-size:12px;color:#757575;line-height:24px;margin-top:20px;}
#info .list .p1:hover,
#info .list .p2:hover,
#info .list .p3:hover{color:#da251a;}


.pages{ width:100%; text-align:center; margin-bottom:40px; margin-top:30px;}
.pages a{ display:inline-block; *display:inline; zoom:1; height:22px; line-height:22px; border:2px solid #eee; margin:0 1px; font-size:12px; color:#555; padding:0 5px;}
.pages a.now{ color:#FFF; font-weight:bold; background:#0463bd; border-color:#0463bd;}

/*新闻详情*/
#case-detail{    font-size: 14px;
    color: #666;
    line-height: 2em;
    border: 1px solid #e9e6e5;
    border-top: none;
    padding: 20px 20px;
}
#case-detail title-boxs{}
#case-detail .tit{ font-size: 20px;
  color: #363636;
  font-weight: bold; text-align:center;
  margin-bottom: 10px;
  line-height: 1.7;}
.title-boxs .time {
   font-size: 14px;
  font-family: Arial; text-align:center;
  color: #9e9e9e;
  line-height: 35px;
  border-bottom: 1px dashed #cfcfcf;
  margin-bottom: 20px;
}

.title-boxs .time i {
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  left: 0;
}

.title-boxs .time i:after {
  opacity: .5;
  background-position: 0 -360px;
}



.detail{padding-bottom:30px; color:#666; line-height:24px; position:relative;}
.detail img{max-width:100%;height:auto;}
.detail-tags{ border-bottom: 1px solid #c3c3c3;
  position: relative; height:40px;}
.detail-tags .share {
  position: absolute;
  right: 0;
  top: 8px;
}
.detail-pn {
  margin-top: 30px;
}

.detail-pn div + div {
  margin-top: 15px;
}

.detail-pn div {
  line-height: 22px;
  padding: 10px;
  position: relative;
  border: 1px solid #eeeeee;
}

.detail-pn div b {
  font-size: 14px;
  color: #292e39;
  float: left;
  font-weight: normal;
}

.detail-pn div a {
  float: left;
  width: 75%;
  font-size: 14px;
  color: #666666;
}

.detail-pn div a:hover {
  color: #ffa802;
}


/*faq*/
.actionMain{overflow: hidden;padding:40px 25px;}
.faqList li{border:1px solid #ebebeb;margin-bottom:30px;padding:30px 40px 30px 80px;}
.faqList li:hover{box-shadow: 0px 0px 20px #ccc;}
.faqList li h6{font-size:18px;color:#333;line-height:30px; margin-bottom:20px;position:relative;}
.faqList li p{font-size:14px;color:#666;line-height:26px; position:relative;}
.faqList li span{display: inline-block;position: absolute;top:0px;left:-55px;font-size:16px;color:#ebebeb;line-height:16px;padding:8px;border-radius:3px;}

.faqList li h6 span{background:#da251a;}
.faqList li p span{background:#007cc4;}


/*联系我们*/
.lx_cont{    font-family: 微软雅黑;
    color: #333; height:auto; margin-top:30px;}
.lx_cont .item{width:25%;text-align: center;}
.lx_cont .item i{font-size:36px;color:#353535;margin-bottom:30px;display: block;font-weight: bold;}
.lx_cont .item .p1{font-size:14px;color:#757575;margin-bottom:15px;}
.lx_cont .item .p2{font-size:16px;color:#333;}

.lx_map{  width:100%;height:500px;}

/*message*/

/*message*/
.message{  width:100%; border:1px solid #eee;  height:auto; overflow:hidden;padding-bottom:40px; background:#fff;}
.message .cont_tit{ font-size:18px; color:#555; line-height:40px; height:40px; margin-bottom:40px; background:#f8f8f8; padding:20px; font-weight:500;  }
.message h2 { text-align:center;
    font-size: 22px;
    line-height: 22px;
    padding-bottom: 23px;
    color: #333;
    margin-bottom: 39px;
    border-bottom: 1px solid #eee;  }
.online{  width: 700px; padding-top: 30px; padding-bottom:20px; margin:0 auto;}
.online li{ 
	float:left;
	margin-bottom: 18px;}
.online span{ 
	float:left;
	width:120px; height:30px; display: block;
 	color:#4e4e4e; font-size:15px; line-height:30px; text-align:right; font-weight:600;}
.online input{
	 width:522px;height: 28px; border:1px solid #dadada;
	color:#4e4e4e;font-size:14px; line-height: 28px; text-indent: 10px;
	background: #fefefe;}
.online input.address{ width: 522px;}	
.online textarea{
	width: 522px;border:1px solid #dadada;
	color:#4e4e4e;font-size:14px; line-height: 28px; text-indent: 10px;
	background: #fefefe;    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.form-control::-webkit-input-placeholder {
    color: grey
}

.form-control::-moz-placeholder {
    color: grey
}
.form-control::placeholder {
    color: grey; font-size:12px;
}
.online input.botton{ 
	width: 164px; height: 47px; border:none; cursor: pointer;
	color:#ffffff;font-size:20px; line-height: 47px; font-weight: bold;
}
.online input.submit{
	 margin-left: 220px;
	background:url(submito.jpg) left top no-repeat;
}
.online input.reset{ margin-left:20px; background:url(resito.jpg) left top no-repeat ;
}
.online input.data{background:url(data.jpg) 150px center no-repeat;}