html{background:#FFF; color:#333333; overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0 auto;padding:0;}
img{border:0;}
ol,ul{list-style:none; margin-bottom: 0 !important; }
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{font-weight:inherit;font-size:inherit;font-family:inherit; outline:none;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:inherit; text-decoration:none !important; color: #333333 !important;}
/*******CSS reset*************/
body{ color:#666; font-size:14px; font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.nr_pic{ text-align:center; position:relative; width:100%;}
.nr_pic img{ max-width: 80%;}
#con_lx{ height:auto; padding: 0 !important; overflow:hidden; line-height:2.0; font-size:1.5rem; margin-bottom:2%;}
#con_lx p{ border-bottom:1px dotted #ccc; line-height:35px; transition:0.3s all 0s linear; }
#con_lx p:hover{ background:#efefef; color:#000; border-bottom:1px solid #ccc;}
p{ margin: 0 !important;}



/** header **/
#top_bj{ width: 100%; height: auto; background: #fff;}
#top_index{ padding: 0; background: #fff;}
#logo{ padding:1%; text-align: center;}
#logo img{ max-width: 100%;}
#nav{ height: auto; text-align: center; padding: 0;}

#nav a{
  display: inline-block;
  color:#333333;
  border:none;
  position:relative;
  width: 14%;
  margin-top: 5%;
  height:5rem;
  line-height: 5rem;
  font-size:1.5rem;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
#nav a:hover{
  background:#fff;
  color:#ff7d01 !important;
}
#nav a:before,#nav a:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #ff7d01;
  transition:400ms ease all;
}
#nav a:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
#nav a:hover:before,#nav a:hover:after{
  width:100%;
  transition:400ms ease all;
}


.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.sp_nav span{display:block;background:#e36814;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:70px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


@media screen and (max-width:768px){
  #logo{ padding: 3% 2%;}
  #nav{ background: #ff7d01;}
  #nav a{ width: 19%; color: #fff !important; margin: 0;}
}


#banner .swiper-container {
  width: 100%;
  height: 100%;
}
#banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#banner .swiper-slide img{ width: 100%;}

.show-search-btn{ cursor: pointer;}
.header-search-wrap {position: fixed;z-index: 4;left: 50%;top: 25px;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 0;width: 600px;height: 40px;margin-left: -300px;border: 1px solid rgba(0, 0, 0, 0.2);color: #666;line-height: 40px;transition: all 0.5s;background: #fff; }
.header-search-wrap .submit {position: absolute;top: 0;left: 0; z-index: 5;width: 36px;height: 40px;background: url(../Image/ser1.png) no-repeat center;background-size: 20px;border: none;z-index: 3;box-sizing: border-box; }
.header-search-wrap .ser-input {width: 100%;height: 40px;position: relative;border: none;background: none;box-sizing: border-box;padding-left: 40px; }
.header-search-wrap .search-close {position: absolute;display: block;right: -60px;top: 50%;margin-top: -20px;width: 40px;height: 40px;background: url(../Image/close2.png) no-repeat center;background-size: 30px;cursor: pointer;transition-duration: .5s; }
.header-search-wrap .search-close:hover {transform: rotate(90deg); }
.show1 {z-index: 100000;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1; }
.hide1 {-webkit-transform: scale(0) !important;-ms-transform: scale(0) !important;transform: scale(0) !important;opacity: 0 !important; }

.header .bgf{background: #fff;}

/** footer **/
#end_nr_bj{ background: #232323; border-top: 1.5rem solid #ff7d01; width: 100%; height: auto; overflow: hidden; color: #fff !important;}
.end_pic img{ max-width: 100%;}
#end_nav{ background: url(../Image/end_line.png) no-repeat left bottom; height: 4rem;}
#end_nav a{ display: block; float: left; width: 15%; color: #fff !important; }
#end_lx{ padding-top: 2%; line-height: 3rem;}
#end_line{ background: #1e1e1e; border-top: 1px solid #666666; height: 5rem; line-height: 5rem; text-align: center; color: #808080;}


/** main **/ 
.main{ height:auto; overflow:hidden; padding: 3% 0 !important; line-height: 1.5rem;}
@media screen and (max-width:768px){
  .main{ padding: 5% 0 !important;}
}

.title{ color: #666666; font-size: 2.5rem; font-weight: bold; height: 3rem; line-height: 3rem;}
.title span{ color: #ff7d02; text-transform: uppercase; font-family: arial; padding-right: 2%;}
.more{ background: #ff7d01;  height: 3rem; line-height: 3rem; text-align: center; color: #fff; padding: 0 !important;}
@media screen and (max-width:768px){
  .title{ font-size: 2rem;}
  .more{ width: 100%;}
}

#pro_list{ padding: 2% 0;}
#pro_list li{ background: #fe7c01; text-align: center; height: 3.5rem; line-height: 3.5rem; border-radius: 5px;}
#pro_list li a{ color: #fff !important;}

#cpnr{ margin-top: 3%;}
#cpnr .swiper-container {
  width: 100%;
  height: 100%;
  padding-bottom: 5%;
}
#cpnr .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#cpnr .swiper-slide .pic img{  width: 100%;}
#cpnr .swiper-slide .tit{ width: 100%; text-align: left; padding-left: 4%; font-size: 1.5rem; height: 5rem; line-height: 5rem; border-bottom: 1px solid #646464; background: url(../Image/jt.png) no-repeat right center; transition:0.3s;}
#cpnr .swiper-slide:hover .tit{ background: url(../Image/jt1.png) no-repeat right center #ff7d01; border-bottom: 1px solid #ff7d01; text-align: center; padding: 0; color: #fff;}
@media screen and (max-width:768px){
  #cpnr .swiper-container{ padding-bottom: 10%;}
}

#gg{ overflow: hidden;}
#gg img{ width: 100%;}
@media screen and (max-width:768px){
  #gg img{ width: 150%; margin-left: -25%;}
}

.ystit{ text-align: center;}
.ystit .tit{ font-size: 5rem; color: #666666; line-height: 7.5rem;}
.ystit .tit span{ color: #ff7d01;}
.ystit p{ color: #999999; font-size: 1.7rem;}

#ysnr{ padding: 5% 0 0;}
#ysnr .pic img{ width: 100%;}
#ysnr .nr{ border-bottom: 3px solid #ff7d01; padding: 3%; position: relative;}
#ysnr .nr .num{ position: absolute; right: 0; top: 0; padding-top: 8%; border-top: 3px solid #ff7d01; color: #ff7d01; font-family: impact; font-size: 5rem;}
#ysnr .nr .tit{ color: #ff7d01; font-size: 2rem; font-weight: bold; padding-top: 7%;}
#ysnr .nr .content{ color: #999999; font-size: 1.3rem; line-height: 3rem;}
#ysnr .ysnr2 .nr{ border-top: 3px solid #ff7d01; border-bottom:none; }
#ysnr .ysnr2 .nr .num{ border-top: none;}
@media screen and (max-width:768px){
  #ysnr .ysnr2 .nr{ border-bottom: 3px solid #ff7d01; border-top: none;}
  #ysnr .ysnr2 .nr .num{ border-top: 3px solid #ff7d01;}
}

#yslb{ width: 1200px; height: auto; min-height: 430px; position: relative; margin: 2% auto;}
#yslb .pic{ position: absolute; left: -190px; top: 0; z-index:10;}
#yslb .pic img{ max-width: 100%;}
#yslb .tit{ position: absolute; right: 0; top: 0; width: 550px; z-index: 2; font-size: 2.8rem; color: #666666;}
#yslb .tit span{ color: #ff7d01;}
#yslb .tit p{ color: #999999; font-size: 1.5rem;}
#yslb .content{ position: absolute; right: 0; top: 90px; width: 130%; padding: 0;}
#yslb .content li{ height: 4.5rem; line-height: 4.5rem; color: #333333; font-size: 1.8rem; position: relative; cursor: pointer;}
#yslb .content li p{ position: relative; z-index: 2; float: right; text-align: left; width: 550px; padding-left: 50px;}
#yslb .content li::before{ position: absolute; content: ''; left: 0; top: 0; z-index: 1; height: 4rem; width: 0; background: #ff7d01; transition:0.5s;}
#yslb .content li:hover::before{ width: 100%;}
#yslb .content li:hover p{ background: url(../Image/ysjt.png) no-repeat left center;}
#yslb .content .on::before{ width: 100%;}
#yslb .content .on p{ background: url(../Image/ysjt.png) no-repeat left center;}

#ylsjpic{ width: 95%; text-align: center;}
#ylsjpic img{ max-width: 100%;}
#ylsjtit{ width: 95%; line-height: 3rem; padding: 3% 0; font-size: 2.5rem; color: #666666;}
#ylsjtit span{ color: #ff7d01;}
#ylsjtit p{ color: #999999; font-size: 1.5rem;}
#ylsjcontent{ padding: 0;}
#ylsjcontent li{ height: 4rem; line-height: 4rem; color: #333333; font-size: 1.7rem; position: relative; cursor: pointer;}
#ylsjcontent li p{ position: relative; z-index: 2; text-align: left; padding-left: 45px;}
#ylsjcontent li::before{ position: absolute; content: ''; left: 0; top: 0; z-index: 1; height: 4rem; width: 0; background: #ff7d01; transition:0.5s;}
#ylsjcontent li:hover::before{ width: 100%;}
#ylsjcontent li:hover p{ background: url(../Image/ysjt.png) no-repeat 10px center;}
#ylsjcontent .on::before{ width: 100%;}
#ylsjcontent .on p{ background: url(../Image/ysjt.png) no-repeat 10px center;}


#zhbj{ background: url(../Image/bj.jpg) repeat-x center bottom; width: 100%; height: auto;}
#zhpic img{ width: 100%;}
#zhxx,#zhpic{ padding: 0;}
#zhxx .swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}
#zhxx .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#zhxx .swiper-slide .pic{ width: 100%;}
#zhxx .swiper-slide .pic img{ width: 100%;}
#zhxx .swiper-slide .content{ width: 100%; text-align: left; background: #333333; padding: 1.5% 3%; color: #fff; line-height: 2.8rem;}
#zhxx .swiper-slide .content p{ color: #ff7d01; font-weight: bold; font-size: 2rem;}


#xwzx .swiper-container {
  margin: 3% 0;
  width: 100%;
  height: 100%;
}
#xwzx .swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#xwzx .swiper-slide .pic{ width: 100%;}
#xwzx .swiper-slide .pic img{ width: 100%;}
#xwzx .swiper-slide .content{ border: 1px solid #e6e6e6; background: #fff; padding: 2% 3%; text-align: left; transition:0.3s;}
#xwzx .swiper-slide .content .left{ width: 80%; color: #ff7d01; font-size: 1.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#xwzx .swiper-slide .content .right{ color: #999999; font-size: 1rem; font-family: arial; width: 20%; text-align: right;}
#xwzx .swiper-slide .content p{ color: #666666; font-size: 1rem; line-height: 2.2rem; transition:0.3s;}
#xwzx .swiper-slide:hover .content{ background: #333333;}
#xwzx .swiper-slide:hover .content p{ color: #fff;}

#gsjjbj{ background: url(../Image/gsjjbj.jpg) no-repeat right bottom; width: 100%; padding: 3% 0; height: auto; overflow: hidden; margin: 3% 0;}
#gsjj_pic{ padding: 0;}
#gsjj_pic img{ width: 100%;}
#gsjj_nr .content{ font-size: 1.4rem;}
#gsjj_nr .more{ float: right; width: 25%; background: #ff7d01; height: 4rem; line-height: 4rem; transition:0.3s;}
#gsjj_nr:hover .more{ border-radius: 2rem;}

#gsjj_nr .swiper-container {
  margin-top: 2%;
  padding-bottom: 7%;
  width: 100%;
  height: 100%;
}
#gsjj_nr .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#gsjj_nr .swiper-slide img{ width: 100%;}



#home{ border-bottom: 1px solid #efefef; border-left: 5px solid #ff7d01; height: 4rem; line-height: 4rem; padding-left: 1%;}
#gsjj{ font-size: 1.5rem; line-height: 3rem; padding: 2% 0;}
#gsjjpicbj{ width: 100%; height: auto; position: relative; overflow: hidden; background: #000;}
#gsjjpicbj #gsjjpic1{ width: 100%; z-index: 1;}
#gsjjpicbj #gsjjpic1 img{ width: 100%; }
#gsjjpicbj #gsjjpic{ position: absolute; width: 100%; left: 0; top: 0; z-index:2; text-align: center;}
#gsjjpicbj #gsjjpic img{ max-width: 100%;}
#gsjjpicbj .ulbj{ background: rgba(0,0,0,0.7); position: absolute; z-index: 5; width: 100%; height:160px; bottom: 0; left: 0;}
#gsjjpicbj .ulbj li{ text-align: center; color: #fff;}
#gsjjpicbj .ulbj li p{ font-size: 1.8rem; font-weight: bold;}
#gsjjpicbj .ulbj li .pic{ padding: 10% 0;}

.wzpic{ text-align: center; margin: 3% 0;}
.wzpic img{ max-width: 100%;}

#rybj{ background: url(../Image/gsjj_bj3.png) no-repeat center top; width: 100%; height: 444px; margin-bottom: 3%;}


#gsjj_ry{ padding: 4% 0 0 11%;}
#gsjj_ry .swiper-container {
  width: 100%;
  height: 100%;
}
#gsjj_ry .swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#gsjj_ry .swiper-slide img{ width: 100%;}


@media screen and (max-width:768px){
  #gsjj_ry{ padding: 20% 2% 0;}
}
@media (min-width: 765px) and (max-width: 1200px){
  #gsjj_ry{ padding: 6% 2% 0;}
}

.cphui{ background: #f5f5f5; width: 100%; height: auto; overflow: hidden;}
.cptit{ text-align: center; color: #999999; font-size: 2rem; line-height: 5rem; margin-bottom: 3%;}
.cptit p{ color: #666666; font-size: 4rem;}
.cptit p span{ color: #ff7d01;}
.cptit i{ text-transform: uppercase; color: #d9d9d9; font-size: 1.5rem;}


.dgnr input{ background: #f5f5f5; border: 1px solid #cccccc; border-radius: 5px; height: 4rem; line-height: 4rem; width: 100%;}
.dgnr textarea{ background: #f5f5f5; border: 1px solid #cccccc; border-radius: 5px; height: 12rem; margin: 2% 0; line-height: 3rem; width: 100%;}
.dgnr #captcha{ background: #f5f5f5; border: 1px solid #cccccc; border-radius: 5px; height: 4rem; line-height: 4rem; width: 50%;}
.dgnr #submit{ background: #ff7d01; border-radius: 5px; height: 4rem; line-height: 4rem; width: 80%; color: #fff; text-align: center;}
 

.news-detail-title {
  padding-bottom: 15px;
  text-align: center;
  margin-bottom: 15px;
}
.news-detail-title .h3 {
  font-size: 2rem;
  color: #323232;
  line-height: 3rem;
  text-align: left;
  margin: 5% 0;
}
.news-detail-title .b {
  font-size: 13px;
  color: #999999;
  text-align: left;
  line-height: 20px;
  margin-top: 3%;
}
.news-detail-title p{ text-align: left; font-size: 1rem;}
.news-detail-title p a{ color: #ccc;}

#xwtj{ font-size: 1.8rem;}
#xgxw{ padding-top: 3%;}
#xgxw li{ height: 3rem; line-height: 3rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition:0.3s;}
#xgxw li a{ color: #999 !important;}
#xgxw li:hover{ background: #ff7d01; padding-left: 2%;}
#xgxw li:hover a{ color: #fff !important;}



/** sidebar **/
#main_right{ border-left: 1px solid #f5f5f5;}
.content{ padding: 5% 0; line-height: 3rem;}
#content_zy{ line-height: 2rem; padding: 2% 0.5%;}
#zi_banner{ width: 100%;}
#zi_banner img{ width: 100%;}

#left_bt{ background: #0289e2; text-align: left; color: #fff; font-size: 2rem; height: auto; padding: 20px 10px;}
#left_bt p{ padding-bottom: 5px; font-weight: bold;}
#left_bt span{ text-transform: uppercase; font-size: 1rem;}

#pro_left{ padding-top: 1%;}
#pro_left div{ padding: 0 !important;}
#pro_left li{ background: url(../Image/left_bt_icon1.png) no-repeat 10% center #ebebeb; font-size: 1.5rem; text-align: left; padding-left: 25%; line-height: 4rem; height: 4rem; margin-bottom: 1%; overflow: hidden;}
@media screen and (max-width:765px){
  #pro_left li{ margin: 1% !important; line-height: 3rem; height: 3rem; background: #ebebeb; padding: 0 !important; text-align: center; font-size: 1rem;}
}
#pro_left li:hover{ background: url(../Image/left_bt_icon2.png) no-repeat 10% center #f99e0f;  }
#pro_left li:hover a{ color: #fff !important;}


#left_lxwm{ background: url(../Image/lxwm_bj.jpg) repeat center top #0289e2; padding: 3%; margin-top: 2%;}
#left_lxwm .pic img{ width: 100%;}
#left_lxwm .content{ color: #fff; line-height: 2.5rem;}

.parm{ padding-top: 3%; border-top: none;}
.parm td{ border-top: none !important; border-bottom: 1px solid #efefef;}


/** zy **/ 
#title_zy{ background: #0289e2; height: 4rem; line-height: 4rem; color: #fff; padding: 0 2%;}
#title_zy .left{ font-weight: bold; font-size: 1.8rem;}
#title_zy a{ color: #fff !important;}
@media screen and (max-width:765px){
  #title_zy{ line-height: 3rem; height: 3rem; margin-top: 2%;}
}

.product-content{ padding: 3% 0; line-height: 3rem;}



#indexNews li { background: #fff; box-shadow:0 0 5px #e7e7e8; padding: 2%; margin-bottom: 2%; transition:0.3s;}
#indexNews li a{ display: block; color: #42464f; font-size: 2rem; line-height: 3rem; font-weight: bold; border-bottom: 1px dashed #ccd8dd; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#indexNews li p{ font-size: 1.2rem; color: #999999; line-height: 2rem; padding-top: 1%;}
#indexNews li:hover{ background: #333333; color: #fff;}
#indexNews li:hover a{ color: #fff !important;}
#indexNews li:hover p{ color: #fff;}


/********General**********/
.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
/*.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}*/
/***************global*****************/
.pro{ padding-top: 2%;}
.pro li{ overflow:hidden; text-align:center;white-space:nowrap; background: #fff; margin-bottom: 5%; transition:all 0.3s linear 0s;}
.pro li .li-img{ width:100%; height: auto; background: #fff; padding: 0 !important; overflow: hidden;}
.pro li .li-img img{ width:100% !important; height: auto; transition:0.3s}
.pro li .tit{ width: 100%; text-align: left; padding-left: 4%; font-size: 1.5rem; height: 5rem; line-height: 5rem; border-bottom: 1px solid #646464; background: url(../Image/jt.png) no-repeat right center; transition:0.3s; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pro li:hover .tit{ background: url(../Image/jt1.png) no-repeat right center #ff7d01; border-bottom: 1px solid #ff7d01; text-align: center; padding: 0; color: #fff;}
.pro li:hover .li-img img{ transform: scale(1.1); }
/*.pro a{color:#444;}
.pro a:hover{color:#fff !important;}
@media screen and (max-width:768px){
 .pro li .li-img{ height: 140px;}
}
*/


/*.pro1{ padding-top: 2%;}
.pro1 li{ overflow:hidden; text-align:center; width: 100%; background: #e3e3e3; border: 1px solid #e3e3e3; margin-bottom: 2%; transition:all 0.3s linear 0s;}
.pro1 div{ padding: 0 1% !important;}
.pro1 li .li-img{ width:100%; background: #fff;}
.pro1 li img{ max-width:100%; height: 140px;}
.pro1 li p{ line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.pro1 li:hover{ background: #333;}
.pro1 a{color:#444;}
.pro1 a:hover{color:#fff;}*/
/*************index&goods**************/
/*.news{margin-left:17px;}*/
/*.news li{ height:39px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px;}
.news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;}
.news li a{ width: 77%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition:0.3s;}
.news li span{ display: block; float: right; text-transform: uppercase; font-family: arial; font-size: 12px; transition:0.3s;}
.news li:hover{background-color:#f6f6f6;}
.news a:hover{color:#da020d;}*/

.news li{ margin-bottom: 5%;}
.news li .pic{ width: 100%;}
.news li .pic img{ width: 100%;}
.news li .content{ border: 1px solid #e6e6e6; background: #fff; padding: 2% 3%; text-align: left; transition:0.3s;}
.news li .content .left{ width: 80%; color: #ff7d01; font-size: 1.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news li .content .right{ color: #999999; font-size: 1rem; font-family: arial; width: 20%; text-align: right;}
.news li .content p{ color: #666666; font-size: 1rem; line-height: 2.2rem; transition:0.3s;}
.news li:hover .content{ background: #333333;}
.news li:hover .content p{ color: #fff;}







/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;color:#42b773;text-align:center; font-size: 2rem; padding: 2% 0;}
.info_title{margin:0;width:100%;height:4rem; line-height: 4rem; font-size: 1.8rem; color: #666666; border-left: 5px solid #ff7d01; padding-left: 2%;}
.info_title b{display:inline-block; width: 24%; text-align: center; font-size: 1.5rem; height:100%;border-right:1px solid #fff;background:#0289e2;color:#fff;line-height:40px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
.order input{padding:0 3px;}
.order textarea{padding: 3px;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}
/**************order&message********/

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}



/*上一页_下一页*/
#prev_next{margin: 2% 0; padding-top: 2%; clear: both;overflow: hidden; border-top: 1px solid #efefef;}
#prev_next li{ line-height: 2rem; font-size: 1.2rem;}


/*产品详情*/
.o_product{
  clear: both;
  padding: 3% 0;
}
@media screen and (max-width:765px){
 .o_product .o_product_img{ padding: 0; text-align: center;}
 .o_product .o_product_info{ padding: 0; margin-top: 3%;}
}
.o_product .o_product_img{ text-align: center;}
.o_product .o_product_img img{ max-width: 100%; display: inline-block;}
.o_product .o_product_img .o_product_thumb{
  height: 240px;
  width: 240px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.o_product .product_small{
  margin-top:10px;
  height: 55px;
  position: relative;
}
.swiper-container{
  width: 240px;
  height: 50px;
  overflow: hidden;
}
.o_product .product_small .arrow-left{
  width: 10px;
  height: 20px;
  display: block;
  background: url(../Image/swiper-l.png) no-repeat;
  position: absolute;
  left: -15px;
  top: 16px;
  transition: all 0.5s;
}
.o_product .product_small .arrow-right{
  width: 10px;
  height: 20px;
  display: block;
  background: url(../Image/swiper-r.png) no-repeat;
  position: absolute;
  right: -12px;
  top: 16px;
  transition: all 0.5s;
}
.o_product .product_small ul{
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.o_product .product_small ul li{
  float: left;
  height: 50px;
  width: 50px;
  margin: 0px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.o_product .product_small ul li.select img{
  border: 1px solid #C4C4C4;
}
.o_product .product_small ul li img{
  height: 50px;
  width: 50px;
  display: inline-block;
  box-sizing: border-box;
}
.o_product .o_product_img .o_product_thumb img{
  max-height:240px;
  max-width: 240px;
  display: inline-block;
  vertical-align: middle;
}

.o_product .o_product_info{
}
.o_product .o_product_info h2{
  color: #ff7d01;
  font-size: 3rem;
  line-height: 5rem;
  margin: 0;
  font-weight: bold;
}
.o_product .o_product_info .o_product_detail{
  background: #F6F6F6;
  font-size: 1.5rem;
  color: #999;
  padding: 3%;
  margin-top: 3%;  
  line-height: 3rem !important;
}
.o_product .o_product_info .o_product_detail .o_product_data{
  clear: both;
  width: 100%;
  height: 3rem;
  line-height: 3rem;
}
.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{
  display: block;
  content: '';
  clear: both;
  height: 0;
  width: 0;
}
.o_product_data span{
  display: inline-block;
  float: left;
  line-height: 22px;
}
.o_product_data span.key{
  width: 20%;
  text-align: right;
}
.o_product_data span.val{
  width: 80%;
}
.colhs{
  color: #FE4200;
}
.o_product_data span.val b{
  color:#FE4200;
  font-size: 16px;
}
.o_product_info .go_order{
  padding: 8px 25px;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  background: #ff7d01;
  margin-right: 5%;
  border: none;
  margin-top: 5%;
  outline: none;
}
.o_product_info .go_order:hover{
  background: #FE4200;
}

.o_product_info .go_order1{
  padding: 8px 25px;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
  background: #ff7d01;
  margin-right: 5%;
  border: none;
  margin-top: 5%;
  outline: none;
}
.o_product_info .go_order1:hover{
  background: #FE4200;
}
.order-content{
  padding: 20px 30px;
  background: #fff;
}

.order-content .order-line{
  color: #333;
  height: 30px;
  line-height: 30px;
  margin-bottom: 12px;
  font-size: 14px;
}
.order-content .order-line:after{
  display: block;
  content: '';
  clear: both;
  height: 0;
  width: 0;
}
.order-content .order-line lable{
  width: 70px;
  margin-right: 5px;
  display: inline-block;
  float: left;
  text-align: right;
}
.order-content .order-line .order-zhi{
  float: left;
  padding: 10px;
  line-height: 30px;
  padding: 0px 10px;
  max-width: 380px;
  border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
  border:none;
}
.order-content .order-line  .order-zhi.overword{
  height: 30px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;

}
.order-line.bz-line{
  height: auto;
}
.order-content .order-line .beizhu{
  padding: 10px;
  float: left;
  border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
  width: 375px;
}
.order-content .order-line img{
  display: inline-block;
  float: left;
  margin-left:15px;
}
.order-content .go-sub{
  margin-left:70px;
  border: none;
  color: #fff;
  background: #ff5e25;
  font-size: 14px;
  padding: 8px 28px;
  margin-top:8px;
  border-radius: 5px;
  outline: none;
}
.order-content .go-sub:hover
{
  background: #FE4200;
}