/*手机端样式*/
/*顶部*/
.topbox{display: none;}
.topbox1{ display: block; width: 100%; background-color: #004681; height: 4.5rem; border-bottom: 1px solid #005398;}
.top1{ width: 90%; margin: 0 auto;overflow: hidden; padding-top: 1rem;}
.top1 img{ display: block; float: left; margin-right: 0.5rem; width: 15%;}
.top1 a{ font-size: 1.15rem; color: #fff; font-weight: 700; padding-top: 0.8rem;}
.top1 a span{ display: block; color: #fff; font-size: 0.55rem; font-weight: normal;}
/*导航*/
.topbox nav{ display: none;}
/*导航*/
.navbox{ display: none;}
.navbox_m{ display: block; width: 100%; height: 3rem; background-color: #004681;  position: relative; z-index: 2;}
.nav {position: absolute;z-index: 100;display: none;-webkit-transition-property: all;transition-property: all;
  -webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav--active .nav {opacity: 1;background-color: #333;display: block;}
.nav__list {margin: 0;padding: 10px;}
.nav__item {list-style-type: none;text-align: center;border-bottom: 1px solid #3a3a3a;}
.nav__link {font-size: 1.5em;line-height: 4rem;text-transform: uppercase;text-decoration: none;color: #FFFFFF;
  opacity: 1;-webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;}
/* Default navigation icon */
.nav__trigger {display: block;position: absolute;width: 32px;height: 25px;left: 15%;top: 1.4rem; z-index: 200;}
.nav--active .nav__trigger {opacity: 0.5;}
.nav__icon {display: inline-block;position: relative;width: 32px;height: 3px;background-color: #FFFFFF;
  -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: 32px; height: 3px;position: absolute;background: #FFFFFF;
  -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: -10px;}
.nav__icon:after {margin-top: 10px;}
.style-2 {-webkit-perspective: 1000px; perspective: 1000px;}
.style-2 .nav { width: 100%;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.style-2 .nav--active .nav {-webkit-transform: rotateY(360deg); transform: rotateY(360deg);}
.style-2 .iphone__content {-webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.style-2 .nav--active .iphone__content {-webkit-transform-style: preserve-3d; transform-style: preserve-3d;
  -webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.style-2 .navi__icon {background: rgba(0, 0, 0, 0);}
.style-2 .navi__icon:before {margin-top: 0;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.style-2 .navi__icon:after {margin-top: 0; -webkit-transform: rotate(180deg);transform: rotate(180deg);}
.style-2 .nav--active .nav__icon {background: rgba(0, 0, 0, 0);-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.style-2 .nav--active .nav__icon:before { margin-top: 0; -webkit-transform: rotate(90deg);transform: rotate(90deg);}
.style-2 .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
/*中英文*/
.typle1{ float: right; width: 60%; margin-top:0.6rem;}
.typle1 a{ display: block; float: left;  background-color: #088ed4; color: #fff; width: 30%; margin: 0 0.5rem; text-align: center; height: 1.8rem; line-height: 1.8rem; font-size: 0.86rem;}
/*搜索框*/
.search-inner{ display: block; float: right; background-color:#e8e8e8; width: 100%; height: auto; overflow: hidden;}
.search-inner .keyword{ border: none; background: none; padding: 0.8rem 0 0 2rem;}
.keyword .input { text-decoration: none; font-style: normal; font-weight: 400; height:2rem; font:16px/28px 'Microsoft YaHei'; color:#b9b9b9; border: none; background-color: transparent; letter-spacing: 2px;}
#search input{ width: 82%; outline: 0; border: 0; float: left;} 
.navbox .keyword{ float: left;}
#search .keyBtn{ background:none; background-color: transparent; color: #fff;}
#search .button {width: auto; height: 2.7rem; line-height: 2rem; text-align: center; font-size: 0.8rem; font-weight: 400; cursor: pointer;float: left;}
#search .keyBtn .btxt{ visibility: hidden;}
#search .button b{ font: inherit;}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
#search .button i{ display:block; font-size:2rem; color: #b9b9b9;}
/*产品展示*/
.products_box{ width: 100%; background: url(../images/p_bg.jpg) center no-repeat;}
.products_box .products{ width: 90%; margin: 0 auto; overflow: hidden; padding: 2rem 0;}
.title1{ background: url(../images/title_line.jpg) 9.5rem center no-repeat; overflow: hidden;}
.title2{ background: url(../images/title_line1.jpg) 8.5rem center no-repeat; overflow: hidden;}
.title1 h2, .title2 h2{ width: 60%; float: left; font-size: 1.6rem; color: #000; font-weight: 700;}
.title1 span, .title2 span{ display: block; font-size: 0.8rem; color: #999; font-weight: normal;text-transform:uppercase;}
.title1 a, .title2 a{ display: block; float: right; background-color: #00a8ff; color: #fff; width: 30%; height: 2.5rem; line-height: 2.5rem; font-size: 0.86rem; text-align: center; font-weight: normal; margin-top: 0.4rem;}
.pro_content{ overflow: hidden; margin-top: 1rem;}
.pro_content ul li, .products_n ul li{ float: left; width: 48%; height: auto; margin:1.5% 1%; list-style: none; position: relative; overflow: hidden; }
.pro_content ul li img, .products_n ul li img{ width: auto; height: auto; max-width: 100%; display: inline-block;}
.pro_content ul li p, .products_n ul li p{ font-size: 0.86rem; text-align: center; padding: 0.6rem;}

/*关于我们*/
.about_box{ width: 100%; background-color: #f6f6f6; overflow: hidden;}
.about_box .about{ width: 90%; margin: 0 auto; overflow: hidden; padding: 2rem 0;}
.about_box .about img{ width: 55%; float: left; margin: 0 1.2rem 0 0;}
.about_box .about h2{ font-size: 1.6rem; color: #000; font-weight: 700; margin-top: 0.6rem;}
.about_box .about span{ font-size:1rem; color: #999; text-transform:uppercase; font-family: Arial; padding-bottom: 0.6rem; display: block;}
.about_box .about p{ font-size: 0.86rem; color: #666; line-height: 1.6rem; text-indent: 1.6rem;text-align: justify;}
.about_box .about a{ display: block; width: 30%; height: 2.5rem; line-height: 2.5rem; text-align: center; color: #fff; background-color: #00a8ff; margin: 1rem auto 0 auto; float: none; font-size: 0.86rem;}
/*新闻中心*/
.newsbox{ width: 100%;}
.news{ width: 90%; margin: 0 auto; padding: 2rem 0;}
.news .new_content{ overflow: hidden; margin-top: 1.2rem;}
.news .new_content .new_l{ width: 100%; float: none;}
.news .new_content .new_l ul li{ background-color: #f1f1f1; margin: 0.6rem 0; padding: 1.2rem; }
.news .new_content .new_l ul li a{ display: block;}
.news .new_content .new_l ul li a h3{ font-size: 1.1rem; color: #1d1d1d; margin-bottom: 0.3rem;}
.news .new_content .new_l ul li a p{ font-size: 0.86rem; color: #868686; line-height: 1.5rem;}
.news .new_content .new_r{ display: none;}
.news .new_content .new_l ul li:hover{background-color: #eaeaea;}
/*footer*/
.footerbox{ width: 100%; background-color: #353839;}
.footer{ width: 90%; margin: 0 auto; padding: 1rem 0;}
.footer ul{ display: none;}

.footer .f_t{ text-align: center; color: #868686; font-size: 0.86rem; padding-top: 0rem; line-height: 1.6rem;}
.footer .f_t a{ color: #bdbdbd;}
.footer .f_t a:hover{ color: #00a8ff;}
/*内页-关于我们*/
.main_nbox{ width: 100%; margin: 1.5rem 0;}
.main_n{ width: 90%; margin: 0 auto;}
.about_n, .products_n, .products_ninfo, .equipment_n, .quality_n, .tz-gallery, .news_n, .news_ninfo, .feedback, .contact_n{ overflow: hidden; margin: 1rem 0;}
.about_n p{ font-size: 0.9rem; color: #666; line-height: 1.7rem; text-indent: 1.7rem; margin-bottom: 0.4rem;}
.about_n img{ width: 100%; margin-top: 0.5rem;}
/*内页-产品展示*/
.main_nbox .list_m{ width: 100%; margin: 1rem auto 1rem auto; background-color: #f1f1f1; text-align: center; font-size: 0.86rem; color: #666; line-height: 1.7rem;}
/*page*/
.pageturning{ display: none;}
.pageturning1{ display: block; width: 100%; margin: 1.5rem 0 0 0; overflow: hidden;}
.pageturning1 span{ width: 21%; display: block; float: left; margin:0 1.5%;}
.pageturning1 span a{ display: block; float: left; border: 1px solid #E9E9E9; border-radius: 5px; width: 100%; height: 3rem; line-height: 3rem; text-align: center; color: #999; font-size: 0.9rem;}
.pageturning1 span a:hover{ background-color: #3f8dff; color: #fff; text-decoration: none;}
.hot_p{ margin: 2.5rem 0 0 0;}
.hot_p .hot_p_t{ font-size: 1.2rem; color: #333; font-weight: bold; border-bottom: 1px solid #dadada;}
.hot_p .hot_p_t h2{ background-color: #3f8dff; width: 100%; color: #fff; padding: 0.5rem 0; text-align: center;}
.hot_p .p_list{ display: none;}
.hot_p .p_list1{ display: block; width: 100%; height:auto; margin:1.2rem auto; overflow:hidden;}
.hot_p .p_list1 li{ width:47%; overflow:hidden; margin:10px 1%; float:left; cursor:pointer; border: 1px solid #efefef; height: auto;}
.hot_p .p_list1 li p{ font-size: 0.8rem; text-align: center; padding: 0.2rem 0; color: #333; line-height: 1.5rem;}
.hot_p .p_list1 li img{ width:auto; height: auto; -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_list1 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 h1{ border: 0 none;font-size: 1.5rem;line-height: 2rem; text-align:center;margin-bottom: 1.6rem; font-weight: bold; margin-top: 1.6rem;}
.products_ninfo .txt{ width:100%; text-align:center;}
.products_ninfo .txt img{ width: 100%;}
.products_ninfo .txt p{ line-height:2.2em; word-wrap:break-word; text-indent:15px; text-align:left; }
.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 2rem; color:#666;}
/*内页-设备车间*/
.equipment_n p{ font-size: 0.92rem; color: #666; line-height: 1.7rem; text-indent: 1.7rem;}
.pro_content{ overflow: hidden; margin-top: 1rem;}
.equipment_n ul{ margin-top: 1rem;}
.equipment_n ul li{ float: left; width: 48%; height: auto; margin: 2% 1%; list-style: none; position: relative; overflow: hidden; }
.equipment_n ul li img{ width: 100%; height: auto;}
.equipment_n ul li .cover{ width: 100%; height: 210px; background: rgba(0, 168, 255, 0.7); position: absolute; left: 0; top: 0; text-align: center; color: #ffffff; transform-origin: right bottom; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.equipment_n ul li:hover .cover{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }
.equipment_n ul li .cover h3{ font-size: 24px; text-align: center; position: absolute; top: 40%; left: 35%;}
/*内页-质量控制*/
.quality_n p{ font-size: 0.92rem; color: #666; line-height: 1.7rem; text-indent: 1.7rem;}
.quality_n ul{ margin-top: 1rem;}
.quality_n ul li{ margin: 1rem 0; width: 100%; float: left; height: auto; padding-bottom: 1.2rem;}
.quality_n ul li img{ display: block; width: 100%; height: auto;}
.quality_n ul li .q_contetn h3{ font-size: 1.1rem; padding: 0.4rem 0; margin: 0 0 0.5rem 0;}
.quality_n ul li .q_contetn p{ font-size: 0.86rem; line-height: 1.5rem; text-indent: 0; padding: 0 1rem;}
/*内页-科学研发*/
.tz-gallery p{ font-size: 0.92rem; color: #666; line-height: 1.7rem; text-indent: 1.7rem; }
.col-sm-12{ width: 45%; height: auto; float: left; margin: 4% 2% 0 2%; border: 1px solid #e6e6e6;}
.col-sm-12 a img{ width: 100%; height: auto; display: block; margin: 0 auto; vertical-align: middle;}
/*内页-新闻中心*/
.news_n .news_nlist{ overflow: hidden;}
.news_n .news_nlist li{ width: 100%; padding: 1rem 0; margin: 0.5rem 0;}
.news_n .news_nlist li:hover{ background-color:#f9f9f9;}
.news_n .news_nlist li .news_img{ width: 100%; float: none;}
.news_n .news_nlist li .news_img img{ width: 100%; height: auto;}
.news_n .news_nlist li a{ width: 100%; display: block; float: none; padding-right: 0;}
.news_n .news_nlist li a .content_title h2{ font-size:1.1rem; color:#333; padding:0.8rem 0 0.5rem 0;}
.news_n .news_nlist li a .content_title h2:hover{ color: #088ed4;}
.news_n .news_nlist li a .content_title h2 span{ display: block; float:none; color:#a0a0a0; font-size:0.8rem; padding:0.4rem 0 0 0;}
.news_n .news_nlist li a p{ font-size:0.86rem; color:#666; line-height:1.5rem; padding:0 0 1rem 0;}
.n_news{ margin: 1.6rem 0 0 0;}
.n_news .n_news_t{ font-size: 1.2rem; color: #333; font-weight: bold; border-bottom: 1px solid #dadada;}
.n_news .n_news_t h2{ background-color: #3f8dff; width: 100%; color: #fff; padding: 0.5rem 0; text-align: center;}
.n_news .n_news_list{ width:100%; height:auto; margin:1rem auto; overflow:hidden;}
.n_news .n_news_list li{ padding: 0.5rem 0; margin: 0.5rem 0; width: 100%; background-color: #f7f7f7; float: left;}
.n_news .n_news_list li a{  font-size: 0.9rem; color: #333; padding: 0 1rem; line-height: 1.7rem; display: block;}
.n_news .n_news_list li a:hover{ color: #088ed4;}
.n_news .n_news_list li span{ display:block; float: right;  font-size: 0.86rem; color: #666;}
.n_news .n_news_list li span:hover{ color: #088ed4;}
.n_news .n_news_list li p{ margin: 0.5rem 1rem; line-height: normal;}
.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:0.6rem;}
.news_ninfo .news_content p{ font-size:0.86rem; line-height:1.6rem; text-indent:1.7rem; padding-bottom: 0.5rem;}
/*内页-在线反馈*/
#joform { float: none; padding-top: 1.2rem;}
.feedback{ width: 100%; margin: 1rem auto 0 auto;}
.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:100%; height:45px; margin:0; padding:0 10px; font:14px/28px 'Microsoft YaHei'; color:#b9b9b9; border: 1px solid #e8e8e8; border-radius: 15px;}
.feedback .joly3{ width: 100%; float: left;}
.feedback .joly3 input{ width: 100%;}
.feedback .joly4{ width: 100%; float: left;}
.feedback .joly4 input{ width: 100%;}
.feedback .joly5{ width: 100%; float: left;}
.feedback .joly5 input{ width: 100%;}
.feedback .joly6{ width: 100%; float: left;}
.feedback .joly6 input{ width: 100%;}
.feedback .joly8{ width: 100%; height:auto;}
.feedback .joly8 textarea { height:10rem; padding-top:0.5rem;}
.feedback .joly9{ width:100%; height:3rem; right:-100px; bottom:0px; position:relative; clear:none; font: 1rem/1.5rem 'Microsoft YaHei'; color:#ffffff; border: 0px none; background:#00a8ff; -moz-border-radius:5px; -webkit-border-radius:20px; border-radius:10px; cursor:pointer; margin: 0 0 1rem 0;}
.feedback .joly10{ width:100%; 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 ul{ overflow: hidden; padding: 0 0 1.2rem 0;}
.contact_n ul li{ float: none; margin: 0 0;}
.contact_n ul li img{ display: none;}
.contact_n ul li p{ display: block; color: #666; font-size: 0.86rem; text-align: center; line-height: 1.5rem;}
#map{ width:100%;height:15rem;border:#ccc solid 1px;font-size:0.86rem;}