/*Senba*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol {margin: 0;padding: 0;}

em {font-weight: normal;font-style: normal;}

input,form,textarea,button {border: none;margin: 0;outline: none;padding: 0;-webkit-appearance: none;}

h1,h2,h3,h4,h5 {font-weight: normal;}
img {border: none;height: auto;max-width: 100%;vertical-align:middle;}
a {text-decoration: none;outline: none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
a:link,a:visited{color: #333;text-decoration: none;}
a:hover,a:active{color: #00a0e9;text-decoration: none;}
* {font-family:微软雅黑,"Microsoft YaHei";}
ul{padding-left:0;list-style-type:none}
li {list-style-type: none;}
.container{max-width: 1400px;width: 98%;margin:0 auto;position: relative;}
.w1200{max-width: 1200px;width: 98%;margin:0 auto;position: relative;}
.left{float: left;}.right{float: right;}
.center{text-align:center !important;}
.header{background:#142A4F;position: relative;top: 0;z-index: 999;width: 100%;}
.zxzx{cursor: pointer;}
.zs100{display:table;width: 100%;}
.xs768{}
.xss768{display: none;}
.xs0{display: none;}
@media screen and (max-width: 768px){
	.xs768{display: none;}
	.xss768{display: block;}
}
body {width: 100%;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 1rem;color: #333;margin: 0;padding: 0;}



/*@media screen and (min-width: 320px) {html{font-size:12px;}}
@media screen and (min-width: 360px) {html{font-size:13px;}}
@media screen and (min-width: 375px) {html{font-size:14px;}}
@media screen and (min-width: 400px) {html{font-size:15px;}}
@media screen and (min-width: 414px) {html{font-size:16px;}}
@media screen and (min-width: 440px) {html{font-size:17px;}}
@media screen and (min-width: 480px) {html{font-size:18px;}}
@media screen and (min-width: 520px) {html{font-size:19x;}}
@media screen and (min-width: 560px) {html{font-size:20px;}}
@media screen and (min-width: 600px) {html{font-size:21px;}}
@media screen and (min-width: 640px) {html{font-size:22px;}}
@media screen and (min-width: 680px) {html{font-size:23px;}}
@media screen and (min-width: 720px) {html{font-size:24px;}}
@media screen and (min-width: 760px) {html{font-size:25px;}}*/


@media screen and (max-width: 1600px) {html{font-size:15.5px;}}
@media screen and (max-width: 1440px) {html{font-size:15px;}}
@media screen and (max-width: 1200px) {html{font-size:14.5px;}}
@media screen and (max-width: 1000px) {html{font-size:14px;}}
@media screen and (max-width: 850px) {html{font-size:13.5px;}}

@media(max-width:768px){ html { font-size:15; } }
@media(max-width:640px){ html { font-size:15px; } }  
@media(max-width:540px){ html { font-size:15px; } }   
@media(max-width:480px){ html { font-size:15px; } }     
@media(max-width:445px){ html { font-size:15px; } }
@media(max-width:414px){ html { font-size:15px; } }   
@media(max-width:375px){ html { font-size:15px; } }     
@media(max-width:360px){ html { font-size:15px; } }
@media(max-width:320px){ html { font-size:12px; } }

/*通用*/
.head-log{padding: 1% 0;}
.head-log a{display:inline-block;text-align: center;}
.head-log a img{width: 80%;}
.head-log .head-p{display: inline-block;padding: 0 1rem;vertical-align: middle;}
.head-log strong{font-size: 1.4rem;}
.head-log strong b{font-size: 1rem;margin-left: 1rem;color: #00a0e9;}
.head-log .head-p span{display: block;color: #666;line-height: 1.4rem;}
.head-tel{padding: 1% 0;text-align: right;}
.head-tel a{}
.head-tel a img{width: 36%;}
.head-tel b{font-size: 1.4rem;}
.head-tel select{background: #00a0e9;border: 0;color: #fff;font-size: 1rem;padding: 0.2rem 0.5rem;margin-left:1rem;}
.head-tel option{border: 0;}
.head-nav{background: #00a0e9;}
.head-ul{text-align: center;}
.head-ul li{float: left;width: 14.28%;position: relative;display: block;}
.head-ul li a{font-size: 1.1rem;color: #fff;padding: 1rem 0;display: block;position: relative;}
.head-ul li a::before{content: "";position: absolute;width: 0;height:2px;background: #ffffff;bottom: 0.6rem;left: 50%;transform: translateX(-50%);transition: 0.5s;border-radius: 1rem;}
.head-ul li:hover>a:before{width: 25%;}
.head-ul .on a:before{width: 25%}
.head_nav2{display: none;position: absolute;top: 100%;background: #00a0e9;width: 110%;z-index: 9999999;}
.head_nav2 a{padding:0.8rem 0 !important;}
.head_nav2 a:before{width:0% !important;}
.head_nav2 a:hover{background:#22abea;}
.head-ul li:hover .head_nav2{ display: block;}

.footer{background: #00a0e9;}
.footer-box{padding: 2%;width:96%;display:table;}
.footer-ul{float: left;width: 21%;}
.footer-ul li{line-height: 2rem;}
.footer-ul li strong{font-size: 1.1rem;display: block;margin-bottom: 0.4rem;}
.footer-ul li i {display: block;width: 2rem;height: 0.12rem;background: #fff;margin-top: 0.2rem;}
.footer-ul li p{}
.footer-ul a{color: #fff;}
.footer-ul a:hover{}
.footer-logo{float: left;color: #fff;}
.footer-logo b{font-size: 1.6rem;}
.footer-logo a{color: #fff;}
.footer-logo p{line-height: 1.8rem;margin: 0.4rem 0;}
.footer-logo img{background: #fff;}
.footer-bott{text-align: center;background: #0093d7;line-height: 2.4rem;font-size: 0.9rem;}
.footer-bott p{color: #fff}
.footer-bott p a{color: #fff;}
.footer-navul{background: #00a0e9;position: fixed;bottom: 0;width: 100%;border-top: 1px solid #eee;z-index: 99999;}
.footer-navul li{float: left;width: 25%;text-align: center;padding: 3% 0;}
.footer-navul li a{color: #fff;font-size: 1.1rem;}
.right-fd {position: fixed;z-index: 9999999;bottom: 120px;right: 0;width: 70px;height: 40px;border-radius: 1rem 0 0 1rem;box-shadow: -1px 0 5px rgba(0,0,0,.3);transition: all .3s;line-height: 40px;color: #fff;padding-left: 18px;overflow: hidden;text-transform: uppercase;background: #00a0e9;display: none;}
.right-fd span{color: #fff;font-size: 1rem;cursor: pointer;}
.position{background: #f5f5f5;padding: 0.5% 0;}
.message{padding: 2% 0;background: #F4F4F4;}
.message b{font-size: 1.4rem;margin-bottom: 1%;display: inline-block;padding:0 2%;}
.message p{font-size: 1rem;margin-bottom: 1%;padding:0 2%;}
.message-form{width: 98%;margin: 0 auto;}
.message-form button{display:block;width: 20%;padding: 1% 0;margin: 2% auto auto;background: #00a0e9;color: #fff;font-size: 1rem;border-radius: 0.2rem;cursor: pointer;border: 1px solid;}
.message-form button:hover{color:#00a0e9;background:#ffffff;}
.message-form-ul{}
.message-form-ul li{float: left;width: 48%;margin:0.5% 1%;}
.message-form-ul .on{width: 98%;}
.message-form-ul li input {
	width: 94%;
	padding: 3%;
	font-size: 1rem;
	box-shadow: 1px 1px 1px rgba(20, 40, 66, 0.13);
}
.message-form-ul li textarea{width: 97%;
	box-shadow: 1px 1px 1px rgba(20, 40, 66, 0.13);
	padding: 1.5%;
	font-size:1rem;}

.abmain3{position: relative;overflow: hidden;}
#outer6 {position: relative;margin:4% 0; }
#outer6:after{content: ""; position: absolute; width: 1920px; height: 2px; background: #e6e6e6; left: 50%; transform: translateX(-50%); top: 53px;}
.tab6{position: relative;}
#tab6 { position:relative; margin:auto; overflow:hidden; white-space:nowrap; z-index: 99;}
#tab6 li{ display:inline-block; vertical-align: bottom; width: 16.666%; transition:0.8s; cursor:pointer; position: relative; text-align: center;}
#tab6 li:before{content: ""; position: absolute; width: 2rem; height: 2rem; background-image: url("../images/about-years.png"); background-size: 100%;bottom: 0px; left: 50%; transform: translateX(-50%);}

#tab6 li a { display:block; cursor:pointer; color: #999999;font-size:1.8rem;padding-bottom: 2rem;}
#tab4 li a i{ font-style: normal;}
#tab6 li.current6:before{ background-image: url("../images/about-year.png");}
#tab6 li.current6 a { color: #00a0e9 !important;}
#content6 { display:inline-block; vertical-align:top; width:100%; position: relative;text-align: center;}
#content6 .tabul6 {display: none;vertical-align:middle;margin:4% auto;text-align: left;}
#content6 .tabul6 b{font-size: 2rem;color: #00a0e9;margin-bottom: 1rem;display: block;}
#content6 .on{display: inline-block;}

/*通用*/
.new-in-banner{background: url(../images/new-in-banner01.jpg);}
.new-pro-option{width:45%;padding:4% 0;}
.new-pro-option .txt{width:96%;margin: 0 2%;}
.new-pro-option .txt h1{font-size: 2rem;padding:1rem 0;display: block;font-weight: bold;color:#fff;}
.new-pro-option .txt p{line-height: 1.6rem;color:#eaeaea;}
.new-pro-option .new-pro-one{width:92%;margin:4%;}
.new-pro-option .new-pro-one span{color: #fff;display: block;margin: 1rem 0;font-size: 1.2rem;}
.new-pro-option select {width: 65%;font-size: 1.1rem;padding:0.8rem 1rem;background: #fff;border: 1px solid #fff;box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.04);}
.new-pro-option option{font-size: 1.2rem;padding:1rem;}

.in-title{text-align: center;}
.in-title h2{font-size: 2rem;font-weight:bold;}
.in-title h2 a{}
.in-title p{margin:0.5rem 0}
.in-banner{position:relative;overflow: hidden;}
.in-banner .swiper-pagination-bullet {width: 2.5rem;border-radius: 0.3rem;height: 0.4rem;background: #00a0e9;opacity: 0.8;margin: 0 0.3rem !important;}
.in-banner .swiper-pagination-bullet-active {width: 2.5rem;border-radius: 0.3rem;height: 0.4rem;background: #ec6c0f;opacity: 1;margin: 0 0.3rem !important;}
.in-product{padding: 2% 0;}
.in-product-ul{display: table;width: 84%;margin: 0 auto;}
.in-product-ul li{float: left;width: 18%;text-align: center;background:linear-gradient(-60deg,#c2c2c2 0,#ddd 50%,#ececec 99%);margin: 1%;border-radius: 0.3rem;}
.in-product-ul .on{background:linear-gradient(-200deg,#00a0e9 0,#40c3ff 50%,#3fc3ff 99%);}
.in-product-ul .on a{color: #fff;}
.in-product-ul li strong{display: block;}
.in-product-ul li a{padding: 10%;display: block;}
.in-product-ul li a i{}
.in-product-ul li h3{}
.in-product-list{}
.in-product-list li{float: left;width: 23%;margin: 1%;text-align: center;box-shadow: 0px 0px 4px rgba(20,40,66,.2);}
.in-product-list a{}
.in-product-list img{width: 80%;}
.in-product-list h4{line-height: 2.6rem;box-shadow: 0px 0px 4px rgba(20,40,66,.2) inset;}
.in-product-list li:hover h4{background: linear-gradient(-200deg,#00a0e9 0,#40c3ff 50%,#3fc3ff 99%);color: #fff;}
.in-product-ann{text-align: center;}
.in-product-ann a {background: #00a0e9;color: #fff;padding: 0.6rem 2rem;border-radius: 2rem;display: inline-block;margin-top:1rem;}
.in-about{padding:2% 0;}
.in-about-box{}
.in-about-figure{margin:4% 0;}
.in-about-figure li{float: left;text-align: center;width: 20%;}
.in-about-figure b{display: block;font-size: 1.6rem;line-height: 2.6rem;}
.in-about-figure span{color: #666;}
.in-about-txt{}
.in-about-left{width: 40%;padding: 2% 0;}
.in-about-left strong{font-size: 1.4rem;}
.in-about-left span{font-size: 1rem;margin-left: 0.5rem;}
.in-about-left i {display: block;width: 4rem;height: 0.2rem;background: #00a0e9;margin-top: 0.2rem;}
.in-about-left p{margin-top: 1rem;line-height: 1.6rem;text-indent:2rem;color: #666;}
.in-about-left p b{font-weight: normal;}
.in-about-right{width: 54%;}
.in-about-right video{}
.in-field{padding:2% 0;}
/*.in-field-box{padding:2% 0;}*/
.in-field-one{padding: 2% 0;}
.in-field-one li{float: left;width: 24%;text-align: center;box-shadow: 0px 0.1rem 0.1rem rgba(0, 0, 0, 0.1);}
.in-field-one li a{display: block;}
.in-field-one li img{}
.in-field-one li h4,.in-field-two li h4{font-size: 1.1rem;line-height: 2.8rem;display: inline-block;width: 98%;margin-right: 1%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.in-field-one li:hover{background: #00a0e9;}
.in-field-one li:hover a{color: #fff;}
.in-field-two{padding: 4% 0;}
.in-field-two li{}
.in-field-two .swiper-slide{width: 70% !important;box-shadow: 0px 0px 4px rgba(20,40,66,.1);}
.in-field-two .swiper-slide img{border-radius: 0.1rem;}
.in-field-two .swiper-slide-active{transform: scale(1);border-radius: 0.1rem;}
.in-field-two .swiper-slide-next,.in-field-two .swiper-slide-prev{transform: scale(0.92);}

.in-field2{}
.in-field2-ul{display: table;width: 100%;margin: 2% 0;}
.in-field2-ul li{float: left;width: 16.66%;}

.in-field2-ul li a{position: relative;
  overflow: hidden;
  display: block;
  width: 100%;}

.in-field2-ul li .six{
  width: 100%;
  height: 100%;
  background:rgba(255, 255, 255, 0);
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  color: #fff;
  justify-content: center;
  font-size: 1.2rem;
  text-align: justify;
  transition: all 300ms ease-in-out 0s;}

  .in-field2-ul li .six strong{text-align: center;bottom: 0;position: absolute;width: 100%;background: rgba(49, 191, 255, 0.6);padding: 4% 0;font-size: 1.2rem;}

  .in-field2-ul li a:hover .six{background:rgba(49, 191, 255, 0.4);}
  .in-field2-ul li b{display: none;position: absolute;text-align: center;width: 100%;}
  .in-field2-ul li a:hover .six b{display: block;}

.in-skill{}
.in-skill-ula{margin-top: 4%;}
.in-skill-ula li{float: left;width: 33.33%;text-align: center;padding: 1% 0;background: #eaeaea;cursor: pointer;}
.in-skill-ula .on{background: #00a0e9;color: #fff;}
.in-skill-ula li:hover{background: #00a0e9;color: #fff;}
.in-skill-ula li strong{}
.in-skill-ulb{overflow: hidden;}
.in-skill-ulb li{float: left;position: relative;color: #fff;display: block;}
.in-skill-ulb .on{display: block;}
.in-skill-ulb li img{position: relative;}
.in-skill-ulb li i{display: block;width: 4rem;height: 0.2rem;background: #fff;margin-top: 0.4rem;}
.in-skill-ulb li .txt{position: absolute;top: 0;padding: 4%;}
.in-skill-ulb li b{font-size: 2rem;}
.in-skill-ulb li p {line-height: 1.8rem;margin:4% 0;}
.in-skill-ulb .in-skill-ann{}
.in-skill-ulb li span a{background: #00a0e9;padding: 0.4rem 2rem;color: #fff;border-radius: 2rem;font-size: 1.2rem;}
.in-honor{padding: 2% 0;}
.in-honor-box{padding: 2% 0;}
.in-honor-box .swiper-slide{}
.in-honor-box .swiper-button-prev{left:-3%;}
.in-honor-box .swiper-button-next{right: -3%;}
.in-honor-box .swiper-wrapper{}
#in-skill a{background:#F90;color:#fff;text-decoration:none;padding:5px 15px;border-radius:4px;margin:0 5px;}
#in-skill .default{}
.in-news{}
.in-news-box{padding:4% 0;}
.in-news-box .left{width: 48%;box-shadow: 0px 0.1rem 0.1rem rgba(0, 0, 0, 0.1);}
.in-news-box .left:hover{background: #00a0e9;}
.in-news-box .left:hover a{color: #fff;}
.in-news-box .left a{}
.in-news-box .left h4,.in-news-box .left h3{font-size: 1.2rem;line-height: 2.4rem;}
.in-news-box .left span{font-size: 1.1rem;}
.in-news-box .left .txt{padding:0.8rem 1rem;}
.in-news-box .right{width: 48%;}
.in-news-box .right a{}
.in-news-box .right h4,.in-news-box .right h3{font-size: 1.1rem;line-height: 1.6rem;}
.in-news-box .right span{margin-top: 0.6rem;display: block;font-size: 1.1rem;}
.in-news-box .right .txt{margin:1.5rem 0;}
.in-news-box .right .txt p a {background: #00a0e9;color: #fff;padding: 0.6rem 2rem;border-radius: 2rem;display: inline-block;}

.t-back-head{position: relative;}
.t-back-head img{position: relative;}
.t-back-head .txt {position: absolute;top: 0;padding: 2% 0 2% 2%;width: 98%;color: #fff;}
.t-back-head .txt i {display: block;width: 4rem;height: 0.2rem;background: #fff;margin: 1rem 0;}
.t-back-head .txt strong{font-size: 1.1rem;font-weight: normal;}
.list-product{}
.list-product span {margin-bottom: 2%;display: inline-block;padding-left: 0.5rem;border-left: 0.4rem solid #00a0e9;font-size: 1.1rem;}
.list-product-one{padding: 2%;}
.list-product-one ul{display: table;width: 100%;}
.list-product-one li{float: left;}
.list-product-one li h2 {font-size: 1rem;border: 1px solid;border-radius:2rem;padding: 0.4rem 1.1rem;margin: 0.3rem;color: #666;}
.list-product-one .on h2{background: #00a0e9;color: #fff;border: 1px solid #00a0e9;}
.list-product-one li a{}
.list-product-two{padding:0 2% 2% 2%;}
.list-product-two span{}
.list-product-two ul{display: table;width: 100%;}
.list-product-two li{float: left;margin-right:1.5rem;}
.list-product-two li h3{font-size: 1rem;margin: 0.3rem;}
.list-product-two .on h3{color: #00a0e9;font-weight: bold;}
.list-product-two li a{}

.list-product-box{}
.list-product-ul{}
.list-product-ul li{float: left;width: 31.33%;box-shadow: 0px 0px 4px rgba(20,40,66,.2);margin: 1%;}
.list-product-ul li:hover{background: #00a0e9;}
.list-product-ul a{display:table;}
.list-product-ul .left{width: 42%;padding: 6% 4%;}
.list-product-ul li:hover .left{color: #fff;}
.list-product-ul .left h3{display: block;font-size: 1.34rem;margin-bottom: 8%;font-weight: bold;word-wrap: break-word;}
.list-product-ul .left h2{font-size:1rem;}
.list-product-ul .left span {font-size: 0.9rem;border: 1px solid #00a0e9;color: #00a0e9;padding: 0.4rem 1.2rem;display: inline-block;margin-top: 12%;border-radius: 1.5rem;}
.list-product-ul li:hover span{color: #fff;border: 1px solid #fff;}
.list-product-ul .right{width: 50%;}
.list-product-zhu{margin:2%;display:inline-block;}
.list-product-zhu p{line-height:2rem;}
.list-product-zhu p span{background: #00a0e9;color: #fff;padding: 0.3rem 1.1rem;margin: 0 0.5rem;border-radius: 1rem;cursor: pointer;}
.list-product-zhu p b{color: #00a0e9;font-size:1.2rem;}

.page_list{text-align:center;margin:2% 0; font-size:1rem;}
.page_list a {display: inline-block;margin: 0 0.5%;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;border-radius: 50%;background-color: #f2f2f2;}
.page_list .page-num-current{background-color:#00a0e9;color: #fff;}

.product-info{padding:2% 2% 0 2%;display:inline-block;width: 92%;}
.product-info .left{width: 42%;;}
.product-info .left img{}
.product-infoa{overflow: hidden;position: relative;width: 100%;}
.product-infoa .swiper-container{width: 98%;padding: 1%;}

.product-infob{}
.product-infob .swiper-container{padding: 1%;}
.product-info .swiper-slide{box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);}
.product-info .right {width: 48%;padding: 4%;}
.product-info .right .txt{margin: 4%;}
.product-info .right  h1{border-left:0.4rem solid #00a0e9;padding-left:0.8rem;font-weight: bold;line-height: 2rem;}
.product-info .right h2{font-size: 1.1rem;font-weight:bold;}
.product-info .right .list-paddingleft-2{margin:4% 0;}
.product-info .right .txt li{line-height: 2.8rem;}

.product-info .product-ann{padding: 0 2%;}
.product-info .product-ann a{background: #00a0e9;color: #fff;padding: 0.6rem 2rem;border-radius: 0.4rem;display: inline-block;font-size: 1.1rem;width: 20%;text-align: center;margin: 0 2%;}
.product-info .product-ann .on{background: #f29957;}


.product-descr{width: 96%;margin: 2%;display: table;}
.product-descr h3{font-size: 1.4rem;margin-bottom: 2%;display:block;font-weight: bold;}
.product-descr .left{width: 48%;}
.product-descr .left p{color:#555;line-height: 1.8rem;}
.product-descr .left span{}
.product-descr .right{width: 46%;}
.product-descr .right p{color:#555;line-height: 1.8rem;}

.product-form{ width: 94%;overflow: auto;margin:2%;}
.product-form h3{font-size: 1.4rem;margin-bottom: 1rem;display: inline-block;font-weight: bold;}
.product-form p{line-height: 1.8rem;color:#555;}
.product-form blockquote {overflow-x: auto;display: inline-block;white-space: nowrap;width: 100%;margin:0;margin-bottom:1rem;}
.product-form blockquote p{border-left: 0.4rem solid #00a0e9;padding-left: 0.8rem;margin-left: 0;font-weight: bold;font-size: 1.2rem;}
.product-form table{ width:100%; border-collapse:collapse; line-height:2rem;box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.14);text-align: center;margin:1rem 0;}
.product-form table tr{}
.product-form table tr td{ padding:2px; font-size:1rem; border:1px solid #b7b7b7;}
.product-form table tr td:nth-child(2n-1){ background: #f6f6f6;}


.product-look{padding: 1% 0;}
.product-look strong{font-size: 1.4rem;margin-bottom: 1%;display: block;}



.field-box{}
.field-box-ul{margin: 2% 0;display: inline-block;width: 100%;}
.field-box-ul li{float: left;width: 31.33%;margin:1%;text-align: center;box-shadow: 0px 0px 4px rgba(20,40,66,.2);}
.field-box-ul li:hover{background: #00a0e9;}
.field-box-ul li:hover a{color: #fff;}
.field-box-ul li a{display: block;}
.field-box-ul li img{background: #fff;}
.field-box-ul li h2{font-size: 1.1rem;padding:4% 2%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.classify-box{}
.classify-box-ul{}
.classify-box-ul li{display: table;width: 100%;padding-bottom: 1%;;border-bottom: 1px solid #ececec;}
.classify-box-ul li h2{padding: 2% 0;font-weight:bold;}
.classify-box-ul li i {
	display: block;
	height: 0.1rem;
	background: #eaeaea;
	margin: 2% 0;
}
.classify-box-ul li p{padding: 1rem 0;line-height:1.6rem;}
.classify-box-ul li span{}
.classify-box-ul li a{background: #00a0e9;
  border: 0;
  color: #fff;
  font-size: 1rem;
  padding: 0.36rem 2rem;margin:2% 0;
  display: table;border-radius:1rem;}
.classify-box-ul .left{width: 56%;padding: 2%;margin: 2% 0;}
.classify-box-ul .right{width: 36%;margin: 2%;}


.list-news-box{}
.list-news-boxul{}
.list-news-boxul li{padding: 2%;border-bottom: 0.1rem solid #e3e3e3;}
.list-news-boxul li h3{}
.list-news-boxul li span{margin: 1% 0;display: block;font-size: 1.1rem;}
.list-news-boxul li p{color: #666;line-height: 1.6rem;}
.list-news-boxul li a{}

.news-box{margin: 2% 0;}
.news-box .left{width: 68%;padding: 2%;box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);}
.news-box .right{width: 22%;padding: 2%;box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);}
.news-left-title{}
.news-left-title h1{font-size: 1.6rem;}
.news-left-title span{margin: 2% 0;display: block;font-size: 1.1rem;color: #666;}
.news-left-body{color: #3e3e3e;}
.news-left-body h2{margin: 2% 0;font-size: 1.2rem;font-weight: bold;}
.news-left-body h3{margin: 2% 0;font-size: 1.1rem;font-weight: bold;}
.news-left-body p{line-height: 1.6rem;text-indent:2em;margin:0.5rem 0;}
.news-left-body img{margin:2% auto;display: block;}
.news-left-body b{}
.news-left-body span{}
.news-left-body strong{}
.news-left-body a{color:#00a0e9;}
.news-left-intro {background: #f4f4f4;padding: 2%;margin: 1rem 0;font-size: 1rem;line-height: 1.4rem;text-indent: 0em;border-radius: 0.2rem;color: #666;box-shadow: 0px 0px 1px rgba(20,40,66,.2);}
.news-left-intro p{text-indent:0;}
.news-prev{border-bottom: 1px solid #dedede ;border-top: 1px solid #dedede ;padding: 2% 0;}
.news-prev p{text-indent:0;line-height: 2.2rem;}

.news-right-one{}
.news-right-one li{border-bottom: 1px solid #ccc;}
.news-right-one h4,.news-right-two h4{font-size: 1.2rem;font-weight: bold;border-left: 0.3rem solid #00a0e9;padding-left: 0.5rem;margin-bottom:1rem;}
.news-right-one a{display:inline-block;vertical-align: middle;}
.news-right-one strong{font-size: 1.1rem;}
.news-right-one p{}
.news-right-one .le{width: 45%;float: left;}
.news-right-one .ri{width: 50%;float: right;padding: 8% 0;}
.news-right-one li:hover{background: #00a0e9;}
.news-right-one li:hover a{color: #fff;}

.news-right-two{margin-bottom:8%;}
.news-right-two li{list-style: inside;}
.news-right-two .on{list-style: none;}
.news-right-two h3{font-weight:normal;line-height: 2rem;display: inherit;font-size: 1rem;}

.invest-box{padding: 2% 0;}
.invest-box-gif{text-align: center;}
.invest-box-gif h2{margin-bottom: 1rem;}
.invest-box-gif strong{font-size: 1rem;color: #00a0e9;margin-left: 0.5rem;}
.invest-box-img{margin: 2% 0;text-align: center;}

.contact-box{}
.contact-box-txt{background: #00a0e9;color: #fff;padding: 2%;margin: 2%;width: 76%;}
.contact-box-txt .txt{margin: 2%;}
.contact-box-txt .txt h3{margin-bottom: 1%;font-weight: bold;}
.contact-box-txt .txt p{line-height: 1.6rem;}
.contact-box-txt .txt p b{font-size: 1.2rem;}
.about-imgone{margin: 2%;}
.about-imgone img{}
.about-imgone .swiper-slide{}

.about-imgtwo{margin: 4%;}
.about-imgtwo img{}
.about-imgtwo .swiper-slide{}

.about-imgtwo .swiper-slide{width: 70% !important;box-shadow: 0px 0px 4px rgba(20,40,66,.1);}
.about-imgtwo .swiper-slide img{border-radius: 0.1rem;}
.about-imgtwo .swiper-slide-active{transform: scale(1);border-radius: 0.1rem;}
.about-imgtwo .swiper-slide-next,.about-imgtwo .swiper-slide-prev{transform: scale(0.92);}

.list-guard-box{}
.list-guard-boxul{margin:2% 0;}
.list-guard-boxul li{padding:2% 0;border-bottom: 0.1rem solid #e3e3e3;}
.list-guard-boxul li a{}
.list-guard-boxul li h3{display: inline-block;width:80%;font-size:1rem;}
.list-guard-boxul li span{display: inline-block;width:20%;text-align:right;}

.temporary-box{}
.temporary-div{width: 96%;margin: 2%;}
.temporary-div h1{font-weight:bold;}
.temporary-div p{margin:1rem 0;line-height: 1.6rem;}
.temporary-div img{}
.temporary-div b {
	background: #00a0e9;
	color: #fff;
	padding: 0.36rem 2rem;
	margin: 1rem;
	border-radius: 1rem;
	cursor: pointer;
	display: table;
}
.temporary-img{}

@media screen and (max-width: 768px){
	/*通用*/
	.head-log{width: 100%;box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2);}
	.head-log a{width: 18%;}
	.head-log .head-p{width: 68%;padding: 0 1%;}
	.head-log b{}
	.head-log .head-navi{width: 8%;display: inline-block;vertical-align: middle;cursor: pointer;}
	.head-log .head-navi i{background: #00a0e9;height: 0.2rem;display: block;margin: 0.6rem 0;width: 100%;}
	.head-log .head-navi .on{width: 80%;}
	.head-ul{position: absolute;z-index: 99999999;background: #00a0e9;display:none;}
	.head-ul li {float: none;width: 100%;}
	.footer-ul{display: none;}
	.footer-logo{padding: 4%;margin-bottom: 10%;}
	.position{padding: 2% 0;}
	.message-form-ul li{width: 96%;margin: 2%;}
	.message-form-ul .on{width: 96%;}
	.new-pro-option{width: 100%;}
	/*通用*/
	/*首页*/
	.in-title h2{font-size: 1.4rem;}
	.in-product-ul{width: 100%;}
	.in-product-ul li{width: 31.33%;}
	.in-product-ul li strong{font-size: 1.1rem;}
	.in-product-ul li a{padding: 8%;}
	.in-product-list li{width: 48%;}
	.in-about-figure li{width: 33.3%;margin-bottom:2%;}
	.in-about-figure b{font-size: 1.2rem;line-height: 2rem;}
	.in-about-left{width: 96%;padding: 2%;}
	.in-about-right{width: 100%;}
	.in-skill{padding-bottom:4%;}
	.in-skill-ulb li .txt{padding:6% 4%;}
	.in-skill-ulb li b{font-size: 1.2rem;}
	.in-skill-ulb li span a{font-size: 1rem;}
	.in-field-one li{width: 48%;margin: 1%;}
	.in-field-one li h4{font-size:1rem;}
	.in-news-box .left{width: 100%;}
	.in-news-box .right{width: 98%;margin: 0 auto;}
	.in-field2-ul li{width: 33.33%;}

	/*首页*/
	/*产品列表*/
	.list-product-one{padding: 4% 2%;}
	.list-product-ul li{width: 98%;}
	/*产品列表*/
	/*产品*/
	.product-info{padding: 4% 2%;}
	.product-info .left{width: 100%;}
	.product-info .right{padding: 0;width: 100%;margin-bottom:4%;}
	.product-info .right .txt li{line-height: 2.4rem;}
	.product-descr,.product-form{width: 96%;}
	.product-descr .left{width: 100%;margin: 2% 0;}
	.product-descr .right{width: 100%;margin: 2% 0;}
	.product-form table tr td{font-size:0.9rem;}
	.product-info .product-ann a{width:29%;font-size:1rem;padding:0.6rem 1rem;}
	/*产品*/
	/*新闻列表*/
	.list-news-boxul li p{display: none;}
	/*新闻列表*/
	/*新闻*/
	.news-left-title h1{font-size: 1.4rem;}
	.news-box .left,.news-box .right{width: 96%;}
	.news-right-two{margin: 4% 0;}
	/*新闻*/
	/*应用*/
	.field-box-ul{width: 92%;margin: 4%;}
	.field-box-ul li{width: 98%;}
	
	.classify-box-ul .left,.classify-box-ul .right{width:96%;}
	.news-left-intro{display: none;}
	.news-left-body a{display: block;}
	
	/*应用*/
	/*关于*/
	#tab6 li a{font-size: 1.2rem;}
	#tab6 li::before{width: 1.4rem;height: 1.4rem;bottom: -18%;}
	/*关于*/
	/*联系*/
	.contact-box-txt{width: 92%;}
	/*联系*/
}