/**-----------public---------------------**/
html{font-size:10px;}
BODY {font-family: Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:#333; font-size:1.6rem;/*word-wrap: break-word;word-break: normal;*/ margin:0 auto;}
img {border:0; vertical-align:bottom;}
h1,h2,h3,h4,p,input,form,button, input, textarea {margin:0; padding:0;}
ul {margin:0; padding:0; list-style:none;}
.toem {text-indent:2em;}
a{color:#333333; text-decoration:none; } 
a:linked{ color:#f28f1a; text-decoration:none;}
a:hover{ color:#f28f1a; text-decoration:none;}
.hong {color:#f28f1a;}
.bai {color:#ffffff;}
.hui {color:#666;}
.underline {text-decoration:underline;}
.clear{clear:both; overflow:hidden;}
.line-limit-length {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
*:focus {outline: none;}
.imgauto {width:100%; height:auto;}
ul.fenye{display:flex;display:-webkit-flex;justify-content:center;color:#666; font-size:14px;}
ul.fenye li{text-align:center; margin:0 10px;}
ul.fenye li a{color:#333; font-size:16px;}
ul.fenye li.disabled a{color:#f28f1a;}
/**-----------public---------------------**/

/**-----------wap---------------------**/
/**-----------start---------------------**/
/*@media screen and (max-width: 1199px) {
 .logo { color:#00F;}
}*/
/**-----------wap---------------------**/
/**-----------end---------------------**/

/**-----------pc---------------------**/
/**-----------start---------------------**/

/**-pc端--**/
/**---------视频s------------**/	
.fullscreenvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%; 
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: 1s opacity;
    transition: 1s opacity;
}
 
.videocontainer{
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -100; 
}
 
.videocontainer:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    background: rgba(25,29,34,.65);
}
/**---------视频e------------**/	
/**---------弹出层s------------**/	
.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #eee;
}
.close:hover,
.close:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
}
.modal-open {
	overflow: hidden;
}
.modal {
	position: fixed;
	top: 0; 
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition:      -o-transform .3s ease-out;
	transition:         transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-dialog {
	position: relative;  margin:auto auto; 
	
}
.modal-content {
	position: relative;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 6px;
	outline: 0; display:flex;display:-webkit-flex;align-items:center; 
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #ccc;
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5;
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}
/**---------弹出层e------------**/	
header .pos_r {top: auto;left: 0;}
header .pos_f {top: 0;left: 0;box-shadow: 4px 0 12px rgba(0,0,0,.25);background:#333;position: fixed; }
.autowidth{margin:0 auto;  min-width:1200px; max-width:85%;}
header .tophead{background:#f28f1a; color:#fff; line-height:40px; font-size:14px;}
header .tophead .autowidth{display:flex;display:-webkit-flex;align-items:center;justify-content:space-between;}
.header{height:90px; background:#333333;z-index:999;right: 0px;}
.header  .autowidth{display:flex;display:-webkit-flex;align-items:center;justify-content:space-between;}
header .header .logo img{width:200px;}
header .header .quote a{display:inline-block; padding:10px 20px; background:#f28f1a; color:#FFF;}
header .header .quote i{font-size:30px; color:#efefef; padding-right:10px;}
header .header .quote span{font-size:26px;   padding-right:25px; color:#efefef;font-family:Georgia, "Times New Roman", Times, serif}
header ul{display:flex;display:-webkit-flex;justify-content:space-between;width:50%;}
header ul li {padding:0 5px;}
header ul li{ font-size:16px;  height:88px;border-bottom:2px solid #333;;}
header ul li>a{color:#FFF; display:block; height:100%; width:100%;display:flex;display:-webkit-flex;align-items:center;}
header ul li:hover{cursor:pointer;color:#f28f1a;border-bottom:2px solid #f28f1a;}
header ul li:hover>a{color:#F28f1a;}
header ul li.active{color:#f28f1a; border-bottom:2px solid #f28f1a; }
header ul li.active>a{color:#F28f1a;}
header .morenav{ color:#fff;  font-size:14px;}
header .morenav span{padding-left:15px;display:inline-block; }
header .morenav i { position:relative; top:1px; margin-right:5px;}
.gurkimore{position: absolute;top:40px;  display:none; padding:10px;z-index:1000; box-shadow: 0 0 10px rgba(0, 0, 0, .3);background: #fff; margin-left:-80px;border-bottom:4px solid #f28f1a;}
.gurkimore .sanjiao{width:0;position: absolute; height:0;border: 8px solid;border-color:transparent transparent #fff transparent;top:-16px; left:100px;}
.gurkimore .more1{display:flex;display:-webkit-flex;align-items:center;}
.gurkimore .more1 p{ color:#333; line-height:1.7em; margin-left:10px;}

.gurkiweb{position: absolute;top:40px;  display:none; padding:10px;z-index:1000; box-shadow: 0 0 10px rgba(0, 0, 0, .3);background: #fff; margin-left:-180px; border-bottom:4px solid #f28f1a;}
.gurkiweb .sanjiao{width:0;position: absolute; height:0;border: 8px solid;border-color:transparent transparent #fff transparent;top:-16px; left:200px;}
.gurkiweb .more2{display:flex;display:-webkit-flex;flex-wrap: wrap;color:#333; width:300px;  padding-left:15px; padding-top:20px; padding-bottom:10px;}
.gurkiweb .more2 .listweb{ width:50%; line-height:2em;}
.gurkiweb .more2 .listweb h3{margin-bottom:5px;}
.gurkiweb .more2 .listweb a{background:url(../images/dot.jpg) no-repeat 0 8px; padding-left:12px; }

#promenu,#gurkimenu{position:relative;}
.promenu{ margin-left:-45px;}
.promenu .sanjiao{left:65px;}

.gurkimenu{margin-left:-45px;}
.gurkimenu .sanjiao{left:75px;}

.slidemenu{position: absolute;top:80px;  display:none; border-top:2px solid #f28f1a; margin-top:-2px; width:160px;z-index:1000; box-shadow: 0 0 10px rgba(0, 0, 0, .3);background: #fff; }
.slidemenu .sanjiao{width:0;position: absolute; height:0;border: 8px solid;border-color:transparent transparent #f28f1a transparent;top:-18px;}
.slidemenu .listmenu{ border-bottom:1px solid #eee; line-height:40px; text-align:center}
.slidemenu .listmenu a{display:inline-block; width:100%; height:100%;}
.slidemenu .listmenu:hover{ background:#f28f1a; }
.slidemenu .listmenu:hover a{color:#FFF;}
/**-----------//滑动小圆点---------------------**/
.swiper-pagination-bullet { border-radius: 0;background:#fff;height: 3px; width:30px;}
.swiper-pagination-bullet-active { 
    background: #f28f1a;
    width: 40px;
}
/**-----------//滑动左右箭头s---------------------**/
.swiper-button-prev1{ 
position: absolute; width: 50px; height: 68px;
top:43%; left:30px;z-index:9999;
background: url("../images/pres.png") no-repeat center; 
cursor: pointer; 
opacity:0.6;
transition: transform .2s linear,opacity 250ms linear;
}
.swiper-button-prev1:hover{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px); transition: transform .2s linear,opacity 250ms linear;opacity:0.8;}
.swiper-button-next1{ 
position: absolute; width: 50px; height:68px; 
top:44%; right:30px;z-index: 9999;
background: url("../images/nexts.png") no-repeat center;
cursor: pointer;
opacity:0.6;
transition: transform .2s linear,opacity 250ms linear;
}
.swiper-button-next1:hover{-webkit-transform:translateX(10px)-ms-transform:translateX(10px); transform:translateX(10px);transition: transform .2s linear;opacity:0.8;}
.hide {display:none;}	
/**-----------//滑动左右箭头e---------------------**/	
.pcwidth {width:1200px; margin:0 auto;}
.laytit {text-align:center; margin-bottom:45px;}
.laytit h1 {padding-top:36px; font-size:36px; font-weight:normal;}
.laytit p { font-size:18px; color:#666;font-family: Helvetica;}
.lay1{ background:#f9f9f9;}
.lay1 .prolist{display:flex;display:-webkit-flex; flex-wrap: wrap;justify-content:space-between; margin-bottom:30px;}
.lay1 .prolist p { margin-top:15px; margin-bottom:20px; line-height:1.5em; padding-left:10px; font-size:18px;}
.lay1 .prolist p span{color:#666; font-size:14px;}
.lay1 .procenter{display:flex;display:-webkit-flex; flex-wrap: wrap;justify-content:center;margin-bottom:45px;}
.lay1 .procenter li{margin:0 25px; font-size:20px; color:#777;}
.lay1 .procenter li:hover{cursor:pointer;}
.lay1 .procenter li.cur{color:#f28f1a;}
.promore{
	height: 500px;position: relative;z-index: 10;
	background-size:cover;background-position:center;background-image:url(https://img.zcool.cn/zcool-diy/ib8a089a1a69cb7932d00f689bad73e751.jpg@1920w_1l_1an.src);}
.promoretext{ position: absolute;z-index:20; width:100%; text-align:center; padding-top:190px;}
.promoretext h2{font-size:48px;color:#FFF; margin-bottom:60px;}
.promoretext a { padding:10px 25px;color:#FFF; background:#f28f1a; font-size:16px; font-weight:normal;}
.promoretext a:hover{color:#FFF;}


.lay2 .prolist{display:flex;display:-webkit-flex; flex-wrap: wrap;justify-content:space-between; }
.lay2 .prolist li{ width:25%;}
.lay2 .prolist li img {width:100%; height:auto;}
   #sol-img {
   
    position: relative;
    overflow: hidden; }
  
     #sol-img .sol-img-text {
      position: absolute;
      transition-duration: 0.3s;
      
      height: 100%;
      top: 100%;
      left: 0;
      background: rgba(0, 0, 0, 0.5);
      text-align: center;
      padding: 0 40px; display:flex;display:-webkit-flex;align-items:center;
      color: #ebebeb; }
   
      #sol-img .sol-img-text h3 {
        font-size: 16px;
        margin: 10px 0; line-height:2em;}
      #sol-img .sol-img-text p {
        font-size: 14px;line-height:2em; }

.lay4 { margin-top:30px;}
.lay4 .company{height: 500px;position: relative;z-index: 10;background-size:cover;background-position:center;background-image:url(../images/banner.jpg);}
.lay4 .company .companytext{ position: absolute;z-index:20; width:100%; text-align:center; padding-top:100px; font-size:18px;}
.lay4 .company .companytext h2{font-size:48px;color:#FFF; margin-bottom:20px;}
.lay4 .company .companytext p{color:#FFF; width:1000px; margin:0 auto; line-height:2.5em; margin-bottom:40px;}
.lay4 .company .companytext a { padding:10px 25px;color:#FFF; background:#f28f1a; font-size:16px; font-weight:normal; }
.lay4 .company .companytext a:hover{color:#FFF;}
.lay4 .companyinfo{display:flex;display:-webkit-flex;justify-content:between; margin-top:20px; margin-bottom:20px;}
.lay4 .companyinfo .list{ width:100%; text-align:center; border-right:1px solid #ddd; padding:30px 0;}
.lay4 .companyinfo .list.noxian{border:none;}
.lay4 .companyinfo .list h3{font-size:22px;}
.lay4 .companyinfo .list h3 i {font-family:Tahoma, Geneva, sans-serif; font-size:36px; margin-right:2px;}
.lay4 .companyinfo .list span{background:#f28f1a; height:3px; width:50px; display:block; margin:0 auto; margin-top:15px; margin-bottom:20px;}
.lay4 .companyinfo .list p{ line-height:2.2em;}

.lay5 {background:#f5f5f5; padding-bottom:50px;}
.lay5 .news{display:flex;display:-webkit-flex; flex-wrap: wrap;justify-content:space-between;}
.lay5 .news div{ width:400px; background:#FFF;}
.lay5 .news div.text img{ width:100%;  max-height:300px;}
.lay5 .news div.text{  width:400px;}
.lay5 .news div.text h3{margin-bottom:20px; padding:0 30px; padding-top:32px;}
.lay5 .news div.text p{line-height:1.7em;padding:0 30px; color:#666}
.lay5 .news div.text p.time{ padding-top:40px; line-height:0;padding-bottom:40px;}

footer{background:url(../images/foot.jpg) no-repeat; height:500px;}
.footer_c { margin:0 auto; width:1200px; padding:50px 0;display:flex;display:-webkit-flex;}
.footer_c_ul{display:flex;display:-webkit-flex; width:950px;justify-content:space-between; border-right:1px solid #313131; padding-right:50px; margin-bottom:30px;}
.footer_c ul .tit{ font-size:18px;color:#f28f1a; margin-bottom:10px;}
.footer_c ul li {padding-bottom:20px;}
.footer_c ul li a{color:#ccc; font-size:14px;}
.footer_c ul li a:hover{color:#f28f1a;}
.footer_kf {margin-left:auto; color:#FFF; text-align:center; }
.footer_kf h3{ font-size:24px;color:#fff; margin-top:20px;}
footer .cor{text-align:center; color:#999; font-size:14px;}

/**-----------//产品中心页面---------------------**/	
.prolay .tit{display:flex;display:-webkit-flex;justify-content:space-between; height:22px; line-height:22px; margin-bottom:20px;}
.prolay .tit .protit{ border-left:4px solid #f28f1a; padding-left:10px; font-size:22px; font-weight: 200;}
.prolay .tit .prokey a{ color:#666;margin:0 7px 0 8px;}
.prolay .tit .prokey i{ font-size:16px; margin-right:5px;line-height:1px;}
.prolay .prolist{display:flex;display:-webkit-flex; flex-wrap: wrap;justify-content:space-between; margin-bottom:30px;}
.prolay .prolist li{border:1px solid #c9c9c9; width:228px; padding-top:20px; text-align:center;}
.prolay .prolist li img {width:100%; height:auto;}
.prolay .prolist p { margin-top:35px; margin-bottom:20px; line-height:1.5em;}
.prolay .prolist p span{color:#f28f1a; font-size:14px;}

/**-----------//产品系列页面---------------------**/	
.layprolist {margin-bottom:30px;}
.layprolist .prolist{display:flex;display:-webkit-flex; flex-wrap: wrap;justify-content:space-between; margin-bottom:30px;}
.layprolist .prolist li{border:1px solid #c9c9c9; width:390px; padding-top:20px; text-align:center; margin-bottom:30px;}
.layprolist  li img {width:100%; height:auto;}
.layprolist .prolist p { margin-top:15px; margin-bottom:20px; line-height:1.5em; }
.layprolist .prolist p span{color:#666; font-size:14px;}
.layprolist .procenter{display:flex;display:-webkit-flex; flex-wrap: wrap;justify-content:center;margin-bottom:45px; margin-top:50px;}
.layprolist .procenter li{margin:0 15px; font-size:18px; color:#777;}
.layprolist .procenter li:hover{cursor:pointer;}
.layprolist .procenter li.cur{color:#f28f1a;}

/**-----------//产品详情---------------------**/	
.navigationpro {z-index:9999;right: 0px; width:1200px; margin:0 auto;}
.pos_r {top: auto;left: 0;}
.pos_f {top: -50px;left: 0; position: fixed; z-index: 999;}
.prointro{display:flex;display:-webkit-flex; margin-top:30px; margin-bottom:20px;}
.prointro .proimg{margin-right:50px;box-shadow: #ddd 2px 2px 10px; padding:10px; width:580px; height:430px;}
.prointro .protxt{ font-size:14px; width:550px;}
.prointro .protxt h1 { font-size:30px; font-weight:500; line-height:1.2em;}
.prointro .protxt h1 span{ font-size:24px; color:#575757; font-family:Arial, Helvetica, sans-serif;}
.prointro .protxt .progood{margin-top:35px; margin-bottom:25px;}
.prointro .protxt .progood span{ background:linear-gradient(to right,  #803818,#c76110 ); padding:6px 20px; margin-right:20px;box-shadow: #ddd 2px 2px 10px;border-radius: 3px; color:#fff;}
.prointro .protxt .propara span{font-size:16px; margin-right:40px; background:url(../images/dot1.jpg) no-repeat 0 7px; padding-left:15px;}
.prointro .protxt .propara span b{font-size:20px; font-weight:300;}
.prointro .protxt .prodes{ line-height:2em; border-top:1px solid #ddd; margin-top:10px; padding-top:15px; height:150px; color:#555;}
.prointro .protxt .propdf{border-bottom:1px solid #ddd; padding-bottom:10px;text-align:right; margin-bottom:15px;}
.prointro .protxt .propdf i{margin-right:3px;color:#f28f1a;}
.prointro .protxt .propdf a{ margin-right:15px;}
.prointro .protxt .procontact a{background:#f15929;transition: background-position .6s ease;padding:8px 20px;margin-left:90px;border-radius:20px;color:#FFF; font-size:15px; }
.prointro .protxt .procontact span i{font-size:26px;color:#f15929; font-weight:bold;}
.procontent .pronav{display:flex;display:-webkit-flex; line-height:50px; margin-top:50px;  border-bottom:1px solid #ddd;  background:#f5f5f5;}
.procontent .pronav li{ padding:0 40px; border-left:1px solid #fff; cursor:pointer;}
.procontent .pronav li.active{ background:#f28f1a; color:#FFF;}
.procontent .proshow{display:flex;display:-webkit-flex; margin-bottom:50px;}
.procontent .proshow .pro_lay .tit{font-size: 22px;margin-bottom: 20px; border-bottom: 1px solid #ddd;padding-bottom: 15px;color: #f28f1a;margin-top:40px;}
.procontent .proshow .pro_lay .tit span{color:#666; font-size:16px;}
.procontent .proshow .txt{ line-height:2em; width:795px; padding-left:5px;}
.procontent .proshow .txt img{max-width:790px;}
.procontent .proshow .txt p{ margin-bottom:20px;}
.procontent .proshow .hotpro { border-left:1px solid #ddd;box-shadow: -2px 0 3px -1px #ddd; padding:20px 0px 0 30px; margin-left:40px; }
.procontent .proshow .hotpro .hottit {font-size:22px; margin-bottom:20px; border-bottom:1px solid #ededed; padding-bottom:10px; }
.procontent .proshow .hotpro .hotprolist li{ text-align:center;  margin-bottom:20px;}
.procontent .proshow .hotpro .hotprolist li img {width:100%}
.procontent .proshow .hotpro .hotprolist li p{ margin-top:10px;}
.procontent .proshow .pro_lay .anli li {padding-bottom:15px; border-bottom:1px dashed #ccc; margin-bottom:10px;display: flex;display:-webkit-flex; }
.procontent .proshow .pro_lay .anli li .list_img{ height:100px; width:150px; overflow:hidden;  margin-right:30px; }
.procontent .proshow .pro_lay .anli li p{ font-size:14px; line-height:28px; color:#666;}



/**-----------//案例系列页面---------------------**/	
.layanli {margin-bottom:30px;}
.layanli .prolist{display:flex;display:-webkit-flex; flex-wrap: wrap;justify-content:space-between; margin-bottom:30px;}
.layanli .prolist li{ width:290px;  text-align:center; margin-bottom:30px;}
.layanli .prolist li .img{ height:208px;overflow:hidden; display:inline-block; border:1px solid #ddd;display:flex;display:-webkit-flex;align-items:center; }
.layanli  li img { width:100%;height:auto;}
.layanli .prolist p { margin-top:15px; margin-bottom:20px; line-height:1.5em; }
.layanli .prolist p span{color:#666; font-size:14px;}
.layanli .procenter{display:flex;display:-webkit-flex; flex-wrap: wrap;justify-content:center;margin-bottom:45px; margin-top:50px; }
.layanli .procenter li{margin:0 10px; font-size:16px; color:#777; border:1px solid #f1f1f1; text-align:center; border-radius: 4px; width:120px; padding:5px 0; margin-bottom:20px;}
.layanli .procenter li.cur{color:#f28f1a;border:1px solid #f28f1a;}

/**-----------//服务页面---------------------**/	
.service {position:relative; margin-bottom:50px;}
.service_ban{ display:flex;display:-webkit-flex;justify-content:space-between; left:50%; margin-left:-590px; width:1200px; position:absolute;top:60%; text-align:center;}
.com_produce_c {width:1200px; margin:0 auto;display:flex;display:-webkit-flex;align-items:center; padding:60px 0; font-size:16px; line-height:32px;}
.com_produce_c div h1{ margin-bottom:30px;font-size:36px; }
.com_produce_c .img1{ width:623px; margin-right:50px; }
.com_produce_c .img2{ width:623px; margin-left:50px; }

.addinfo{ display:flex;display:-webkit-flex;justify-content:space-between; margin-top:60px; margin-bottom:60px;}
.addinfo .txt{margin-right:50px; font-size:14px;}
.addinfo .txt .addname{border-left:4px solid #f28f1a; padding-left:15px; font-size:28px; font-weight: 500; margin-bottom:20px; height:28px; line-height:28px;}
.addinfo .txt .addp{display:flex;display:-webkit-flex; margin:15px 0;}
.addinfo .txt .addp i{color:#f28f1a; margin-right:10px; width:40px; text-align:center; margin-top:5px;}

.ser_lc { width: 1200px; margin:0 auto;margin-top: 53px;  padding: 0 0 60px 0; overflow: hidden; }
.ser_lc h3 {font-size: 40px;margin: 40px 0 10px 0;text-align: center;line-height: 1.6;}
.ser_lc p {text-align: center;font-size: 16px;margin-bottom: 20px;line-height: 1.6;}
.ser_lc h4 {  font-weight: 600; font-size: 18px; padding: 4px 10px; width: 43%; margin: 15px auto 0; text-align: center; }
.ser_lc li { float: left; width: 16.6%; background: url(../images/lc_line.png) no-repeat right 63px; }
.ser_lc li img { display: block; width: 60%; margin: 0 auto; text-align: center; }

/**-----------//公司动态中心---------------------**/	
.newstit { margin-top:50px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #ddd}
.newstit h2{font-size:32px;  }
.newstit a{ float:right; margin-top:20px; color:#f28f1a;}
.laynews1{margin-bottom:30px;}
.laynews1 .newslist{ display:flex;display:-webkit-flex;justify-content:space-between;}
.laynews1 .newslist h3{ font-size:22px; font-weight:normal; margin-top:15px; margin-bottom:10px;}
.laynews1 .newslist p{ font-size:14px; color:#666; line-height:2em;}
.laynews1 .newslist .newslist_l{width:500px;}
.laynews1 .newslist .newslist_r{width:630px;}
.laynews1 .newslist .newslist_r img{ float:left; margin-right:15px;}
.laynews1 .newslist .newslist_r .newslist_r_list1{display:flex;display:-webkit-flex; margin-bottom:20px;}
.laynews1 .newslist .newslist_r .newslist_r_list1 .time{ margin-top:20px; margin-right:15px;}
.laynews1 .newslist .newslist_r .newslist_r_list1 .time span{ display: block;   background: #eee;border-radius: 6px;text-align: center; width:75px;  font-size:32px;}
.laynews1 .newslist .newslist_r .newslist_r_list1 .time span i{ display: block;background: #fff;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.06);line-height: 20px;margin-top: 8px;border-radius: 6px;color: #161616;font-size:12px;font-style: normal;margin: 11px 1px 4px 1px;}
/**-----------//新闻系列页面---------------------**/	
.laynewslist {margin-bottom:30px;}
.laynewslist .newslist{margin-bottom:30px;}
.laynewslist .newslist li{ padding-top:20px;  margin-bottom:30px;display:flex;display:-webkit-flex; border-bottom:1px solid #ddd; padding-bottom:30px;}
.laynewslist .newslist li img {margin-right:30px; width:400px; height:300px;}
.laynewslist .newslist li h3{ font-size:22px; font-weight:normal; margin-top:15px; margin-bottom:10px;}
.laynewslist .newslist p { margin-top:15px; margin-bottom:20px; line-height:2em; }
.laynewslist .newslist p span{color:#666; font-size:14px; padding-top:20px; display:block;}
.laynewslist .procenter{display:flex;display:-webkit-flex; flex-wrap: wrap;justify-content:center;margin-bottom:45px; margin-top:50px;}
.laynewslist .procenter li{margin:0 25px; font-size:20px; color:#777;}
.laynewslist .procenter li:hover{cursor:pointer;}
.laynewslist .procenter li.cur{color:#f28f1a;}

/**-----------//新闻信息---------------------**/	
.pagenav {color:#666; font-size:14px; margin-top:15px; margin-bottom:10px;}
.pagenav a{margin:0 8px;}
.content{display:flex;display:-webkit-flex; margin-bottom:50px;}
.content .txt{width:730px;margin-right:70px;}
.content .txt .titinfo{display:flex;display:-webkit-flex;justify-content:space-between; }
.content .txt h1{font-size:28px; margin:30px 0; border-bottom:1px solid #ddd; padding-bottom:20px;}
.content .txt .detail{line-height:2em; margin-bottom:50px;}
.content .txt .detail p{ margin-bottom:20px;}
.content .txt img{max-width:700px; }
.content .txt .moretxt {border-top:1px solid #ddd; padding-top:20px;}
.content .txt .moretxt p { margin-bottom:10px; color:#666; font-size:14px;}
.content .txt .moretxt p a{  color:#666; }
.content .hot{width:360px;}
.content .hot {background:#efefef; padding:20px;}
.content .hot .hottit {font-size:22px; margin-bottom:20px; border-bottom:1px solid #ccc; padding-bottom:10px;}
.content .hot .hotpro li{ text-align:center;  margin-bottom:20px;}
.content .hot .hotpro li p{ margin-top:10px;}
.content .hot .hotnews li{  margin-bottom:20px;border-bottom:1px dashed #ccc; padding-bottom:10px;}

/**-----------//关于我们---------------------**/	
.navabout {background:#f5f5f5; padding-top:30px;}
.navabout .nav{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center; background:#FFF; height:80px;}
.navabout .nav{ color:#e4e0e4; font-size:14px;}
.navabout .nav a { text-align:center; width:100%; font-size:16px;color:#999;}
.navabout .nav a:hover { color:#333;}
.navabout .nav a.active{ color:#f28f1a;}
.navabout .about h1{width:800px; margin:0 auto; margin-top:60px; margin-bottom:20px; font-weight:normal; font-size:28px;color:#333;}
.navabout .about .txt { width:800px; margin:0 auto; line-height:2em;  color:#777; margin-bottom:20px;}
.navabout .about .img{padding-bottom:60px; margin-top:50px;}
.navabout .about  .imghui{background:#f5f5f5; }

.navabout .team{display:flex;display:-webkit-flex;justify-content:space-between; margin:0 auto; padding:60px 0;width:850px;}
.navabout .team .teaminfo{ width:410px;}
.navabout .team .teaminfo h1{ margin-bottom:20px; font-weight:normal; font-size:24px;color:#333;}
.navabout .team .teaminfo h2{ margin-bottom:20px; font-weight:normal; font-size:18px;color:#333;}
.navabout .team .teaminfo p{ line-height:2em;  color:#777; }

.navabout .history{ margin:0 auto; width:650px; padding:60px 0;}
.navabout .history h2{ margin:20px 0;}
.navabout .history .yinfo{display:flex;display:-webkit-flex;justify-content:space-between; margin-left:20px;}
.navabout .history .yinfo .month{ width:50px;margin-top:-6px;color:#777; }
.navabout .history .yinfo .yxian{ width:10px; margin-left:10px; margin-right:50px;}
.navabout .history .yinfo i{border-radius:10px; background:#F28f1a; width:10px; height:10px; display:block; }
.navabout .history .yinfo .xian{ width:1px;  background:#ddd; margin-left:4px;}
.navabout .history .yinfo .ytxt{padding-bottom:30px;width:100%; padding-top:5px;color:#555;line-height:2em; }

.navabout .wenhua{ margin:0 auto; width:1000px; padding-bottom:60px;}
.navabout .wenhua h1{margin-bottom:30px; font-weight:normal; font-size:36px;color:#333; text-align:center;}
.navabout .wenhua ul{display:flex;display:-webkit-flex;flex-wrap: wrap;justify-content:space-between;}
.navabout .wenhua li{ width:250px;   text-align:center; font-size:14px; color:#777; margin-bottom:30px;}
.navabout .wenhua li img {width:85%; height:auto;  overflow:hidden; margin-bottom:8px;}
.navabout .wenhua li p{padding:0 30px;}

.navabout .ry{ margin:0 auto; width:1000px; padding:60px 0;display:flex;display:-webkit-flex;justify-content:space-between;}
.navabout .ryhistory{ width:480px; }
.navabout .ryhistory h2{ margin:0 0 50px 0; font-size:32px;}
.navabout .ryhistory .yinfo{display:flex;display:-webkit-flex;justify-content:space-between; margin-left:20px;}
.navabout .ryhistory .yinfo .month{ width:70px;margin-top:-6px;color:#777; }
.navabout .ryhistory .yinfo .yxian{ width:10px; margin-left:10px; margin-right:50px;}
.navabout .ryhistory .yinfo i{border-radius:10px; background:#F8B62D; width:10px; height:10px; display:block; }
.navabout .ryhistory .yinfo .xian{ width:1px;  background:#F8B62D; margin-left:4px;}
.navabout .ryhistory .yinfo .ytxt{padding-bottom:30px;width:100%; padding-top:5px;color:#555;line-height:2em; }

.navabout .news{border-top:1px solid #f5f5f5;}
.navabout .news .newslist{margin-bottom:30px; margin:0 auto; width:1000px; padding-bottom:50px; padding-top:20px;}
.navabout .news .newslist li{ padding-top:20px;  margin-bottom:30px;display:flex;display:-webkit-flex; border-bottom:1px solid #ddd; padding-bottom:30px;}
.navabout .news .newslist li img {margin-right:30px; width:400px; height:300px;}
.navabout .news .newslist li div{ width:580px;}
.navabout .news .newslist li h3{ font-size:22px; font-weight:normal; margin-top:15px; margin-bottom:10px;}
.navabout .news .newslist p { margin-top:15px; margin-bottom:20px; line-height:2em; }
.navabout .news .newslist p span{color:#666; font-size:14px; padding-top:20px; display:block;}

.navabout .job{padding-bottom:20px;}
.navabout .job h1{width:800px; margin:0 auto; margin-top:30px; margin-bottom:20px; font-weight:normal; font-size:24px;color:#f28f1a;}
.navabout .job .txt { width:800px; margin:0 auto; line-height:2em;  color:#777; margin-bottom:20px;}
.navabout .job  hr{border-top:#ddd;width:850px; margin:50px auto;}


/*--浮动--*/
@media screen and (max-width:1400px){
	.right-side-bar {
	margin:-0px 0 0;
	padding:0;
	position:fixed;
	z-index:100;
	top:25%;
	right:0; border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;
}
.right-side-bar li {
	width:64px; background:#FFF;
	position:relative; border-bottom:1px solid #f5f5f5;
}
}
@media screen and (min-width:1400px){
	.right-side-bar {
	margin:-0px 0 0;
	padding:0;
	position:fixed;
	z-index:100;
	top:50%;
	right:0; border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;
}
.right-side-bar li {
	width:80px; background:#FFF;
	position:relative; border-bottom:1px solid #f5f5f5;
}
}

.right-side-bar li:nth-child(3):after,.right-side-bar li:nth-child(4):after,.right-side-bar li:nth-child(5):after {
	display:none
}
.right-side-bar li:after {
	content:" ";
	display:block;
	width:50px;
	height:1px;
	position:relative;
	margin:auto;
	z-index:10;
	background-color:rgba(255,255,255,.5)
}
.right-side-bar li:hover .tips-outer {
	opacity:1;
	right:100%;
	transform:scaleX(1)
}
.right-side-bar li .tips-outer {
	display:block;
	height:100%;
	position:absolute;
	top:0;
	right:-100%;
	padding-right:10px;
	opacity:0;
	transform:scaleX(.05);
	transition:transform .2s ease-in-out,opacity .2s ease-in-out,right .2s ease-in-out
}

.right-side-bar li .tips-outer .tips-inner {
	padding:15px 37px;
	font-size:14px;
	
	margin-top:30px;
	white-space:nowrap;
	background-color:#fff;
	z-index:10;
	border:1px solid #dfefef;
	box-shadow:0 0 24px 0 rgba(15,66,76,.25)
}
.right-side-bar li .tips-outer .tips-inner:after {
	content:" ";
	display:block;
	width:30px;
	z-index:15;
	height:40px;
	background-color:#fff;
	position:absolute;
	right:11px;
	top:32px
}
.right-side-bar li .tips-outer .tips-inner:before {
	content:" ";
	box-shadow:0 0 24px 0 rgba(15,66,76,.25);
	display:block;
	width:13px;
	position:absolute;
	right:5px;
	background-color:#fff;
	height:13px;
	z-index:5;
	transform:rotate(45deg)
}


.right-side-bar li a {
	display:inline-block;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#757575;
	
	transition:background-color .2s ease-in-out
}
.right-side-bar li a  i{ color:#f28f1a;}
.right-side-bar li a:hover {
	color:#f28f1a;
}
.right-side-bar li a.spec {
	
}
.right-side-bar li a.topback {
	background-color:#dedfdf
}
.right-side-bar li a.spec:hover {
	
}
.right-side-bar li a.topback:hover {
	background-color:#ccc;
}
.right-side-bar li a .image-anchor {
	display:block; text-align:center;
	margin:15px auto 0;
	transition:opacity .2s ease-in-out
}


.right-side-bar li a h4 {
	margin:8px auto 15px;
	font-size:14px;
	font-weight:400;
	text-align:center
}

/**-----------pc---------------------**/
/**-----------end---------------------**/