

@font-face {
	font-family: 'pingfang';
	src: url('PingFang Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OPENSANS';
	src: url('OPENSANS-REGULAR_0.TTF');
	font-weight: normal;
	font-style: normal;
}


html,
body,
div,
p,
ul,
li,
ol,
dl,
dt,
dd,
form,
input,
textarea,
table,
tr,
td,
img,
a,
span,
em,
h1,
h2,
h3,
h4,
h5,
h6{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-style:normal;
	font-weight:normal;
	padding:0;
	margin:0;
}


body{
	font-family:"OPENSANS","微软雅黑",arial, Helvetica, sans-serif;
   	font-size:16px;
}

input,
select,
option,
textarea {
	border: none;
	outline: none;
}

img {
	border: none;
}

a,
a:hover ,
a:active,
a:visited,
a:link{
	text-decoration: none;
	outline: 0;
}


ul li{
	margin:0;
}
ul,li{
	list-style:none;
}

.left{
	float:left;
}

.right{
	float:right;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}

.none{
	display:none;
}

.block{
	display:block;
}


.w{
	width:1360px;
	margin:0 auto;
	box-sizing: border-box;
}


/*index*/

.recommend-box3{
	padding:55px 0 70px;
	background:#fafcfe;
}
.recommend3.articleShow {
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}

.recommend31{
	width:60%;
}

.recommend31_title{
	margin-bottom:45px;
}

.recommend31_title h3{
	font-size:30px;
	line-height:30px;
	font-family:'pingfang';
	color:#404040;
	font-weight:bold;
	margin-bottom:5px;
}

.recommend31_title p{
	color:#aeaeae;
	font-size:20px;
	line-height:20px;
	margin-bottom:30px;
}

.recommend31_title span{
	display:block;
	width:78px;
	height:2px;
	background:#00cec4;
}

.recommend31_main dl{
	float:left;
	width:25%;
}

.recommend31_main dl dt{
	font-size:16px;
	line-height:16px;
	color:#464646;
	margin-bottom:20px;
}

.recommend31_main dl dd a{
	font-size:16px;
	line-height:30px;
	color:#464646;
}

.recommend31_main dl dd a:hover{
	color:#00cec4;
}

.recommend32_title{
	margin:35px 0 45px;
}

.recommend32_title h3{
	font-size:24px;
	line-height:24px;
	font-family:'pingfang';
	color:#464646;
	margin-bottom:5px;
}

.recommend32_title p{
	font-size:13px;
	line-height:13px;
	color:#464646;
	margin-bottom:10px;
}

.recommend32_main2{
	margin-left:30px;
}

.recommend32_main1 li{
	padding:8px 30px;
	color:#464646;
	font-size:16px;
	line-height:30px;
}
.recommend32_main1 li:nth-child(1){
	background:url(../images/f_add.jpg) no-repeat left center;
}
.recommend32_main1 li:nth-child(2){
	background:url(../images/f_tel.jpg) no-repeat left center;
}
.recommend32_main1 li:nth-child(3){
	background:url(../images/f_tax.jpg) no-repeat left center;
}
.recommend32_main1 li:nth-child(4){
	background:url(../images/f_email.jpg) no-repeat left center;
}




.innews_section{
	padding:60px 0;
}

.innews_sec2.articleShow {
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}

.innews_title{
	margin-bottom:55px;
	color:#aeaeae;
	font-size:20px;
	line-height:20px;
	text-align: center;
}

.innews_title h3{
	font-family:"pingfang";
	color:#404040;
	font-size:30px;
	line-height:30px;
	margin-bottom:5px;
}


.innews_sec2 li{
	float:left;
	width:24%;
	margin-right:1.33%;
	margin-bottom:20px;
	border:2px solid #f0f0f0;
	padding:20px;
	min-height:132px;
}

.innews_sec2 li:nth-child(4){
	margin-right:0;
}

.innews_sec2 li h4{
	color:#a6a6a6;
	font-size:13px;
	line-height:20px;
	margin-bottom:10px;
	padding-left:25px;
	background:url(../images/innews1.png) no-repeat left center;
}

.innews_sec2 li p{
	color:#404040;
	font-size:16px;
	line-height:24px;
	transition:all 0.3s;
}
.innews_sec2 li:hover p{
	color:#00cec4;
}
.innews_sec1{
	margin-bottom:40px;
}


.innews1_main1,
.innews1_main2{
	width:50%;
	height:365px;
	background:#f8f8f9;
}

.innews1_main1 img{
	display: block;
	width:100%;
	height:100%;
}

.innews1_main2{
	font-size:15px;
	line-height:25px;
	color:#666666;
	padding:50px;
}

.innews1_main2 h3{
	font-size:20px;
	line-height:20px;
	color:#404040;
	margin-bottom:18px;
	transition:all 0.3s;
}


.innews1_main2 h5{
	margin-bottom:25px;
	font-size:14px;
	line-height:14px;
	color:#cbcbcb;
}


.innews_sec1{
	position:relative;
}

.innews_sec1 .hd{
	position:absolute;
	top:80%;
	right:42%;
	z-index:9999;
}

.innews_sec1 .hd li{
	display: inline-block;
	text-indent:8989999999px;
	cursor: pointer;
	width:10px;
	height:10px;
	border-radius:5px;
	background:#cecece;
	margin:0 5px;
}

.innews_sec1 .hd li.on{
	background:#00cec4;
}

.innews_sec1 .bd li:hover .innews1_main2 h3{
	color:#00cec4;
}

.brand-center .innews_title{
	margin:65px 0 60px;
}


.product-box .innews_title{
	margin:60px 0 50px;
}

.product-box{
	background:#fff;
}

.productcon{
	background:#fbfcfe;
}

.recommend-box{
	padding:60px 0 70px;
	border:1px solid #f0f0f0;
}

.innews_sec2.articleShow li{ opacity:0;}
.innews_sec2.articleShow li{  -webkit-animation:fadeInUp .6s ease-in-out both;-moz-animation:fadeInUp .6s ease-in-out both;-ms-animation:fadeInUp .6s ease-in-out both; animation:fadeInUp .6s ease-in-out both; opacity:1;}
.innews_sec2.articleShow{
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}

.innews_sec2.articleShow li:nth-child(2){ animation-delay:0.3s; -webkit-animation-delay:0.3s;}
.innews_sec2.articleShow li:nth-child(3){ animation-delay:0.6s; -webkit-animation-delay:0.6s;}
.innews_sec2.articleShow li:nth-child(4){ animation-delay:0.9s; -webkit-animation-delay:0.9s;}
.innews_sec2.articleShow li:hover{
	box-shadow:0px 0px 10px #ddd;
}

.prowr {
    top: 65%;
}
.products {
     width:100%; 
}
.products li span {
    left: 22%;
}
.products li a {
    padding: 25px 27% 25px 38%;
}
.products li:hover a{padding:30px 25% 30px 40%;}
.products li b {
    right:10%;
}
.procenter{
	display: none;
}
.productlist_tit{
	padding-left:23%;
	padding-top:50px;
}


.productlist_tit h4{
	font-size:21px;
	line-height:21px;
	font-weight:bold;
	font-family: "pingfang";
	color:#404040;
}
.productlist_tit h2{
	font-size:37px;
	line-height:40px;
	font-weight:bold;
	margin-bottom:5px;
	color:#cbcbcb;
}

.recommend{
	position:relative;
}
.recommend .owl-carousel .owl-item img{
	display: block;
	width:100%;
	height:auto;
}
.recommend-list.owl-carousel .owl-item{position:relative; perspective:500px;}
.recommend-list.owl-carousel .owl-item figure{ display:block; line-height:1; overflow:hidden;}
.recommend-list.owl-carousel .owl-item figure img{ display:block; width:100%; height:auto; line-height:1; transition: 0.5s;}
.recommend-list.owl-carousel .owl-item:hover .reconmmendt{transform: none; opacity: 1; visibility:visible;}
.recommend-list.owl-carousel .owl-item:hover figure img{transform: translateY(-100%)}


.recommend-list.owl-carousel.articleShow .owl-item{ opacity:0;}
.recommend-list.owl-carousel.articleShow .owl-item{
	-webkit-animation: fadeInUp1 1s ease-in-out both;
	-moz-animation: fadeInUp1 1s ease-in-out both;
	-ms-animation: fadeInUp1 1s ease-in-out both;
	animation: fadeInUp1 1s ease-in-out both;
	opacity: 1;
}


.recommend_more{
	text-align: center;
	padding-top:38px;
}
.recommend_more a{
	display: inline-block;
	width:90px;
	line-height:36px;
	border:2px solid #d0d0d0;
	border-radius:20px;
	font-size:14px;
	color:#404040;
	transition:all 0.3s;
	box-sizing: border-box;
	position:relative;
	font-weight:bold;
	z-index:12;
}
.recommend_more a:hover{
	background:#03cfc6;
	border-color:#03cfc6;
	color:#fff;
}

.recommend-list.owl-carousel .owl-nav{
	text-align: center;
	position:absolute;
	bottom:-94px;
	z-index:10;
	left:0;
	right:0;
}
.recommend-list.owl-carousel .owl-prev,
.recommend-list.owl-carousel .owl-next{
	display: inline-block;
	width:36px;
	height:36px;
	margin:0 50px;
}
.incase_prev,
.incase_next{
	display: inline-block;
	width:36px;
	height:36px;
	transition:all 0.3s;
	background-size:100% 100%!important;
	cursor: pointer;
}

.incase_prev{
	background:url(../images/inleft1.jpg) no-repeat center;
}
.incase_prev:hover{
	background:url(../images/inleft2.jpg) no-repeat center;
}
.incase_next{
	background:url(../images/inright1.jpg) no-repeat center;
}
.incase_next:hover{
	background:url(../images/inright2.jpg) no-repeat center;
}


.foot{
	font-size:14px;
	line-height:24px;
	color:#a3b1bf;
}

.footer-box{
	padding:70px 0;
}

.f_share a{
	width:46px!important;
	height:46px!important;
	margin:0!important;
	padding:0!important;
	margin-left:20px!important;
	background-size:100% 100%!important;
}

.f_share a.bds_weixin{
	background:url(../images/wechat.jpg) no-repeat center;
}

.f_share a.bds_sqq{
	background:url(../images/qq.jpg) no-repeat center;
}

.f_share a.bds_tsina{
	background:url(../images/sina.jpg) no-repeat center;
}

.f_logo{
	position:absolute;
	left:45%;
}





/*about*/
.ny_banner{
	height:470px;
	transition:all 0.3s;
	background-size:auto 100%!important;
}
.ny_banner.ab_banner{
	background:url(../images/ab_banner.jpg) no-repeat center;
}


.ny_nav{
	padding:27px 0 20px;
}

.nynavtop a{
	font-size:18px;
	color:#404040;
	margin:0 20px;
	line-height:50px;
	transition:all 0.2s;
}

.nynavtop a.on,
.nynavtop a:hover{
	color:#00cec2;
}

.nynav_tit{
	padding-right:35px;
	margin-right:25px;
	border-right:2px solid #00cec2;
}
.nynav_tit h3{
	font-family:"pingfang";
	font-size:30px;
	line-height:30px;
	color:#404040;
	margin-bottom:5px;
}

.nynav_tit p{
	font-family:"pingfang";
	font-size:20px;
	line-height:20px;
	color:#aeaeae;
}





.about1_sec1{
	width:50%;
	position:relative;
	height:506px;
	background:url(../images/ab1.jpg) no-repeat right center;
	background-size:auto 100%; 
}

.about1_sec2 {
	width:50%;
	position:relative;
	height:506px;
	background:#f8f8f8;
}

.ab12_main {
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    padding: 45px 50px 20px;
    font-size:16px;
    color:#404040;
    line-height:30px;
}

.ab12_tit{
	position:relative;
	margin-bottom:35px;
}
.ab12_tit::after{
	content: "";
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	width:20%;
	height:2px;
	background:#00cec4;
}

.ab12_tit h3{
	font-family:"pingfang";
	font-weight:bold;
	font-size:21px;
	line-height:21px;
	margin-bottom:10px;
	color:#404040;
}
.ab12_tit img{
	display: block;
	max-width:100%;
	height:auto;
	margin-bottom:30px;
}
.ab12_tit span{
	display: block;
	width:80%;
	height:2px;
	background:#d5d5d5;
}


.about2_sec1,
.about2_sec2{
	width:50%;
	height:650px;
	position:relative;
}

.about2_sec1{
	background:#2f4052;
}

.about2_sec2{
	background:url(../images/ab2.jpg) no-repeat left center;
	background-size:auto 100%!important;
}

.ab21_main {
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    padding: 50px 8% 20px;
    font-size:16px;
    color:#404040;
    line-height:30px;
}

.ab21_tit{
	position:relative;
	margin-bottom:50px;
}


.ab21_tit::after{
	content: "";
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	width:20%;
	height:2px;
	background:#00cec4;
}


.ab21_tit h5{
	font-family:"pingfang";
	font-weight:bold;
	font-size:21px;
	color:#fff;
	line-height:21px;
	margin-bottom:10px;
}

.ab21_tit span{
	display:inline-block;
	font-weight:bold;
	font-size:35px;
	color:#cbcbcb;
	line-height:35px;
	padding-bottom:20px;
	border-bottom:2px solid #d5d5d5;
}

.ab21_m{
	height:365px;
	overflow-y:scroll;
	padding:20px 40px 20px 0;
}

.ab21_m ul{
	background:url(../images/ab_bg.jpg) repeat-y 20% center;
}

.ab21_m::-webkit-scrollbar{
    width:5px;
    height: 100%;
    background-color: #ffffff;
    border-radius:3px;
}

.ab21_m::-webkit-scrollbar-thumb{
    background-color: #00cec4;
    border-radius:3px; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    width:5px;
}

.ab21_m ul li{
	padding:28px 0;
}


.ab21_m ul li .ab21_year{
	width:20%;
	position:relative;
	color:#fff;
	font-size:30px;
	padding-top:13px;
}

.ab21_m ul li .ab21_year::after{
	content:"";
	position:absolute;
	right:-9%;
	top:25px;
	height:1px;
	width:20px;
	background:#fff;
}

.ab21_m ul li .ab21_mm{
	width:70%;
	color:#ffffff;
	font-size:16px;
	line-height:26px;
}






/*news*/

.news_section{
	padding:50px 0 30px;
	background:#f8f8f8;
}

.news1_sec.articleShow,
.news2_sec.articleShow{
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}

.news2_sec.articleShow{
	animation-delay:0.6s; 
	-webkit-animation-delay:0.6s;
}

.news_sec1{
	width:66%;
}

.news_sec2{
	width:32%;
}


.news_sec2 li{
	background:#fff;
	padding:21px 20px 40px;
	margin-bottom:20px;
	transition:all 0.2s;
}
.news_sec2 li h4{
	font-size:13px;
	line-height:25px;
	padding-left:25px;
	color:#a6a6a6;
	margin-bottom:20px;
	background:url(../images/news_date.jpg) no-repeat left center;
}
.news_sec2 li h3{
	font-size:16px;
	line-height:16px;
	color:#404040;
	margin-bottom:15px;
	transition:all 0.2s;
}

.news_sec2 li div{
	font-size:13px;
	line-height:20px;
	color:#666666;
}
.news_sec2 li:hover h3{
	color:#00cec4;
}

.news_sec2 li:hover{
	box-shadow:0px 0px 10px #ddd;
}


.news2_sec .news_sec2{
	width:100%;
}
.news2_sec .news_sec2 li{
	float:left;
	width:32%;
	margin-right:2%;
}

.news2_sec .news_sec2 li:nth-child(3n){
	margin-right:0;
}

.news_sec1 li{
	float:left;
	width:48%;
	margin-right:4%;
	margin-bottom:20px;
}

.news_sec1 li:nth-child(2n){
	margin-right:0;
}

.news_sec1 li .news1_main{
	background:#00cec4;
	color:#fff;
	position:relative;
	padding:20px 60px;
	text-align: center;
	font-size:18px;
	line-height:25px;
}


.news_sec1 li .news1_img{
	overflow: hidden;
}
.news_sec1 li .news1_img img{
	display: block;
	width:100%;
	height:auto;
	transition:all 0.5s;
}
.news_sec1 li:hover .news1_img img{
	transform: scale(1.12);
}
.news_sec1 li:hover{
	box-shadow:0px 0px 10px #999;
}

.news_sec1 li .news1_main img{
	position:absolute;
	top:-20px;
	left:50%;
	margin-left:-20px;
	z-index:2;
}


.fanye_section{
	background:#fff;
	line-height:58px;
	border-bottom:3px solid #01cfc5;
	text-align: center;
}

.fanye_section a{
	display: inline-block;
	font-size:16px;
	color:#666666;
	padding:0 25px;
	transition:all 0.3s;
}


.fanye_section a:hover,
.fanye_section a.on{
	color:#fff;
	background:#00cec4;
	font-weight:bold;
}
.fanye_section a.fir{
	background:url(../images/newl1.png) no-repeat 15% center;
	padding:0 25px 0 40px;
}

.fanye_section a.fir:hover,
.fanye_section a.fir.on{
	background:#00cec4 url(../images/newl2.png) no-repeat 15% center;
}


.fanye_section a.last{
	background:url(../images/newr1.png) no-repeat 85% center;
	padding:0 40px 0 25px;
}

.fanye_section a.last:hover,
.fanye_section a.last.on{
	background:#00cec4 url(../images/newr2.png) no-repeat 85% center;
}







/*join*/
.join1_section .ab12_tit span {
    width:40%;
}

.join1_section .ab12_m h5{
	margin-bottom:38px;
}

.join2_section{
	padding:70px 0 90px;
	border-bottom:2px solid #f0f0f0;
}

.join2_tit{
	text-align:center;
	margin-bottom:45px;
}

.join2_tit h3{
	font-size:30px;
	line-height:30px;
	color:#404040;
	margin-bottom:5px;
	font-family:"pingfang";
	font-weight:bold;
}

.join2_tit p{
	font-size:20px;
	line-height:20px;
	color:#aeaeae;
	font-family:"pingfang";
}


.join2_sec.articleShow{
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}
.join2_s>h2{
	font-size:20px;
	color:#fff;
	background:#00cec4;
	line-height:90px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	padding:0 50px;
}

.sideMenu_main>h3 span:nth-child(1),
.join2_s>h2 span:nth-child(1){
	display: inline-block;
	width:25%;
	text-align: left;
}

.sideMenu_main>h3 span:nth-child(2),
.sideMenu_main>h3 span:nth-child(3),
.sideMenu_main>h3 span:nth-child(4),
.sideMenu_main>h3 span:nth-child(6),
.join2_s>h2 span:nth-child(2),
.join2_s>h2 span:nth-child(3),
.join2_s>h2 span:nth-child(4),
.join2_s>h2 span:nth-child(6){
	display: inline-block;
	width:12%;
	text-align: center;
}

.sideMenu_main>h3 span:nth-child(5),
.join2_s>h2 span:nth-child(5){
	display: inline-block;
	width:17%;
	text-align: center;
}

.sideMenu_main{
	background:#fafafa;
}
.sideMenu_main>h3{
	background:#fff url(../images/join3.jpg) no-repeat 97% center;
	transition:all 0.3s;
	line-height:60px;
	border-bottom:2px solid #f0f0f0;
	padding:0 50px;
	cursor: pointer;
}
.sideMenu_main>h3.on{
	background:#fafafa url(../images/join2.jpg) no-repeat 97% center;
	border-bottom:2px solid #d6d6d6;
}


.sideMenu ul{
	padding:30px 50px 50px;
	position:relative;
	font-size:14px;
	line-height:24px;
	color:#666666;
}
.sideMenu ul dl{
	margin-bottom:25px;
}
.sideMenu ul dt{
	color:#00cec4;
	margin-bottom:25px;
}

.sideMenu .join2_m{
	position:absolute;
	bottom:50px;
	left:0;
	right:50px;
	z-index:2;
	text-align: right;
}

.sideMenu .join2_m a{
	display: inline-block;
	width:156px;
	line-height:46px;
	border-radius:23px;
	font-size:16px;
	color:#fff;
	padding-left:60px;
	text-align: left;
	background:#00cec4 url(../images/join4.jpg) no-repeat 24px center;
	transition:all 0.2s;
	margin-right:10px;
}


.sideMenu .join2_m a:hover{
	opacity: 0.8;
}

.sideMenu .join2_m span{
	display: inline-block;
	width:225px;
	line-height:46px;
	border-radius:23px;
	font-size:18px;
	color:#333333;
	padding-left:60px;
	text-align: left;
	background:#fff url(../images/join5.jpg) no-repeat 24px center;
}







/*business*/
.bus1_section{
	padding:45px 0;
	background:#f8f8f8;
}

.bus1_sec.articleShow{
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}


.bus1_sec p{
	text-indent:2em;
	font-size:16px;
	line-height:28px;
	color:#666666;
	margin-bottom:18px;
}

.bus2_section{
	padding:70px 0 100px;
	background:url(../images/bus1_bg.jpg) no-repeat center;
	background-size:auto 100%;
}

.bus2_sec.articleShow{
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}

.bus2_sec li{
	float:left;
	width:33.33%;
	height:238px;
	padding:35px 60px 35px 70px;
	transition:all 0.3s;
	color:#fff;
	font-size:15px;
	line-height:25px;
}

.bus2_sec li:nth-child(1){
	background:#00cec4 url(../images/bus11.png) no-repeat 20px 30px;
}
.bus2_sec li:nth-child(2){
	background:#3498db url(../images/bus12.png) no-repeat 20px 30px;
}
.bus2_sec li:nth-child(3){
	background:#e74c3c url(../images/bus13.png) no-repeat 20px 30px;
}
.bus2_sec li:nth-child(4){
	background:#87d37c url(../images/bus14.png) no-repeat 20px 30px;
}
.bus2_sec li:nth-child(5){
	background:#a66bbf url(../images/bus15.png) no-repeat 20px 30px;
}
.bus2_sec li:nth-child(6){
	background:#2f4052 url(../images/bus16.png) no-repeat 20px 30px;
}
.bus2_sec li:hover{
	opacity:0.9;
}

.bus2_tit{
	font-family:"pingfang";
	margin-bottom:20px;
}
.bus2_tit h3{
	font-size:22px;
	line-height:22px;
	margin-bottom:5px;
}
.bus2_tit h5{
	font-size:12px;
	line-height:12px;
}

.bus3_section{
	padding:70px 0;
	background:#fff;
}
.bus3_sec.articleShow{
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}

.bus3_sec{
	padding-top:35px;
}

.bus3_sec ul{
	background:url(../images/bus2_bg.jpg) repeat-x center 98px;
	overflow: hidden;
}

.bus3_sec li{
	float:left;
	width:20%;
	text-align: center;
	padding:0 10px;
	font-size:20px;
	line-height:35px;
	color:#333333;
}

.bus3_sec li h2{
	font-size:60px;
	line-height:60px;
	color:#cbcbcb;
	font-weight:lighter;
}

.bus3_sec li img{
	margin:15px 0 25px;
}


.bus4_sec1{
	width:50%;
	position:relative;
	height:435px;
	background:url(../images/bus3.jpg) no-repeat right center;
	background-size:auto 100%; 
}

.bus4_sec2 {
	width:50%;
	position:relative;
	height:435px;
	background:#f8f8f8;
}

.bus42_sec {
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    padding: 60px 20px 20px 50px;
    font-size:15px;
    color:#666666;
    line-height:25px;
}

.bus42_sec1{
	min-height:200px;
	padding-bottom:20px;
}
.bus42_sec2{
	padding:0 40px;
	position:relative;
}
.buscase_prev,
.buscase_next{
	display: inline-block;
	width:36px;
	height:36px;
	transition:all 0.3s;
	background-size:100% 100%!important;
	cursor: pointer;
	position:absolute;
	top:30%;
}

.buscase_prev{
	background:url(../images/inleft1.jpg) no-repeat center;
}
.buscase_prev:hover{
	background:url(../images/inleft2.jpg) no-repeat center;
}
.buscase_next{
	background:url(../images/inright1.jpg) no-repeat center;
}
.buscase_next:hover{
	background:url(../images/inright2.jpg) no-repeat center;
}

.buscase_prev{
	left:-8%;
}
.buscase_next{
	right:-8%;
}
.bus42_main{
	margin:5px 5px;
	box-shadow:0px 0px 10px #eee;
}
.bus42_main img{
	display: block;
	width:100%;
	height:auto;
}

.bus42_main:hover{
	box-shadow:0px 0px 10px #ccc;
}




.bus5_section{
	padding:70px 0;
}

.bus5_tit{
	text-align: center;
	margin-bottom:40px;
}

.bus5_tit h3{
	font-size:30px;
	line-height:30px;
	color:#404040;
	margin-bottom:5px;
	font-family:"pingfang";
	font-weight:bold;
}
.bus5_tit p{
	font-size:20px;
	line-height:20px;
	color:#aeaeae;
}


.bus5_sec{
	padding:50px 10% 70px;
	border:2px solid #f0f0f0;
	border-radius:4px;
}

.bus5_sec.articleShow{
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}

.bus5_sec1 input{
	font-family: 'OPENSANS';
	color:#666;
	font-size:14px;
	line-height:48px;
	border:2px solid #f0f0f0;
	border-radius:24px;
	padding:0 30px;
	width:30%;
	margin:0 1.5% 10px;
}

.bus5_sec2{
	padding-top:45px;
	text-align: center;
}

.bus5_sec2 h3{
	font-size:14px;
	line-height:14px;
	margin-bottom:30px;
	color:#00cec4;
}

.bus5_sec2 input{
	background:#00cec4;
	color:#fff;
	font-size:18px;
	width:185px;
	line-height:48px;
	border-radius:24px;
	cursor: pointer;
	transition:all 0.2s;
	font-family: 'OPENSANS';
}
.bus5_sec2 input:hover{
	opacity:0.8;
}






/*products1*/
.pro1_section{
	background:#f8f8f8;
	padding:70px 0;
}

.pro1_title{
	text-align: center;
	margin-bottom:60px;
}

.pro1_title img{
	display: block;
	max-width:80%;
	height:auto;
	margin:0 auto 8px;
}

.pro1_title h4{
	color:#404040;
	font-size:21px;
	line-height:21px;
	font-family:"pingfang";
	font-weight:bold;
}

.pro1_sec.articleShow{
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}

.pro1_sec li{
	float:left;
	width:24%;
	margin-right:1.33%;
	margin-bottom:20px;
}

.pro1_sec li:nth-child(4n){
	margin-right:0;
}
.pro1_img{
	overflow: hidden;
}
.pro1_img img{
	display: block;
	width:100%;
	height:auto;
	transition:all 0.5s;
}

.pro1_sec li:hover .pro1_img img{
	transform:scale(1.12);
}

.pro1_main{
	transition:all 0.2s;
	line-height:60px;
	color:#404040;
	font-size:21px;
	background:#fff url(../images/pro12.jpg) no-repeat 90% center;
	font-family:"pingfang";
	padding:0 30px;
}

.pro1_sec li:hover .pro1_main{
	color:#fff;
	background:#00cec4 url(../images/pro13.jpg) no-repeat 90% center;
}
.pro1_main h3{
	padding-left:50px;
	transition:all 0.3s;
}

.pro1_sec li:nth-child(1) .pro1_main h3{
	background:url(../images/p11.png) no-repeat left center;
}
.pro1_sec li:nth-child(1):hover .pro1_main h3{
	background:url(../images/p12.png) no-repeat left center;
}

.pro1_sec li:nth-child(2) .pro1_main h3{
	background:url(../images/p21.png) no-repeat left center;
}
.pro1_sec li:nth-child(2):hover .pro1_main h3{
	background:url(../images/p22.png) no-repeat left center;
}

.pro1_sec li:nth-child(3) .pro1_main h3{
	background:url(../images/p31.png) no-repeat left center;
}
.pro1_sec li:nth-child(3):hover .pro1_main h3{
	background:url(../images/p32.png) no-repeat left center;
}

.pro1_sec li:nth-child(4) .pro1_main h3{
	background:url(../images/p41.png) no-repeat left center;
}
.pro1_sec li:nth-child(4):hover .pro1_main h3{
	background:url(../images/p42.png) no-repeat left center;
}

.pro1_sec li:nth-child(5) .pro1_main h3{
	background:url(../images/p51.png) no-repeat left center;
}
.pro1_sec li:nth-child(5):hover .pro1_main h3{
	background:url(../images/p52.png) no-repeat left center;
}

.pro1_sec li:nth-child(6) .pro1_main h3{
	background:url(../images/p61.png) no-repeat left center;
}
.pro1_sec li:nth-child(6):hover .pro1_main h3{
	background:url(../images/p62.png) no-repeat left center;
}

.pro1_sec li:nth-child(7) .pro1_main h3{
	background:url(../images/p71.png) no-repeat left center;
}
.pro1_sec li:nth-child(7):hover .pro1_main h3{
	background:url(../images/p72.png) no-repeat left center;
}





/*products2*/
.pro2_section .pro1_main{
	padding:0 20px;
	font-size:16px;
}





/*product_details*/
.prode_section{
	padding:50px 0;
	background:#f8f8f8;
}
.prode_sec{
	background:#fff;
	overflow: hidden;
}
.prosec1{
	width:66%;
	height:603px;
	position:relative;
}

.prosec1 .ban img{
	display: block;
	width:100%;
	height:auto;
}

.prosec1 .owl-carousel{
	margin:0;
}


.prosec1 .owl-nav{
	display: none!important;
}

.prosec1 .owl-dots{
	position:absolute;
	bottom:5em;
	left:0;
	right:0;
	text-align: center;
	z-index:2;
}
.prosec1 .owl-dot{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:100%;
	margin:0 3px;
	background:#fff;
}
.prosec1 .owl-dot.active{
	background:#00cec4;
}

.prosec2{
	width:34%;
	padding:50px 5%;
	font-size:15px;
	color:#999999;
	line-height:25px;
}

.prosec2_tit h2{
	font-size:25px;
	line-height:25px;
	color:#00cec4;
	font-weight:bold;
	padding-bottom:30px;
	margin-bottom:36px;
	border-bottom:1px dotted #ccc;
}

.prosec2_tit h4{
	font-weight:bold;
	color:#666666;
	font-size:16px;
	line-height:16px;
	margin-bottom:30px;
}


.prosec2_main{
	min-height:260px;
}

.prosec2_share{
	text-align: center;
}
.prosec2_share a.bds_more{
	display: inline-block;
	float:none;
	width:58px;
	height:58px;
	background:url(../images/pro22.jpg) no-repeat center;
	background-size:100% 100%;
}






/*contact*/

.contact1_section{
	padding:50px 0 90px;
	background:#f8f8f8;
}

.contact1_sec1,
.contact1_sec2{
	height:440px;
	width:50%;
	background:#2f4052;
}
.contact1_sec1{
	padding:4px;
	background:#fff;
}

.contact1_sec1 #dituContent{
	width:100%;
	height:100%;
}



.contact1_sec2{
	padding:30px;
}

.cont12_tit{
	font-weight:bolder!important;
	font-size:30px;
	line-height:40px;
	padding-bottom:30px;
	border-bottom:3px solid #fff;
	position:relative;
	margin-bottom:30px;
}

.cont12_tit::after{
	content: "";
	position:absolute;
	bottom:-3px;
	left:0;
	height:3px;
	width:100px;
	background:#00cec4;
}

.cont12_tit span{
	color:#00cec4;
}

.cont12_m22{
	margin-left:30px;
}


.cont12_m1 li{
	padding: 6px 30px;
    color: #fff;
    font-size: 16px;
}

.cont12_m1 li:nth-child(1){
	background:url(../images/con1.jpg) no-repeat left center;
}
.cont12_m1 li:nth-child(2){
	background:url(../images/con2.jpg) no-repeat left center;
}
.cont12_m1 li:nth-child(3){
	background:url(../images/con3.jpg) no-repeat left center;
}
.cont12_m1 li:nth-child(4){
	background:url(../images/con4.jpg) no-repeat left center;
}

.cont12_m21{
	padding-top:35px;
}

.cont12_m21 .bdsharebuttonbox a{
	margin:0!important;
	margin-left:20px!important;
	display: inline-block;
	width:45px;
	height:45px;
	border:1px solid #fff;
	border-radius:100%;
	overflow: hidden;
}

.cont12_m21 .bdsharebuttonbox a:nth-child(1){
	background:url(../images/qq.png) no-repeat center;
}

.cont12_m21 .bdsharebuttonbox a:nth-child(2){
	background:url(../images/sina.png) no-repeat center;
}

.cont12_m21 .bdsharebuttonbox a:nth-child(1):hover{
	border-color:#00cec4;
	background:#00cec4 url(../images/qq.png) no-repeat center;
}

.cont12_m21 .bdsharebuttonbox a:nth-child(2):hover{
	border-color:#00cec4;
	background:#00cec4 url(../images/sina.png) no-repeat center;
}

.contact2_section{
	padding-bottom:70px;
	background:#f8f8f8;
}

.contact2_tit{
	text-align: center;
	margin-bottom:40px;
	font-size:20px;
	line-height:20px;
	color:#aeaeae;
}

.contact2_tit h3{
	font-size:30px;
	line-height:30px;
	color:#404040;
	font-weight:bold;
	font-family:"pingfang";
	margin-bottom:5px;
}


.contact2_sec2{
	text-align: center;
}
.contact2_sec2 input{
	width:180px;
	line-height:46px;
	border-radius:23px;
	color:#fff;
	transition:all 0.3s;
	background:#00cec4;
	cursor: pointer;
	font-size:18px;
}

.contact2_sec2 input:hover{
	opacity:0.8;
}

.contact2_sec1 input{
	width:31.7%;
	margin-right:2%;
	margin-bottom:20px;
	padding:0 25px;
	color:#666666;
	font-size:14px;
	background:#fff;
	border-radius:23px;
	height:46px;
	line-height:46px;
}

.contact2_sec1 input:nth-child(3){
	margin-right:0;
}

.contact2_sec1 textarea{
	width:100%;
	height:150px;
	background:#fff;
	color:#666666;
	font-size:14px;
	line-height:30px;
	padding:20px 30px;
	border-radius:12px;
	margin-bottom:35px;
}

.contact2_sec.articleShow{
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}







/*technology*/
.tech_section{
	background:#f8f8f8;
	padding:50px 0 30px;
}
.tabs{ position:relative; width:100%; }

.tabs div{ position:relative;}

.tabs div .txt{ position:absolute; left:15px; bottom:10px; font-size:21px; color:#fff;}

.tabs div .icon{ position:absolute; left:50%; bottom:-14px; margin-left:-10px; background:url(../images/icon_05.png) no-repeat center top; width:21px; height:9px; overflow:hidden; display:none;}

.tabs li{ border-bottom:2px solid #fff;padding:5px;float:left;width:29%;margin:0 2%; height:auto;  cursor:pointer;}
.tabs li .n1>img,
.tabs li .n2>img,
.tabs li .n3>img{
	display: block;
	width:100%;
	height:auto;
}
.tabs li>img{
	display: block;
	width:100%;
	height:auto;
}
.tabs li.on{border-bottom:2px solid #bc9882;}

.tabs li.on div .icon{ display:block;}





.tabMain{ padding:70px 0 35px 60px; overflow:hidden; }

.tabMain li{ width:44%; float:left; margin-right:6%; border-bottom:1px dotted #ddd; padding-bottom:30px; margin-bottom:35px;}

.tabMain li h3{ font-size:20px; line-height:20px;font-weight:normal; padding-bottom:12px;color: #555;}

.tabMain li p{ height:36px; line-height:18px; overflow:hidden; color:#999; font-size:12px;}




/*engineering*/
.en_title{
	padding:50px 0 30px;
	background:#f8f8f8;
	text-align: center;
}
/*
.en_tit a{
	display: inline-block;
	color:#333333;
	font-size:18px;
	text-align: left;
	padding:0 30px 0 70px;
	line-height:46px;
	border-radius:23px;
	margin:0 10px;
	transition:all 0.3s;
}
.en_tit a:nth-child(1){
	background:#fff url(../images/entit11.png) no-repeat 30px center;
}

.en_tit a:nth-child(2){
	background:#fff url(../images/entit21.png) no-repeat 24px center;
}
.en_tit a:nth-child(1):hover,
.en_tit a:nth-child(1).on{
	background:#00cec4 url(../images/entit12.png) no-repeat 30px center;
	color:#fff;
}

.en_tit a:nth-child(2):hover,
.en_tit a:nth-child(2).on{
	background:#00cec4 url(../images/entit22.png) no-repeat 24px center;
	color:#fff;
}
*/

.en_tit li{
	display: inline-block;
	color:#333333;
	font-size:18px;
	text-align: left;
	padding:0 30px 0 70px;
	line-height:46px;
	border-radius:23px;
	margin:0 10px;
	transition:all 0.3s;
	cursor:pointer;
}
.en_tit li:nth-child(1){
	background:#fff url(../images/entit11.png) no-repeat 30px center;
}

.en_tit li:nth-child(2){
	background:#fff url(../images/entit21.png) no-repeat 24px center;
}
.en_tit li:nth-child(1):hover,
.en_tit li:nth-child(1).on{
	background:#00cec4 url(../images/entit12.png) no-repeat 30px center;
	color:#fff;
}

.en_tit li:nth-child(2):hover,
.en_tit li:nth-child(2).on{
	background:#00cec4 url(../images/entit22.png) no-repeat 24px center;
	color:#fff;
}







.eng_title{
	font-size:16px;
	line-height:26px;
	color:#666666;
	margin-bottom:30px;
}
.eng_title h3{
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color:#333333;
	margin-bottom:30px;
}



.eng1_section,
.eng2_section,
.eng3_section,
.eng4_section,
.eng5_section,
.eng6_section,
.eng7_section{
	padding:60px 0;
	background:#fff;
	text-align: center;
}

.eng1_section,
.eng3_section,
.eng5_section,
.eng7_section{
	background:#f8f8f8;
}

.eng_title{
	font-size:16px;
	line-height:26px;
	color:#666666;
	margin-bottom:30px;
}

.eng_title h3{
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color:#333333;
	margin-bottom:30px;
}



.eng1_sec li,
.eng2_sec li,
.eng3_sec li,
.eng4_sec li,
.eng5_sec li,
.eng6_sec li,
.eng7_sec li{
	display: inline-block;
	width:22%;
	padding:0 2%;
	vertical-align: top;
}


.eng1_sec li img,
.eng2_sec li img,
.eng3_sec li img,
.eng4_sec li img,
.eng5_sec li img,
.eng6_sec li img,
.eng7_sec li img{
	display: block;
	max-width:90%;
	height:auto;
	margin:0 auto 25px;
}


.eng7_sec li{
	width:70%;
}

.eng1_sec li h3,
.eng2_sec li h3,
.eng3_sec li h3,
.eng4_sec li h3,
.eng5_sec li h3,
.eng6_sec li h3,
.eng7_sec li h3{
	color:#00cec4;
	font-size:18px;
	line-height:18px;
	margin-bottom:18px;
}

.eng7_sec li h4{
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color:#333333;
	margin-bottom:30px;
}

.eng1_sec.articleShow,
.eng2_sec.articleShow,
.eng3_sec.articleShow,
.eng4_sec.articleShow,
.eng5_sec.articleShow,
.eng6_sec.articleShow,
.eng7_sec.articleShow{
	-webkit-animation: fadeInUp1 .8s ease-in-out both;
	-moz-animation: fadeInUp1 .8s ease-in-out both;
	-ms-animation: fadeInUp1 .8s ease-in-out both;
	animation: fadeInUp1 .8s ease-in-out both;
	opacity: 1;
}










.brand-info span{
	cursor:pointer;
}


















/*响应式样式*/
@media only screen and (max-width:1400px ) {
.w {
    width: 1200px;
    padding:0 2%;
}

.brand-icon {
    top: 82%;
}
.products li p {
    margin-left: 0%;
    line-height: 8px;
}
.products li:hover p{ color:#fff;margin-left:5%;}

.products li span {
    top: 58%;
}
.products li i {
	margin-top:3px; 
}
.brand-wr {
    padding: 15% 44px 32px;
}

.productlist_tit {
    padding-left: 20%;
    padding-top:35px;
}
.brand-wr {
    padding:10% 30px 32px;
}

.bus2_sec li {
    height: 245px;
    padding: 30px 50px 30px 70px;
    line-height:25px;
}

.bus2_tit {
    margin-bottom: 15px;
}

.cont12_m21 .bdsharebuttonbox a {
    margin-left: 10px!important;
    width:35px;
    height:35px;
    background-size:50% auto!important;
}

.cont12_m22 {
    margin-left: 20px;
}
.cont12_tit {
    font-size:26px;
    line-height:32px;
}
.cont12_m1 li {
    padding: 6px 10px 6px 30px;
    font-size: 15px;
}

.eng1_sec li h3, .eng2_sec li h3, .eng3_sec li h3, .eng4_sec li h3, .eng5_sec li h3, .eng6_sec li h3, .eng7_sec li h3 {
    line-height: 16px;
    margin-bottom: 16px;
}

.eng1_sec li, .eng2_sec li, .eng3_sec li, .eng4_sec li, .eng5_sec li, .eng6_sec li{
    width: 24%;
}
.news_section .w{
	padding:0;
}
.news_sec2 li {
    padding:10px 20px 20px;
}
.news_sec2 li h4 {
    margin-bottom: 12px;
}
.prosec1{
	height:auto;
}
.prosec2 {
    padding:40px 3%;
}
.prosec2_main {
    min-height: 200px;
}
.prosec1 .owl-dots {
    bottom: 3em;
}
















}
@media only screen and (max-width:1200px ) {
.w{
	width:1024px;
}
.product-box {
    padding: 60px 0;
}

.banner_bg img {
    max-width: 80%;
}
.incase_prev{
	left:40%;
}
.incase_next{
	right:40%;
}
.brand-center {
    padding: 50px 0;
}
.product-box .innews_title,
.brand-center .innews_title {
    margin:20px 0 40px;
}
.brand-wr {
    padding: 30px;
}
.brand-wr p {
    font-size: 14px;
    letter-spacing: 0px;
    height:auto;
}

.brand-wr h4 img{
	max-width:50%;
	height:auto;
}
.brand-icon {
    top:86%;
}
.brand-info {
    margin-right:20px;
    width: auto;
    height: auto;
    margin-bottom: 0;
    
}
.brand-info a {
    width:30px;
    height: 30px;
    line-height: 30px;
}

.brand-info a b {
    width: 16px;
    background-size:100% auto!important;
}
.brand-info span {
    font-size:16px;
    line-height: 30px;
    margin-left:5px;
}
.productlist_tit {
    padding-top:20px;
}
.productlist_tit h2 {
    font-size:27px;
    line-height:32px;
}
.productlist_tit h4 {
    font-size: 18px;
    line-height: 18px;
}
.products li p {
    font-size:18px;
}

.products li a {
    padding: 23px 27% 23px 38%;
}

.innews1_main1{
	width:40%;
}
 .innews1_main2 {
    width: 60%;
    padding:40px 15% 40px 30px;
}

.innews_sec2,
.recommend3,
.footer.w{
	width:1024px;
}

.recommend31 {
    width: 50%;
}
.recommend31_main dl {
    width:30%;
}

.innews_sec1 .hd {
    top: 90%;
    right: 50%;
}


.ny_banner {
    height: 380px;
}
.ab12_main {
    padding: 35px 30px 20px;
    font-size: 15px;
    line-height:28px;
}
.ab12_tit img {
    max-width: 90%;
    margin-bottom: 20px;
}
.ab12_tit {
    margin-bottom: 20px;
}


.buscase_prev{
	left:-10%;
}
.buscase_next{
	right:-10%;
}

.buscase_prev, .buscase_next {
    width: 25px;
    height: 25px;
    top: 30%;
}

.bus5_sec {
    padding:40px 5% 50px;
}

.bus5_sec1 input {
    padding: 0 20px;
    margin: 0 1% 10px;
}

.bus2_sec li {
    height: 280px;
}
.bus3_sec li {
    font-size:17px;
    line-height: 25px;
}

.cont12_tit {
    font-size: 22px;
    line-height: 28px;
    padding-bottom:20px;
    margin-bottom: 20px;
}
.cont12_m1 li {
    padding: 6px 10px 6px 30px;
    font-size: 15px;
    line-height: 15px;
}

.cont12_m2.right{
	float:left;
	padding-top:20px;
}


.eng1_sec li h3, .eng2_sec li h3, .eng3_sec li h3, .eng4_sec li h3, .eng5_sec li h3, .eng6_sec li h3, .eng7_sec li h3 {
    line-height:20px;
}
.prosec2 {
    padding: 30px 2%;
	font-size: 14px;
    line-height:20px;
}
.prosec2_main {
    min-height: 100px;
    margin-bottom:20px;
}
.prosec2_tit h2 {
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.prosec2_tit h4 {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 15px;
}

.prosec1 .owl-dots {
    bottom: 1em;
}

.pro1_main {
    line-height: 50px;
    font-size:18px;
    padding:0 20px;
}








}
@media only screen and (max-width:1024px ) {
.innews_sec2,
.recommend3,
.footer.w,
.w{
	width:960px;
}
.innews1_main2 {
    width: 60%;
    padding: 30px 18% 30px 30px;
}
.brand-wr h4 {
    margin-bottom:12px;
}
.bus2_sec li {
    width:50%;
}
.news_sec2 li h3 {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px;
}
.news_sec2 li div {
    line-height:16px;
}


.tabMain {
    padding: 40px 3%;
    width:100%;
}
.tabs li {
    width: 31%;
    margin: 0 1%;
}
.tabMain li {
    width: 46%;
    margin-right: 4%;
    padding-bottom:20px;
    margin-bottom:30px;
}









}
@media only screen and (max-width:960px ) {
.innews_sec2, .recommend3, .footer.w, .w{
	width:100%;
}
.w{
	padding:0 3%;
}
.header-box {
    left: 0;
    right:0;
    top:0;
}
.recommend32_main2{
	display: none;
	margin:0;
}

.innews1_main1 {
    width: 50%;
}
.innews1_main2 {
    width: 50%;
    padding: 30px;
}
.innews_sec1 .hd {
    right: 37%;
}
.brand-icon {
    top: 100%;
    left:40%;
}
.innews_sec2 li p {
    font-size: 14px;
    line-height:20px;
}

.innews_section {
    padding: 50px 0;
}
.productlist_tit{
	padding:0 30px 30px;
}
.product-box .innews_title, 
.brand-center .innews_title {
    margin:0px 0 20px;
}

.product-box,
.recommend-box {
    padding:40px 0;
}
.incase_prev {
    left: 36%;
}

.incase_next {
    right: 36%;
}

.banner_bg {
    padding-top:8%;
}
.banner_bg img {
    max-width: 70%;
}
.innews_title {
    margin-bottom:25px;
}
.innews1_main1 img {
    width: auto;
}

.ab21_main {
    padding: 50px 5% 20px;
}

.ab21_m ul li .ab21_year {
    width: 22%;
}

.ab21_m {
    padding: 20px 20px 20px 0;
}

.ny_banner {
    height: 300px;
}
.ab21_tit span {
    font-size: 30px;
    line-height: 30px;
}

.nynavtop a {
    margin: 0 10px;
}
.contact2_sec1 input {
    width: 31%;
    padding: 0 20px;
}
.sideMenu_main>h3 span:nth-child(4),
.join2_s>h2 span:nth-child(4),
.sideMenu_main>h3 span:nth-child(6),
.join2_s>h2 span:nth-child(6){
	display: none;
}
.sideMenu_main>h3 span:nth-child(2),
.join2_s>h2 span:nth-child(2),
.sideMenu_main>h3 span:nth-child(3),
.join2_s>h2 span:nth-child(3){
	width:18%;
}
.sideMenu_main>h3 span:nth-child(1),
.join2_s>h2 span:nth-child(1){
	width:35%;
}
.join2_s>h2,
.sideMenu_main>h3 {
    padding: 0 30px;
}
.news_sec1 li .news1_main{
	height:150px;
	padding:50px 6%;
	font-size: 16px;
    line-height:22px;
}
.news_section .w{
	padding:0 3%;
}
.news_sec2 li {
    padding:10px;
    margin-bottom: 10px;
}
.header-box.scoll {
    background:#fff;
}
.prosec2_share a.bds_more {
    width: 30px;
    height: 30px;
}

.prosec2_tit h2 {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.prosec2_tit h4 {
    margin-bottom: 10px;
}
.prosec2 {
    padding:20px 2%;
    line-height: 18px;
}
.menu{
	margin-right:20px;
}
.header-box.scoll .menu{
	margin-right:0;
}
.pro1_main {
    line-height: 40px;
    font-size:16px;
}
.pro1_main h3 {
    padding-left:40px;
}



}
@media only screen and (max-width:780px ) {




}
@media only screen and (max-width:480px ) {

.logo{
	opacity: 1;
}
.recommend31,
.recommend32 {
    width:100%;
}

.recommend32_title {
    margin: 35px 0 20px;
}
.recommend31_main dl {
    width: 33%;
}
.recommend32_main1 li {
    padding: 5px 30px;
    font-size: 16px;
    line-height: 18px;
}

.recommend-box3 {
    padding: 35px 0;
}

.recommend31_title p {
    margin-bottom:15px;
}
.innews_sec2 li {
    width:100%;
    margin-right: 0;
    min-height:30px;
}
.innews_sec2 li p {
    font-size: 16px;
    line-height: 24px;
}
.banner{
	margin-top:59px;
}
.banner .js-slidernav {
    bottom: 1px;
}
.banner .bannerbox li a > img {
    height: 100% !important;
}

.innews_title h3 {
    font-size: 22px;
    line-height: 22px;
}
.innews_title {
    font-size: 16px;
    line-height: 16px;
    margin-bottom:15px;
}

.recommend_more {
    padding-top:20px;
}

.recommend-list.owl-carousel .owl-nav {
    bottom: -76px;
}
.incase_next {
    right: 23%;
}
.incase_prev {
    left: 23%;
}
.productlist_tit{
	text-align: center;
}
.productlist_tit h2 {
    font-size: 22px;
    line-height: 28px;
}

.productlist_tit h4 {
    font-size: 16px;
    line-height: 16px;
}
.products li {
    margin-bottom:10px;
}
.brand-center {
    padding: 40px 0;
}

.brand-icon {
    top: 46%;
    left: 17%;
    height:50px;
}
.brand-wr h4 img {
    max-width: 80%;
}

.brand-wr {
    padding: 30px 5%;
}

.innews_section {
    padding: 40px 0;
}

.innews1_main1,
.innews1_main2 {
    width:100%;
    height:auto;
}
.innews1_main2{
	padding:30px 5%;
}
.innews_sec1 .hd {
    top: 97%;
}

.footer-box {
    padding: 30px 0 20px;
}
.f_logo,
.foot{
	position:static;
	margin-bottom:10px;
	text-align: center;
	width:100%;
}
.f_share{
	text-align: center;
	width:100%;
}
.f_share a{
	float:none!important;
	display: inline-block;
}

.product-box .innews_title{
    margin: 0px 0 0px;
}
.productlist_tit {
    padding: 0 30px 20px;
}

.ny_nav {
    padding:20px 0 0; 
}

.nynav_tit h3 {
    font-size:20px;
    line-height: 20px;
}

.nynav_tit p {
    font-size: 16px;
    line-height:16px;
}

.nynavtop{
	width:100%;
}

.nynavtop a{
	margin:0 2% 10px;
	font-size: 15px;
}

.ny_banner{
	margin-top:59px;
	height:180px;
}
.about1_sec1{
	width:100%;
	height:300px;
}
.about1_sec2 ,
.about2_sec1{
    width:100%;
    height:auto;
}
.ab12_main,
.ab21_main{
	position: static;
}

.about2_sec2 {
	width:100%;
	height:320px;
	background-size:auto 100%!important;
}

.ab21_m ul {
    background: url(../images/ab_bg.jpg) repeat-y 25% center;
}
.ab21_m ul li .ab21_year::after {
    right: -32%;
}

.ab21_m ul li .ab21_year {
    font-size: 24px;
}

.ab21_m ul li {
    padding: 15px 0;
}


.bus2_section {
    padding:40px 0;
}

.bus5_tit h3 {
    font-size: 26px;
    line-height: 26px;
}
.bus5_tit p {
    font-size: 18px;
    line-height:18px;
}
.bus2_sec li {
    width:100%;
    height:auto;
}
.bus3_section {
    padding: 40px 0;
}

.bus3_sec {
    padding-top:15px;
}
.bus3_sec ul{
	background:none;
}
.bus3_sec li {
    width: 50%;
    margin-bottom:30px;
    background: url(../images/bus2_bg.jpg) repeat-x center 98px;
    overflow: hidden;
}
.bus4_sec1 {
    width:100%;
    height: 355px;
}

.bus4_sec2,
.bus42_sec{
	position:static;
	height:auto;
	width:100%;
}
.bus42_sec {
    padding: 30px 5%;
}

.bus5_section {
    padding:40px 0;
}

.bus5_sec {
    padding:30px 3% 40px;
}
.bus5_sec1 input{
	width:100%;
	margin:0 0 15px;
}

.bus5_sec2 {
    padding-top: 15px;
}

.contact1_section {
    padding:40px 0;
}

.contact1_sec1 {
    height:300px;
    width: 100%;
}
 .contact1_sec2 {
    height: auto;
    width:100%;
}

.contact2_tit h3 {
    font-size: 26px;
    line-height: 26px;
}

.contact2_sec1 input {
    width:100%;
    margin-bottom:15px;
}

.contact2_section {
    padding-bottom:40px;
}

.contact2_sec1 textarea {
    margin-bottom:25px;
}
.eng1_section, .eng2_section, .eng3_section, .eng4_section, .eng5_section, .eng6_section, .eng7_section {
    padding:30px 0;
}
.eng_title h3 {
    margin-bottom: 20px;
}

.en_tit a{
	margin-bottom:10px;
}
.eng1_sec li, .eng2_sec li, .eng3_sec li, .eng4_sec li, .eng5_sec li, .eng6_sec li, .eng7_sec li {
    padding:0 1%;
    width:100%;
    margin-bottom:20px;
}
.eng1_sec li img, .eng2_sec li img, .eng3_sec li img, .eng4_sec li img, .eng5_sec li img, .eng6_sec li img, .eng7_sec li img{
	max-width:60px;	
    margin: 0 auto 15px;
}

.join2_section {
    padding: 40px 0 50px;
}

.join2_tit h3 {
    font-size: 26px;
    line-height: 26px;
}

.sideMenu_main>h3 span:nth-child(2),
.join2_s>h2 span:nth-child(2),
.sideMenu_main>h3 span:nth-child(5),
.join2_s>h2 span:nth-child(5){
	display: none;
}

.join2_s>h2 {
    font-size:16px;
    line-height:50px;
    padding: 0 30px;
}
.sideMenu_main>h3 span:nth-child(1), .join2_s>h2 span:nth-child(1),
.sideMenu_main>h3 span:nth-child(3), .join2_s>h2 span:nth-child(3) {
    width:48%;
}

.sideMenu_main>h3 {
    line-height:20px;
    padding: 10px 30px;
    font-size:14px;
}

.sideMenu ul {
    padding: 30px 5%;
    line-height: 20px;
}

.sideMenu .join2_m{
	position:static;
	text-align: left;
}

.fanye_section a{
	padding:0 10px;
	font-size:14px;
}

.fanye_section a.fir {
    padding: 0 10px 0 30px;
}
.fanye_section a.last {
    padding: 0 30px 0 10px;
}
.fanye_section {
    line-height: 30px;
}
.news_section {
    padding: 40px 0 30px;
}

.news_sec1,
.news_sec1 li,
.news_sec2,
.news2_sec .news_sec2 li{
     width:100%; 
}
.news_sec1 li .news1_main {
    height: auto;
    padding: 30px 6%;
}

.news_sec2 li {
    padding: 20px 5%;
    margin-bottom: 20px;
}
.pro1_sec li {
    width: 48%;
    margin:0 1% 20px!important;
}
.pro1_main {
    font-size: 15px;
    padding: 0 10px;
}
.pro1_section {
    padding:40px 0 30px;
}

.pro2_section .pro1_main {
    padding: 0 10px;
    font-size: 14px;   
}

.pro1_sec li:hover .pro1_main{
	background:#00cec4 url(../images/pro13.jpg) no-repeat 95% center;
}

.pro1_main{
     background: #fff url(../images/pro12.jpg) no-repeat 95% center;
     background-size:20px 20px;
}

.prosec1,.prosec2{
	height:auto;
	width:100%;
}

.tabs div .txt {
    left:5px;
    bottom: 5px;
    font-size:18px;
}
.tech_section {
    padding:20px 0 30px;
}

.en_title {
    padding:20px 0;
}

.tabMain {
    padding: 20px 3%;
}

.tabMain li {
    width:100%;
    margin-right:0;
    padding-bottom:10px;
    margin-bottom:20px;
}
.tabMain li h3 {
    font-size:18px;
    line-height: 18px;
}
.en_tit a {
    font-size: 16px;
    padding: 0 20px 0 40px;
    line-height: 36px;
    border-radius:20px;
    margin:0 1% 10px;
}

.en_tit a:nth-child(1):hover, .en_tit a:nth-child(1).on {
    background: #00cec4 url(../images/entit12.png) no-repeat 10px center;
}
.en_tit a:nth-child(2) {
    background: #fff url(../images/entit21.png) no-repeat 10px center;
}
.en_tit a:nth-child(1) {
    background: #fff url(../images/entit11.png) no-repeat 10px center;
}
.en_tit a:nth-child(2):hover, .en_tit a:nth-child(2).on {
    background: #00cec4 url(../images/entit22.png) no-repeat 10px center;
}














}
@media only screen and (max-width:380px ) {

.brand-icon {
    top: 43%;
    left: 17%;
}

.ny_banner{
	height:160px;
}

.about2_sec2 {
	height:280px;
}

.prosec1, 
.prosec2 {
    width:100%;
}

.prosec2_main {
    min-height: 50px;
}

.prode_section {
    padding:40px 0;
}













}
@media only screen and (max-width:320px ) {

.incase_next {
    right: 20%;
}
.incase_prev {
    left: 20%;
}
.brand-icon {
    top: 36%;
    left: 7%;
}
.nynavtop a{
	margin:0 1% 10px;
	font-size: 14px;
}
.ny_banner{
	height:120px;
}
.about1_sec1{
	height:280px;
}

.about2_sec2 {
	height:240px;
}
.ab21_m ul li .ab21_mm {
    font-size: 15px;
}

.en_tit a {
    font-size: 13px;
    padding: 0 15px 0 35px;
}







}





