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


/*--首屏大banner--*/
.cen_top{ position:relative; z-index:9999;}
.logo{ width:261px; height:90px; background:url(../images/logo.jpg) no-repeat; position:absolute; top:0; left:0;}
.nav{ width:715px; height:80px; margin:0 auto; position:relative; }
.nav li{ float:left; color:#fff; font-size:16px; position:relative;}
.nav li a{ margin:46px 20px; float:left; color:#fff;}
.nav li a:hover{ color:#e23636;}
.nav li span{ float:left; color:#fff; margin-top:46px;}
.phone{ width:170px; height:32px; position:absolute; right:8%; top:50px;}
@media screen and (min-width:1200px) and (max-width:1400px){
    .phone{width:170px; height:32px; position:absolute; right:0; top:50px;}
}
.phone span{ width:20px; height:16px; background:url(../images/phone.png) no-repeat; display:block; float:left; margin-top:2px;}
.phone p{ font-size:16px; color:#fff; float:left; margin-left:12px; line-height:22px;}
.xiala_c{ width:125px; height:auto; background:#fff; border:1px solid #e7e7e7; border-radius:5px; padding:15px; box-sizing:border-box; display:none; position:absolute; top:85px; left:-8px; text-align:center;}
.xiala_c dl{ color:#666; font-size:14px; line-height:25px; margin:0 auto; text-align:center;}
.xiala_c dl a{ clear:both; color:#666; margin:0; display:block;}
.xiala_c img{  position:absolute; top:-10px; left:55px;}
#kh:hover .xiala_c{ display:block;}
.project .txt h1 img{ max-width:100%; height:auto;}
.project .txt{ position:absolute; bottom:25%; left:15%;}
.project .txt svg{ position:absolute; fill: none; stroke-width: 3px; stroke: #fff; stroke-dasharray: 0 650;

     transition: all 2s;

 	-webkit-transition: all 2s;

 	-moz-transition: all 2s;

 	-o-transition: all 2s;}

.project .txt svg{stroke-dasharray: 650 0;}
.project .txt svg path{ width:357px; height:336px;}
.project .txt h2{ position:absolute; top:-80px; left:100px;}
.project .txt2 { width:754px; height:151px; position:absolute; top:50%; margin-top:-75px; left:50%; margin-left:-377px;}
.project .txt2 img{ max-height:100%; height:auto;}
.index-waper-box{ position: absolute; bottom: 0; width: 100%; height: 50px; overflow: hidden; z-index: 998;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
}
.index-back-box{ width: 76%; height: 50px; background-color:rgba(255,255,255,1); position: absolute; bottom: 0; margin: 0 12%; overflow: hidden;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform: rotateX(0deg) translate3d(0,0,0);
    -webkit-transform: rotateX(0deg) translate3d(0,0,0);
    -moz-transform: rotateX(0deg) translate3d(0,0,0);    
     transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
     -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
     -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
}
.index-back-box.active{
    transform: rotateX(100deg) translate3d(0,0,0);
    -webkit-transform: rotateX(100deg) translate3d(0,0,0);
    -moz-transform: rotateX(100deg) translate3d(0,0,0);	
}
.index-back-box .sub-arrows{ position: absolute; left: 0; top: 0; width: auto; height: 100%; line-height: 100px; padding-left: 100px; font-size: 0;}
.index-back-box .sub-arrows i.icom{ display: inline-block; vertical-align: top; width: 60px; height: 100%; cursor: pointer; position: relative;}
.index-back-box .sub-arrows i.icom:after{ position: absolute; content: ''; left: 0; top: 49px; width: 30px; height: 2px; background-color: #000;
	transform: scale(0,1);
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}
.index-back-box .sub-arrows i.icom font{ color: #fff;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}
.index-back-box .sub-arrows i.icom.prev font{ position: absolute; left: 9px;}
.index-back-box .sub-arrows i.icom.next font{ position: absolute; left: 6px;}

.index-back-box .sub-arrows i.icom.prev:hover font{ left: -7px;}
.index-back-box .sub-arrows i.icom.next:hover font{ left: 20px;}
.index-back-box .sub-share{ position: absolute; right: 35px; top: 4px; width: auto; height: 100%; display: table; cursor: pointer;}
.index-back-box .sub-share .tels{ display: table-cell; vertical-align: middle;}
.index-back-box .sub-share .tels span{ display: inline-block;}
.index-back-box .sub-share .tels .cc1{
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(-40px);
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
}
.index-back-box .sub-share .tels .cc2{
	transform: translateX(80px);
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
}
.index-back-box .sub-share .sider-tel{ display: table-cell; vertical-align: middle; font-size: 0;
    opacity: 0;
    filter: alpha(opacity='0');
 	transform: translateX(130px);
 	-webkit-transform: translateX(130px);
 	-moz-transform: translateX(130px);
 	transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
 	-webkit-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
 	-moz-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
}
.index-back-box .sub-share .sider-tel a{ display: inline-block; font-size: 12px; color: #fff; margin: 0 8px;
    opacity: 0;
    filter: alpha(opacity='0');
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}
.index-back-box .sub-share:hover .tels .cc1{
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
	-webkit-transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
	-moz-transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
}
.index-back-box .sub-share:hover .tels .cc2{
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
}
.index-back-box .sub-share:hover .sider-tel{
	opacity: 1;
    filter: alpha(opacity='100');
 	transform: translateX(0px);
 	-webkit-transform: translateX(0px);
 	-moz-transform: translateX(0px);
 	transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;
 	-webkit-transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;
 	-moz-transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;	
}
.index-back-box .sub-share:hover .sider-tel a:nth-of-type(1){
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
	-webkit-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
	-moz-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
}
.index-back-box .sub-share:hover .sider-tel a:nth-of-type(2){
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
	-webkit-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
	-moz-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
}
.index-back-box .sub-mouse{ width:30px; height: 60px; position: absolute; top: 3px; left: 50%; margin-left: -15px; cursor: pointer; z-index: 1; -moz-transform: scale(0.7);}
.index-back-box .sub-mouse:after{ display: none; z-index: -1; position: absolute; content: ''; top: -30px; left: 50%; height: 53px; border-right: 1px solid #333; margin-left: -1px;}
.index-back-box .sub-mouse span{ display: block; position: relative; width: 100%; height: 100%;
	 animation: ani-svg 0.85s linear 0s alternate infinite;
	 -webkit-animation: ani-svg 0.85s linear 0s alternate infinite; 
}
.index-back-box .sub-mouse i{ position: absolute; bottom: 5px; left: 50%; color: #000;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}

/*--我们是谁--*/
.who{ width:1200px; height:586px; margin:0 auto; padding-top:57px; box-sizing:border-box;}
.who .bt{ width:300px; height:100px; margin:0 auto;}
.who .bt h3{ font-size:30px; color:#333; text-align:center; font-weight:normal; line-height:50px;}
.who .bt p{ font-size:30px; color:#999; text-align:center;}
.who .txt{ width:1200px; height:150px; margin-top:55px;}
.who .txt h3{ font-size:16px; color:#999; float:left;}
.who .txt dl{ width:196px; height:1px; background:#dfdfdf; float:left; margin-left:5px; display:block; margin-top:10px;}
.who .txt p{ font-size:15px; line-height:30px; color:#999; margin-top:16px; float:left;}
.who .shu{ width:1005px; height:100px; margin:0 auto; color:#333; margin-top:80px;}
.shu1{ width:150px;}
.shu1 h3{ font-size:35px; font-weight:normal; text-align:center;}
.shu1 p{ font-size:15px; text-align:center;}
.shu2{ width:250px;}
.shu2 h3{ font-size:35px; font-weight:normal; text-align:center; float:left; margin-left:75px;}
.shu2 p{ font-size:15px; text-align:center;}
.shu2 i{ font-style:normal; font-size:35px; text-align:center;}
.shu3{ width:170px;}
.shu3 h3{ font-size:35px; font-weight:normal; text-align:center;}
.shu3 p{ font-size:15px; text-align:center;}
.shu4{ width:230px;}
.shu4 h3{ font-size:35px; font-weight:normal; text-align:center;}
.shu4 p{ font-size:15px; text-align:center;}
.shu5{ width:180px;}
.shu5 h3{ font-size:35px; font-weight:normal; text-align:center; float:left; margin-left:55px;}
.shu5 p{ font-size:15px; text-align:center;}
.shu5 i{ font-style:normal; font-size:35px; text-align:center;}
/*--我们的服务--*/
.fuwu{ width:100%; height:760px; background:url(../images/fuwu_bg.jpg) repeat; margin-top:15px;}
.fuwu_con{ width:1200px; margin:0 auto; height:760px; overflow:hidden; position:relative;}
.fuwu .bt{ width:390px; height:200px; margin-top:75px;}
.fuwu .bt h3{ font-size:35px; color:#fff;}
.fuwu .bt dl{ font-size:25px; color:#fff; margin:12px 0px;}
.fuwu .bt p{ font-size:14px; line-height:25px; color:#686c6f;}
.fuwu .img{ width:608px; height:574px; background:url(../images/fuwu.jpg) no-repeat; position:absolute; top:90px; right:0;}
.tabs-4{ margin-top:79px;}
.tabs li i{ width:62px; height:1px; background:#394047; display:block; float:left; margin:10px 15px 0 8px; transition:all 0.5s;} 
.tabs li img{ float:left;}
.tabs li.active i{ width:80px; background:#ec3f3f;}
/*--服务标准--*/
.bz{ width:100%; height:819px; background:url(../images/bz.jpg) no-repeat center;}
.bz_con{ width:1200px; height:819px; margin:0 auto; padding-top:70px; box-sizing:border-box;}
.bz .bt{ width:359px; height:54px; background:url(../images/bz.png) no-repeat; margin:0 auto; padding-top:10px; box-sizing:border-box;}
.bz .bt h3{ width:135px; height:25px; margin:0 auto; background:url(../images/yuan.png) no-repeat; font-size:23px; color:#333; line-height:25px; padding-left:33px; box-sizing:border-box;}
.bz dl{ font-size:14px; color:#333; text-align:center; line-height:80px;}
.bz .nr{ width:1200px; height:300px; background:url(../images/fw.png) no-repeat top center; margin-top:80px;}
.bz .nr_s1{ width:21px; height:22px; float:left; margin-top:75px; margin-left:285px; }
.bz .nr_s2{ width:21px; height:22px; float:left; margin-top:75px; margin-left:280px; }
.bz .nr_s3{ width:21px; height:22px; float:left; margin-top:75px; margin-left:280px; }
@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);
}to {
    -webkit-transform: rotate(360deg);
}}

.Rotation {
    -webkit-transform: rotate(360deg);
    animation: rotation 2s linear infinite;
    -moz-animation: rotation 2s linear infinite;
    -webkit-animation: rotation 2s linear infinite;
    -o-animation: rotation 2s linear infinite;
}
.bz .txt{ width:1200px; height:100px; float:left; margin-top:100px; padding:0 10px; box-sizing:border-box;}
.bz .txt dt{ width:258px; height:100px; float:left; padding:0 6px; box-sizing:border-box; margin-right:48px;}
.bz .txt dt h3{ font-size:18px; color:#333; text-align:center; font-weight:normal; line-height:55px;}
.bz .txt dt p{ font-size:14px; color:#333; text-align:center; line-height:25px;}
.bz .more{ position:relative; width:148px; height:37px; border:1px solid #393939; text-align:center; line-height:38px; margin:90px auto; transition:all 0.5s;}
.bz .more span{ text-align:center; line-height:38px; color:#333; font-size:16px; position:absolute; z-index:5; display:block; width:148px; height:38px; transition:all 0.5s;}
.bz .more i{ display:block; position:absolute; top:-1px; left:-1px; width:0px; height:40px; background:#f06969; transition:all 0.5s;}
.bz .more:hover i{ width:150px;}
.bz .more:hover span{ color:#fff;}
/*--我们的客户--*/
.customer{ width:100%; height:626px; background:url(../images/kehu.jpg) no-repeat center; margin-top:-28px;}
.customer_con{ width:1256px; height:626px; margin:0 auto;}
.cus_left{ width:760px; height:506px; float:left;}
.slider{ margin:0px auto; height:500px; overflow:hidden; position:relative; margin-top:85px;}
.sliderbox{position:relative;}
.sliderbox li{ width:156px; height:122px; float:left; border:1px solid #eaeaea; margin-right:32px; margin-bottom:32px;}
.cus_right{ width:390px; height:245px; float:right; margin-top:150px;}
.cus_right h3{ font-size:35px; text-align:right; line-height:53px; color:#fff;}
.cus_right span{ font-size:25px; height:46px; border-bottom:3px solid #fff; color:#fff; text-align:right; display:inline-block; float:right; margin-top:6px;}
.cus_right p{ font-size:14px; line-height:25px; color:#fff; float:right; margin-top:36px;}
/*--客户见证--*/
.witness{ width:100%;overflow:hidden; margin-top:40px;}
.witness .bt{ width:100%; height:78px;margin:0 auto;}
.witness .bt .fen1{ width:255px; height:78px; background:url(../images/fen.jpg) no-repeat; float:left; margin-left:5%;}
.witness .bt .fen2{ height:78px; background:url(../images/fen2.jpg) no-repeat; float:right; margin-right:5%; padding-left:50px; box-sizing:border-box;}
@media screen and (max-width: 1400px) {
 .witness .bt .fen1{
    margin-left: 1%;
  }
   .witness .bt .fen2{
    margin-right: 1%;
  }
}
.witness .bt ul{ width:960px; float:right; margin-top:8px; margin-right:50px;}
.witness .bt ul li{ float:left; line-height:50px; text-align:center;}
.witness .bt ul li a{ font-size:18px; color:#333; padding:0 23px;}
.witness .bt ul li:hover a{ color:#e94e4e;}
.witness .bt ul li.no{width:52px; height:52px; border:1px solid #e94e4e; border-radius:50%;}
.witness .bt ul li.no a{ padding:0;}
.witness .con{ width:100%; overflow:hidden; margin-top:35px;}
.witness .con li{ width:25%; float:left;}
.witness .con li div{ width:100%; overflow:hidden; position:relative;}
.witness .con li img{ width:100%; transition: all 0.5s;}
.witness .con li dl{ width:46px; height:46px; background:url(../images/more.png) no-repeat; position:absolute; top:50%; left:50%; margin:-23px 0 0 -23px; display:none; transition:all 0.9s;}
.witness .con li:hover dl{ display:block;}
.witness .con li:hover img{ transform: scale(1.1); opacity:0.8;}
.witness .con li span{ width:100%; height:50px; display:block; text-align:center; line-height:50px; font-size:18px; color:#333;}
.witness .con li:hover span{ background:#f06969; color:#fff; transition:all 0.8s;}
.witness .hu{ width:100%; height:90px; background:#f2f2f2; overflow:hidden;}
.witness .hua{ width:134px; height:38px; background:url(../images/hua.jpg) no-repeat; margin:0 auto; margin-top:27px;}
/*--新动力--*/
.xinpower{ width:100%; height:546px; background:url(../images/xinpower.jpg) no-repeat center;}
.xinpower_con{ width:1256px; margin:0 auto;}
.xinpower .txt { width:628px; height:200px; float:right; margin-top:150px;}
.xinpower .txt span{ font-size:25px; color:#777778; font-weight:bold; line-height:50px;}
.xinpower .txt h3{ font-size:25px; margin-bottom:40px; color:#fff;}
.xinpower .txt p{ font-size:20px; line-height:30px; color:#fff;}
/*--新闻--*/
.news{ width:1200px; height:485px; margin:76px auto 0px;}
.news_left{ width:160px; height:330px; float:left;}
.news_left .bt{ width:160px; height:79px; border-bottom:1px solid #dedede; }
.news_left .bt h3{ font-size:28px; color:#333; font-weight:normal;}
.news_left .bt p{ font-size:20px; color:#333; line-height:30px;}
.news_left ul li{ width:147px; height:66px; border-bottom:1px solid #dedede; transition:all 0.5s;}
.news_left ul li a{ line-height:66px; font-size:16px; color:#666; transition:all 0.5s;}
.news_left ul li:hover a{ margin-left:10px; color:#ec3f3f;}
.news_left ul li:hover{border-bottom:1px solid #ec3f3f;}
.news_mid{ width:526px; height:480px; float:left; margin-left:54px;}
.news_mid ul li{ width:526px; height:159px; border-bottom:1px dashed #ededed; padding:20px 0px; box-sizing:border-box;}
.news_mid ul li dl{ width:200px; height:27px; line-height:27px;}
.news_mid ul li dl i{ width:30px; height:1px; background:#ddd; float:left; display:block; margin-right:5px; margin-top:13px; transition:all 0.5s;}
.news_mid ul li dl span{ color:#666;}
.news_mid ul li h3{ margin:15px 0px 35px; font-weight:normal; font-size:17px; color:#999; width:500px; height:25px; line-height:25px;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; transition:all 0.5s;}
.news_mid ul li p{ font-size:13px; color:#999; transition:all 0.5s;}
.news_mid ul li:hover dl i{ width:50px; background:#ec3f3f;}
.news_mid ul li:hover h3{ color:#ec3f3f;}
.news_mid ul li:hover p{ margin-left:15px;}
.news_right{ width:440px; height:480px; float:right;}
.news_right img{ width:440px; height:294px;}
.news_right .txt{ width:440px; height:180px; border-bottom:1px solid #dedede; overflow:hidden;}
.news_right .txt span{ display:block; font-size:15px; color:#999; line-height:45px; margin-top:20px;}
.news_right .txt h3{ font-weight:normal; font-size:18px; color:#666; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; transition:all 0.5s;}
.news_right .txt dl{ width:120px; height:30px; margin-top:15px;}
.news_right .txt dl span{ display:block; color:#999; float:left;}
.news_right .txt dl i{ transition:all 0.5s; width:22px; height:11px; background:url(../images/jiantou.gif) no-repeat; display:block; float:left; margin-top:37px; margin-left:8px;}
.news_right .txt:hover dl i{ margin-left:15px;}
.news_right .txt:hover h3{ color:#ec3f3f; transition:all 0.5s;}
/*--留言--*/
.liu{ width:100%; height:476px; background:url(../images/liu.jpg) no-repeat center; margin-top:40px;}
.liu_con{ width:1200px; height:476px; margin:0 auto;}
.liu_left{ width:446px; height:350px; float:left; margin-top:50px; margin-left:35px;}
.liu_left h3{ font-size:30px; color:#fff; font-weight:normal;}
@font-face {
font-family: 书体坊赵九江钢笔楷书;
src: url(..font/书体坊赵九江钢笔楷书.ttf);}
.liu_left p{ display:inline-block; height:60px; font-size:30px; color:#fff; font-family:书体坊赵九江钢笔楷书; margin-top:12px; border-bottom:2px solid #fff;}
.liu_left h2{ font-size:30px; color:#fff; font-weight:normal; font-family:书体坊赵九江钢笔楷书; margin-top:36px;}
.fx{ width:150px; height:50px; margin-top:25px; margin-left:60px;}
.fx a{ width:39px; height:39px; display:block; float:left; margin-right:15px; position:relative}
.wei{ width:0px; height:0px; position:absolute; right:-110px; top:-10px; transition:all 0.5s;}
.yi:hover .wei{ width:90px; height:90px;}
.liu_left h1{ font-size:16px; color:#fff; line-height:26px; font-weight:normal; width:365px;}
.liu_right{ width:530px; height:350px; float:right; margin-right:110px; margin-top:40px;}
.liu_right .bt{ width:530px; height:60px; margin-bottom:15px;}
.liu_right .bt h3{ font-weight:normal; font-size:16px; color:#333; text-align:center; line-height:40px;}
.liu_right .bt p{ color:#999; text-align:center;}
.liu .input{ width:432px; height:34px; margin-bottom:10px; margin-left:55px;}
.liu .input p{ width:82px; height:34px; display:block; color:#333; float:left; line-height:34px;}
.liu .input input{ width:320px; height:34px; box-sizing:border-box; border:1px solid #e8e8e8; float:left; padding:0 10px;}
.liu .input2{ width:432px; height:87px; margin-left:55px;}
.liu .input2 textarea{ width:320px; height:87px; border:1px solid #e8e8e8; box-sizing:border-box; float:left; padding:10px;}
.liu .input2 p{ width:82px; height:34px; display:block; color:#333; float:left; line-height:34px;}
.liu .input3{ width:320px; height:40px; background:#ec3f3f; margin:15px 0px 0px 137px; transition:all 0.5s;}
.liu .input3 input{ width:320px; height:40px; background:none; border:none; text-align:center; line-height:40px; color:#fff; cursor:pointer;}
.liu .input3:hover{ background:#f86767;}
.Validform_wrong{ margin-top:5px;}
.liu .input4{ margin-left:137px; margin-top:5px; width:280px; height:30px;}
.liu .input4 input{ font-size:13px; width:100px; height:28px;  border:1px solid #e8e8e8; float:left; background:none; padding:0 10px; box-sizing:border-box;}
.liu .input4 dt{ float:right; margin-top:3px;}
.liu .input4 img{ float:left; margin-top:1px;}
.liu .input4 i{ float:left;}