/*头部*/
.topbox{ width: 100%; margin: 1.5rem auto; overflow: hidden;}
.topbox .top_left{ width: 100%;}
.topbox .top_left img{ display: block; width: 60%; margin: 0 auto;}
.topbox .top_right { display: none;} 
/*导航*/
.navbox{ display: none;}
/*banner*/
.cd-nav-trigger{ display: block;}
.fullSlide{ display: none;}
.banner_n{ display: none;}
.device { display: block; width: 100%; position: relative;}
.device .arrow-left {background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px;
  top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 2;}
.device .arrow-right { background: url(../images/arrows.png) no-repeat left bottom; position: absolute;
  right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 2;}
.content-slide { padding: 20px; color: #fff;}
.pagination { display: none; position: absolute; left: 0; text-align: center; bottom:0;  z-index: 2;  width: 100%;}
.swiper-pagination-switch {display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px;  cursor: pointer;}
.swiper-active-switch {background: #fff;}
.device .swiper-container { width: 100%; height: 465px; margin:0 auto; position:relative; overflow:hidden;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  /* Fix of Webkit flickering */
  z-index:1;}
.device .swiper-wrapper { position:relative; width:100%;
  -webkit-transition-property:-webkit-transform, left, top;
  -webkit-transition-duration:0s;
  -webkit-transform:translate3d(0px,0,0);
  -webkit-transition-timing-function:ease;
  
  -moz-transition-property:-moz-transform, left, top;
  -moz-transition-duration:0s;
  -moz-transform:translate3d(0px,0,0);
  -moz-transition-timing-function:ease;
  
  -o-transition-property:-o-transform, left, top;
  -o-transition-duration:0s;
  -o-transform:translate3d(0px,0,0);
  -o-transition-timing-function:ease;
  -o-transform:translate(0px,0px);
  
  -ms-transition-property:-ms-transform, left, top;
  -ms-transition-duration:0s;
  -ms-transform:translate3d(0px,0,0);
  -ms-transition-timing-function:ease;
  
  transition-property:transform, left, top;
  transition-duration:0s;
  transform:translate3d(0px,0,0);
  transition-timing-function:ease;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;}
.device .swiper-slide{
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;}
.device .swiper-slide img{ max-width: 100%;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
/*首页-产品展示*/
.products{ width: 95%; margin: 0 auto 2rem auto; overflow: hidden;}
.picMarquee-left{ display: none;}
.title_box{ padding: 1.5rem 0 1rem 0;}
.title_box h2{ display: block; font-size: 1.8rem; text-align: center; color: #333; font-weight: bold;}
.title_box h2 span{ display: block; font-size: 1rem; font-weight: normal; color: #999;}
.title_box h2 font{ color: #e73e08;}
.title_box img{ display: none;}
.products_c{ display: block;}
.products_c ul li{ float: left; width: 48%; margin: 1%;}
.products_c ul li img{ display: block; width: auto; max-width: 100%;min-height: 20rem;}
/*首页-公司简介*/
.aboutusbox{ background-color: #36599b; width: 100%;}
.aboutus{ width: 95%; margin: 0 auto;}
.aboutus .title_box{ padding: 1.5rem 0 1rem 0;}
.aboutus .title_box h2{ display: block; font-size: 1.8rem; text-align: center; color: #fff; font-weight: bold;}
.aboutus .title_box h2 span{ display: block; font-size: 1rem; font-weight: normal; color: #fff; line-height: 12px;}
.a_content{ overflow: hidden;}
.a_content .a_p{ width: 100%; float: none;}
.a_content .a_p p{ font-size: 0.86rem; color: #fff; text-indent: 1.6rem; line-height: 1.6rem; margin:0 0 0.5rem 0;}
.a_content img{ display: block; float: none; max-width: 100%; margin: 0 auto;}
.aboutus a{ display: block; font-size: 1.2rem; text-align: center; color: #fff; border: 1px solid #fff; width: 50%; margin: 1rem auto; height: 2.5rem; line-height: 2.5rem; border-radius: 2rem;}
.aboutus a:hover{ color: #e73e08;}
/*首页-新闻中心*/
.main1{ width: 95%; margin: 0 auto;}
.main1 .news{ width: 100%;}
.news ul{ margin-bottom: 1rem;}
.news ul li{ margin-bottom:1rem; border-bottom:1px solid #eaeaea;}
.news ul li:hover{ background-color:#f1f1f1;}
.news ul li a .content_title{ font-size:1.1rem; color:#222; padding:1rem 0 0.5rem 0px;}
.news ul li a .content_title span{ float:none; color:#a0a0a0; font-size:0.86rem; padding-right:0; display: block;}
.news ul li a p{ font-size:0.86rem; color:#666; line-height:1.6rem; padding:0 0 1rem 0px;}
/*首页-联系我们*/
.main1 .contact{ width: 100%;}
.contact ul{ padding: 1rem 0 1rem 0;}
.contact ul li{ line-height: 1.5rem; font-size: 0.86rem; color: #333; text-align: center;}
/*footer*/
.footerbox{ display: none;}
.footerbox1{ display: block; width: 100%; background-color: #909090; margin-top: 1.5rem;}
.footer1{ width: 95%; margin: 0 auto; padding: 1rem 0;}
.footer1 p{ color: #fff; text-align: center; line-height: 24px;}
.footer1 p a{ color: #fff;}
.footer1 p a:hover{ color: #e73e08;}
/*内页-公司简介*/
.main_n{ width: 95%; margin: 0 auto;}
.aboutus_n{ width: 100%;}
.aboutus_n p{ font-size: 0.86rem; color: #666; line-height: 1.6rem; text-indent: 1.6rem; margin: 0.5rem;}
.aboutus_n img{ display: block; max-width: 100%;}
/*内页-产品展示*/
.page{ display: none;}
.type_n{ overflow: hidden; margin: 0.5rem 0;}
.type_n ul li{ float: left; margin:2%; background-color: #efefef;}
.type_n ul li a{ display: block; font-size: 1rem; color: #333; padding: 0.7rem 1rem;}
.type_n ul .type_on{ background-color: #e73e08;}
.type_n ul .type_on a{ color: #fff;}
.type_n ul li a:hover{ background-color: #e73e08; color: #fff;}
.products_n{ overflow: hidden; text-align: center;}
.products_n ul li{ width: 47%; float: left; margin: 2% 1%; border: 1px solid #ddd;}
.products_n ul li a img{ width: auto; max-width: 100%; height: auto; min-height: 7.6rem; margin: 0 auto; display: block;min-height: 21.5rem;}
.products_n ul li p{ font-size: 1rem; text-align: center; padding: 1rem 0;}
.products_n ul li p:hover{ color: #00a2e9; font-weight: bold;}
.products_n ul li:hover{ border: 1px solid #00a2e9;}
.pageturning{ display: none;}
.products_ninfo h1{ text-align: center; font-size: 1.6rem; color: #333; font-weight: 600; padding: 1rem 0;}
.products_ninfo .pn_img{ text-align: center;}
.products_ninfo .txt img{ display: inline-table; max-width: 100%; width: auto; margin: 0 auto; vertical-align: middle;}
.products_ninfo .p_text{ margin-top: 1.5rem; padding: 0 2%;}
.products_ninfo .p_text p{ font-size: 0.86rem; color: #666; line-height: 1.7rem; text-indent: 1.6rem; text-align: justify;}
.products_ninfo .turn, .news_ninfo .turn{ text-align: center; border-top: 1px solid  #DADADA; margin: 1.5rem auto 0; padding-top: 1.2rem; font-size:0.8rem;}
.products_ninfo .turn a, .news_ninfo .turn a{ background: #DADADA; display: inline-block;line-height: 3rem;padding: 0 1rem; color:#666;}
.picMarquee-left{ display: none;}
/*page*/
.pageturning1{ display: none;}
.pageturning {margin: 1rem 0 0 0; overflow: hidden; width: 100%;}
.pageturning .paginationInfo{ display: none; float: left; font-size: 0.86rem; color: #999; padding: 10px 10px 0 0;}
.pageturning span{ display: block; float: left; margin: 1%; width: 14.5%;}
.pageturning span a{ display: block; float: left; border: 1px solid #E9E9E9; border-radius: 5px; width: 100%; height: auto; line-height: auto; text-align: center; color: #999; font-size: 0.86rem; padding: 3% 0;}
.pageturning span a:hover{ background-color: #005bac; color: #fff; text-decoration: none;}
.pageturning .currentPage{ width: 14%; height: auto; line-height: normal; text-align: center; background-color: #005bac; color: #fff; border-radius: 5px; font-size: 0.86rem; padding: 3% 0;}
/*内页-新闻中心*/
.news_n ul li{ margin-bottom:1rem; border-bottom:1px solid #eaeaea;}
.news_n ul li:hover{ background-color:#f1f1f1;}
.news_n ul li a .content_title{ font-size:1.1rem; color:#222; padding:0.8rem 0 0.6rem 0; overflow: hidden;}
.news_n ul li a .content_title span{ float:none; color:#a0a0a0; font-size:0.86rem; padding-right:0; display: block;}
.news_n ul li a p{ font-size:0.86rem; color:#666; line-height:1.6rem; padding:0 0 1rem 0;}
.news_ninfo h2{ font-size:1.2rem; font-weight:bold; color:#333; line-height:1.5rem; text-align:center;}
.news_ninfo .time{ text-align:center; border-bottom:1px solid #ececec; color:#666; line-height:1.5rem;}
.news_ninfo .news_content{ padding-top:1rem; font-size:0.86rem; color:#666; line-height:1.6rem; text-indent:1.6rem;}
/*内页-在线反馈*/
.feedback{ width: auto; margin: 2rem auto 0 auto; overflow: hidden;}
.feedback #joform{ width: 100%; margin: 0 auto;}
#joform { float: none;}
.feedback li input{ color: #f00;}
.feedback li {width:100%; height:2.85rem; right:-100px; margin-bottom:1rem; color:#ab834d; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius:10px;}
.cfdh{ position: relative;}
.feedback .lycss {width:96%; height:45px; margin:0; padding:0 10px; font:14px/28px 'Microsoft YaHei'; color:#666; border: 1px solid #e8e8e8; border-radius: 15px;}
.feedback .joly3{ width: 100%; float: left;}
.feedback .joly3 input{ width: 94%;}
.feedback .joly4{ width: 100%; float: left;}
.feedback .joly4 input{ width: 94%;}
.feedback .joly5{ width: 100%; float: left;}
.feedback .joly5 input{ width: 96%;}
.feedback .joly6{ width: 100%; float: left;}
.feedback .joly6 input{ width: 96%;}
.feedback .joly7{ width: 100%; float: left;}
.feedback .joly7 input{ width: 94%;}
.feedback .joly8{ width: 100%; height:auto; margin-top: 4rem;}
.feedback .joly8 textarea { height:10rem; padding-top:0.5rem;}
.feedback .joly9{ width:20%; height:3rem; right:-100px; bottom:0px; position:relative; clear:none; font: 1rem/1.5rem 'Microsoft YaHei'; color:#ffffff; border: 0px none; background:#e73e08; -moz-border-radius:5px; -webkit-border-radius:20px; border-radius:10px; cursor:pointer; margin: 0 1rem 1rem 0;}
.feedback .joly10{ width:20%; height:3rem; right:-100px; bottom:0px; position:relative; clear:none; font: 1rem/1.5rem 'Microsoft YaHei'; color:#ffffff; border: 0px none; background:#666; -moz-border-radius:5px; -webkit-border-radius:20px; border-radius:10px; cursor:pointer;}
/*人才招聘*/
.recruitment{ display: none;}
.job{ display: block; width: 90%; margin: 2rem auto 0 auto;}
.job ul{ margin-top:0.6rem;}
.job ul li{ overflow:hidden; background-color:#ececec;font-size:0.86rem; color:#666; line-height:2.6rem; padding-left:1.2rem; margin:0.8rem 0;}
.job .job_1{ float:left; width:40%;}
.job .job_2{ float:left; width:60%;}
.job .ali-job{ text-align:center; height:2.5rem; line-height:2.5rem; margin:1rem 0 0.8rem 0;}
.job .ali-job a{font-size:1rem; background-color:#e83d09; color:#fff; padding:0.5rem 1rem;}
.recruipment2 .table1{ overflow: hidden; width: 100%; float: none; margin: 0.5rem 0;}
.recruipment2 .table2{ clear: both; margin: 0.5rem 0;}
.recruipment2 .table1 .message_left, .recruipment2 .table2 .message_left { float: left;width: 20%;height: 2.7rem;line-height: 2.7rem;background-color: transparent;background-image: none;font-size: 0.86rem;color: #666;text-align: left;word-spacing: 0px;padding: 0px;font-family: Microsoft Yahei;border: 0px;border-color: #333333;border-style: none;clear: both;margin: 0.5rem 0 0 0;}
.recruipment2 .table1 .input_message {float: left;width: 75%;height: 2.7rem;line-height: 2.7rem;background-color: transparent;background-repeat: repeat-x;font-size: 0.86rem;color: #666;text-align: left;
    word-spacing: 0px;padding: 0px;font-family: Microsoft Yahei;border: 1px;border-color: #ccc;
    border-style: solid;margin: 0.5rem 0 0 0;border-radius: 8px;padding-left: 0.8rem;}
.recruipment2 .table1 .message_right{ float: left;}
.recruipment2 .table1 .radio_message {float: right;width: 75%;height: 2.7rem;line-height: 2.7rem;font-size: 0.86rem;color: #666;text-align: left;word-spacing: 0px;font-family: Arial;border: 0px;border-color: #ddd;border-style: solid;margin-top: 0px;margin-left: 0px;clear: right;background-color: transparent;padding: 0.5rem 0 0 0rem;}
.recruipment2 .table1 .area_message, .recruipment2 .table2 .area_message {float: left;width: 95%;height: 5rem;line-height: 1.2rem;background-color: #fff;
    /* background-image: url(http://static.websiteonline.cn/website/plugin/message/styles/mess1/images/message_bg.jpg); */background-repeat: repeat-x;font-size: 0.86rem;color: #666;text-align: left;word-spacing: 0px;padding: 0px;font-family: Microsoft Yahei;border: 1px;border-color: #ccc;border-style: solid;margin: 0.5rem 0 0 0;border-radius: 8px;background-size: contain;padding-left: 0.8rem;}
.recruipment2 .sub_message {float: left;cursor: pointer;width: 100%;height: 2.7rem;line-height: 2.7rem;background-color:#e83d09;background-repeat: no-repeat;font-size: 1rem;color: #FFFFFF;text-align: center;word-spacing: 0px;padding: 0px;font-family: Microsoft Yahei;border: 0px;border-color: transparent;border-style: solid;clear: both;margin-top: 0.8rem;margin-left: 0;}
.recruipment2 form{ width: 100%; margin: 0 auto;}
.recruipment2{ overflow: hidden; background-color: #fff; padding: 2rem 0.6rem;}
/*内页-联系我们*/
#map{ width:100%;height:15rem;border:#ccc solid 1px;font-size:0.86rem;}
.contact_n h1{ font-size: 1.2rem; color: #e73e08; font-weight: bold; margin-top: 1rem;}
.contact_n ul li{ font-size: 0.86rem; color: #333; line-height: 1.6rem;}