@charset "utf-8";

/*******CSS commont*************/

html {
  font-size: 62.5%;
    /* 10÷16=62.5% */
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  max-width: 100%;
}

ol,ul,li {
  list-style: none;
}

h1,h2,h3 {
  font-weight: normal;
  font-size: 100%;
}

q:before,q:after {
  content: '';
}

abbr,acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,textarea,select,button {
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  border: 0px;
}

input,textarea,select {
  *font-size: 100%;
}

legend {
  color: #000;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
section{ position: relative;z-index: 9}
/*******CSS reset*************/

body {
  background:#fff;
  color: #313131;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2;
  font-family: 'Microsoft YaHei','微软雅黑',Arial;
}

@media (min-width:1200px) {

  body {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .container{width: 1230px !important}
}

a {
  color: #313131;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

a:hover {
  text-decoration: none;
  color: #ff7900;
}

.left {
  float: left;
}

.right {
  float: right;
}

.ovfl {
  overflow: hidden;
}

.mar {
  margin: 0px auto;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mui-ellipsis-2{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.mui-ellipsis-3{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.mui-ellipsis-6{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp:6;-webkit-box-orient:vertical;}

/*******Css header*******/
.header{width: 100%; background: #fff; position:relative;z-index: 99;}
.header .topword{padding-left: 55px;float: left;}
.header .toptel{line-height:27px;font-size: 18px;float: right;}
.header .banben{float: right;line-height:27px;font-size: 16px;}
.header .banben li{color: #244b9e;}
.nav_lg{width:100%;height: 64px;background: #333333}
.nav_lg li{width:11.11%;height:64px;line-height:64px;text-align: center; float: left;}
.nav_lg li a{font-size:16px;color: #fff;display: block;}
.nav_lg li a:hover{background: #ff7900}
.nav_lg li.selected a{background: #ff7900}
/*******Css banner*******/
.banner {height: 100%;text-align: center; overflow: hidden;margin: 0px auto;}
.page_banner {width: 100%; margin: 0px auto;text-align: center; overflow: hidden;}
.page_banner img { width: 100%;}
.logo{padding:25px 0;max-width: 80%;font-size: 12px;color: #333 !important}
.logo img{float:left;}
.logo span{display: block;}
@media(min-width: 1200px)
{
  .logo{padding:30px 0}
  .logo img{padding-top: 6px}
  .logo span{font-size: 16px;line-height: 26px;background: url(../images/line.jpg) left center no-repeat; padding-left: 24px;margin-left: 24px; display: inline-block;}
  .logo span i{padding: 0 6px}
  .header .toptel{width:280px;font-size: 16px; padding-top: 50px;}
  .header .banben{width: 96px; padding-top: 50px;}
  .page_banner img {width:1920px;max-width:1920px;left: 50%;margin-left: -960px;position: relative;}
}

/* Default navigation icon */
.nav__trigger {
  display: block;
  position: absolute;
  width: 40px;
  /* height: 30px; */
  right: 15px;
  top: 15px;
  border-radius: 4px;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity: 0.5;
  position: fixed;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 4px;
  border-radius:2px;
  background-color:rgba(51,51,51,1);
  -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: 4px;
  border-radius:2px;
  position: absolute;
  background-color:rgba(51,51,51,1);
  -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: -8px;
}
.nav__icon:after {
  margin-top: 8px;
}

/* Style #1*/
.nav {
    width: 100%;
    height:0;    
    z-index: 100;
    opacity: 0;
    left: 0;
    top: 0;
    padding:20px 30px 30px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    position: fixed;
    overflow: hidden;
    display: none;
}
.nav__link {
  color: #fff;
  font-size:1.6rem;
  line-height: 3.5rem;
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.navul{width:100%;height:auto;overflow:hidden}
.navul li{width:100%;}
.nav .navp1{color:#fff;font-size:1.6rem;width: 120px;height: 36px;background: #ff7900;text-align: center;line-height: 36px;color: #fff}
.nav .navp2{color:#fff;font-size:1.6rem;padding:20px 0}
.nav .navp2 b{color:#fec601}
.nav--active .nav__link {
  opacity: 1;
}
.nav--active .nav {
  background: rgba(20,20,20,0.95);
  opacity: 1;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  height: 100% !important;
  display: block;
}
.nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.nav--active .nav__icon:before {
  margin-top: 0;
  background: rgb(220, 217, 217);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.nav--active .nav__icon:after {
  margin-top: 0;
  background: rgb(220, 217, 217);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


/*Css index*/
.intitle{width: 100%;color: #000; text-align: center;position: relative;}
.intitle big{font-weight: bold;color: #000;display: block;}
.intitle span{color: #ff7900}
.page_apl{padding: 2rem 0}
.page_apl ul{width: 100%;height: auto;overflow: hidden; padding-top: 2rem}
.page_apl ul li{width: 25%;text-align: center; box-sizing: border-box;padding:3px;float: left;position: relative;}
.page_apl ul li img{display: block;margin: 0 auto; position: relative;z-index: 1}
.page_apl ul li:hover img{animation: swing 1s}
.page_apl ul li span{width: 100%;left: 0;top:50%;transform: translateY(-50%);color: #fff; display: block;position:absolute;transition: 0.4s all; z-index: 2}
.page_apl ul li span:hover{color:#ff7900}
@media(min-width: 1200px)
{
   .intitle{font-size: 20px}
   .intitle big{font-size:36px;line-height: 60px}
   .page_apl{padding:50px 0 38px}
   .page_apl ul{padding-top: 15px}
   .page_apl ul li{width:12.5%;}
}
.page_pro{width: 100%;height: auto;overflow: hidden;}
.slideTxtBox{ width:100%;}
.slideTxtBox .hd{width: 100%; height:auto;padding-top:1.5rem;padding-bottom: 1rem; background:#333333;position:relative;}
.slideTxtBox .hd ul{width: 100%;padding:0 5px 5px;height: auto;overflow:hidden;}
.slideTxtBox .hd ul li{width:33.33%;text-align: center; float:left; padding:5px; cursor:pointer;position: relative;}
.slideTxtBox .hd ul li img{width: 100%}
.slideTxtBox .hd ul li span{background: #d4d4d4;position: relative;display: block;z-index: 2}
.slideTxtBox .hd ul li.on:after{content: "";width:8px;height:8px;background:#ff7900;left: 50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);position: absolute;z-index: 1}
.slideTxtBox .hd ul li.on span{background:#ff7900;}
.slideTxtBox .bd{ padding:10px;zoom:1;}
.slideTxtBox .bd .tablist{margin-left: -5px;margin-right: -5px; height: auto;overflow: hidden;}
.slideTxtBox .bd .tablist li{width: 50%;padding:5px 5px 15px; float: left;}
.slideTxtBox .bd .tablist li .txt{padding-top: 5px}
.slideTxtBox .bd .tablist li img{width: 100%; box-sizing: border-box; border: 1px #e5e5e5 solid;transition: 0.4s all}
.slideTxtBox .bd .tablist li img:hover{box-shadow:0px 10px 10px #afadabab;}
.slideTxtBox .bd .tablist li big{font-weight: bold;font-size: 1.6rem;}
.slideTxtBox .bd .tablist li p{font-size: 14px;line-height: 22px;color: #666666}
.slideTxtBox .bd .tablist li .zixun{width:100px;height:34px;border-radius:17px; line-height: 34px;background:#ff7900;color: #fff;text-align: center;transition: 0.4s all; display: block;margin-top:10px}
.slideTxtBox .bd .tablist li .zixun:hover{background: #e80000}
@media(min-width: 1200px)
{
   .slideTxtBox .hd{padding-top: 72px;padding-bottom:31px;}
   .slideTxtBox .hd ul{width: 1220px;margin: 0 auto;padding-bottom: 20px}
   .slideTxtBox .hd ul li{width:20%;padding: 0 8px;}
   .slideTxtBox .hd ul li img{height: 172px}
   .slideTxtBox .hd ul li span{height: 55px;font-weight: bold; line-height: 55px;padding: 0 5px}
   .slideTxtBox .hd ul li.on:after{width:20px;height:20px;}
   .slideTxtBox .hd ul li.on span{color: #fff;}
   .slideTxtBox .bd{width: 1210px;margin: 0 auto; padding:43px 0 18px}
   .slideTxtBox .bd .tablist{margin-left: -11px;margin-right: -11px}
   .slideTxtBox .bd .tablist li{width: 33.33%;padding:5px 12px 35px}
   .slideTxtBox .bd .tablist li img{height: 288px}
   .slideTxtBox .bd .tablist li big{font-size: 24px;line-height: 56px}
   .slideTxtBox .bd .tablist li .txt{padding:5px 10px 8px}
   .slideTxtBox .bd .tablist li .zixun{width: 130px;height: 40px;font-size: 16px; line-height: 40px;border-radius: 20px;margin-left: 14px}
}
.page_case{background: url(../images/case.jpg) center no-repeat #333333;background-size: auto 100%; padding: 2rem 0}
.page_case .intitle,.page_case .intitle big{color: #fff}
.page_case .case_gd{padding:2rem 0}
.page_case .case_gd .owl-items{padding: 0 5px}
.page_case .case_gd .owl-items img{width: 100%}
.page_case .case_gd .owl-items span{display: block;background: #d1d1d1;text-align: center;transition: 0.4s all}
.page_case .case_gd .owl-items:hover span{background:#ff7900;color: #fff}
@media(min-width: 1200px)
{
   .page_case{padding:54px 0 103px;background-size: 100% 100%}
   .page_case .case_gd{padding: 39px 0;margin-left: -10px;margin-right: -10px;}
   .page_case .case_gd .owl-items{padding: 0 10px}
   .page_case .case_gd .owl-items img{height: 214px;}
   .page_case .case_gd .owl-items span{height: 56px;line-height: 56px;font-size: 18px}

}
.page_abt{padding:2rem 0 3rem}
.page_abt .abtimg{padding: 1.5rem 0}
.page_abt .intro{margin-bottom: 1.5rem}
.page_abt .abt_btn{width: 130px;height: 40px;line-height: 40px;text-align: center;margin-right: 15px;border-radius: 20px; color: #fff;display: inline-block;}
.page_abt .btn1{background: #333333}
.page_abt .btn2{background: #ff7900}
.page_abt .btn1:hover{background: #e70404}
.page_abt .btn2:hover{background: #e70404}
@media(min-width: 1200px)
{
   .page_abt{padding:63px 0 64px}
   .page_abt .abtimg{padding-top: 38px}
   .page_abt .intro{font-size: 16px;line-height: 32px;color: #303030;padding-top: 49px;margin-bottom: 30px}
}
.page_youshi{background: url(../images/youshi.jpg) center no-repeat #42474d;background-size: auto 100%; padding: 2rem 0}
.page_youshi .jiangbei1{position: absolute;max-height: 100%;left: 0; transform:translateX(-20%); top: 0;z-index:-1}
.page_youshi .jiangbei2{position: absolute;max-height: 100%;right: 0; transform:translateX(20%);top: 0;z-index:-1}
.page_youshi .intitle big{color: #333}
.page_youshi .ys{margin-left: -10px;margin-right: -10px; height: auto;padding:1.5rem 0; overflow: hidden;}
.page_youshi .ys li{width: 50%;float: left;}
.page_youshi .ys li .in{margin: 5px;padding:20px 10px;font-size: 14px; background: #fff;transition: 0.4s all}
.page_youshi .ys li .in:hover{background: #ff7900;color: #fff}
.page_youshi .ys li b{display: block;}
.page_youshi .ys li big{font-weight: lighter; display: block;}
.page_youshi .ys li span{color: #c9cbc8;transform: scaleY(0.5); font-size: 0.8rem;display: block;overflow: hidden;}
@media(min-width: 1200px)
{
   .page_youshi{padding:142px 0 31px}
   .page_youshi .intitle{color: #333333;}
   .page_youshi .intitle big{padding-bottom:8px}
   .page_youshi .jiangbei1{max-height: 205px;height: 205px;transform: translateX(20px);top: -80px;}
   .page_youshi .jiangbei2{max-height: 205px;height: 205px;transform: translateX(-20px);top: -80px;}
   .page_youshi .ys{padding: 34px 0}
   .page_youshi .ys li{width: 25%}
   .page_youshi .ys li .in{height: 400px; font-size: 16px;line-height: 32px;margin: 10px; padding:20px 33px 30px;}
   .page_youshi .ys li big{font-size: 22px;}
   .page_youshi .ys li b{line-height: 70px}
   .page_youshi .ys li span{padding-bottom: 20px;transform: scaleY(0.8);}
}
@media(max-width: 640px)
{
   .page_youshi .intitle{padding: 0 40px;font-size: 12px;}
   .page_youshi .jiangbei1{max-height: 90%;transform: translateX(-30px);}
   .page_youshi .jiangbei2{max-height: 90%;transform: translateX(30px);}
}
.page_cs1{padding:1.5rem 0 0}
.page_cs1 .case_gd2{padding:1.5rem 0;margin-left: -5px;margin-right: -5px;}
.page_cs1 .case_gd2 .owl-items{border: 1px #dcdbdc solid;box-sizing: border-box;margin: 5px;transition: 0.4s all}
.page_cs1 .case_gd2 .owl-items:hover{box-shadow:0px 5px 5px #afadabab;transform: scale(1.01);}
@media(min-width: 1200px)
{
   .page_cs1{padding: 62px 0 18px}
   .page_cs1 .case_gd2{margin-left: -7px;margin-right: -7px;padding-top:23px;}
   .page_cs1 .case_gd2 .owl-items{margin:7px}
}
.page_news{padding: 0 0 2rem}
.page_news .innews{width: 100%;height: auto;overflow: hidden;}
.page_news .innews li{width: 100%;height: auto;overflow: hidden; border: 1px #e5e5e5 solid;margin-top: 15px;position: relative;transition: 0.4s all}
.page_news .innews li .nimg{width: 42%;height:100%;background:#ddd; overflow: hidden;left: 0;top: 0;position: absolute;}
.page_news .innews li .nimg img{min-width: 100%;max-width: 130%;background: #f1f1f1; height:100%; left: 50%;transform: translateX(-50%);position: relative;}
.page_news .innews li .txt{width: 58%;font-size: 14px; line-height: 20px;color: #666666;padding: 15px;box-sizing: border-box;float:right;transition: 0.4s all}
.page_news .innews li .txt big{color: #333333}
.page_news .innews li .txt p{margin: 10px 0}
.page_news .innews li:hover .txt{background: #f1f1f1}
.page_news .innews li:hover .txt big{color: #ff7900}
.page_news .innews li:hover{box-shadow: 0 5px 5px rgba(0,0,0,0.1)}
@media(min-width: 1200px)
{
   .page_news{padding: 20px 0 75px}
   .page_news .innews{padding-top: 15px}
   .page_news .innews li{width:47.5%;margin-top: 24px; float: left;}
   .page_news .innews li:nth-child(even){margin-left: 5%}
   .page_news .innews li .txt{padding: 28px 28px 25px}
   .page_news .innews li .txt big{font-size: 18px}
   .page_news .innews li .txt p{margin:18px 0 25px}
}

/*contact css*/
.contact01{padding: 2rem 0 1rem}
.contact01 .p01{color: #ff7900; font-family: Arial;text-transform: uppercase;}
.contact01 .p02{font-size: 1.6rem}
.contact02{padding: 1rem 0 3rem}
.contact02 .lxlist{width: 100%}
.contact02 .lxlist li{width: 100%;line-height:30px; height: auto;overflow: hidden;padding: 10px 0}
.contact02 .lxlist i{width: 60px;height: 60px;text-align: center;font-size: 3rem; line-height:60px; color: #ff7900; background:#dfe0e0;border-radius: 50%;float: left;margin-right:15px}
.contact02 .msglist{width: 100%;height: auto;overflow: hidden;padding-top:1.5rem}
.contact02 .msglist li{height: auto;overflow: hidden; margin: 10px 0;position: relative;}
.contact02 .G_InputText{width: 100%;height:4rem;line-height:4rem;text-indent:15px;color: #ddd; border:1px #ddd solid;box-sizing: border-box;}
.contact02 .G_textarea{width: 100%;height:8rem;line-height:3rem;text-indent:15px;color: #ddd; border:1px #ddd solid;box-sizing: border-box;}
.contact02 .G_But{width: 100%;height:4rem;line-height:4rem;color: #fff;background: #ff7900; border:1px #ddd solid;box-sizing: border-box;}
.contact02 .Validform_checktip{position:absolute;left:50%;margin-top:10px;}
.contact03{padding-bottom: 3rem}
#allmap{width: 100%;height: 300px;border: 1px #ccc solid}
@media(min-width: 1200px)
{
   .wrap{padding:50px 0}
   .contact01 .p01{font-size:28px;text-transform: uppercase;font-weight: bold;}
   .contact01 .p02{font-weight: bold;font-size: 36px}
   .contact02{padding-top:20px;padding-bottom: 60px}
   .contact02 .lxlist{padding-top: 20px}
   .contact02 .lxlist li{line-height: 30px;padding: 20px 0}
   .contact02 .Validform_checktip{margin-top: 17px}
   .contact02 .msglist li{margin: 10px 0}
   .contact02 .msglist li:nth-child(1){width: 49%;float: left;}
   .contact02 .msglist li:nth-child(2){width: 49%;float: left;margin-left:2%;}
   .contact02 .msglist li:nth-child(3){clear: both;}
   .contact02 .lxlist i{width:60px;height:60px;line-height:60px;font-size: 25px;}
   .contact02 .G_InputText{height: 52px;line-height: 52px;}
   .contact02 .G_textarea{height: 135px}
   .contact02 .G_But{height: 52px;line-height: 52px}

}

.in_tit{width: 100%;height:auto;overflow: hidden; line-height:40px; }
.in_tit .posi{background: url(../images/line.png) bottom no-repeat;padding-bottom:12px}
.in_tit .in_tit_lf{float: left;}
.in_tit .in_tit_rt{float: left;max-width:80%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in_tit .in_tit_menu{color: #ff7900; float: right;font-size: 2.5rem}
.in_tit .m_menu{width: 100%;height: auto;padding: 0 15px;display: none; overflow: hidden;background: #ddd;}
.in_tit .m_menu li{line-height: 50px;height: 50px;border-bottom: 1px #cccbcb solid}
.prolist{padding-top:10px}
.prolist li{width: 100%;height: auto;overflow: hidden;padding:10px 0}
.prolist li .pic{width: 36%;border: 1px #dcdcdc solid; float: left;}
.prolist li .pic img{width: 100%}
.prolist li .txt{width: 60%;float: right;}
.prolist li .txt .p01{line-height: 25px;padding-bottom: 5px; font-weight: bold;}
.prolist li .txt .p02{line-height:20px;font-size: 12px; margin-bottom: 5px}
.prolist li .txt .p03{height:26px;line-height:26px; font-size: 1.8rem; font-weight: bold;background: url(../images/tel.png) left center no-repeat;background-size: auto 100%; padding-left:25px}
.prolist li .txt .p04{width:8rem;line-height:2.4rem;height:2.4rem;transition: 0.4s all; text-align: center;color: #fff;background: #ff7900;border-radius:1.2rem;margin-top: 10px}
.prolist li .txt .p04:hover{background: #333;}
@media(min-width: 1200px)
{
   .in_tit{height:72px; line-height: 42px;}
   .in_tit .in_tit_lf{font-weight: bold;font-size: 28px}
   .in_tit .in_tit_rt{float: right;font-size: 16px;padding-top: 5px;max-width: 350px}
   .in_tit .posi{padding-bottom: 20px}
   .prolist li{padding: 15px 0}
   .prolist li .txt .p01{font-size: 26px;line-height: 62px;}
   .prolist li .txt .p02{height: 64px; line-height:32px;font-size:16px;}
   .prolist li .txt .p03{font-size: 26px;line-height: 31px;height: 31px;padding-left: 38px;margin-top: 16px}
   .prolist li .txt .p04{width:130px;line-height:40px;height:40px;border-radius: 20px;margin-top: 18px}
}

.type_tit{width: 100%;height: 70px;font-size: 24px; line-height: 70px;background: #333333;color: #fff;padding: 0 35px;}
.type_tit a{color: #fff;font-size: 14px;float: right;}
.type_lg{background: #eeeeee;padding-top: 15px}
.type_lg .lg_li{margin-bottom:12px;}
.type_lg .lg_li span{height:50px;line-height:50px;background: #d1d1d1;color: #333333;padding:0 30px 0 20px;display: block;position: relative;}
.type_lg .icon-add{font-size: 28px;font-style: normal;position: absolute;right: 15px;top: 0}
.type_lg .lg_li_sub{width:100%;min-width:240px;background: #eeeeee; overflow: hidden;padding: 15px 0; display: none}
.type_lg .lg_li_sub li{color: #666666;font-size: 16px;padding-left: 34px; line-height:42px;transition: 0.4s all}
.type_lg .lg_li_sub li:hover{color: #ff7900;}
.type_lg .lg_li_sub li i{font-size: 18px;padding-right: 10px}
.lflx{width: 100%;height: auto;overflow: hidden;padding:20px 32px 40px; border-top:4px #333333 solid; background: url(../images/side.jpg) no-repeat #d1d1d1;background-size: 100% 100%}
.lflx .in_tit{height: 51px;line-height: 51px}

.innewslist{padding-bottom: 20px}
.innewslist li{padding: 15px 0;height: auto; border-bottom: 1px #ddd dashed;overflow: hidden;}
.innewslist .nleft{width:30%;padding-right:10px;overflow: hidden; float: left}
.innewslist .nleft img{width: 100%;border-radius:5px;}
.innewslist .nright{width:69%;float: right;}
.innewslist .nright:hover .ntit{color: #ff7900}
.innewslist .nright h4{font-size: 1.6rem;line-height: 1.5;color: #333; font-weight: normal;margin-top: 0;margin-bottom: 5px;}
.innewslist .nright .p01{font-size: 1.4rem;line-height: 2rem;color: #888}
.innewslist .nright .p02{font-size: 1.4rem;color: #888; overflow: hidden;}
@media(min-width: 1200px)
{
   .innewslist{}
   .innewslist .nright h4{font-size: 20px;}
   .innewslist li{padding: 25px 0}
   .innewslist .nleft{width: 25%;overflow: hidden;display: table-cell;}
   .innewslist .nleft img{display: table-cell;vertical-align: middle;}
   .innewslist .nright{width:74%;}
   .innewslist .nright h4{margin-top: 10px;}
   .innewslist .nright .p01{margin: 15px 0;line-height: 30px;font-size: 15px}
}


/*product info css*/
.proinfo01{background:#fff;padding-top: 2rem}
.proinfo01 .pimg{width: 100%; max-height: 450px;border: 1px #afadad solid;box-sizing: border-box; overflow: hidden;}
.proinfo01 .pimg img{width: 100%;}
.proinfo01 .pinfo{padding: 20px 0;}
.proinfo01 .pinfo .p01{font-weight: bold;font-size:1.6rem;}
.proinfo01 .pinfo .p02{color:#555}
.proinfo01 .pinfo .p02 b{color: #333}
.proinfo01 .pinfo .p03{padding:0.5rem 0}
.proinfo01 .pinfo .p03 span{width: 120px;height:40px;line-height:40px;text-align: center;border-radius:20px;color: #fff;background:#ff7900;display: inline-block;}
.proinfo02{background:#fff}
.proinfo02 .proinfo02_tit{width: 100%;height:4rem;background: #ddd;}
.proinfo02 .proinfo02_tit span{color: #fff;height:4rem;font-size: 1.6rem;padding: 0 15px; line-height: 4rem; background:#333;display: inline-block;}
.proinfo02 .info{padding: 1rem 0}
.slideTxtBox1{ width:100%;}
.slideTxtBox1 .hd{ height:40px;line-height:40px;background:#f4f4f4;position:relative;}
.slideTxtBox1 .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;}
.slideTxtBox1 .hd ul li{ float:left; padding:0 15px; cursor:pointer;}
.slideTxtBox1 .hd ul li.on{color:#007e56;}
.slideTxtBox1 .bd{ padding-top:15px;zoom:1;}
@media(min-width: 1200px)
{
  .proinfo01 .cur{padding: 20px 0}
  .proinfo01 .pinfo{padding: 0 0 0 15px;font-size: 14px}
  .proinfo01 .pinfo .p01{font-size: 24px;padding-bottom:10px}
  .proinfo01 .pinfo .p02{font-size: 16px;line-height: 34px;max-height: 96px;overflow: hidden;}
  .proinfo01 .pinfo .p03{font-size: 16px;padding-top:20px}
  .proinfo02{padding-top: 30px;padding-bottom: 50px}
  .proinfo02 .line{padding-bottom: 30px}
  .info{font-size: 16px;padding: 15px}
  .slideTxtBox1 .hd{ height:46px;line-height:46px;}
  .slideTxtBox1 .hd ul li{padding: 0 30px;font-size: 18px}
}


.right_content{padding:0 0 20px;}
.right_content .news_title h2{font-weight: bold;font-size: 2rem;margin-top: 1.5rem}
.right_content .news_info{color: #999;border-bottom: 1px #ddd solid;font-size: 14px; margin: 10px 0}
.right_content .info{font-size:1.6rem;padding-top: 15px}
.right_content .info img{margin-top: 10px;margin-bottom: 10px}
.right_content .info_img{width: 100%}
.right_content .info_img img{margin: 0 auto;display: block;}

#prev_next{padding:20px 0}
#prev_next li{margin: 10px 0;background: #f2f2f2;padding: 0 5px;border-radius:5px}
#prev_next li i{color:#ff7900;padding-right: 5px}
.xihuan{width: 100%}
.xihuan .xihuan_tit{line-height: 46px;height: 46px;font-size: 1.8rem;border-bottom: 1px #ddd solid;font-weight: bold;}
.xihuan ul{height: auto;overflow:hidden;padding-top: 15px}
.xihuan ul li{line-height: 46px;height: 46px}
.xihuan ul li b{padding-right:8px;color:#949090}
@media(min-width: 1200px)
{
   .right_content .news_title{padding-top: 20px}
   .right_content .news_info{font-size: 14px;padding-bottom: 20px}
   .right_content .info{line-height: 35px;}
   #prev_next li{padding:5px 10px}
}



/*******Css footer*******/
.footer{background:#222222;color: #fff;padding:20px 0 100px 0}
.footer a{color: #fff;}
.footer a:hover{color: #ff7900;}
.footer .ftit{font-size: 1.8rem;font-weight: bold;padding-bottom: 10px;}
.footer .flist{width: 100%;height: auto;overflow: hidden;}
.footer .flist li{width: 20%;float:left;}
.footer .flist li .t01{font-weight: bold;font-size: 1.5rem; display: block;}
.footer .flist li .t02{display: block;}
.fticp{padding-top: 1.5rem;margin-top: 1.5rem; border-top: 1px #393939 solid}
.footer .ewmbox{position: relative;}
.footer .ewmbox .ftwx{widows: 90px;height: 130px;right:15px;top:10px;font-size: 14px; position: absolute;text-align: center;}
.footer .ewmbox .ftwx img{width: 90px;height: 90px;background: #fff; display: block;}
.footernav{ width: 100%; color: #fff; height:auto; overflow: hidden; position: fixed; bottom:0px; padding:5px 0px; left: 0px; z-index: 999; background:#333333;}
.footernav a{ color: #fff; }
.footernav ul li{width: 25%; float: left; text-align: center; }
@media (min-width:1200px)
{
   .footer{line-height:32px;font-size: 16px;padding:70px 0 0}
   .footer p{padding-bottom:10px}
   .footer p a{padding-right: 20px}
   .footer .ewmbox .ftwx{widows: 110px;}
   .footer .ewmbox .ftwx img{width: 110px;height: 110px;}
   .footer .ftit{font-size: 20px}
   .footer .flist li .t01{line-height: 48px}
   .footer .flist li .t02{font-size: 14px;line-height: 32px}
   .fticp{padding-top: 0;line-height: 98px;font-size: 14px;margin-top:20px;}
}

div.digg {width: 100%; margin: 0 auto 3rem;text-align: center;}
div.digg a{border: #dedede 1px solid;padding: 3px 10px; margin: 3px;color: #666;display: inline-block;}
div.digg a:hover {border: #DB0303 1px solid; color: #fff; background: #DB0303;}
div.digg a:active { border: #DB0303 1px solid; color: #fff; background: #DB0303;}
div.digg span.current {border: solid 1px #ff7900;padding: 3px 15px;font-weight: bold;margin: 3px;color: #fff;background-color: #ff7900;display: inline-block;}
div.digg span.disabled {border: #dedede 1px solid;padding: 3px 10px;margin: 3px;color: #ddd;display: inline-block;}
div.digg select {border: #dedede 1px solid;padding: 3px 0px;display: inline-block;}

#picUL{padding-top: 2rem}
#picUL li .pic_01{border: #ddd 1px solid;}
#picUL li .pic_02{text-align: center;padding-bottom: 10px}
@media (min-width:1200px)
{
   #picUL{padding-top:35px}
   #picUL li .pic_02{line-height: 45px}
}