/*顶部*/
.top{ width: 60%; margin-bottom: 0rem;}
.top header{ width: 95%; margin: 0 auto; overflow: hidden;}
.top .top_left{ float: none; width: 100%; margin-top: 1rem; overflow: hidden;}
.top .top_left .logo{ width:20%; padding:1rem 0 1rem 0; float: left; margin: 0 1.5rem 0rem 0;}
.top .top_left .logo a{ background:url(../images/logo.jpg) 0 0 no-repeat; display:block; height: 2.6rem; background-size: 100%; width: 100%;}
.top .top_left h1, .top .top_left h2{ float: left; font-size: 1.65rem; color: #333; margin-top: 0.3rem; font-weight: bold;}
.top .top_left h1 span, .top .top_left h2 span{ display: block; font-size: 1rem; color: #999; font-family: "Arial"; line-height: 15px; letter-spacing: 0.5px; font-weight: normal;}
.top .top_right{ display: none;}
.navbox{ display: block; overflow: hidden; margin: 1rem 0; border-top:none;}
.navbox nav{ width: 95%; margin: 0 auto;}
.navbox nav ul .typle{ display: block;}
.navbox nav ul li{ width: 24%; float: left; text-align: center; background-color: #eaeaea; margin: 0.5% 0.5%; background-image: inherit; height: auto; line-height: normal;}
.navbox nav ul li a{ font-size: 1rem; padding: 0.8rem 0; display: block;}
.navbox nav ul .on{ background-color: #0075f3; background-image: inherit;}
.navbox nav ul .on a{ color: #fff;}
/*banner*/
#container{ display: none;}
.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: 371px; 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;}
/*产品展示*/
.mainbox{ width: 100%; background-color: #f2f2f2;}
.products{ width: 95%; margin: 0 auto; overflow: hidden;}
.mainbox .title1{ font-size: 1.4rem; color: #0075f3; font-family: "Arial"; font-weight: bold; padding: 1.7rem 0 1.2rem 0; overflow: hidden;}
.mainbox .title1 span{ font-size: 1.4rem; color: #666; border-left: 2px solid #666; padding-left: 0.5rem; font-weight: normal; font-family: "Microsoft YaHei";}
.mainbox .title1 p{ display: block; font-size: 0.86rem; color: #919191; font-weight: normal; letter-spacing: 1px; padding-top: 0.3rem;}
.title1 .title_left{ float: left; }
.title1 .title_more{ display: none;}
.products .container{ overflow: hidden;}
.box{ width: 47%; height: 16.5rem; float: left; border-radius: 5px; margin: 1% ; text-align: center;overflow: hidden;position: relative;}
.box:before{content: "";width: 0;height: 100%;background: #0075f3;padding: 14px 18px;position: absolute;top: 0;
    left: 50%;opacity: 0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box:hover:before{ display: none; width: 100%;left: 0;opacity: 0.7;}
.box img{width: auto; max-width: 100%; height: auto; max-height: 16.2rem;}
.box .box-content{width: 100%;padding: 0 0;color: #fff;position: absolute;top: 120px;left: 0;}
.box .title{ display: none; font-size: 20px;font-weight: bold;line-height: 30px;text-transform: uppercase;margin: 0;opacity: 0;transition: all 0.5s ease 0s;color: #fff;}
.box .post { font-size: 15px;text-transform: capitalize;opacity: 0;transition: all 0.5s ease 0s;}
.box:hover .title,.box:hover .post{ display: none; opacity: 1;transition-delay: 0.7s;}
.box .icon{ display: none; padding: 0;margin: 0;list-style: none;margin-top: 15px;}
/*新闻中心*/
.news{ display: none;}
/*公司简介*/
.profile{ width: 95%; margin: 0 auto; overflow: hidden; padding-bottom: 1rem;}
.profile .content2{ overflow: hidden;}
.profile .content2 p{ width: 100%; float: none; font-size: 0.86rem; text-indent: 1.2rem; line-height: 1.7rem; color: #666; text-align: justify;}
.profile .content2 img{ display: block; float: none; width: auto; max-width: 100%; padding-top: 1rem; margin: 0 auto;}
/*首页-荣誉证书*/
.honor-box{ padding-bottom: 2rem; display: block; width: 95%; margin: 0 auto;}
.h_content{ overflow: hidden;}
.h_content ul li{ width: 47%; height: 15.76rem; margin: 1.5% 1%; float: left; border: 1px solid #ddd;}
.h_content ul li img{ display: block; width: auto; max-width: 100%; height: auto; max-height: 100%; margin: 0 auto;}
/*底部*/
.footerbox{ width: 100%; background-color: #2b2b2b;}
.footer{ width: 95%; margin: 0 auto; overflow: hidden; padding: 30px 0;}
.footer .f_logo{ float: none; padding: 0; margin-left: 0; text-align: center; width: 23%; margin: 0 auto;}
.footer .f_logo img{ display: block; width: auto; max-width: 100%;}
.footer .c_text1{ display: block; float: none; padding-left: 0;}
.footer .c_text1 ul{ margin: 1rem 0 0 0;}
.footer .c_text1 ul li{ color: #666; font-size: 0.8rem; line-height: 1.4rem; text-align: center;}
.footer .c_text{ display: none;}
/*内页-公司简介*/
.main_nbox{ width: 100%;}
.main_n{ width: 95%; margin: 0 auto; overflow: hidden;}
.main_n .title_n{ font-size: 1.4rem; color: #0075f3; font-family: "Arial"; font-weight: bold; padding: 1.7rem 0 1.2rem 0; overflow: hidden;}
.main_n .title_n span{ font-size: 1.4rem; color: #666; border-left: 2px solid #666; padding-left: 0.5rem; font-weight: normal; font-family: "Microsoft YaHei";}
.main_n .title_n p{ display: block; font-size: 0.86rem; color: #919191; font-weight: normal; letter-spacing: 1px; padding-top: 0.3rem;}
.profile_n, .honor, .video_n, .qua_n, .news_n, .news_ninfo, .contact_n{ overflow: hidden; margin: 0 0 2rem 0;}
.profile_n .text_n{ width: 100%; float: none;}
.profile_n .text_n p{ font-size: 0.86rem; color: #666; line-height: 1.7rem; text-indent: 1.5rem; padding-bottom: 1rem; text-align: justify;}
.profile_n .text_n p span{ font-size: 1rem; font-weight: bold; color: #0075f3;}
.profile_n img{ display: block; float: none; width: auto; max-width: 100%; margin: 0 auto;}
/*内页-产品展示*/
.products_n, .products_ninfo{ overflow: hidden; margin: 1.5rem 0 2rem 0;}
.main_n .main_nlist{ margin: 0 0 1.5rem 0;}
.main_n .main_nlist ul{ overflow: hidden; margin: 0 auto; display: table;}
.main_n .main_nlist ul li{ float: left; text-align: center; height: 2rem; line-height: 2rem; border:1px solid #e2e2e2;  margin: 1% 1%;  display: inline; border-radius: 20px;}
.main_n .main_nlist ul li a{ display: block;padding:0 1rem; font-size: 0.9rem; color: #9a9a9a; }
.main_n .main_nlist ul li:hover a{ background-color: #0075f3; color: #fff;}
.main_n .main_nlist ul .list_on{ background-color: #0075f3;}
.main_n .main_nlist ul .list_on a{ color: #fff;}
.main_n .list_m{ background-color: #f1f1f1; text-align: center; font-size: 0.86rem; color: #666; line-height: 2rem;}
.strength{padding-top:2rem;}
.strengthMain{height:;overflow:hidden;}
.strengthMain li{ float:left;width:47%; border: 1px solid #ccc; height:17rem; margin: 2% 1%; overflow:hidden;position:relative;}
.strengthMain li p{ font-size: 0.9rem; color: #333; text-align: center; line-height: 1.7rem;}
.strengthMain li img{ display: block; margin: 0 auto; width:auto; max-width: 100%; height:auto; max-height: 15rem; transition:all .5s;opacity:1;filter:alpha(opacity=40);}
.strengthMain li .font{display: none;}
.products_ninfo h1{ border: 0 none;font-size: 22px;line-height: 35px; text-align:center;margin-bottom: 30px; font-weight: bold;}
.products_ninfo .txt{ width:1000x; text-align:center;}
.products_ninfo .txt p{ line-height:2.2em; word-wrap:break-word; text-indent:15px; text-align:left; }
.products_ninfo .txt img{ display: block; width: auto; max-width: 100%; margin: 0 auto;}
.products_ninfo .turn, .news_ninfo .turn{ text-align: center; border-top: 1px solid  #DADADA; margin: 1.5rem auto 0; padding-top: 1rem; font-size:1rem;}
.products_ninfo .turn a, .news_ninfo .turn a{ background: #DADADA; display: inline-block;line-height: 2.5rem;padding: 0 1.5rem; color:#666;}
.classify{ display: none;}
.main_n .Bread{ font-size: 14px; color: #666; background-color: #f1f1f1; padding: 10px 0 10px 20px;}
.main_n .Bread a{ color: #5ab5e0;}
/*page*/
.pageturning {margin: 2rem 0 0 0; overflow: hidden;}
.pageturning .paginationInfo{ float: left; font-size: 0.86rem; color: #999; padding: 10px 10px 0 0;}
.pageturning span{ display: block; float: left; margin: 5px;}
.pageturning span a{ display: block; float: left; border: 1px solid #E9E9E9; border-radius: 5px; width: 80px; height: 40px; line-height: 40px; text-align: center; color: #999; font-size: 14px;}
.pageturning span a:hover{ background-color: #0075f3; color: #fff; text-decoration: none;}
.pageturning .currentPage{ width: 80px; height: 40px; line-height: 40px; text-align: center; background-color: #0075f3; color: #fff; border-radius: 5px;}
.hot_p{ margin: 2rem 0 0 0;}
.hot_p .hot_p_t{ font-size: 1.2rem; color: #333; font-weight: bold; border-bottom: 1px solid #eee; padding: 0.5rem 0 0.5rem 1rem;background-color: #eaeaea;}
.hot_p .p_list{ width:100%; height:auto; margin:1rem auto; overflow:hidden;}
.hot_p .p_list li{ width:30%; overflow:hidden; margin:2% 1%; float:left; cursor:pointer; border: 1px solid #efefef;}
.hot_p .p_list li p{ font-size: 0.86rem; color: #333; text-align: center; line-height: 1.8rem;}
.hot_p .p_list li img{width:100%; height:auto; max-height: 10rem; -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.hot_p .p_list li:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;} 
.products_ninfo ul li p{ font-size: 0.86rem; text-align: center; padding: 1rem 0;}
/*内页-荣誉证书*/
#vlightbox {width:100%;height:auto;}
#vlightbox ul{ overflow: hidden;}
#vlightbox li{ float: left; width: 47%; height: 16rem; margin: 2% 1%; border: 1px solid #ccc;}
#vlightbox a {display:block;}
#vlightbox a img { display:block; border:none; margin:0px; border:medium none; margin:0 auto; width:auto ; max-width: 100%; height:auto; max-height: 13.52rem;}
#vlightbox a:hover {opacity:1;}
/*内页-公司视频*/
.video_n{ overflow: hidden;}
.video_n ul{ overflow: hidden; margin-bottom: 0;}
.video_n ul li{ width: 100%; height: auto; float: left; margin: 0% 0%;}
.video_n ul li a img{  width: auto; max-width: 100%; height: auto; max-height: 100%;}
.video_n ul li p{ text-align: center; font-size: 0.9rem; color: #333; padding: 0.6rem 0; }
.video_ninfo{ width: 100%;}
/*资质认证*/
.qua_n{ width: 100%;}
.qua_n ul li{ width: 31%; float: left; margin: 1%; height: auto; border: 1px solid #ccc;}
.qua_n ul li img{ display: block; width: auto; max-width: 100%; height: auto;max-height: 14rem;}
/*内页-新闻中心*/
.news_n .news_nlist{ overflow: hidden;}
.news_n .news_nlist li{ overflow: hidden; padding: 20px 0; margin: 10px 0; border-bottom:1px solid #eaeaea;}
.news_n .news_nlist li:hover{ background-color:#f9f9f9;}
.news_n .news_nlist li .news_img img{ width: 38%; height: auto; float: left;}
.news_n .news_nlist li a{ width: 60%; display: block; float: right;}
.news_n .news_nlist li a .content_title h2{ font-size:1.3rem; color:#333; padding:0 0 1rem 1rem;}
.news_n .news_nlist li a .content_title h2:hover{ color: #0075f3;}
.news_n .news_nlist li a .content_title h2 span{ display: block; float: none; color:#a0a0a0; font-size:0.86rem; padding:6px 20px 0 0;}
.news_n .news_nlist li a p{ font-size:0.86rem; color:#666; line-height:1.6rem; padding:0;}
.news_ninfo h1{ font-size:1.2rem;  color:#333; line-height:2rem; text-align:center;}
.news_ninfo .time{ text-align:center; border-bottom:1px solid #ececec; color:#666; line-height:1.7rem;}
.news_ninfo .time span{ padding: 0 0.5rem;}
.news_ninfo .news_content{ padding-top:1rem;}
.news_ninfo .news_content p{ font-size:0.9rem; color:#666; line-height:1.7rem; text-indent:1.5rem; padding-bottom: 0.6rem;}
.news_ninfo .news_content img{ display: block; width: auto; max-width: 100%;}
.n_news{ margin: 2rem 0 0 0;}
.n_news .n_news_t{ font-size: 1.2rem; color: #333; font-weight: bold; border-bottom: 1px solid #eee; padding: 0.5rem 0 0.5rem 1.2rem; background-color: #eaeaea;}
.n_news .n_news_list li{ margin: 1rem 0 1rem 1.5rem; }
.n_news .n_news_list li h2{ font-size: 0.86rem; border-bottom: none;}
.n_news .n_news_list li a:hover{ color: #005bac;}
/*内页-在线留言*/
.feedback{ width: auto; margin: 1rem auto 1.5rem 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:94%; 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: 94%;}
.feedback .joly6{ width: 100%; float: left;}
.feedback .joly6 input{ width: 94%;}
.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:30%; height:3rem; right:-100px; bottom:0px; position:relative; clear:none; font: 1rem/1.5rem 'Microsoft YaHei'; color:#ffffff; border: 0px none; background:#00b1f3; -moz-border-radius:5px; -webkit-border-radius:20px; border-radius:10px; cursor:pointer; margin: 0 1rem 1rem 0;}
.feedback .joly10{ width:30%; 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;}
/*内页-联系我们*/
.contact_n{ background: none; overflow: hidden; position: relative;}
.contact_n .c_logo{ display: none;}
.contact_n .c_list{ float: none; margin: 0 0 2rem 0;}
.contact_n .c_list ul li{ font-size: 0.9rem; color: #666; line-height: 1.6rem;}
#map{ width:100%;height:20rem;border:#ccc solid 1px;font-size:0.86rem;}