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

header {
		width:100%;
		height:93px;
		margin:0 auto;
		overflow:hidden;
		background:#ffffff;
		border-bottom:1px solid #f2f2f2;
		font-size:1.6em;
	}
.container-pc{ width:100%; height:93px; margin:0 auto;}*/
.container-wap{ display:none; }
.logo img{ max-width:350px; width:100%; }
.navbar ul{ width:100%; height:60px; float:right; line-height:60px; margin-top:33px;}
.navbar ul li{  height:60px; text-align:center; float:left; position:relative; z-index:0;}
.navbar ul li a{ width:100%; height:60px; display:block;}
.navbar ul li a:hover{ text-decoration:none; color:#ff0000;}

@media (max-width: 1920px) {
	.container-pc{ width:100%; height:93px; margin:0 auto;}
}
@media (max-width: 1440px) {
	.container-pc{ width:100%; height:93px; margin:0 auto;}
}
@media (max-width: 992px) {
	.container-pc{ width:100%; height:93px; margin:0 auto;}
	
}
@media (max-width: 768px) {
	.container-pc{ display:none;}
	.container-wap{ width:100%;}
	.iphone__screen {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  right: 0;
	  overflow: hidden;
	  display:none;
	}
	.iphone__content {
	  position: relative;
	  /*background-color: #D2527F;*/
	  width: 100%;
	  height: 100%;
	}
	/**
	* Navigation Defaults
	*/
	.nav {
	  position: absolute;
	  z-index: 100;
	  opacity: 0;
	  -webkit-transition-property: all;
	  transition-property: all;
	  -webkit-transition-duration: 300ms;
			  transition-duration: 300ms;
	}
	.nav--active .nav {
	  opacity:1;
	  background-color: #333;
	}
	.nav__list {
	  margin: 0;
	  padding: 10px;
	}
	.nav__item {
	  list-style-type: none;
	  text-align:center;
	  line-height:35px;
	  color:#fff;
	}
	.nav__item{color:#fff}
	.nav__link {
	  font-size: 1.3em;
	  text-transform: uppercase;
	  text-decoration: none;
	  color: #FFFFFF;
	  opacity: 1;
	  -webkit-transition: opacity 300ms ease-in-out;
	  transition: opacity 300ms ease-in-out;
	}
	/* Default navigation icon */
	.nav__trigger {
	  display: block;
	  position: absolute;
	  width: 30px;
	  height: 25px;
	  right: 2.25em;
	  top: 2.75em;
	  z-index: 200;
	}
	
	.nav--active .nav__trigger {
	  opacity: 0.5;
	}
	.nav__icon {
	  display: inline-block;
	  position: relative;
	  width: 30px;
	  height: 5px;
	  background-color: #000;
	  -webkit-transition-property: background-color, -webkit-transform;
	  transition-property: background-color, -webkit-transform;
	  transition-property: background-color, transform;
	  transition-property: background-color, transform, -webkit-transform;
	  -webkit-transition-duration: 300ms;
			  transition-duration: 300ms;
	}
	.nav__icon:before,
	.nav__icon:after {
	  content: '';
	  display: block;
	  width: 30px;
	  height: 5px;
	  position: absolute;
	  background: #000;
	  -webkit-transition-property: margin, -webkit-transform;
	  transition-property: margin, -webkit-transform;
	  transition-property: margin, transform;
	  transition-property: margin, transform, -webkit-transform;
	  -webkit-transition-duration: 300ms;
			  transition-duration: 300ms;
	}
	.nav__icon:before {
	  margin-top: -10px;
	}
	.nav__icon:after {
	  margin-top: 10px;
	}
	/* Don't nest if you don't have to. */
	/**
	* Style #1
	*/
	.style-1{position:relative;width:100%;margin-top:-100px;height:40px}
	.style-1 .nav {
	  -webkit-transform: translateX(-100%);
			  transform: translateX(-100%);
	  width: 100%;
	  height: 100%;
	}
	.style-1 .nav__link {
	  opacity: 0;
	  -webkit-transition-delay: 500ms;
			  transition-delay: 500ms;
	}
	.style-1 .nav--active .nav__link {
	  opacity: 1;
	  color:#fff;line-height:40px;
	}
	.style-1 .nav--active .nav {
	  -webkit-transition: all 300ms ease-in-out;
	  transition: all 300ms ease-in-out;
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
			  padding-top:40px;
	}
	.style-1 .nav--active .nav__icon {
	  background: rgba(0, 0, 0, 0);
	}
	.style-1 .nav--active .nav__icon:before {
	  margin-top: 0;
	  -webkit-transform: rotate(45deg);
			  transform: rotate(45deg);
	}
	.style-1 .nav--active .nav__icon:after {
	  margin-top: 0;
	  -webkit-transform: rotate(-45deg);
			  transform: rotate(-45deg);
	}
}

/*网站主体部分*/
@font-face {
    font-family: 'ralewaythin';
    src: url('raleway-webfont.woff2') format('woff2'),
         url('raleway-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
section{ width:100%; height:auto; overflow:hidden;}

.ind_ser{ width:100%; max-width:1440px; height:auto; overflow:hidden; margin:88px auto 126px;}
.tit_en{  margin-bottom:12px; line-height:29px; font-family: 'ralewaythin'; text-align:center; font-size:2.6em; color:#231f20; font-weight:bold;}
.tit_en1{ height:29px; margin-bottom:12px; line-height:29px; font-family: 'ralewaythin'; text-align:left; font-size:2.6em; color:#231f20; font-weight:bold;}
.tit_en span{ color:#ff0000;}
.tit_en1 span{ color:#ff0000;}
.tit_ch{ height:24px; line-height:24px; text-align:center; font-size:1.4em; color:#2a2a2a;}
.tit_ch1{ height:24px; line-height:24px; text-align:left; font-size:1.4em; color:#2a2a2a;}
.tit_ch span{ margin-left:8px; margin-right:8px;}


/*标题图标的样式*/
.left_icon{ width:54px; height:24px; position:relative; display:inline-block;}
.lingx1{ width:10px; height:10px; position:absolute; z-index:1; top:6px; left:10px; display:inline-block; border:1px solid #c3c3c3; background:#ffffff;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.lingx2{ width:10px; height:10px; position:absolute; z-index:1; top:6px; left:34px; display:inline-block; border:1px solid #c3c3c3; background:#ffffff;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.dx{ width:54px; height:1px; background:#bebebe; display:inline-block; position:relative; top:-4px;}

/*首页服务项目的分类*/
.ind_ser_class{ width:100%; height:auto; text-align:center; margin-top:64px;}
.ind_ser_class a{ width:109px; height:32px; line-height:32px; font-size:1em; display:inline-block; border-radius:3px; border:1px solid #e7e7e7; margin-right:10px; margin-bottom:10px;}
.ind_ser_class a.active{ background:#FF0004; color:#ffffff;}
.ind_ser_class a:hover{ background:#FF0004; color:#ffffff; border:1px solid #FF0004; 
    -webkit-transition: background 1s ease-in-out, color 1s ease-in-out, border 1s ease-in-out;
    transition: background 1s ease-in-out, color 1s ease-in-out, border 1s ease-in-out;}

/*首页服务项目的样式*/
.ind_ser_con{ width:100%; height:100%; min-height:534px; overflow:hidden; margin-top:62px; margin-bottom:72px;}
.ind_ser_con ul li{ overflow:hidden; margin-bottom:8px; }
.row1{ margin-left:-11px; margin-right:-11px; overflow:hidden;}
.ind_ser_con ul li .photo{ width:100%; overflow:hidden; cursor: pointer; transition: all 0.6s;}
.ind_ser_con ul li .photo img{ width:100%;}
.ind_ser_con ul li:hover .photo{ overflow:hidden; transform: scale(1.2); }
.ind_ser_con .rsp{ width:98%; height:150px; overflow:hidden; position: absolute; background:#000; bottom:-150px;transition:all ease-in-out 0.5s}
.ind_ser_con .text{ position:absolute; width:98%; height:150px;bottom:-150px;overflow:hidden;transition:all ease-in-out 0.5s}
.ind_ser_con .text h3{ width:85%; height:45px; margin:15px auto 0; line-height:45px; text-align:center; color:#FFFFFF; font-size:1.2em; border-bottom:1px solid #383838;}
.ind_ser_con .text a{ text-decoration:none}
.ind_ser_con .text div{ width:85%; height:44px; overflow:hidden; margin:14px auto 0; text-align:center; color:#adadad; font-size:1em; line-height:22px;}
.ind_ser_con .text div span{ color:#ffac00;}

.ind_ser_con ul li:first-child  .rsp{width:99.5%}
.ind_ser_con ul li:hover   .rsp{bottom:0;transition:all ease-in-out 0.5s}
.ind_ser_con ul li:hover  .text{bottom:0;transition:all ease-in-out 0.5s}
	
.more{ width:160px; height:40px; overflow:hidden; text-align:center; margin:0 auto; font-size:1.1em; line-height:38px;}
.more a{ width:158px; height:38px; display:block;  border:1px solid #dcdcdc;}
.more a:hover{ 
    background:#FF0004; color:#ffffff; border:1px solid #FF0004;
    -webkit-transition: background 1s ease-in-out, color 1s ease-in-out, border 1s ease-in-out;
    transition: background 1s ease-in-out, color 1s ease-in-out, border 1s ease-in-out;}
	
	
/*首页公司简介*/
.ind_gsjj{ width: 100%; height:500px; position: relative; padding:0; overflow:hidden; z-index:0;}
.ind_gsjj.ind_gsjj-1{ background: url(../images/gsjj_bg.jpg) fixed no-repeat center bottom; }
.ind_gsjj_main{ width:75%; max-width:1440px; height:440px; margin-left:12.5%; margin-top:-140px; background:#ffffff; position:absolute; z-index:1;}
.about_tit1{ width:100%; height:50px; line-height:50px; text-align:center; font-size:2.4em; color:#231f20; margin-top:42px;}
.about_tit_2{ width:100%; height:34px; line-height:34px; color:#ff0000; text-align:center; font-size:1.2em; overflow:hidden;}
.about_tit_2 span{ color:#bebebe;}
.about_con{ width:80%; height:141px; overflow:hidden; font-size:1em; line-height:30px; margin:0 auto; text-align:center; padding-top:21px;}

.scroller { width:90%; clear:both; margin:0 auto; }
.scroller-inner { position:relative; height: 250px;overflow: hidden;}
.scroller-inner .window {}
.scroller-inner .window ol.teaser-items { margin:0; padding:0; position: relative;}
.scroller-inner .window ol.teaser-items li {width: 100%; margin:0;padding:0; position: absolute;display: none;}
.scroller-inner .prev, .scroller-inner .next { background-image:url("../images/arrows-scroller.png"); background-position:0 0; background-repeat:no-repeat; bottom:15px; cursor:pointer;
display:block;  width:38px; height:38px; left:46.5%; position:absolute; text-decoration:none; text-indent:-5000px;}
.scroller-inner .active.prev {background-position:0 0;}
.scroller-inner .active.next { background-position:0 -38px;left:auto;right:46.5%;}

@media (max-width: 1440px) {
.scroller-inner .prev, .scroller-inner .next { background-image:url("../images/arrows-scroller.png"); background-position:0 0; background-repeat:no-repeat; bottom:15px; cursor:pointer;display:block;  width:38px; height:38px; left:45%; position:absolute; text-decoration:none; text-indent:-5000px;}
.scroller-inner .active.prev {background-position:0 0;}
.scroller-inner .active.next { background-position:0 -38px;left:auto;right:45%;}		
}
@media (max-width: 1280px) {
.ind_gsjj{ width: 100%; height:400px; position: relative; padding:0; overflow:hidden; z-index:0;}
.ind_gsjj_main{ width:90%; max-width:1440px; height:440px; margin-left:5%; margin-top:-300px; background:#ffffff; position:absolute; z-index:1;}
.scroller-inner .prev, .scroller-inner .next { background-image:url("../images/arrows-scroller.png"); background-position:0 0; background-repeat:no-repeat; bottom:15px; cursor:pointer;display:block;  width:38px; height:38px; left:45%; position:absolute; text-decoration:none; text-indent:-5000px;}
.scroller-inner .active.prev {background-position:0 0;}
.scroller-inner .active.next { background-position:0 -38px;left:auto;right:45%;}	
}
@media (max-width: 992px) {	

}
@media (max-width: 768px) {	
.scroller-inner .active.prev {background-position:0 0;left:35%}
.scroller-inner .active.next { background-position:0 -38px;left:auto;right:35%;}
.ind_gsjj_main{ width:90%; max-width:1440px; height:360px; margin-left:5%; margin-top:-300px; background:#ffffff; position:absolute; z-index:1;}	
}


/*首页行业优势*/


@media(max-width:640px){
	.youshi .carousel-control.left{width:15px;height:26px;background:url(../images/left.png) center top no-repeat;left:-6%;z-index:99;background-size:100% auto}
.youshi .carousel-control.right{width:15px;height:26px;background:url(../images/right.png) center top no-repeat;right:-6%;z-index:99;background-size:100% auto}
.ind_ys{ margin-top:150px; margin-bottom:126px;}
.youshi{width:100%;margin-top:40px;margin-bottom:5px}	
}
@media(min-width:641px){
	.youshi .carousel-control.left{width:30px;height:52px;background:url(../images/left.png) center top no-repeat;left:-6%;z-index:99}
.youshi .carousel-control.right{width:30px;height:52px;background:url(../images/right.png) center top no-repeat;right:-6%;z-index:99}
.ind_ys{ margin-top:350px; margin-bottom:126px;}
.youshi{width:100%;margin-top:122px;margin-bottom:85px}
}
.ind_ys_con{ width:100%; max-width:1440px; margin:119px auto 72px;}


.youshi .flex-item{box-sizing:border-box;padding:10% 10%;transition:all ease-in-out 0.5s}
.youshi .flex-item h2{height:86px;overflow:hidden;margin-bottom:30px}
.youshi .flex-item h2 img{margin:0 auto;display:block;}
.youshi .flex-item h3{font-size:16px;color:#000000;text-align:center;background:url(../images/hengxian.png) center bottom no-repeat;padding-bottom:20px}
.youshi .flex-item p{color:#989898;line-height:30px;text-align:center;font-size:14px;height:60px;overflow:hidden;margin-bottom:20px}
.youshi .flex-item h4{text-align:center;font-size:14px}
.youshi .flex-item h4 a{color:#000}

.youshi .flex-item:hover{box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.14);transition:all ease-in-out 0.5s}
.youshi .carousel-inner .item {box-sizing:border-box;padding:2% 2%}
.youshi-con{width:89%;margin:0 auto}

/*运力展示*/
.yunli{width:100%;padding:100px 0 80px 0;background:#f8f8f8}
.yunli-con{width:90%;margin:0 auto;}
.yunli-con ul{margin-top:60px}
.yunli-con ul li{float:left;margin-bottom:30px}
.yunli-img{width:100%;overflow:hidden;transition:all ease 0.36s}
.yunli-img img{transition:all ease 0.36s;height: 340px;width:100%}
.yunli-des{width:100%;padding:23px 0 12px;border-bottom:1px solid #e0e0e0;transition:all ease 0.36s;position:relative;box-sizing:border-box}
.yunli-des h2{font-size:16px;color:#666666;margin-bottom:0px;margin-top:0}
.yunli-des:after {
    content: '';
    position: absolute;
    bottom: -1px;
    width: 0%;
    opacity: 0;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
    background: #e80000;
    transition: all .36s ease-out;}
.yunli-con ul li:hover .yunli-des:after{width:100%;opacity:1}
.yunli-des h3{font-size:14px;color:#989898;margin-top:10px;margin-bottom:5px}
.yunli-con ul li:hover .yunli-img img{transform:scale(1.2);transition:all ease 0.36s}
.yunli-con ul li:hover  .yunli-des{padding-left:20px;transition:all ease 0.36s}
.clear{clear:both}

/*常见问题*/
.problem{width:100%;padding:130px 0 140px 0;}
.problem ul{margin-top:80px;}

.problem-con{float:left;height:100%;min-height:70px;width:100%;border:1px solid #efefef;box-sizing:border-box;background:#f8f8f8}
.problem-l{float:left;width:8%;height:100%;border-right:1px solid #efefef;background:#f8f8f8;min-height:118px}

.problem-r h2{font-size:14px;color:#6b6b6b;font-weight:700;margin-top:0;transition:ease-in-out 0.3s;}
.problem-r p{font-size:14px;color:#6b6b6b;margin-bottom:0;transition:ease-in-out 0.3s;}

.problem ul li:hover .problem-r{background:#e80000;transition:ease-in-out 0.3s}
.problem ul li:hover .problem-r h2{transition:ease-in-out 0.3s;color:#fff}
.problem ul li:hover .problem-r p{transition:ease-in-out 0.3s;color:#fff}

@media(max-width:767px){
	.problem-r:after{position:absolute;width:50px;height:50px;content:'';background:url(../images/da.png) center top no-repeat;left:-34px;top:20%;background-size:100% auto}
.problem ul li{float:left;width:100%;margin-right:3.5%;margin-bottom:40px;}
.problem-r{float:left;width:92%;position:relative;box-sizing:border-box;padding:4% 3% 4% 10%;background:#fff}
}
@media(min-width:768px){
	.problem-r:after{position:absolute;width:68px;height:68px;content:'';background:url(../images/da.png) center top no-repeat;left:-34px;top:20%}
.problem ul li{float:left;width:48%;margin-right:3.5%;margin-bottom:40px;}
.problem ul li:nth-child(2n){margin-right:0}	
.problem-r{float:left;width:92%;position:relative;box-sizing:border-box;padding:4% 3% 4% 8%;background:#fff;min-height:118px}
}

/*服务流程*/
.service{width:100%;padding:40px 0 40px 0;background:#f2f2f2}
.service ul{margin-top:30px}

.service-liucheng{float:left;padding:20px 25px;border:1px solid #e4e4e4;background:#fff;transition:all ease-in-out 0.3s;cursor:pointer}
.service-liucheng img{width:38px;height:38px;display:block;margin:0 auto}
.service-liucheng h2{font-size:14px;color:#6b6b6b;text-align:center;margin:0 0;margin-top:15px}

.service ul li:last-child:after{display:none}
.service ul li:hover .service-liucheng{opacity:0.5;transition:all ease-in-out 0.3s}
@media(max-width:640px){
.service ul li{float:left;margin-right:20px;position:relative;margin-bottom:30px}
.service ul li:after{content:'';float:right;display:block;width:25px;height:110px;background:url(../images/you.png) right center no-repeat}	
}
@media(min-width:641px){
.service ul li{float:left;margin-right:28px;position:relative;margin-bottom:30px}
.service ul li:after{content:'';float:right;display:block;width:45px;height:110px;background:url(../images/you.png) right center no-repeat}
}

/*友情链接*/
.youlian{width:100%;padding:25px 0;color:#6b6b6b;font-size:14px}
.youlian a{color:#6b6b6b}

/*footer1*/
.footer1{width:100%;background:#212226}

.footer1l h2{font-size:36px;color:#ff0000;margin:0 0 30px 0}
.footer1l h3{font-size:14px;color:#c2c2c2;text-indent:13px;margin:0 0 30px 0;border-bottom:1px solid #444649;padding-bottom:12px;margin-bottom:20px}
.footer1l h3 img{width:17px;height:17px;margin-right:15px}

@media(max-width:640px){
.footer1l p{margin:0 0;margin-bottom:5px;color:#c2c2c2;text-indent:0%;font-size:13px}
	
}
@media(min-width:641px){
.footer1l p{margin:0 0;margin-bottom:5px;color:#c2c2c2;text-indent:11%;font-size:13px}
}
.footer1l h4{margin-top:35px}
.footer1l h4 a{margin-right:15px}
.footer1l h4 a img{width:40px;height:40px}
.footer1l h4 a:hover img{opacity:0.6}
.footer1m h2{font-size:22px;color:#ff0000;margin-bottom:33px}
.footer1m ul li h3{font-size:14px;color:#fff;margin-bottom:15px}
.footer1m ul li:hover h3{color:#ffac00}
.footer1m ul li p{font-size:13px;color:#9f9f9f}
.footer1r h2{font-size:22px;color:#ffffff;margin:0 0;margin-bottom:30px}
.footer1r input{width:100%;height:36px;border-radius:4px;margin-bottom:18px;font-size:14px;border:none;background:rgba(0,0,0,0.4);text-indent:16px;color:#fff;outline:none}


.footer1r input:-ms-input-placeholder
{
    color: #fff;
	font-family:"微软雅黑";
	outline:none;
}

.footer1r input::-webkit-input-placeholder
 {
    color: #fff;
	font-family:"微软雅黑";
	outline:none;
}

@media(max-width:767px){
.footer1l{float:left;width:100%;padding:30px 0 0 0}
.footer1m{float:left;width:100%;padding:0px 0 30px 0}
.footer1r{float:right;width:100%;background:url(../images/footer1.jpg) center top;height:100%;box-sizing:border-box;padding:30px 36px 30px 36px}
	
}
@media(min-width:768px){
.footer1l{float:left;width:30%;padding:50px 0}
.footer1m{float:left;width:32%;margin-left:7%;padding:50px 0}
.footer1r{float:right;width:21%;background:url(../images/footer1.jpg) center top;height:100%;box-sizing:border-box;padding:44px 36px 50px 36px}
}


/*导航*/
.header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
  height: 93px;
  background-color:#fff;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.23);

}
.header .container-pc {
  padding: 0 0px;
  overflow:hidden;
}
.header .container-pc1 {
  padding: 0 0px;
  overflow:hidden;
  height:93px;
}
.header .container-pc1 {
  padding: 0 0px;
  overflow:hidden;
  background:#fff;
  display:none;
  
}
.header .container-pc1 a{color:#343434}
.fixednav{display:none}
.fixednav1{display:block !important;position:fixed;width:100%;top:0;transition:all ease 0.5s;z-index:999;}
@media (max-width: 1050px) {
  .header .container-pc {
    display: none;
  }
  .header .container-pc1 {
    display: none;
  }
  .fixednav1{display:none !important;position:fixed;width:100%;top:0;transition:all ease 0.5s;z-index:999;}
}

.header .container-pc .logo {
  height: 100%;
  max-width: 335px;
  float: left;
  
}
.header .container-pc1 .logo {
  height: 100%;
  max-width: 121px;
  float: left;
  padding-top: 10px;
}
@media (max-width: 1199px) {
  .header .container-pc .logo img {
    width: 80%;
  }
  .header .container-pc1 .logo img {
    width: 80%;
  }
}
.header .container-pc .tel {
  float: right;
  line-height: 80px;
  color: #fff;
  font-size: 14px;
}
.header .container-pc1 .tel {
  float: right;
  line-height: 80px;
  color: #fff;
  font-size: 14px;
}
.header .container-pc .tel img{width:15px;margin-left:5px}
.header .container-pc1 .tel img{width:15px;margin-left:5px}

.header .container-pc .tel:hover {
  -webkit-animation: fadeIn 1.6s 0s ease both;
  -moz-animation: fadeIn 1.6s 0s ease both;
  animation: fadeIn 1.6s 0s ease both;
}
.header .container-pc1 .tel:hover {
  -webkit-animation: fadeIn 1.6s 0s ease both;
  -moz-animation: fadeIn 1.6s 0s ease both;
  animation: fadeIn 1.6s 0s ease both;
}
.header .container-pc .navbar {
  margin-right: 0px;
  float: right;
  margin-top:27px;
}
.header .container-pc1 .navbar {
  margin-right: 0px;
  float: right;
}
@media (max-width: 991px) {
  .header .container-pc .navbar {
    margin-right: 0px;
  }
  .header .container-pc1 .navbar {
    margin-right: 0px;
  }
}
.header .container-pc .navbar .nav {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #fff;
  position:relative;
}
.header .container-pc1 .navbar .nav {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #fff;
}
.header .container-pc .navbar .nav > .item {
  line-height: 48px;
  position: relative;
  display: inline-block;
  float: left;
  margin:0 18px;
}
.header .container-pc1 .navbar .nav > .item {
  line-height: 48px;
  position: relative;
  display: inline-block;
  float: left;
}
.header .container-pc .navbar .nav > .item span{position:relative;display: inline-block;
    transition: all ease-out .5s;}
.header .container-pc1 .navbar .nav > .item span{position:relative;display: inline-block;
    transition: all ease-out .5s;}
.header .container-pc .navbar .nav > .item span:after {
    position: absolute;
    left: 0;
    width: 100%;
    color: #f86603;
    content: attr(data-title);
    transform: translateY(100%);
}
.header .container-pc1 .navbar .nav > .item span:after {
    position: absolute;
    left: 0;
    width: 100%;
    color: #f86603;
    content: attr(data-title);
    transform: translateY(100%);
}
.header .container-pc .navbar .nav > .item:hover a span {
    transform: translateY(-100%);
}
.header .container-pc1 .navbar .nav > .item:hover a span {
    transform: translateY(-100%);
}


.header .container-pc .navbar .nav > .item .active {
  color: #0f6acc;
}
.header .container-pc1 .navbar .nav > .item .active {
  color: #0f6acc;
}

.header .container-pc .navbar .nav > .item:hover {

  background:url(../images/lanxian.png) center 58px no-repeat;
}
.header .container-pc1 .navbar .nav > .item:hover {

  background:url(../images/lanxian.png) center 58px no-repeat;
}

.header .container-pc .navbar .nav > .item:hover .level-2 {
  display: block;
}
.header .container-pc1 .navbar .nav > .item:hover .level-2 {
  display: block;
}
.header .container-pc .navbar .nav > .item > a {
  font-size: 16px;
  line-height: 70px;
  
  color:#5e5e5e;
}
.header .container-pc1 .navbar .nav > .item > a {
  font-size: 16px;
  line-height: 70px;
  margin: 0 20px;
  color:#5e5e5e;
}
@media (max-width: 1199px) {
  .header .container-pc .navbar .nav > .item > a {
    
  }
  .header .container-pc1 .navbar .nav > .item > a {
   
  }
}
@media (max-width: 991px) {
  .header .container-pc .navbar .nav > .item > a {
    margin: 0 8px;
  }
  .header .container-pc1 .navbar .nav > .item > a {
    margin: 0 8px;
  }
}
.header .container-wap {
  display: none;
  height: 75px;
}
@media (max-width: 1050px) {
  .header .container-wap {
    display: block;
  }
}
.header .container-wap .logo {
  height: 100%;
  padding-top: 9px;
  float: left;
}
.header .container-wap .logo img {
  display: block;
  float: left;
  
  width:80%;
}
.header.nav-open .toggle .icon {
  width: 0;
}
.header.nav-open .toggle .icon::before {
  transform: translateY(9px) rotate(45deg);
}
.header.nav-open .toggle .icon::after {
  transform: translateY(-9px) rotate(-45deg);
}
.header .navigation {
  width: 100%;
  height: 100%;
  display: none;
}
@media (max-width:1050px) {
  .header .navigation {
    display: block;
  }
}
.header .navigation div.burger {
  height: 30px;
  width: 40px;
  position: absolute;
  top: 24px;
  right: 6px;
  cursor: pointer;
}
.header .navigation div.x,
.header .navigation div.y,
.header .navigation div.z {
  position: absolute;
  margin: auto;
  top: 0px;
  bottom: 0px;
  background: #000;
  border-radius: 2px;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.header .navigation div.x,
.header .navigation div.y,
.header .navigation div.z {
  height: 3px;
  width: 26px;
}
.header .navigation div.y {
  top: 18px;
}
@media (min-width: 501px) {
  .header .navigation div.z {
  top: 37px;
}
}
@media (max-width: 500px) {
  .header .navigation div.z {
  top: 33px;
}
}


#bootstrap-touch-slider{margin-top:93px;}


.header .navigation div.collapse {
  top: 20px;
  -webkit-transition: all 70ms ease-out;
  -moz-transition: all 70ms ease-out;
  -ms-transition: all 70ms ease-out;
  -o-transition: all 70ms ease-out;
  transition: all 70ms ease-out;
}
.header .navigation div.rotate30 {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-transition: all 50ms ease-out;
  -moz-transition: all 50ms ease-out;
  -ms-transition: all 50ms ease-out;
  -o-transition: all 50ms ease-out;
  transition: all 50ms ease-out;
}
.header .navigation div.rotate150 {
  -ms-transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-transition: all 50ms ease-out;
  -moz-transition: all 50ms ease-out;
  -ms-transition: all 50ms ease-out;
  -o-transition: all 50ms ease-out;
  transition: all 50ms ease-out;
}
.header .navigation div.rotate45 {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  background: #fff;
  display:block;
}
.header .navigation div.rotate135 {
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  background: #fff;
  display:block;
}
.header .navigation div.menu-bg {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  z-index: -99;
  overflow: hidden;
  -webkit-transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1);
  -moz-transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1);
  -ms-transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1);
  -o-transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1);
  transition: all 300ms cubic-bezier(0, 0.995, 0.99, 1);
}
.header .navigation div.menu-bg.animate {
  opacity: 0.8;
  -webkit-transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1);
  -moz-transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1);
  -ms-transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1);
  -o-transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1);
  transition: all 400ms cubic-bezier(0, 0.995, 0.99, 1);
}
.header .navigation .menu {
  position: relative;
  max-width: 320px;
  margin: 0 auto;
  margin-top: 10%;
  display:none;
}

.header .navigation .menu ul {
  overflow: hidden;
  position: absolute;
  padding: 0;
  top: 0px;
  left: 0px;
  width: 320px;
  z-index: 9999;
}

.header .navigation div.menu ul li {
  list-style: none;
  width: 340px;
  margin-top: 20px;
  text-align: center;
  font-size: 19px;
  -webkit-transition: all 150ms cubic-bezier(0, 0.995, 0.99, 1);
  -moz-transition: all 150ms cubic-bezier(0, 0.995, 0.99, 1);
  -ms-transition: all 150ms cubic-bezier(0, 0.995, 0.99, 1);
  -o-transition: all 150ms cubic-bezier(0, 0.995, 0.99, 1);
  transition: all 150ms cubic-bezier(0, 0.995, 0.99, 1);
}
.header .navigation div.menu ul li a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
}
.header .navigation section > div {
  transition: transform 1s;
  transform: translateX(0px);
}
.header .navigation div.menu li.animate {
  font-size: 19px;
  opacity: 1;
  -webkit-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -moz-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -ms-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  -o-transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
  transition: all 200ms cubic-bezier(0, 0.995, 0.99, 1);
}
.header .navigation .menu-splitL li:nth-of-type(1) {
  margin-left: 44px;
  transition-delay: 0.12s;
}
.header .navigation .menu-splitL li.animate:nth-of-type(1) {
  margin-left: 0;
  transition-delay: 0.0s;
}
.header .navigation .menu-splitL li:nth-of-type(2) {
  margin-left: 41px;
  transition-delay: 0.09s;
}
.header .navigation .menu-splitL li.animate:nth-of-type(2) {
  margin-left: 0;
  transition-delay: 0.05s;
}
.header .navigation .menu-splitL li:nth-of-type(3) {
  margin-left: 57px;
  transition-delay: 0.046s;
}
.header .navigation .menu-splitL li.animate:nth-of-type(3) {
  margin-left: 0;
  transition-delay: 0.1s;
}
.header .navigation .menu-splitL li:nth-of-type(4) {
  margin-left: 61px;
  transition-delay: 0.03s;
}
.header .navigation .menu-splitL li.animate:nth-of-type(4) {
  margin-left: 0;
  transition-delay: 0.15s;
}
.header .navigation .menu-splitL li:nth-of-type(5) {
  margin-left: 59px;
  transition-delay: 0.0s;
}
.header .navigation .menu-splitL li.animate:nth-of-type(5) {
  margin-left: 0;
  transition-delay: 0.2s;
}
.header .navigation .menu-splitL li:nth-of-type(6) {
  margin-left: 59px;
  transition-delay: 0.0s;
}
.header .navigation .menu-splitL li.animate:nth-of-type(6) {
  margin-left: 0;
  transition-delay: 0.2s;
}
.header .navigation .menu-splitR li:nth-of-type(1) {
  margin-left: -201px;
  transition-delay: 0.12s;
}
.header .navigation .menu-splitR li.animate:nth-of-type(1) {
  margin-left: -160px;
  transition-delay: 0.0s;
}

.header .navigation .menu-splitR li:nth-of-type(2) {
  margin-left: -203px;
  transition-delay: 0.069s;
}
.header .navigation .menu-splitR li.animate:nth-of-type(2) {
  margin-left: -160px;
  transition-delay: 0.05s;
}
.header .navigation .menu-splitR li:nth-of-type(3) {
  margin-left: -214px;
  transition-delay: 0.06s;
}
.header .navigation .menu-splitR li.animate:nth-of-type(3) {
  margin-left: -160px;
  transition-delay: 0.1s;
}
.header .navigation .menu-splitR li:nth-of-type(4) {
  margin-left: -217px;
  transition-delay: 0.03s;
}
.header .navigation .menu-splitR li.animate:nth-of-type(4) {
  margin-left: -160px;
  transition-delay: 0.15s;
}
.header .navigation .menu-splitR li:nth-of-type(5) {
  margin-left: -217px;
  transition-delay: 0.0s;
}
.header .navigation .menu-splitR li.animate:nth-of-type(5) {
  margin-left: -160px;
  transition-delay: 0.2s;
}
.header .navigation .menu-splitR li:nth-of-type(6) {
  margin-left: -217px;
  transition-delay: 0.0s;
}
.header .navigation .menu-splitR li.animate:nth-of-type(6) {
  margin-left: -160px;
  transition-delay: 0.2s;
}

/*移动的导航线*/
.move-bg{ display:none;position:absolute;left:0;bottom:-5px; width:54px;margin-left:24px; height:3px; background:url(../images/hengxian2.png) center top no-repeat; z-index:0}
.nav1{position:relative}

.footer2{width:100%;line-height:60px;height:60px;background:#171717;color:#9f9f9f;font-size:13px;}
.footer2 p{position:absolute;left:0;top:5px;width:100%;height:30px;z-index:22}
.top1{position:absolute;width:83px;height:41px;right:0;bottom:-49px;z-index:0}
@media(max-width:640px){
.top{position:absolute;width:83px;height:41px;left:38%;bottom:-49px;z-index:0}
}
@media(min-width:641px){
.top{position:absolute;width:83px;height:41px;left:48%;bottom:-49px;z-index:0}
}


/*新闻列表*/
.news-bg{width:100%;margin-top:93px}
.news-bg img{display:block;margin:0 auto}


.news-top span{float:right;color:#929292;font-size:14px}

@media(max-width:640px){
.news-top{width:100%;line-height:58px;font-size:22px;color:#2a2a2a;border-bottom:1px solid #dcdcdc}
.news-list ul li{float:left;width:100%;box-sizing:border-box;padding:10px 3% 0 1%;transition:all ease-in-out 0.5s;margin-bottom:30px}
.news-con{float:left;width:100%;padding-bottom:10px;border-bottom:1px solid #f3f3f3;transition:all ease-in-out 0.5s;}
}
@media(min-width:641px){
.news-top{width:100%;line-height:108px;font-size:22px;color:#2a2a2a;border-bottom:1px solid #dcdcdc}
.news-list ul li{float:left;width:50%;box-sizing:border-box;padding:30px 3% 0 1%;transition:all ease-in-out 0.5s;margin-bottom:30px}
.news-con{float:left;width:100%;padding-bottom:30px;border-bottom:1px solid #f3f3f3;transition:all ease-in-out 0.5s;}
}

.news-list{width:100%;padding:55px 0 92px 0}

.news-time{float:left;width:14%;text-align:right}
.news-des{float:left;width:86%;box-sizing:border-box;padding:0 0 0 6%}
.news-time h2{font-size:56px;color:#929292;margin-top:0;margin-bottom:5px;font-family: 'ralewaythin';}
.news-time h3{font-size:18px;color:#929292;margin:0 0;font-family: 'ralewaythin';}
.news-des h2{font-size:16px;color:#5d5d5d}
.news-des p{font-size:14px;color:#929292}
.news-list ul li:hover{box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.14);transition:all ease-in-out 0.5s}

.yeshu{width:100%;margin-top:35px;text-align:center}
.yeshu a{display:inline-block;border:1px solid #dcdcdc;margin:0 4px;padding:8px 14px;font-size:14px;color:#929292}
.yeshu a:hover{background:#ff0000;border:1px solid #ff0000;color:#fff}
.yeshu a.on{background:#ff0000;border:1px solid #ff0000;color:#fff}
.zuo{position:relative}
.zuo:after{position:absolute;content:'';width:100%;height:100%;background:url(../images/zuo1.png) 14px 14px no-repeat;left:0;top:0;display:none}
.zuo:hover:after{display:block}

.you{position:relative}
.you:after{position:absolute;content:'';width:100%;height:100%;background:url(../images/you1-1.png) 14px 14px no-repeat;left:0;top:0;display:none}
.you:hover:after{display:block}

/*新闻详情*/
.new-xiangqing{width:100%;padding:80px 0 125px 0}
.new-xiangqing h2{text-align:center;border-bottom:1px solid #f3f3f3;font-size:22px;color:#5d5d5d;padding-bottom:35px;margin-top:0;margin-bottom:20px}
.new-xiangqing h3{text-align:center;font-size:14px;color:#929292;margin-top:0;margin-bottom:55px}
.new-xiangqing p{line-height:40px;font-size:14px;color:#6b6b6b;margin:0 0}
.fenxiang{width:100%;margin-top:60px}
.fenxiang .bshare-custom.icon-medium{text-align:right}

.tiao{float:left;width:100%;border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;margin-top:95px;line-height:82px;font-size:16px;color:#a3a3a3}
.tiao a{color:#a3a3a3}
.tiao a:hover{color:#f00}


@media(max-width:640px){
.tiaol{float:left;width:100%;text-indent:7%;background:url(../images/sj1.png) 2% center no-repeat}
.tiaom{float:left;width:100%;background:url(../images/fanhui.png) 7% center no-repeat #f6f6f6;text-indent:20%}
.tiaor{float:right;width:100%;text-indent:7%;background:url(../images/sj2.png) 2% center no-repeat}
}
@media(min-width:641px){
.tiaol{float:left;width:44%;text-indent:15%;background:url(../images/sj1.png) 30% center no-repeat}
.tiaom{float:left;width:12%;background:url(../images/fanhui.png) 17% center no-repeat #f6f6f6;text-indent:5%}
.tiaor{float:right;width:44%;text-indent:15%;background:url(../images/sj2.png) 30% center no-repeat}
}

/*产品列表*/

.gallery ul{margin-top:55px}

.gal-img{width:100%;overflow:hidden}
.gal-img img{transition:all ease-in-out 0.5s;height: 300px;}
.gal-des{width:100%;overflow:hidden;box-sizing:border-box;padding:25px 5%;font-size:14px;color:#666666;position:relative}
.gal-des:after{position:absolute;width:15px;height:13px;background:url(../images/jian.png) center top no-repeat;right:8%;top:30px;content:'';opacity:0;transition:all ease-in-out 0.5s}
.gallery ul li:hover{box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.12);transition:all ease-in-out 0.5s}
.gallery ul li:hover .gal-des{color:#ff0000}
.gallery ul li:hover .gal-des:after{right:5%;opacity:1;transition:all ease-in-out 0.5s}
.gallery ul li:hover .gal-img img{transition:all ease-in-out 0.5s;transform:scale(1.2)}
@media(max-width:640px){
.gallery ul li{float:left;width:100%;margin-bottom:20px;transition:all ease-in-out 0.5s}
.gallery{width:100%;padding:5px 0 40px 0}

}
@media(min-width:641px){
.gallery ul li{float:left;width:24.4%;margin-right:0.8%;margin-bottom:20px;transition:all ease-in-out 0.5s}
.gallery ul li:nth-child(4n){margin-right:0}
.gallery{width:100%;padding:75px 0 140px 0}
}

/*产品详情*/

.gal-xq h2{text-align:center;font-size:22px;color:#666666;margin-top:0;margin-bottom:40px}


@media(max-width:640px){
	.gal-xq{width:100%;padding:40px 0 30px 0}
.gal-tupian{width:70%;margin:0 auto;position:relative}
.gal-left{position:absolute;width:16px;height:28px;left:-40px;top:42%}
.gal-right{position:absolute;width:16px;height:28px;right:-40px;top:42%}
.gal-ms{widht:100%;color:#6b6b6b;font-size:14px;margin-top:57px;line-height:40px;margin-bottom:50px}

}
@media(min-width:641px){
	.gal-xq{width:100%;padding:90px 0 80px 0}
.gal-tupian{width:40%;margin:0 auto;position:relative}
.gal-left{position:absolute;width:31px;height:57px;left:-83px;top:37%}
.gal-right{position:absolute;width:31px;height:57px;right:-83px;top:37%}
.gal-ms{widht:100%;color:#6b6b6b;font-size:14px;margin-top:57px;line-height:40px;margin-bottom:100px}
}

.pinglun{width:100%;border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;padding:20px 0;font-size:16px;color:#a3a3a3;line-height:30px}
.pinglun a:hover{color:#ff0000}

.pinglun span{float:right}
.pinglun span img{width:30px;height:27px}
.pinglun1{display:inline-block;margin-right:20px}
.zan{display:inline-block;position:relative;width:65px;text-align:right}
.zan span{float:none}
.zan1{position:absolute;width:28px;height:28px;background:url(../images/zan1.png) center top no-repeat;left:0;top:-3px;background-size:100% auto}
.zanle{background:url(../images/zan.png) center top no-repeat;background-size:100% auto}
.hongle{color:#ff0000}
.pinglun-con{width:100%;padding:30px 0 35px 0;display:none}

.pinglun-conl ul li{background:#fbfbfb;margin-bottom:15px;box-sizing:border-box;padding:20px 25px}
.pinglun-conl ul li h3{margin-top:0;margin-bottom:10px;font-size:14px;color:#b8b8b8;height:36px;line-height:36px}
.pinglun-conl ul li h3 img{vertical-align:bottom;margin-right:10px;}
.pinglun-conl ul li p{margin-top:0px;margin-bottom:0;color:#989898;font-size:14px}

::-webkit-scrollbar{width:14px;width:2px}
::-webkit-scrollbar-track{background-color:#cccccc;}
::-webkit-scrollbar-thumb{background-color:#9b9b9b;}
.pinglun-conr p{margin:0 0}
.pinglun-conr textarea{width:100%;height:98px;border:1px solid #ebebeb;padding:20px 20px;border-radius:3px;font-size:14px;color:#a3a3a3}
.pinglun-conr input{float:right;margin-top:30px;background:#ff0000;padding:8px 25px;border:none;border-radius:3px;color:#fff;font-size:14px}
@media(max-width:640px){
.pinglun-conl{float:left;width:100%;max-height:230px;overflow:hidden;overflow-y:visible;margin-bottom:25px}
.pinglun-conr{float:left;width:100%;box-sizing:border-box;}
.fanhui{vertical-align:bottom;margin-bottom:3px;margin-left:5px;margin-right:20px}
}
@media(min-width:641px){
.pinglun-conl{float:left;width:50%;max-height:230px;overflow:hidden;overflow-y:visible}
.pinglun-conr{float:left;width:50%;box-sizing:border-box;padding-left:5%}
.fanhui{vertical-align:bottom;margin-bottom:3px;margin-left:28px;margin-right:20px}
}

.tuijian{width:100%;padding:0px 0 90px 0}
.tuijian h2{font-size:16px;color:#ff0000;margin-bottom:30px}



.lianxil h2{font-size:16px;color:#5d5d5d;margin-top:0;margin-bottom:40px}
.lianxil p{font-size:14px;color:#929292;line-height:32px;margin-top:0;margin-bottom:0}
.lianxil img{display:block;margin-top:30px}
.fenxiang1{width:100%;margin-top:38px}
.fenxiang1 .bshare-custom.icon-medium{text-align:left}


@media(max-width:640px){
.lianxil{float:left;width:100%;margin-bottom:30px}
.lianxir{float:left;width:100%;}
.ditu{width:100%;height:250px;border:#ccc solid 1px;}
.lianxi{width:100%;padding:40px 0 160px 0}
}
@media(min-width:641px){
.lianxil{float:left;width:100%;}
.lianxir{float:left;width:50%;}
.ditu{width:100%;height:550px;border:#ccc solid 1px;}
.lianxi{width:100%;padding:100px 0 160px 0}
}

/*关于我们*/



.jianjie1r ul li span{font-size:16px}
.jjl{float:left;width:12%;height:42px;border-right:1px solid #ff1313;font-size:18px;color:#ff0000}
.jjr{float:left;width:88%;height:42px;font-size:16px;padding-left:10px;box-sizing:border-box;color:#6b6b6b}

@media(max-width:640px){
	.jianjie2{float:left;width:100%;padding-top:30px}
	.jianjie1{float:left;width:100%;border-bottom:1px solid #f3f3f3;padding-bottom:30px}
	.jianjie{float:left;width:100%;padding:40px 0 30px 0;}
.jianjie1l{float:left;width:100%;box-sizing:border-box;margin-bottom:20px}
.jianjie1r{float:left;width:100%;color:#6b6b6b;line-height:35px}
.jianjie1r ul li{float:left;width:100%;min-height:100px;max-height:200px;overflow:hidden;margin-bottom:20px;color:#6b6b6b}
}
@media(min-width:641px){
	.jianjie2{float:left;width:100%;padding-top:70px}
	.jianjie1{float:left;width:100%;border-bottom:1px solid #f3f3f3;padding-bottom:70px}
	.jianjie{float:left;width:100%;padding:100px 0 90px 0;}
.jianjie1l{float:left;width:22%;box-sizing:border-box;padding-left:28px;padding-top:15px}
.jianjie1r{float:left;width:78%;color:#6b6b6b;line-height:35px}
.jianjie1r ul li{float:left;width:43%;min-height:120px;/*max-height:200px;*/overflow:hidden;margin-bottom:20px;color:#6b6b6b}
}

/*留言*/


.liuyan ul li input{width:99%;height:58px;border:1px solid #ebebeb;text-indent:25px;color:#929292}
.liuyan ul li textarea{width:100%;border:1px solid #ebebeb;color:#929292;box-sizing:border-box;padding:20px 20px}
.tijiao{width:100%;text-align:center}
.tijiao input{display:inline-block;width:260px;height:52px;border-radius:50px;background:none;border:1px solid #ebebeb;color:#a9a9a9;transition:all ease-in-out 0.3s;outline:none}
.tijiao input:hover{background:#ff0000;border:1px solid #ebebeb;color:#fff;transition:all ease-in-out 0.3s}
@media(max-width:640px){
	.liuyan{width:100%;padding:70px 0 50px 0}
.liuyan ul li{float:left;width:100%;margin-bottom:25px;}

}
@media(min-width:641px){
	.liuyan{width:100%;padding:70px 0 170px 0}
.liuyan ul li{float:left;width:32%;margin-bottom:25px;margin-right:2%}
.liuyan ul li:nth-child(3n){margin-right:0}
.liuyan ul li:last-child{width:100%}
}

.wenda{width:100%;padding:40px 0 110px 0;}
.wenda ul{border-top:1px solid #f3f3f3;padding-top:40px}




.wenr h2{font-size:14px;color:#a9a9a9;margin-top:0;margin-bottom:20px}
.wenr p span{display:inline-block;position:relative;box-sizing:border-box;padding:20px 25px;background:#f6f6f6;border-radius:10px;color:#929292;line-height:30px}
.wenr p span:after{background:url(../images/dianl.png) center top no-repeat;width:16px;height:15px;position:absolute;left:-8px;content:'';top:12px} 
.da{float:left;width:100%;padding-bottom:50px}


.da-des p span{display:inline-block;position:relative;box-sizing:border-box;padding:10px 30px;background:#ff0000;border-radius:10px;color:#fff;line-height:30px;float:right;margin-right:20px}
.da-des p span:after{background:url(../images/dianr.png) center top no-repeat;width:16px;height:15px;position:absolute;right:-8px;content:'';top:10px} 

@media(max-width:640px){
	.wenda ul li{float:left;border-bottom:1px solid #f3f3f3;width:100%;margin-bottom:20px}
	.wen{float:left;width:100%;margin-bottom:20px}
.wenl img{display:block;margin-bottom:10px;width:80%}
.wenl{float:left;width:15%;box-sizing:border-box;padding-top:35px}
.wenr{float:left;width:85%}
.da-img{float:right;width:13%;box-sizing:border-box;padding-top:35px}
.da-img img{display:block;float:left;margin-bottom:10px;width:80%}
.da-des{width:87%;float:right}
.da-des h2{font-size:14px;color:#a9a9a9;margin-top:0;margin-bottom:20px;text-align:right;padding-right:20px;box-sizing:border-box}
}
@media(min-width:641px){
	.wenda ul li{float:left;border-bottom:1px solid #f3f3f3;width:100%;margin-bottom:40px}
	.wen{float:left;width:100%;margin-bottom:35px}
	.wenl img{margin:0 auto;display:block}
.wenl{float:left;width:12%;box-sizing:border-box;padding-top:15px}
.wenr{float:left;width:55%}
.da-img{float:right;width:10%;box-sizing:border-box;padding-top:25px}
.da-des{width:15%;float:right}
.da-img img{display:block;margin:0 auto}
.da-des h2{font-size:14px;color:#a9a9a9;margin-top:0;margin-bottom:20px}
}