@charset "utf-8";
@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }

@font-face {
	font-family:DIN-Bold;
	src: url('../fonts/DIN-Bold.otf'); }
@font-face {
	font-family:Rubik-Regular;
	src: url('../fonts/Rubik-Regular.ttf'); }

@font-face {
	font-family:Roboto-Regular;
	src: url('../fonts/Roboto-Regular.ttf'); }
a,p{ font-family:Barlow-Regular}




body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; font-family:Rubik-Regular,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none!important; color:#8bc12f; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{text-align: center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.auto{padding: 0 6.25%;}
.w1560{max-width:1300px; min-width:320px; margin:0px auto;}
.w1440{max-width:1440px; min-width:320px; margin:0px auto;}
.owl-carousel .owl-nav{height: 0;}
.wow{visibility: hidden;}




footer .add {
    background-image: url(../images/icon_addr.png);
    min-height: 23px;
}
footer .tel {
    background-image: url(../images/icon_phone.png);
    min-height: 23px;
}
footer .email {
    background-image: url(../images/icon_mail.png);
    min-height: 23px;
}







header { width:100%; background: #fff; height:116px;}

header h1 { width:278px;float:left;}
header h1 img { margin-top:27px; width:100%; }

.fbt { width:313px; margin-left:28px; float:left; font-size:20px; color:#d90000; margin-top:32px;}
.fbt .p1 { letter-spacing:0.3em; }
.fbt .p2 { font-size:15px; letter-spacing:-0.03em;}

.con1 {
    width: 1300px;
    margin: 0px auto;
}
/*nav*/
nav { width:800px; float:left; height:116px; margin-left:170px;  }

nav ul{ display:flex;}
nav ul li { flex:1; position:relative; }
nav ul li a {   text-align:center; line-height:116px;   font-size:19px; display: block; color:#1b1b1b; font-family:Roboto-Regular; font-weight:400; color:#000;}
nav ul li a:hover {
	color: #009b4c;
	text-decoration: none; 
}
nav .dropdown { position:relative; padding:0 } 
nav ul.dropdown_menu { display:block;/* width:100%;*/ position:absolute; z-index:99;  margin:0; margin-left:-20px; border-bottom:0px solid #09428a; }
nav .dropdown_menu li { width:180px;  margin:0;background-color:#f2f2f2; height:0; overflow:hidden; float:none; padding:0 10px; transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -moz-transition:all .3s;  }
nav .dropdown:hover .dropdown_menu li { height: 45px;}
nav .dropdown:hover ul.dropdown_menu { border-bottom:0px solid #09428a;} 

nav .dropdown .dropdown_menu li a{color: #333; font-size: 17px; line-height: 45px; display: block; padding:0px;   text-align: center; }


nav .dropdown:last-child { margin-right:30px} 


nav .dropdown_menu li:hover{ background:#8bc12f; color:#fff}
nav .dropdown_menu li:hover a{color:#fff}

.banben { width:50px; float:right;}
.banben p { width:40px; height:40px;  line-height:40px;  text-align:center; font-size:16px;  margin:40px 8px 0px; transition:all 0.4s; background:#8bc12f;border-radius: 50%; }
.banben a p { color:#fff; float:left;}
.banben a p img { margin-top:9px;}
.banben a:hover p { background:#93c524; border:0; color:#fff;line-height:42px; width:42px; height:42px }



.sou { width:50px; height:50px; line-height:50px;  background-color:#0045b4; border-radius:50%; float:left; text-align:center; color:#FFF; font-size:16px; margin-top:8px; margin-top:34px;font-weight:700;  }
.sou img { margin-top:9px;}

.warp_3  {
	background-color:#f5f8fb; height:580px; padding-top:82px;
}
#ab2{max-width:1300px; min-width:320px; margin:0px auto;  clear:both; width:96%}
#ab2 h3{max-width:1300px; min-width:320px;  font-size:35px; font-weight:normal; height:110px; float:left; color:#2e2e2e; text-align:center; padding-bottom:10px;}
#ab2 h3 span{color:#828282; text-align:center; font-size:16px; line-height:27px; padding-top:15px; float:left;width:1200px; letter-spacing:0px;}
#ab2 h6{ font-size:22px; font-weight:normal; line-height:40px}

.ab3{width:55%; height:420px; float:left;   color:#333;   margin-top:30px  }
.ab3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.ab3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}
.ab3 p{ font-size:19px; color:#888; line-height:36px;  font-family:Barlow-Regular;}
.ab3 h4{width:100%; font-weight:normal;float:left; color:#004950; text-align:left; padding-bottom:20px; font-size:30px; font-weight:bold; line-height:50px; float:left}
.ab3 span{ background-image: -webkit-linear-gradient(left,#81b504,#b0d178,#b0d178);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; font-size:32px; font-family:Barlow-Regular; font-weight:normal; text-transform:uppercase}
.ab3 span i{ width: 60px;
    height: 1px;
    background:#c5e490;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle; margin-left:10px }
	
	
	
	
.ab3 h4 a{ color:#565754; font-family:DIN-Bold; text-transform:uppercase }
.sdsd3{ font-size:40px; color:#333; font-family:Roboto-Regular; font-weight:normal}
.az{width:45%; height:505px; float:right; background:url(../images/about_bg.jpg) no-repeat 50px 0px;margin-top: 30px }

	

.more3 a{ width:162px; height:50px; display:block; text-align:center; line-height:50px; font-size:16px; font-weight:100; color:#8bc12f;  float:left;border:1px #8bc12f solid} 
 .more3 a:hover	{ width:242px; height:52px; border:0px #00959c solid; display:block; text-align:center; line-height:52px; font-size:16px; font-weight:100; color:#fff; background:#8bc12f; text-decoration:none;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;} 	

.more2 a{ width:162px; height:52px; display:block; text-align:center; line-height:52px; font-size:16px; font-weight:100; color:#fff;  float:left;  background:#8bc12f ; margin-right:10px } 
 .more2 a:hover	{ width:242px; height:52px; border:0px #00959c solid; display:block; text-align:center; line-height:52px; font-size:16px; font-weight:100; color:#fff; background:#656565; text-decoration:none;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;} 
	
	
	#r3{ height:670px; position:relative}



#news {
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding-top: 107px;
}#news #main{width:1300px; margin:0 auto; display:flex; justify-content:  space-between }
#news .pro_nr{width:24%;}
#news .pro_ri{width:76%;  margin-bottom:80px; }

#news .pro_ri ul{display:flex; justify-content:  space-between}

#news .pro_nr h3  {background-image: -webkit-linear-gradient(left,#81b504,#b0d178,#b0d178);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 38px;
    font-family: Barlow-Regular;
    font-weight: normal;
    text-transform: uppercase; line-height:50PX
}
#news .pro_nr h3 span{ font-size:45px; font-family:DIN-Bold; font-weight:normal; text-transform:uppercase}

#news .pro_nr  p{   font-size:16px; line-height:24px; font-weight:100!important; margin-top:34px; color:#4f4f4f; float:left}

#news .pro_nr .nr21 {
    float: left;
    width: 307px;
    height: 45px;
    background: url(../images/nr2.jpg) no-repeat left top;
    color: #FFFFFF;
    font-size: 18px;
    text-align: left;
    line-height: 45px;
    text-transform: uppercase;
    padding-left: 30px; margin-top:35px; margin-bottom:108px
}

#news .pro_nr .nr21 a{    color: #FFFFFF;}



.pro_ri ul li {
    display: inline;
   
    width: 50%;
    height: 240px;
    border-right: 1px #cecece solid;
    padding: 0 ; padding-left:7%; text-align:justify
}

.pro_ri ul li:first-child{ padding-right:7%}



.pro_ri ul li:nth-child(2){ margin-right:0; border-right:0px #cecece solid   }
.pro_ri ul li a{ float:left;  width:100%;  line-height:30px; margin-bottom:10px;    }
.pro_ri ul li h5{width:100%px;float:left; text-align:left; color:#000; font-size:20px; font-weight:normal; line-height:40px; margin-bottom:5px;


}
.pro_ri ul li h3{width:100%;float:left; text-align:left; color:#747474; font-size:50px;  font-weight:normal;  line-height:40px; margin-bottom:5px; }
.pro_ri b{  color:#3b8320; font-weight:normal ;font-size:18px; }
.vv{width:100%;float:left;text-overflow: ellipsis;display: -webkit-box; color:#505050;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; height:48px; line-height:24px; font-size:16px; color:#7c7c7c}
.pro_ri em{ color:#949494; font-size:12px; font-style:normal }
.m3{width:143px; line-height:37px; text-align:center; float:right; color:#CCCCCC; margin-top:10px; font-size:20px;}
.m3 a{width:143px!important;line-height:37px; float:left; color:#CCCCCC!important; border:#CCCCCC solid 1px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m3 a:hover{ color:#FFFFFF!important; background:#8bc12f; width:153px!important;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}








@media all and (max-width:1440px){  


#r3{ height:530px; position:relative}}




#r3 .bg .pic {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#r3 .rowMain .topic {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
 
}
#r3 .rowMain .topic .til {
 
}
#r3 .rowMain .topic .til h2 {
  line-height: 1;
  margin-right: 0.2rem; color:#1a1a1a; font-weight:normal; margin-bottom:30px;width:100%
}

@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
#r3 .rowMain .topic .til small {
  line-height: 1.3; width:100%; font-size:18px; color:#737373; font-family:Barlow-Regular; text-transform:uppercase
}
#r3 .rowMain .com {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; margin-top:10px
}
#r3 .rowMain .com .swiper-wrapper {
  justify-content: space-between;
  align-items: flex-start;
}
#r3 .rowMain .com .swiper-pagination {
  display: none;
  bottom: 32px;
}
#r3 .rowMain .com .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #f19319;
}
#r3 .rowMain .com .list {
  width: 18%;
  position: relative;
  height: auto;
}
#r3 .rowMain .com .list a {
  display: block;
}
#r3 .rowMain .com .list .photo {
  width: 100%;
  padding-bottom: 187%;
  position: relative;
  overflow: hidden;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out;
}
#r3 .rowMain .com .list .photo .pic {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -ms-transition: transform 0.5s ease-in-out;
  z-index: 0;
}
#r3 .rowMain .com .list .photo .pic::after {
  content: '';
  display: block;
  width: 120%;
  height: 120%;
  position: absolute;
  left: -10%;
  top: -10%;

  z-index: 3;
}
#r3 .rowMain .com .list .photo .pic .videoBtn {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  text-align: center;
  right: 12%;
  bottom: 10%;
}
#r3 .rowMain .com .list .photo .pic .videoBtn i {
  font-size: 0.5rem;
  color: #fff;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition-delay: 0.3s;
  line-height: 0.5rem;
  display: inline-block;
}
#r3 .rowMain .com .list .photo .pic .videoBtn.on i {
  opacity: 0;
  transition-delay: 0s;
}
#r3 .rowMain .com .list .photo .pic .videoBtn.on span {
  opacity: 0;
  transform: translateY(5px);
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -o-transform: translateY(5px);
  -ms-transform: translateY(5px);
}
#r3 .rowMain .com .list .photo .pic video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
}
#r3 .rowMain .com .list .msg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 12% 10% 12%;
}
#r3 .rowMain .com .list .msg i {
  font-size: 42px; color:#fff
}
#r3 .rowMain .com .list .msg h3 {
  margin-bottom: 5px;
  margin-top: 10px; color:#fff; font-weight:normal;
}
#r3 .rowMain .com .list .msg small {
  color: rgba(255, 255, 255, 1); font-size:14px; font-family:Barlow-Regular; text-transform:uppercase
}
#r3 .rowMain .com .list:nth-child(2n) {
  margin-top: 0.65rem;
}
@media screen and (orientation: landscape) {
  #r3 .rowMain .com .list:hover .photo {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
  }
  #r3 .rowMain .com .list:hover .photo .pic {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
}
#r3 .rowMain .com .list.on .photo .pic video {
  opacity: 1;
}
.max-wid {
    width: 1300px;
    margin: auto;
}.inner {
    width: 100%;
    margin: 0 auto; padding-top:6%
}.indPro_box {
    margin-left: 0px;
    margin-right: 0px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.indPro_l {
    width:100%;
}

.indPro_r {
    width: 35%
}

.indProA {
    position: relative;
    padding: 1%;
    float: left;
    display: block;
    width: 100%;
    height: 12.8vw
}


.indPro_l .indProA {
    width: 31.3%;height: 26vw;
}

.indPro_l .indProA:first-child {
    width:31.3%;
    height: 26vw;
}


.indPro_r .indProA:last-child {
    height: 12.8vw;
}

.indPro_img {
    overflow: hidden;
}

.indPro_img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
    z-index: 3;
}

.indPro_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.18;
    transition: all 0.68s;
}

.indPro_img,
.indPro_img img {
    position: relative;
    width: 100%;
    height: 100%;

}

.indPro_img img {
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 2.4s;
}

.indProA:hover .indPro_img::after {
    opacity: 0;
}

.indProA:hover .indPro_img img {
    transform: scale(1.1);
}

.indPro_name {
    position: absolute;
    left: 42px;
    bottom: 55px;
    z-index: 9;
    transition: all 0.48s;
}

.proBox .indPro_name {
    bottom: -24px;
}

.indPro_name .indMore {
    
    transition: all 0.48s; padding-top:14px; float:left
}

.indPro_name .indMore::before {
    background: transparent;
}

.indPro_name span {
    color: #fff;
    font-size: 28px;
    font-weight:normal;
     font-family:Roboto-Regular 
}
.topic .til_2{ text-align:center; width:100%; margin-top:-7vw!important}
 .topic .til_2 h2{ width:100%; color:#1a1a1a; font-size:36px; font-weight:normal}
 .topic .til_2 .mc1{ font-size:18px; text-transform:uppercase; font-family:Barlow-Regular}

.proBox .indPro_name span {
    font-size: 20px;
}

.proBox .indPro_name span.indMore {
    font-size: 16px;
}

.indPro_name p {
    position: relative;
    font-size: 24px;
    color: #fff;
}

.indProA:hover .indPro_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0.18;
    transition: all 0.68s;
}



.proBox .indPro_name p {
    font-size: 31px
}

@media(min-width:787px) {

    .indProA:hover .indPro_name,
    .proBox .proA:hover .indPro_name {
        bottom: 38px;
    }

    .indProA:hover .indPro_name .indMore,
    .proBox .proA:hover .indPro_name .indMore {
        margin-top: 8px;
    }

}

	
	
	.news-one1 { width:100%; padding-top:80px; padding-bottom:90px; 
}

.container {
    width: 1310px; margin:0 auto
}
	.h2_tong1 {
    width:100%;
    margin: 0 auto;
    text-align: center;
    background: url(../images/tong_bg.png) no-repeat center bottom;
    padding-bottom: 0px;
    padding-top: 30px;
}.h2_tong1 h2 {
    width: 420px;
    margin: 0 auto;
    font-size: 36px;
    color: #a2a2a2;
    height: 50px;
    font-family: Barlow-Regular;
    font-weight: normal;
    text-transform: uppercase;
}.h2_tong1 span {
    color: #282828;
    font-size: 40px;
}
.newsw{ width:100%; display:flex; justify-content: space-between ; margin-top:40px}
.news_1{ width:31.5%; }

.news_1 a .img{ -webkit-border-radius: 5px;
            -moz-border-radius: 5px; overflow:hidden;}

.ttret { width:100%; padding:3% 0}
.ttret h3{ font-size:20px; color:#181818; 
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;  
        overflow: hidden; line-height:50px; transition:all 0.8s; text-align:left
}
.ttret p{ font-size:16px; color:#54657f; padding:2% 0; line-height:24px}
.ttret span{ font-size:16px; color:#959595; width:100%; display:block}
.ttret b{ width:155px; height:28px; background:#858585; text-align:center; line-height:28px; color:#fff; display:block; margin:4% 0; font-size:16px; text-transform:uppercase; font-weight:normal; transition:all 0.4s}

.news_2{ width:32%; }
.news_3{ width:35%; background:#fff; box-shadow: 0 0 15px rgba(0,0,0,.1); -webkit-border-radius: 15px;
            -moz-border-radius: 15px; overflow:hidden }


.news_1:hover .img img{transform: scale(1.1); transition:all 0.4s}
.news_1 a .img img{transition:all 0.4s}
.news_1:hover .ttret h3{ transition:all 0.8s; color:#027cc1}
.news_1:hover .ttret p{ margin-left:2px;  transition:all 0.4s; }

.news_1:hover .ttret b{ width:155px; height:28px; background:#027cc1; text-align:center; line-height:28px; color:#fff; display:block; margin:4% 0; font-size:16px; text-transform:uppercase; font-weight:normal;  transition:all 0.4s; margin-top:4.3%}

.news_2 a li{ width:96%; padding:0 2%; background:#f3f3f3; -webkit-border-radius: 15px;
            -moz-border-radius: 15px; height:89px; padding-top:15px; transition:all 0.4s; margin-bottom:14px}
			
	.news_2 a li .zuo{ width:20%}		
	.news_2 a li .you{ width:75%; margin-left:5%; font-size:16px; color:#303030; line-height:30px; display:flex; align-items: center ; }		
	.news_2 a li .zuo .time-1{ width:100%; line-height:40px; font-size:30px; color:#303030; font-family:Barlow-Regular; display:block; text-align:center}		
	.news_2 a li .zuo .time-2{ width:100%; line-height:40px; font-size:16px; color:#303030;font-family:Barlow-Regular; display:block; text-align:center }			
			
			
	.news_2 a:hover li{ background:#027cc1; color:#fff;  transition:all 0.4s; margin-left:4px }		
			
.news_2 a:hover li .time-1,.news_2 a:hover li .time-2, .news_2 a:hover li .you{ color:#fff}


.news_3 .biaorii { padding:5%; background:#0a70d5; width:90%; }

.news_3 .biaorii h2{ font-size:24px; color:#fff; width:70%; text-align:left; padding-left:13%; background:url(../images/ticon.jpg) no-repeat left center}
.news_3 .biaorii span{ width:10%}
.news_3 .biaorii span img{ margin-top:10px}




.index_2{background-position:center; background-repeat:no-repeat;background-attachment: fixed; background-size:cover; background-image:url(../images/bb2.jpg);
color:#fff; text-align:center; background-color:#e4e4e4; padding-bottom:7.40625vw; position:relative; padding-top:8.70833333333333vw;}
.wmid {
    margin: 0 auto;
    max-width: 1200px;
}


.zl {
    width: 100%;
    clear: both;
    overflow: visible;
}.zl dl { width:24%; display:inline-block; text-align:center;color:#fff;font-size:18px;}
.zl dl img { margin:0px auto 27px;}
.zl dl dt {  line-height:26px; width:70%; margin:0px auto; color:#fff; text-transform:uppercase; font-size:22px; font-family:Barlow-Regular}

.zl dl dd  { color:#fff; font-size:18px; font-weight:100; line-height:57px; font-family:Barlow-Regular}

.ban1 { position:relative; width:100%; height:100%;}
.ban1 video{ position:absolute; z-index:-1; height:100%;}
.ban1:after {  content:" "; width:100%; height:100%; background:rgba(0,0,0,.35); position:absolute; z-index:1;}

.aazb { font-size:2.5em; letter-spacing:0px; font-weight:700;}
.aazb b { color:#cd0f16;}

.index_5_r .index_1_right_mid_bg { background: none !important;}





.link{ width:100%; height:80px; background:#8bc12f; line-height:80px}
.link p{ color:#fff; font-size:24px; display:inline}
.link span{ font-size:18px; font-family:Barlow-Regular; color:#73a3df}

.link a{ color:#fff; font-size:17px; margin-left:20px }
.link a:hover{ color:#a4daff; letter-spacing:1px; border-bottom:1px #49b4ff solid; } 
/*底部*/
footer{  overflow: hidden; background-color: #393a37; width: 100%; padding-top:20px;}

.xia{ width:100%; margin:0 auto; display:flex; justify-content:  space-between; margin-top:43px;padding-bottom:110px  }
.xia_lo{ width:30%; text-align:left;}
.xia_lo h4{ color:#FFFFFF; font-size:30px; line-height:30px; text-align:left; padding-top:10px; font-weight:bold}
.xia_lo h4 span{ color:#fff; font-size:17px; font-weight:normal}
.xia_lo p{ width:100%; float:left; color:#fff; font-size:15px; line-height:27px;}
.xia_lo p a{ color:#fff; line-height:34px }
.xia_lo p a:hover{ color:#74b7fc; border-bottom:1px #74b7fc solid; letter-spacing:1px}


.xia ul{ }
.xia ul:nth-child(1){ width:26%;   }
.xia ul:nth-child(2){ width:26%; margin:0 5%;border-right:1px #4b4b4b solid; border-left:1px #4b4b4b solid; padding-left:5%; padding-right:5% }
.xia ul:nth-child(3){ width:20%; float:right; padding-left:0%}

.xia ul p a{ width:48%; float:left; display:block; font-size:18px}
.xia ul:nth-child(3) p a{ float:none; display:inline }
.xia ul:nth-child(1) p a{ width:100%; float:left; display:block; font-size:18px}

.xia ul:nth-child(3) p {  float:left; display:block; font-size:18px}

.xia ul:nth-child(2) p {  float:left; display:block; font-size:18px}
.searchimg1{ float:right}



.xia .iu_tit {
    background: url(../images/lid.jpg) no-repeat left bottom;
    padding-bottom: 8px; font-size: 24px;
    color: #ffffff;
    margin-bottom: 10px; padding-bottom:8px; line-height:34px;
}.xia .iu_tit span{
    font-weight: normal;
    text-transform: uppercase; line-height:34px; font-size:23px;}
	
.xia .iu_tit b{ width:50px; height:1px; position:absolute; margin-top:10px; background:#8bc12f; float:left}

.xia ul li:first-child span{ font-family:Roboto-Regular; font-weight:normal; text-transform:uppercase; font-size:23px}
.xia ul li:first-child b{ width:50px; height:1px; position:absolute; margin-top:10px; background:#8bc12f}

.xia ul li:first-child{ font-size:24px; color:#ffffff; margin-bottom:22px }
.xia ul li { line-height:36px; color:#e2e2e2; font-size:15px}
.xia ul li a{color:#e2e2e2; }
.xia ul li a:hover{ color:#00db64; border-bottom:1px #00db64 solid; letter-spacing:2px; transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.xia ul li:first-child{ background:url(../images/lid.jpg) no-repeat left bottom; padding-bottom:8px}

.xia ul p{ line-height:34px; color:#b2b2b2; font-size:15px}
.erw{ flex:1; text-align:center; line-height:30px; color:#fff; font-size:15px; margin-top:20px}
.banquan{ width:100%; height:76px;  text-align:center; color:#818181;  font-size:16px; margin:0 auto ;margin-top:0px; line-height:76px; background:#1d1d1d}
.banquan a{color:#818181}
.xia ul p a{color:#b2b2b2; }
.xia ul .add{ background:url(../images/icon_addr.png) no-repeat left top; padding-left:25px; margin-top:20px; color:#fff; font-size:16px}
.xia ul .tel{ background:url(../images/icon_phone.png) no-repeat left center; padding-left:25px; color:#fff; font-size:16px; margin-top:20px;}
.xia ul .pc{ background:url(../images/icon_pc.png) no-repeat left top; padding-left:25px; color:#fff; font-size:16px; margin-top:20px;}
.xia ul .email{ background:url(../images/icon_mail.png) no-repeat left center; padding-left:25px; color:#fff; font-size:16px; margin-top:20px;}


.footer,.footer .ftNav,.footer .ftBox{ overflow: hidden; width: 100%;}
.footer .ftNav{ border-bottom: 1px solid #1d47c3; height: 55px;}
.footer .ftNav li{ padding: 0 28px; font-size: 13px; float: left; line-height: 53px;}
.footer .ftNav li a{ color: #fff; text-decoration: none; display: block}
.footer .ftNav li:hover a { border-bottom: 2px solid #ffa200;}
.footer .ftBox{padding: 45px 0 20px;}
.footer .ftDl{ width: 550px; float: left;}
.footer .ftDl dt{ float: left; margin-left: 10px;}
.footer .ftDl dd{ float: right; padding-left:18px; border-left:1px solid #3a5fcd; }
.footer .ftDl dd p{ line-height: 25px; font-size: 13px; color: #fff}
.footer .ftDl dd p a{ color: #fff;}
.footer .ewm{ float: right;}
.footer .ewm p{ margin-top: 15px; font-size: 14px; color: #fff;}
	
	
	
	
	
	
	
	
	
	
@media (max-width:1600px){
    .auto,.w1560{padding:0px 15px;}
}

@media (max-width:1440px){
    .w1440{padding:0px 15px;}
}

/*公用样式*/
.ptb3{padding: 3% 0;}
.mb3{margin-bottom: 3%; text-align:center}
.mb5{margin-bottom: 5%; text-align:center}
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img,.effect-img span{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s; display: block; width: 100%;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img,.effect-img:hover span,li:hover .effect-img span,dd:hover .effect-img span{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.effect-img span{height: 100%;}
.boxbg,.effect-img span{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.relative{position: relative;}
.mousebtn{position:absolute; width:24px; height:34px; left:50%; bottom:5%; margin-left:-12px; z-index:99; -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;}
@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
    75% {-webkit-transform: translateY(10px); opacity: 0.2}
}
@keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
    75% {-webkit-transform: translateY(10px); opacity: 0.2;}
}

.BanTxt{padding: 290px 0 170px; color: #fff;}
.BanTxt span{display: block; font-size: 36px; line-height: 44px; text-transform: uppercase; font-family: "cen";}
.BanTxt p{font-size: 40px; line-height: 55px;}
.BanTxt i{display: inline-block; vertical-align: middle; background: #49bdff; width: 190px; height: 1px; margin-left: 30px;}

.Menu{position: absolute; width: 100%; left: 0px; bottom: 0;}
.Menu .title{display: none; line-height: 45px; background: #8bc12f; padding: 0px 20px;}
.Menu .title span{display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center;}
.Menu .box{display: flex; flex-direction: row; background: #8bc12f;}
.Menu .box li{display: inline-block; flex: 1; text-align: center; position: relative;}
.Menu .box li .am{display: block; line-height: 64px; font-size: 16px; color: #fff;}
.Menu .box li:hover .am,.Menu .box li.on .am{background: #49bdff;}
.Menu .box li .three{position: absolute; left: 0; width: 100%; bottom: 100%; padding: 15px 0; background: rgba(73,189,255,0.7); display: none;}
.Menu .box li .three dd a{display: block; font-size: 16px; line-height: 34px; color: #fff;}
.Menu .box li .three dd i{display: inline-block; vertical-align: middle; width: 32px; height: 1px; background: #fff; margin: 0 8px; opacity: 0;}
.Menu .box li .three dd.onli i,.Menu .box li .three dd:hover i{opacity: 1;}
.Menu .box li:hover .three{display: block;}

/*pages*/
.Pages{width:100%; text-align:center; color:#818181; }
.Pages a{display:inline-block; height:46px; line-height:46px; width: 46px; background: #ebebeb; border: 1px solid #ebebeb; text-align: center; color:#000; margin:0px 5px; font-size:16px;}
.Pages .a_first,.Pages .a_end,.Pages .a_prev,.Pages .a_next{display:inline-block; width: auto; border:1px solid #e6e6e6; padding:0px 25px;}
.Pages a:hover{background:#8bc12f; color:#fff; border:1px solid #8bc12f;}
.Pages .num a:hover,.Pages .num a.a_cur{color:#fff; border: 1px solid #8bc12f; background: #00a2e9;}
/*pages end*/

@media ( max-width:1440px){
    .Menu .box li .three dd i{width: 15px;}
}

@media ( max-width:1200px){
    .mousebtn{display: none;}
    .BanTxt{padding: 200px 0 120px;}
    .BanTxt span{font-size: 26px; line-height: 30px;}
    .BanTxt p{font-size: 30px; line-height: 40px;}
    .BanTxt i{width: 100px;}
    .Menu .box li .three dd i{display: none;}
}

@media ( max-width:768px){
    .Menu{position: static; margin: 15px 15px 0px; width: auto;}
	.Menu .title{display: block;}
    .Menu .box{display: none; border: 1px solid #8bc12f; background: none; padding: 10px 20px; min-width: auto;}
    .Menu .box li{display: block; text-align: left;}
    .Menu .box li .am{line-height: 36px; color: #333;}
    .Menu .box li:hover .am,.Menu .box li.on .am{color: #8bc12f; background: none;}
    .Menu .box li .three{position: static; display: block; background: none; padding: 0 0 0 20px;}
    .Menu .box li .three dd a{font-size: 14px; color: #666;}
    .Menu .box li .three dd.onli a,.Menu .box li .three dd:hover a{color: #8bc12f;}
    .Pages a{width: 26px; height: 26px; line-height: 26px; font-size: 14px;}
    .Pages .a_first,.Pages .a_end,.Pages .a_prev,.Pages .a_next{padding: 0px 15px;}
}

@media ( max-width:480px){
    .BanTxt{padding: 120px 0 80px;}
    .BanTxt span{font-size: 20px; line-height: 25px;}
    .BanTxt p{font-size: 24px; line-height: 30px;}
    .Pages a{margin: 0px 1px;}
    .Pages .a_first, .Pages .a_end, .Pages .a_prev, .Pages .a_next{font-size: 13px; padding: 0px 3px;}

    .ptb3{padding: 5% 0;}
    .mb3{margin-bottom: 5%;}
}

/*Top*/
.Header{position: fixed; left: 0px; top: 0px; width: 100%; z-index: 99; background: #fff;}
.fixednav{background: #fff;}
.fixednav .Logo .pic2{ display:block}
.fixednav .Logo .pic1{ display:none}
.Logo .pic1{ display:block}
.Logo .pic2{ display:none}



.fixednav .Top{padding: 10px 0;}
.fixednav .Logo{width: 600px;}
.fixednav .Logo h1{ float:left; color:#333; padding-top:25px; font-size:28px; letter-spacing:1px; margin-left:20px}
.fixednav .Logo span{ float:left; color:#666; padding-top:10px; font-size:15px; letter-spacing:0.5px; display:block; font-family:DIN-Bold; text-transform:uppercase; margin-left:20px }
.fixednav .topright .language a{color: #333; flex:1; display:block; text-align:center}


.Top{position: relative; padding: 10px 0px 10px; transition: 500ms;}
.Logo{width: 600px; float: left; transition: 500ms;}
.Logo h1{ float:left;  padding-top:25px; font-size:28px; letter-spacing:1px; margin-left:20px}
.Logo a img{ float:left }
.Logo span{ float:left; padding-top:10px; font-size:15px; letter-spacing:0.5px; display:block; font-family:DIN-Bold; text-transform:uppercase; margin-left:20px }
.topright{width: 55%; float: right; margin: 38px 0 0 0; position: relative;}
.topright .sbtn{float: right; display: inline-block; vertical-align: middle; width: 24px; height: 24px; background: url(../images/btn.png);}
.topright .select{margin: 0 60px 0 35px; width: 98px; float: left; position: relative;}
.topright .select .title{font-size: 18px; color: #fff; background: url(../images/arr1.png) no-repeat right center;}
.topright .select dl{position: absolute; width: 100%; top: 100%; left: 0; background: rgba(255,255,255,0.7); padding: 5px; display: none;}
.topright .select dl dd a{display: block; font-size: 14px; line-height: 30px; color: #666; text-align: center;}
.topright .select:hover dl{display: block;}
.topright .select dl dd:hover a{color: #50b6ec;}
.topright .language{font-size: 18px; float: right; display:flex; justify-content:  space-between; width:87%}
.topright .language a{ flex:1; display:block; text-align:center}
.topright .language a.on{color: #50b6ec;}
.language i{color: rgba(255,255,255,0.6); padding: 0 10px; font-size: 16px;}
.Search{background:#fff; border: 1px solid #50b6ec; border-radius:10px; position: absolute; top: 110%; right: 0; width: 250px; overflow: hidden; padding-right: 0px; display: none;}
.Search .input{padding:0px 10px 0px 20px; height:36px; width:100%; font-size:14px; color: #333;}
.Search .input::placeholder{color: #999;}
.Search .btn{background:#50b6ec; width:70px; height:100%; position:absolute; top: 0; right: 0px; font-size: 14px; color: #fff;}

.header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-30px; width:60px; height:60px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
.Showbox{width:100%; height:100%; background-color: #fff; background-size: cover; background-position: center center; overflow: hidden; /*overflow:auto;*/overflow-x:none; position:fixed;z-index:9990;top:0; right:0%; display: none;}
.Showbox .close_bar{height:60px; line-height:60px; overflow:hidden; position:absolute; top:3%; left:6.25%; right: 6.25%; text-align:right; z-index: 999;}
.Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:40px;height:40px; background-size:cover;display:inline-block;vertical-align:middle; transition:transform ease-in 0.3s;}
.Showbox .close_bar a:hover{transform:rotate(180deg);}
.Nav li{width: 14.285%; position: absolute; height: 100%; top: 0%; text-align: center;}
.Nav li.nav0{left: 0;}
.Nav li.nav1{left: 14.285%;}
.Nav li.nav2{left: 28.57%;}
.Nav li.nav3{left: 42.855%;}
.Nav li.nav4{left: 57.14%;}
.Nav li.nav5{left: 71.425%;}
.Nav li.nav6{left: 85.71%;}
.Nav li .am{display: block; padding-top: 70%;}
.Nav li span{display: block;}
.Nav li .name{font-size: 24px; color: #000; line-height: 30px; margin: 8% 0 5%;}
.Nav .language{display: none; font-size: 20px; color: #333; padding: 0 20px; line-height: 50px;}
.Nav .language i{color: rgba(0,0,0,0.6);}
.Nav li .SubNav dd a{display: block; font-size: 14px; line-height: 37px; color: #808080;}
.Nav li:hover,.Nav li.active{background-color: rgba(73,189,255,0.8);}
.Nav li:hover .name,.Nav li.active .name,.Nav li:hover .SubNav dd a,.Nav li.active .SubNav dd a{color: #fff;}

.Banner .slides li a{display: block; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.Banner li img{display: none; width: 100%;}
.Banner .flex-control-nav{width: 100%; right: 0; top:42%; height: 100%; z-index: 3; display: flex; align-items: center; justify-content: center; /*flex-direction: column;*/}
.Banner .flex-control-nav li{margin: 5px 0;}
.Banner .flex-control-nav li a{width: 26px; height: 26px; background-size: cover; background-image: url(../images/dot1.png); background-color: rgba(255,255,255,0);}
.Banner .flex-control-nav li a.flex-active{background-image: url(../images/dot2.png);}

@media ( max-width:1300px){
    .Showbox .close_bar{right: 15px;}
    .Nav li .name{font-size: 20px;}
}

@media ( max-width:1200px){
    .header_menu{width: 40px; height: 40px; margin-top: -20px;}
    .Showbox .close_bar a{width: 30px; height: 30px;}
    .topright{margin-right: 90px;}
    .Banner .slides li a{height: auto !important; background: none !important;}
    .Banner li img{display: block;}
    .Banner .flex-control-nav li a{width: 16px; height: 16px;}
}

@media ( max-width:1024px){
    .Top{padding: 10px 0;}
.Banner li img {
 
    width: 140%;
}
}

@media ( max-width:768px){
    .Nav li .name{font-size: 18px;}
    .header_menu{width: 30px; height: 30px; margin-top: -15px;}
}

@media ( max-width:640px){
    .Showbox{width: 50%;}
    .Showbox .close_bar{top: 0;}
    .Nav{padding-top: 70px;}
    .Nav li{position: relative; width: 100%; height: auto;}
    .Nav li.nav1,.Nav li.nav2,.Nav li.nav3,.Nav li.nav4,.Nav li.nav5,.Nav li.nav6{left: 0;}
    .Nav li .am{padding: 0;}
    .Nav li .name{margin: 0; line-height: 50px; text-align: left; padding: 0px 20px;}
    .Nav li .SubNav{display: none;}
    .Nav li .SubNav dd a{text-align: left; padding-left: 40px;}
    .Nav li i{position: absolute; width: 50px; height: 50px; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/jia.png); overflow: hidden;}
    .Nav li.on i{background-image: url(../images/jian.png);}
    .Nav li.on .SubNav,.Nav .language{display: block;}
  
    .topright{width: 144px; margin: 10px 66px 0 0;}
    .topright .select{margin: 0; float: right;}
    .topright .language{display: none;}
}

@media ( max-width:480px){
    .Showbox{width: 70%;}  
    .Banner .flex-control-nav{width: auto; left: 0; right: 0; top: auto; bottom: 15px; display: block; height: 16px;}  
}
 

/*bottom*/
.Footerbg{background: #2b313b;}
.footer .blogo{width: 178px; margin-bottom: 30px;}
.Bottominfo{width: 40%; float: left;}
.Bottominfo .weixin{width: 98px; margin-right: 20px; float: left;}
.Bottominfo dl{font-size: 16px; line-height: 32px; color: #fff;}
.Sitepath{width: 58%; float: right;}
.Sitepath dl{width: 16.6666%; float: left;}
.Sitepath dl a{display: block; line-height: 30px;}
.Sitepath dl dt a{margin-bottom: 7px; font-size: 16px; color: #fff;}
.Sitepath dl dd a{font-size: 14px; color: #ccc;}

.Bottom{border-top: 1px solid #555a62; padding: 14px 0; color: rgba(255,255,255,0.6); font-size: 14px; line-height: 34px;}
.Bottom a{color: rgba(255,255,255,0.6);}
.Bottom select{width: 268px; height: 34px; float: right; border: 1px solid #aaadb1; font-size: 14px; padding: 0 12px; color: rgba(255,255,255,0.6);}
.Bottom .info{float: left;}
.Bottom .links{float: left; margin-left: 32px;}
.Bottom .links a{display: inline-block; margin-left: 25px; width: 32px;}

@media ( max-width:1200px){
    .footer{display: none;} 
    .Bottom select,.Bottom .info,.Bottom .links{float: none;}
    .Bottom select{margin: 0 auto; display: block;}
    .Bottom .info,.Bottom .links{text-align: center;}
    .Bottom .info{margin: 10px 0;}
    .Bottom .links{margin: 0;}
    .Bottom .links a{margin: 0 10px;}
}















/*index*/
.HomeTit .more{float: right; width: 172px; line-height: 48px; font-size: 14px; color: #fff; background: #8bc12f; text-align: center; margin-top: 1.5%;}
.HomeTit .name{display: block; font-size: 40px; line-height: 59px; color: #565754; font-family:DIN-Bold; text-transform:uppercase}
.HomeTit .name i{display: inline-block; vertical-align: middle; width: 40px; height: 1px; background: #8bc12f; margin-left: 20px; margin-right:20px}
.HomeTit p{font-size: 20px; line-height: 36px; color: #abacad; font-family:Barlow-Regular; }
.HomeTit.white .name{color: #fff;}
.HomeTit.white p{color: rgba(255,255,255,0.4);}
#particles-js{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;}
.HomeProduct{background-image: url(../images/ying.png);}
.HomeProduct .list ul{padding-top: 0%; position: relative; z-index: 3; display:flex; justify-content: space-between;  width:100%; padding:2% 0 4% 0 ;margin:0 auto;}
.HomeProduct .list li{position:relative; border-radius: 50%; text-align: center;  width:20%}
.HomeProduct .list li a{display:flex;justify-content:center;align-items:center;flex-direction: column; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; border-radius: 50%;}
.HomeProduct .list li .icon{display: block; width: 110px; margin: 0 auto;}
.HomeProduct .list li .name{font-size: 22px; color: #fff; line-height: 56px; font-family:Roboto-Regular}
.HomeProduct .list li .mask{padding-top: 100%;}
.HomeProduct .list li.i1 a, .HomeProduct .list li.i5 a{background: rgba(139,193,47,0.88);}
.HomeProduct .list li.i2 a, .HomeProduct .list li.i4 a{background-color: rgba(96,197,108,0.88);}
.HomeProduct .list li.i3 a, .HomeProduct .list li.i6 a{background-color: rgba(18,114,180,0.88);}

.HomeProduct .list li.i1,.HomeProduct .list li.i5{width: 25%; margin:0 4%}
.HomeProduct .list li.i2,.HomeProduct .list li.i4{width: 25%; margin:0 4%}
.HomeProduct .list li.i3,.HomeProduct .list li.i6{width: 25%; margin:0 4%}
/*.HomeProduct .list li.i1{top: 0; left: 5%;}
.HomeProduct .list li.i2{bottom:  4%; left: 25.538%;}
.HomeProduct .list li.i3{top: 20px; left: 48.384%;}
.HomeProduct .list li.i4{bottom: 0; right:5%;}
.HomeProduct .list li.i5{top: 0; left: 69%;}
.HomeProduct .list li.i6{bottom: 20px; right: 0;}*/



.HomeProduct .list li .hide{display: none; position: absolute; width: 120%; height: 120%; left: -10%; top: -10%; z-index: 4; background: rgba(45, 59, 89, 0.8); justify-content:center; align-items:center; flex-direction: column; color: #fff; font-size: 16px; border-radius: 50%;}
.HomeProduct .list li .hide .con{padding: 5%; font-size:22px}
.HomeProduct .list li:hover .hide{display: flex; }

.HomeAbout{margin-right: 0; background:#f1f1f1}
.HomeAbout .mask{position: absolute; width: 30%; height: 50%; background: rgba(73,189,255,0.8); right: 0; bottom: 0; z-index: 2;}
.HomeAbout .entxt{position: absolute; right: 0; bottom: 0; z-index: 1; width: 42.54%;}
.HomeAbout .Aleft{width: 53.811%; float: left;}
.HomeAbout .Aleft .pic img{display: block; width: 100%;}
.HomeAbout .databox{margin: 3% 0 0 6.666%;}
.databox dd{float: left; margin-right: 5%;}
.databox dd .num{font-size: 60px; font-family: "cen"; color: #49bdff;}
.databox dd .num i{font-family: "微软雅黑"; font-size: 18px; display: inline-block; margin-left: 6px;}
.databox dd p{font-size: 18px; line-height: 35px; color: #666;}

.HomeAbout .Aright{width: 43.5%; float: right; padding-top: 2%;}
.HomeAbout .Aright .box{background: #fff; width: 100%; margin-left: 0%; position: relative; z-index: 3;}
.HomeAbout .Aright .box .con{padding: 4%;}
.HomeAbout .Aright .box .title{font-size: 24px; color: #49bdff; line-height: 50px; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.HomeAbout .Aright .box .info{font-size: 16px; line-height: 48px; color: #333; height: 144px; overflow: hidden;}
.HomeAbout .Aright .box .more{display: block; width: 156px; line-height: 46px; color: #49bdff; border: 1px solid #49bdff; text-align: center; font-size: 14px;}

.HomeNews{background-image: url(../images/homgbg2.jpg);}
.NewSlider{margin-left: -44px;}
.NewSlider li{background-color: #fff; background-image: url(../images/arr3.png); background-repeat: no-repeat; margin-left: 44px;}
.NewSlider li a{display: block; border: 1px solid rgba(255,255,255,0);}
.NewSlider li .date{padding: 53px 10px 4px; width: 72px; float: right; text-align: right; background: #49bdff; font-weight: bold; font-size: 16px; line-height: 20px; color: #fff; font-family: Arial;}
.NewSlider li .date span{display: block; font-size: 44px; line-height: 40px;}
.NewSlider li .con{padding: 38px 38px 25px;}
.NewSlider li .con .title{font-size: 22px; color: #333; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.NewSlider li .con .info{margin: 12px 0 16px; font-size: 16px; color: #666; line-height: 30px; height: 90px; overflow: hidden;}
.NewSlider li .con .more span{display: none; font-size: 14px; color: #49bdff; margin-right: 10px; text-transform: uppercase;}
.NewSlider li .con .more i{display: inline-block; vertical-align: middle; width: 16px; height: 8px; background: url(../images/more1.png);}
.NewSlider li .effect-img{height: 262px;}
.NewSlider li:hover .con .more span{display: inline-block;}
.NewSlider li:hover .con .more i{background: url(../images/more2.png);}
.NewSlider li:hover a{border: 1px solid #49bdff;}
.NewSlider li:hover .con .title{color: #49bdff;}

.HomeGlobal{background-image: url(../images/homgbg3.jpg);}
.Gleft{width: 39%; float: left; color: #fff;}
.Gleft .hd a{display: inline-block; width: 178px; line-height: 48px; color: #fff; font-size: 22px; text-align: center;}
.Gleft .hd a.on,.Gleft .hd a:hover{background: #49bdff;}
.Gleft .ins{font-size: 16px; line-height: 36px;}
.Gleft .distance .con{border: 1px solid #fff; padding: 6px 16px 10px; font-size: 14px; line-height: 30px;}
.Gleft .distance .con .title{font-size: 16px;}

.Gright{width: 61%; float: right; padding-top: 2%; text-align: center; position: relative;}
.Gright .hds li{position: absolute; width: 165px; height: 46px; position: absolute; opacity: 0;}
.Gright .hds li.i1{left: 9%; top: 40%;}
.Gright .hds li.i2{left: 65%; top: 46%;}
.Gright .hds li.i3{left: 65%; top: 55%;}

.HomeLink{background-image: url(../images/homebg4.jpg);}
.HomeLink ul li{padding: 10px 0;}
.HomeLink li a{display: block; margin: 0 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.HomeLink .owl-nav .owl-prev span,.HomeLink .owl-nav .owl-next span{width: 32px; height: 32px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -16px; z-index: 5;}
.HomeLink .owl-nav .owl-prev span{left: -60px; background-image: url(../images/left.png);}
.HomeLink .owl-nav .owl-next span{right: -60px; background-image: url(../images/right.png);}

@media ( max-width:1300px){
    .HomeAbout{margin-right: 15px;}
    .HomeAbout .databox{margin-left: 0;}
    .databox dd .num{font-size: 50px;}
    .NewSlider li .date{padding-top: 35px;}
    .LinkSlider{padding: 0 30px;}
    .HomeLink li a{margin: 0 15px;}
    .HomeLink .owl-nav .owl-prev span{left: -30px;}
    .HomeLink .owl-nav .owl-next span{right: -30px;}
} 

@media ( max-width:1366px){
    .HomeTit .name{font-size: 32px; line-height: 45px;}
    .HomeTit p{font-size: 20px; line-height: 30px;}
    .HomeProduct .list li .icon{width: 80px;}
    .NewSlider li .con{padding: 20px;}
}

@media ( max-width:1024px){
    .HomeTit .name{font-size: 26px; line-height: 30px;}
    .HomeTit p{font-size: 18px; line-height: 26px;}
    .HomeTit .more{margin-top: 0; width: 120px; line-height: 40px;}
    .HomeProduct .list li .icon{width: 50px;}
    .HomeProduct .list li .name{font-size: 16px;}
    .HomeProduct .list li:hover .hide{display: none;}
    .HomeAbout .Aright .box .title{font-size: 18px; line-height: 36px; height: 36px;}
    .HomeAbout .Aright .box .info{font-size: 14px; line-height: 30px; height: 90px;}
    .HomeAbout .Aright .box .more{width: 120px; line-height: 40px;}
    .HomeAbout .mask{width: 22%;}
    .databox dd .num{font-size: 40px;}
    .databox dd .num i,.databox dd p{font-size: 16px;}
    .NewSlider{margin-left: -20px;}
    .NewSlider li{background-size: 70px 47px; margin-left: 20px;}
    .NewSlider li a{position: relative;}
    .NewSlider li .date{padding-top: 15px; position: absolute; bottom: 0; left: 0; background: rgba(73,189,255,0.8); z-index: 2; padding: 10px; width: 66px;}
    .NewSlider li .date span{font-size: 32px;}
    .NewSlider li .con .title{font-size: 18px;}
    .NewSlider li .con .info{font-size: 14px; line-height: 24px; height: 72px;}
    .NewSlider li .effect-img{height: 200px;}
    .Gleft,.Gright{width: auto; float: none;}
    .Gleft .hd a{font-size: 18px; width: 130px; line-height: 40px;}
    .Gleft .box .tit{line-height: 30px; margin-bottom: 10px; font-size: 16px;}
    .HomeLink li a{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
}

@media ( max-width:768px){
    .Gright .hds{text-align: center; margin-bottom: 15px;}
    .Gright .hds li{position: static; display: inline-block; margin: 0 4px; width: 10px; height: 10px; overflow: hidden; border-radius: 50%; opacity: 1; background: rgba(0, 0, 0, 0.5);}
    .Gright .hds li.on{background: #8bc12f;}
}

@media ( max-width:640px){
    .HomeTit .name{font-size: 22px;}
    .HomeTit p{font-size: 16px;}
    .HomeProduct .list li .icon{width: 40px;}
    .HomeProduct .list li .name{font-size: 14px;}
    .HomeAbout{margin: 0 15px;}
    .HomeAbout .Aright,.HomeAbout .Aleft{width: auto; float: none;}
    .HomeAbout .Aright .box{width: auto; margin: 0;}
    .HomeAbout .mask{display: none;}
}

@media ( max-width:480px){
    .HomeTit .name i{width: 90px;}
    .HomeProduct .list ul{padding-top: 0;}
    .HomeProduct .list li{position: relative; width: 31.3333% !important; left: 0 !important; top: 0 !important; float: left; margin: 1.5% 3% 1.5% 0;}
    .HomeProduct .list li:nth-child(3n){margin-right: 0;}
    .databox dd{width: 50%; margin: 15px 0 0;}
    .databox dd .num{font-size: 30px;}
    .NewSlider{margin-left: 0;}
    .NewSlider li{margin-left: 0;}
    .Gleft .location,.Gleft .distance{width: auto; float: none;}
    .HomeLink li a{margin: 0 5px;} 
}

/* 公司简介 */
.Title02 .name{display: block; font-size: 52px; line-height: 44px; color: #333; font-family: Arial; text-transform: uppercase; font-weight: bold;}
.Title02 p{font-size: 30px; line-height: 63px; margin-bottom: 22px; color: #666;}
.Title02 i{display: block; width: 50px; height: 2px; background: #49bdff;}
.Title02.tc i{margin: 0 auto;}

.AboutBox .box{width: 51%; float: right;}
.AboutBox .box .databox{margin: 6% 0 3%;}
.AboutBox .box .con{background-image: url(../images/entxt2.png); background-position: center center; background-repeat: no-repeat; background-size: 75% auto;}
.AboutBox .box .con .title{font-size: 30px; line-height: 36px; color: #333; margin-bottom: 16px;}
.Single{font-size: 16px; line-height: 36px; color: #333;}
.PicSlider{width: 40.5%; padding: 0 4% 106px 0;}
.PicSlider .txtbox{background-image: url(../images/txtbg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 3; position: absolute; right: 0; bottom: 0; width: 286px; height: 286px;}
.PicSlider .txtbox .con{padding: 42px 25px 10px; font-size: 18px; color: #fff; line-height: 36px;}
.PicSlider .txtbox .con .icon{display: block; margin-bottom: 28px;}
.PicSlider li img{display: block; width: 100%;}
.PicSlider .owl-dots{width: 100%; position: absolute; left: 0px; bottom: -32px; height: 12px; line-height: 12px;}
.PicSlider .owl-dots .owl-dot{width: 12px; height: 12px; margin: 0 12px 0 0; background-image: url(../images/dot3.png); background-repeat: no-repeat; background-position: left top;}
.PicSlider .owl-dots .owl-dot.active{background-position: left bottom;}

@media ( max-width:1366px){
    .Title02 .name{font-size: 40px; line-height: 32px;}
    .Title02 p{font-size: 24px; line-height: 50px; margin-bottom: 10px;}
    .AboutBox .box .con .title{font-size: 24px; line-height: 30px;}
} 

@media ( max-width:1024px){
    .AboutBox .box,.PicSlider{width: auto; float: none;}
    .AboutBox .box{margin-bottom: 20px;}
    .AboutBox .box .databox{margin: 3% 0;}
}

@media ( max-width:768px){
    .Title02 .name{font-size: 26px; line-height: 26px;}
    .Title02 p{font-size: 22px; line-height: 30px;}
    .PicSlider .txtbox .con{font-size: 16px;}
    .PicSlider .txtbox .con .icon{width: 50px;}
    .AboutBox .box .con .title{font-size: 20px; margin-bottom: 10px;}
}

@media ( max-width:480px){
    .PicSlider{padding: 0 0 35px;}
    .PicSlider .txtbox{position: static; width: auto; height: auto;}
    .PicSlider .txtbox .con{padding: 20px; line-height: 24px;}
    .PicSlider .txtbox .con .icon{width: 30px; margin-bottom: 10px;}
    .Single{line-height: 30px;}
}

/* 董事长寄语 */
.LeaderBox .pic{width: 40.5%; float: left;}
.LeaderBox .pic img{display: block; width: 100%;}
.LeaderBox .con{width: 51.6%; float: right;}
.LeaderBox .con .Single .name{font-size: 24px; color: #333; line-height: 36px; text-align: right; margin-top: 3%;}

@media ( max-width:1024px){
    .LeaderBox .pic,.LeaderBox .con{width: auto; float: none;}
    .LeaderBox .con .Single .name{font-size: 20px;} 
    .LeaderBox .con{margin-bottom: 20px;}
} 

/* 集团分布 */
.DistributeBox .pic{text-align: center;}
.DistributeBox .list li{background: #f5f5f5; font-size: 16px; line-height: 30px; color: #666; padding: 2.5% 5%; margin-bottom: 2px; font-family: Arial;}
.DistributeBox .list li .effect-img{width: 19.23%; float: right; height: 180px;}
.DistributeBox .list li .con{width: 75%; float: left;}
.DistributeBox .list li .con .title{font-size: 30px; color: #333; line-height: 30px; margin-bottom: 15px; text-transform: uppercase;}
.DistributeBox .list li:hover{background: #49bdff; color: #fff;}
.DistributeBox .list li:hover .title{color: #fff;}

@media ( max-width:1366px){
    .DistributeBox .list li .effect-img{height: 160px;}
    .DistributeBox .list li .con .title{font-size: 24px; line-height: 26px;}
} 

@media ( max-width:1024px){
    .DistributeBox .list li{padding: 20px;}
    .DistributeBox .list li .effect-img{height: 120px;}
    .DistributeBox .list li .con .title{font-size: 20px; margin-bottom: 5px;} 
}

@media ( max-width:640px){
    .DistributeBox .list li{padding: 0;}
    .DistributeBox .list li .effect-img,.DistributeBox .list li .con{width: auto; float: none;}
    .DistributeBox .list li .effect-img{height: 320px;}
    .DistributeBox .list li .con{padding: 15px;}
}

@media ( max-width:480px){
    .DistributeBox .list li .effect-img{height: 240px;}
    .DistributeBox .list li .con .title{font-size: 18px;}
}

/* 发展历程 */
.HistoryBox{background: url(../images/dot4.png) no-repeat center top; padding-top: 30px; max-width: 1198px; margin: 0 auto;}
.HistoryBox ul{background: url(../images/line1.png) repeat-y center top; padding-top: 50px;}
.HistoryBox ul li{background: url(../images/his.png) repeat-y center top;}
.HistoryBox ul li .box{background-image: url(../images/dot5.png); background-repeat: no-repeat; background-position: center 7px;}
.HistoryBox ul li .con{width: 46.74%; float: left; text-align: right;}
.HistoryBox ul li:nth-child(2n) .con{float: right; text-align: left;}
.HistoryBox ul li .con .time{display: block; font-size: 36px; line-height: 40px; color: #49bdff; font-family: "cen"; margin-bottom: 14px;}
.HistoryBox ul li .con dl{margin-bottom: 25px;}
.HistoryBox ul li .con dl:last-child{margin-bottom: 0;}
.HistoryBox ul li .con .effect-img{margin: 0px 0 20px;}
.HistoryBox ul li .con .info{font-size: 16px; line-height: 24px; color: #333;}
.HistoryBox ul li:last-child{background: #fff;}
.HistoryBox ul li:last-child .box{background-position: center 0;}

@media ( max-width:1024px){
    .HistoryBox ul li .con .time{font-size: 30px;} 
} 

@media ( max-width:768px){
    .HistoryBox ul li .con .time{font-size: 25px; margin-bottom: 0;} 
    .HistoryBox ul li .con .effect-img{margin-bottom: 15px;}
}

@media ( max-width:480px){
    .HistoryBox,.HistoryBox ul{background: none; padding-top: 0;}
    .HistoryBox ul li,.HistoryBox ul li .box{background: none;}
    .HistoryBox ul li{padding: 15px;}
    .HistoryBox ul li:nth-child(2n){background: #f8f8f8;}
    .HistoryBox ul li .con,.HistoryBox ul li:nth-child(2n) .con{width: auto; float: none;}
    .HistoryBox ul li .con .time{text-align: center; font-size: 20px;}
}

/* 荣誉资质 */
.HonnorBox .info{font-size: 16px; color: #333; line-height: 30px; text-align: center;}
.PicSwiper .swiper-container{padding-bottom: 50px;}
.PicSwiper .swiper-slide{width: 35%; margin: 0 20px;}
.PicSwiper .swiper-slide .box{padding: 16px; background: #a8dfff;}
.PicSwiper .swiper-slide .box img{display: block; width: 100%;}
.PicSwiper .swiper-slide .box .title{font-size: 18px; line-height: 48px; color: #fff; text-align: center;}
.PicSwiper .swiper-slide.swiper-slide-active .box{background: #49bdff;}
.PicSwiper .swiper-button-next,.PicSwiper .swiper-button-prev{width: 30px; height: 60px; margin-top: -60px; background-size: cover;}
.PicSwiper .swiper-button-prev,.PicSwiper .swiper-container-rtl .swiper-button-next{left: 0px; background-image: url(../images/left2.png);}
.PicSwiper .swiper-button-next,.PicSwiper .swiper-container-rtl .swiper-button-prev{right: 0px; background-image: url(../images/right2.png);}
.PicSwiper .swiper-button-prev:hover,.PicSwiper .swiper-container-rtl .swiper-button-next:hover{left: 0px; background-image: url(../images/lefton.png);}
.PicSwiper .swiper-button-next:hover,.PicSwiper .swiper-container-rtl .swiper-button-prev:hover{right: 0px; background-image: url(../images/righton.png);}
.PicSwiper .swiper-pagination{height: 12px; line-height: 12px;}
.PicSwiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
.PicSwiper .swiper-pagination-bullet{width: 12px; height: 12px; background: #d4d4d4; opacity: 1; bottom: 0;}
.PicSwiper .swiper-pagination-bullet-active{background: #8bc12f;}

@media ( max-width:1024px){
    .PicSwiper .swiper-slide{margin: 0; width: 45%;}
} 

@media ( max-width:768px){
    .PicSwiper .swiper-slide{width: 50%;}
    .PicSwiper .swiper-slide .box{padding: 10px;}
    .PicSwiper .swiper-slide .box .title{font-size: 16px; line-height: 30px; margin-top: 10px;}
}

@media ( max-width:480px){
    .PicSwiper .swiper-slide{width: 100%;}
}

/* 合作伙伴 */
.PartnerBox .info{text-align: center; font-size: 16px; line-height: 30px; color: #333;}
.PartnerSlider{padding: 0 88px 48px;}
.PartnerSlider li{width: 20%; float: left;}
.PartnerSlider li a{display: block; margin: 15px 17px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.PartnerSlider .owl-nav .owl-prev span,.PartnerSlider .owl-nav .owl-next span{width: 30px; height: 60px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -30px; z-index: 5;}
.PartnerSlider .owl-nav .owl-prev span{left: -88px; background-image: url(../images/left2.png);}
.PartnerSlider .owl-nav .owl-next span{right: -88px; background-image: url(../images/right2.png);}
.PartnerSlider .owl-nav .owl-prev span:hover{background-image: url(../images/lefton.png);}
.PartnerSlider .owl-nav .owl-next span:hover{background-image: url(../images/righton.png);}
.PartnerSlider .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: -48px; height: 12px; line-height: 12px;}
.PartnerSlider .owl-dots .owl-dot{width: 12px; height: 12px; margin: 0px 5px; background-image: url(../images/dot6.png); background-repeat: no-repeat; background-position: left top;}
.PartnerSlider .owl-dots .owl-dot.active{background-position: left bottom;}

@media ( max-width:1440px){
    .PartnerSlider{padding: 0 50px 48px;}
    .PartnerSlider .owl-nav .owl-prev span{left: -50px;;}
    .PartnerSlider .owl-nav .owl-next span{right: -50px;}
} 

@media ( max-width:768px){
    .PartnerSlider{padding: 0 30px 48px;}
    .PartnerSlider li a{margin: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
    .PartnerSlider .owl-nav .owl-prev span,.PartnerSlider .owl-nav .owl-next span{width: 20px; height: 40px; margin-top: -20px;}
    .PartnerSlider .owl-nav .owl-prev span{left: -30px;;}
    .PartnerSlider .owl-nav .owl-next span{right: -30px;}
    .PartnerSlider .owl-dots{bottom: -30px;}
}

@media ( max-width:480px){
    .PartnerSlider li{width: 50%;}
}

/* 化妆品原料 */
.Title01 h2{font-size: 48px; line-height: 118px; color: #333;}
.Title01 i{display: block; width: 50px; height: 2px; background: #4bbcff; margin: 0 auto;}

.Proins{text-align: center; font-size: 16px; color: #666; line-height: 26px;}
.hzsorts{background-image: url(../images/boxbg.jpg); padding: 30px 15%; border: 1px solid #edf8ff;}
.Prosorts .box a{display: inline-block; font-size: 16px; font-weight: bold; line-height: 38px; padding: 0 38px; margin: 1px 0; border-radius: 30px; color: #000;}
.Prosorts .box a.on,.Prosorts .box a:hover{background: #64c5fa;}
.Prosorts .down{display: block; width: 154px; line-height: 39px; margin: 0 auto; border: 2px solid #6697ee; border-radius: 25px; font-size: 18px; color: #8bc12f;}
.Prosorts .down img{display: inline-block; vertical-align: middle; margin-left: 8px;}

.plr{padding: 10px 30px;}
.ProTable .box{padding: 22px 0;}
.ProTable .box:last-child{padding-bottom: 0;}
.ProTable .box .name{color: #49bdff;}
.ProTable .box .w1{width: 56.5%;}
.ProTable .box .w2{width: 43.5%;}
.ProTable .box .w3{width: 42.5%;}
.ProTable .box .w4{width: 57.5%;}
.ProTable .box .title{font-size: 24px; color: #000; font-weight: bold; line-height: 36px; margin-bottom: 25px;}
.ProTable .box tr td{font-size: 18px; word-break: break-all;}
.ProTable .box .tit{border-bottom: 1px solid #d6e0ea;}
.ProTable .box .tit tr td{height: 75px; background: #edf8ff; color: #778b98;}
.ProTable .box .con tr td{background: #f9fcff; line-height: 24px; color: #000;}
.ProTable .box .con table{height: 100%;}
.ProTable .box .con table tr td{border-right: 1px solid #d6e0ea; border-bottom: 1px solid #d6e0ea;}
.ProTable .box .con table tr td:last-child{border-right: none;}
.ProTable .box .con table tr:last-child td{border-bottom: none;}

@media ( max-width:1500px){
    .Title01 h2{font-size: 36px; line-height: 80px;}
    .hzsorts{padding: 20px 10%;}
} 

@media ( max-width:1024px){
    .Title01 h2{font-size: 26px; line-height: 60px;}
    .hzsorts{padding: 20px 15px;}
    .Prosorts .box a{padding: 0 15px; line-height: 30px;}
    .plr{padding: 10px 15px;}
    .ProTable .box{padding: 10px 0;}
    .ProTable .box .title{font-size: 20px; line-height: 30px; margin-bottom: 15px;}
    .ProTable .box .tit tr td{height: 50px;}
    .ProTable .box tr td{font-size: 16px;}
}

@media ( max-width:768px){
    .Title01 h2{font-size: 22px;}
    .Prosorts .box a{font-size: 14px;}
    .Prosorts .down{width: 120px; line-height: 30px; font-size: 16px;}
    .Prosorts .down img{width: 15px;}
    .ProTable .box .con tr td{font-size: 14px;}
}

@media ( max-width:480px){
    .Title01 h2{font-size: 20px; line-height: 45px;}
    .Prosorts .box a{padding: 0 6px;}
    .ProTable .box tr td{font-size: 14px; line-height: 20px;}
    .ProTable .box .title{margin-bottom: 10px;}
}

/* 原料药 */
.ProductBox{background: #e7f6ff;}
.ProductBox .box{padding: 4% 3%; background-image: url(../images/boxbg2.jpg); line-height: 52px;}
.ProductBox .box h2{font-size: 36px; color: #fff;}
.ProductBox .box .down{width: 190px; background: rgba(255,255,255,0.87); text-align: center; border-radius: 25px; font-size: 18px; color: #8bc12f;}
.ProductBox .box .down img{display: inline-block; vertical-align: middle; margin-left: 22px;}
.TableCon{padding: 0.5% 2% 2%;}
.TableCon table td{font-size: 18px;}
.TableCon table .w1{width: 39.5%;}
.TableCon table .w2,.TableCon table .w3{width: 30.25%;}
.TableCon .tit tr td{height: 62px; color: #49bdff; font-weight: bold;}
.TableCon .con tr td{color: #000; background: #fff;}

@media ( max-width:1024px){
    .ProductBox .box{line-height: 40px;}
    .ProductBox .box h2{font-size: 24px;}
    .ProductBox .box .down{width: 140px; font-size: 16px;}
    .ProductBox .box .down img{margin-left: 10px;}
    .TableCon table td{font-size: 16px;}
} 

@media ( max-width:768px){
    .TableCon .tit tr td{height: 40px;}
}

@media ( max-width:480px){
    .TableCon table td{font-size: 14px;}
}

/* 产品列表 */
.ProductList ul{padding-bottom: 2%;}
.ProductList li{width: 32%; float: left; margin: 0 2% 2% 0; background-image: url(../images/probg.jpg);}
.ProductList li:nth-child(3n){margin-right: 0;}
.ProductList li a{display: block; position: relative; padding: 4% 6%;}
.ProductList li .line{position: absolute; border: 1px solid #fff; left: 8px; top: 8px; right: 8px; bottom: 8px;}
.ProductList li .mask{padding: 16px; background: rgba(255,255,255,0.54); box-shadow: 0px 2px 15px rgba(173,222,244,0.25); margin-bottom: 20px;}
.ProductList li .mask,.ProductList li .effect-img,.ProductList li .effect-img img{border-radius: 50%;}
.ProductList li .effect-img img{display: block; width: 100%;}
.ProductList li .title{font-size: 24px; height: 30px; line-height: 30px; color: #8bc12f; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ProductList li:hover .line{border: 1px solid #49bdff;}
.LoadMore{display: block; width: 106px; line-height: 36px; background: #8bc12f; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase; margin: 0 auto;}

@media ( max-width:1024px){
    .ProductList li a{padding: 20px;}
    .ProductList li .mask{padding: 10px;}
    .ProductList li .title{font-size: 16px;}
} 

@media ( max-width:640px){
    .ProductList li{width: 49%; margin-right: 0;}
    .ProductList li:nth-child(2n){float: right;}
}

@media ( max-width:480px){
    .ProductList li,.ProductList li:nth-child(2n){width: auto; float: none; margin-bottom: 15px;}
}

/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7; line-height:28px; font-size:14px; color:#333333;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:480px){
.ActiveContent .Atit h2{font-size:18px;}
.ActiveContent .Atit em i{padding: 0px 5px;}
}

/* 生产基地 */
.BaseSlider .pic{width: 45.38%; float: left; position: relative; z-index: 3;}
.BaseSlider .pic img{display: block; width: 100%;}
.BaseSlider .box{position: relative; z-index: 1; width: 60.38%; float: right; margin: 5% 5px 10px -15%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.BaseSlider .box .con{padding: 6% 5.5% 14.22% 17%;}
.BaseSlider .box .con .info{font-size: 16px; line-height: 30px; color: #333;}
.BaseSlider .owl-nav{position: absolute; width: 50%; right: 0; bottom: 18%;}
.BaseSlider .owl-nav .owl-prev span,.BaseSlider .owl-nav .owl-next span{width: 39px; height: 39px; display: inline-block; margin-right: 10px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat;}
.BaseSlider .owl-nav .owl-prev span{background-image: url(../images/left3.jpg);}
.BaseSlider .owl-nav .owl-next span{background-image: url(../images/right3.jpg);}
.BaseSlider .owl-nav .owl-prev span:hover{background-image: url(../images/lefton2.jpg);}
.BaseSlider .owl-nav .owl-next span:hover{background-image: url(../images/righton2.jpg);}
.BaseSlider .owl-dots{width: 12px; position: absolute; right: 5%; top: 35px; bottom: 35px; display: flex; flex-direction: column; align-items: center;}
.BaseSlider .owl-dots .owl-dot{width: 12px; height: 12px; margin: 7px 0; background-image: url(../images/dot7.png); background-repeat: no-repeat; background-position: left top;}
.BaseSlider .owl-dots .owl-dot.active{background-position: left bottom;}

@media ( max-width:1024px){
    .BaseSlider .pic,.BaseSlider .box{width: auto; float: none; margin: 0;}  
    .BaseSlider .box .con{padding: 4%; background: #fcfcfc;}
    .BaseSlider .owl-nav{position: static;}
    .BaseSlider .owl-nav .owl-prev span,.BaseSlider .owl-nav .owl-next span{position: absolute; top: 28%; margin: 0;}
    .BaseSlider .owl-nav .owl-prev span{left: 0px;}
    .BaseSlider .owl-nav .owl-next span{right: 0px;}
    .BaseSlider .owl-dots{display: none;}
} 

@media ( max-width:480px){
    .BaseSlider .box .con{padding: 20px;}
    .BaseSlider .owl-nav .owl-prev span,.BaseSlider .owl-nav .owl-next span{top: 15%;}
}

/* 质量保证 */
.QualityBox li{width: 23.875%; float: left; margin-right: 1.5%;}
.QualityBox li:nth-child(4n){margin-right: 0;}
.QualityBox li a{display: block; padding: 14px; background: #49bdff;}
.QualityBox li .effect-img img{height: 480px;}
.QualityBox li a:hover{background: #8bc12f;}

@media ( max-width:1024px){
    .QualityBox li .effect-img img{height: 291px;}
} 

@media ( max-width:768px){
    .QualityBox li a{padding: 6px;}
    .QualityBox li .effect-img img{height: 229px;}
}

@media ( max-width:640px){
    .QualityBox li .effect-img img{height: 186px;}
}

@media ( max-width:480px){
    .QualityBox li{width: 49%; margin: 0 0 2%;}
    .QualityBox li:nth-child(2n){float: right;}
    .QualityBox li .effect-img img{height: 219px;}
}

/* 新闻中心 */
.datebox{padding: 53px 10px 4px; width: 72px; text-align: right; background: #49bdff; font-weight: bold; font-size: 16px; line-height: 20px; color: #fff; font-family: Arial;}
.datebox span{display: block; font-size: 44px; line-height: 40px;}
.NewsTop{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.NewsTop .arrow{position: absolute; right: 68px; bottom: 68px;}
.NewsTop .effect-img{width: 50%; float: left; height: 466px;}
.NewsTop .con{width: 42%; padding: 0 4%; float: right;}
.NewsTop .con .title,.NewsList li .con .title{font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.NewsTop .con .title{margin: 40px 0 15px; color: #49bdff;}
.NewsTop .con .info,.NewsList li .con .info{font-size: 16px; line-height: 30px; overflow: hidden; color: #666;}
.NewsTop .con .info{max-height: 90px; margin-bottom: 40px;}
.NewsTop .con .more,.NewsList li .con .more{font-size: 14px; color: #49bdff; text-transform: uppercase;}
.NewsTop .con .more span,.NewsList li .con .more span{margin-right: 10px; display: inline-block;}
.NewsTop .con .more i,.NewsList li .con .more i{display: inline-block; width: 16px; height: 8px;}
.NewsTop .con .more i{background: url(../images/more2.png);}

.NewsList ul{padding-bottom: 2%;}
.NewsList li{margin-bottom: 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.NewsList li a{display: block; position: relative; padding-right: 218px;}
.NewsList li .datebox{position: absolute; right: 68px; top: 0;}
.NewsList li .effect-img{width: 24.29%; height: 210px; float: left;}
.NewsList li .con{width: 71.83%; float: right; padding-top: 2.5%;}
.NewsList li .con .title{color: #333;}
.NewsList li .con .info{margin: 10px 0 12px; max-height: 60px;}
.NewsList li .con .more span{display: none;}
.NewsList li .con .more i{background: url(../images/more1.png);}
.NewsList li:hover a{background: #49bdff;}
.NewsList li:hover .con .title{color: #fff;}
.NewsList li:hover .con .info{color: #fff;}
.NewsList li:hover .con .more span{display: inline-block; color: #fff;}
.NewsList li:hover .con .more i{background: url(../images/more3.png);}
.NewsList li:hover .datebox{background: #fff; color: #49bdff;}

@media ( max-width:1300px){
    .datebox{padding-top: 35px;}
} 

@media ( max-width:1024px){
    .datebox{padding-top: 15px; position: absolute; top: 0; left: 0; background: rgba(73,189,255,0.8); z-index: 2; padding: 10px; width: 66px;}
    .datebox span{font-size: 32px;}
    .NewsTop .effect-img{height: 300px;}
    .NewsList li a{padding-right: 0;}
    .NewsTop .con .title,.NewsList li .con .title{font-size: 20px;}
    .NewsList li .effect-img{width: 30%;}
    .NewsList li .con{padding: 3% 3% 0; width: 64%;}
    .NewsList li:hover .datebox{background: rgba(255,255,255,0.8);}
} 

@media ( max-width:768px){
    .NewsTop .arrow{right: 30px; bottom: 30px;}
    .NewsList li .effect-img{height: 180px;}
    .NewsTop .con .title,.NewsList li .con .title{font-size: 18px;}
    .NewsTop .con .info, .NewsList li .con .info{font-size: 15px;}
}

@media ( max-width:480px){
    .NewsTop .effect-img,.NewsTop .con,.NewsList li .effect-img,.NewsList li .con{width: auto; float: none;}
    .NewsTop .effect-img{height: 220px;}
    .NewsTop .con,.NewsList li .con{padding: 20px;}
    .NewsTop .con .title{margin: 0 0 10px;}
    .NewsTop .con .info{margin-bottom: 20px;}
}

/* 企业文化 */
.CultureBox{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.CultureBox li{position: relative;}
.CultureBox li .icon{position: absolute; width: 190px; right: 4%; top: 50%; margin-top: -95px;}
.CultureBox li .effect-img{width: 50%; float: left; height: 300px;}
.CultureBox li .con{padding: 112px 4%; width: 42%; float: left; line-height: 30px; position: relative;}
.CultureBox li .con .line{position: absolute; width: 118px; height: 1px; background: #49bdff; left: -48px; top: 70px;}
.CultureBox li .con .title{margin-bottom: 10px; font-size: 30px; color: #333;}
.CultureBox li .con .title span{font-size: 18px; color: #49bdff;}
.CultureBox li .con .info{font-size: 18px; color: #666;}
.CultureBox li:nth-child(2n){text-align: right;}
.CultureBox li:nth-child(2n) .icon{right: auto; left: 4%;}
.CultureBox li:nth-child(2n) .effect-img{float: right;}
.CultureBox li:nth-child(2n) .con .line{right: -48px; left: auto;}
.CultureBox li:nth-child(2n) .con .title span{color: #8bc12f;}

@media ( max-width:1024px){
    .CultureBox li .effect-img{height: 240px;}
    .CultureBox li .icon{width: 100px; margin-top: -50px;}
    .CultureBox li .con{padding: 72px 4% 0;}
    .CultureBox li .con .line{display: none;}
    .CultureBox li .con .title{font-size: 24px;}
    .CultureBox li .con .title span,.CultureBox li .con .info{font-size: 16px;}
} 

@media ( max-width:640px){
    .CultureBox li .con .title{font-size: 20px;}
    .CultureBox li .con .title span{font-size: 14px;}
}

@media ( max-width:480px){
    .CultureBox{box-shadow: none;}
    .CultureBox li{margin-bottom: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
    .CultureBox li .effect-img,.CultureBox li:nth-child(2n) .effect-img,.CultureBox li .con{width: auto; float: none;}
    .CultureBox li .con{padding: 20px;}
    .CultureBox li .con .title{margin-bottom: 0;}
}

/* 员工风采 */
.StyleBox{padding-bottom: 30px;}
.StyleBox li{width: 23.5%; float: left; margin: 0 2% 2% 0;}
.StyleBox li:nth-child(4n){margin-right: 0;}
.StyleBox li .effect-img img{height: 259px;}
.StyleBox li .title{font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 18px; color: #333; text-align: center;}
.StyleBox .owl-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: -30px;}
.StyleBox .owl-dots .owl-dot{width: 12px; height: 12px; margin: 0 6px; background-image: url(../images/dot6.png); background-repeat: no-repeat; background-position: left top;}
.StyleBox .owl-dots .owl-dot.active{background-position: left bottom;}

@media ( max-width:1024px){
    .StyleBox li .effect-img img{height: 165px;}
} 

@media ( max-width:768px){
    .StyleBox li .title{margin-top: 10px;} 
    .StyleBox li .effect-img img{height: 123px;}
}

@media ( max-width:640px){
    .StyleBox li{width: 49%; margin-right: 0;}
    .StyleBox li:nth-child(2n){float: right;}
    .StyleBox li .effect-img img{height: 211px;}
}

@media ( max-width:480px){
    .StyleBox li .effect-img img{height: 119px;}
}

/* 加入我们 */
.JobBox{box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);}
.JobBox .pic img{display: block; width: 100%;}
.JobBox .con{position: absolute; left: 17%; right: 17%; bottom: 0; background-image: url(../images/boxbg3.png); background-size: 100% 100%; text-align: center; padding: 25px; font-size: 18px; line-height: 30px;}
.JobBox .con .icon{display: block; width: 148px; margin: 0 auto 25px;}

.Treatment li .effect-img{width: 50%; float: left;}
.Treatment li .con{padding: 75px 3% 0; width: 44%; float: left; text-align: center;}
.Treatment li .con .title h3{font-size: 24px; color: #333; line-height: 33px;}
.Treatment li .con .title h3 i{display: inline-block; vertical-align: middle; width: 30px; height: 1px; background: #49bdff; margin: 0 10px;}
.Treatment li .con .title p{font-size: 14px; line-height: 26px; color: #999;}
.Treatment li .con .info{margin-top: 28px; font-size: 16px; color: #666; line-height: 30px;}
.Treatment li:nth-child(2n) .effect-img{float: right;}

.welcome{padding: 7% 0; border-bottom: 1px solid #e5e5e5; text-align: center;}
.waybox{background: url(../images/line2.png) no-repeat center center; max-width: 958px; margin: 0 auto;}
.waybox li{padding-left: 10%; width: 40%; float: left;}
.waybox li:nth-child(2n){float: right;}
.waybox li .icon{display: inline-block; vertical-align: middle; width: 86px; margin-right: 16px;}
.waybox li .con{display: inline-block; vertical-align: middle;}
.waybox li .con .name{display: block; font-size: 16px; line-height: 28px; color: #333;}
.waybox li .con p{font-size: 20px; line-height: 30px; color: #49bdff;font-weight: bold;}

.Selectbox select{width: 22.435%; float: left; height: 52px; border: 1px solid #49bdff; font-size: 16px; padding: 0 20px; color: #666; margin-right: 2%;}
.Jobsearch{width: 45.64%; float: left; border: 1px solid #49bdff;}
.Jobsearch form{padding: 0 60px 0 73px;}
.Jobsearch form .arrow{position: absolute; left: 0; top: 0; width: 53px; height: 100%; background-color: #49bdff; background-image: url(../images/arr5.png); background-repeat: no-repeat; background-position: center center;}
.Jobsearch form .input{font-size: 14px; line-height: 50px; color: #333; width: 100%;}
.Jobsearch form .input::placeholder{color: #666;}
.Jobsearch form .btn{position: absolute; width: 25px; height: 25px; top: 50%; margin-top: -12px; right: 20px; background-image: url(../images/btn2.png);}

.JobList li .box{padding: 0 0 0 4%; background: #8bc12f;}
.JobList li .Titname{display:block; float:left; width:30%; text-align:center; color:#fff; font-size:16px; overflow:hidden; line-height:75px; height:75px;}
.JobList li .Titname:first-child{width: 40%; text-align: left;}
.JobList li .name i{display: inline-block; vertical-align: middle; width: 18px; height: 20px; background-image: url(../images/jia2.png); margin-right: 15px; background-repeat: no-repeat; background-position: center center;}
.JobList li.lion .name i{ background-image: url(../images/jian2.png);}
.JobList li.lion .box{background: #49bdff;}
.JobList li .Con{display:none; padding:2.5% 4%; position:relative; border: 1px solid #bfbfbf; border-top: none;}
.JobList li .Con .list{display: none; font-size: 16px; color: #494949; line-height: 30px; margin-bottom: 3%;}
.JobList li .Con .list p{width: 48%; float: left;}
.JobList li .Con .list p:nth-child(2n){float: right;}
.JobList li .Con dl{line-height:34px; font-size:16px; color:#333; margin-bottom: 2%;}
.JobList li .Con dl dt{font-weight: bold;}
.JobList li .Con .apply{display:block; width:114px; line-height: 36px; background:#49bdff; color:#fff; text-align:center; font-size:14px;}

@media ( max-width:1024px){
    .JobBox .con{position: static; background: #fff; font-size: 16px;}
    .JobBox .con .icon{width: 100px; margin-bottom: 10px;}
    .Treatment li .con{padding: 15px;}
    .Treatment li .con .title h3{font-size: 20px; line-height: 30px;}
    .Treatment li .con .info{margin-top: 15px;}
    .waybox li .icon{width: 60px;}
    .Selectbox select{height: 40px; padding: 0 10px; font-size: 14px;}
    .Jobsearch form{padding: 0 48px 0 60px;}
    .Jobsearch form .arrow{width: 45px;}
    .Jobsearch form .input{height: 38px;}
    .Jobsearch form .btn{right: 10px;}
    
    .JobList li .Titname:nth-child(2),.JobList li .Titname:nth-child(3){display:none;}
    .JobList li .Titname{width: 80%; height: 50px; line-height: 50px;}
    .JobList li .Con .list{display: block;}
}

@media ( max-width:865px){
    .waybox{background: none;}
    .waybox li{width: 50%; padding-left: 0;}
    .waybox li:nth-child(2n){float: right;}
}

@media ( max-width:720px){
    .waybox li{width: auto; float: none; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
    .waybox li:nth-child(2n){margin-bottom: 0; padding-bottom: 0; border-bottom: none; float: none;}
    .Treatment li .effect-img,.Treatment li:nth-child(2n) .effect-img,.Treatment li .con{width: auto; float: none;}
    .Treatment li .con{padding: 20px;}
}

@media ( max-width:480px){
    .Treatment li .effect-img{height: 220px;}
    .Selectbox select{width: 48%; margin: 0 0 10px;}
    .Selectbox select:nth-child(2n){float: right;}
    .Jobsearch{width: auto; float: none; clear: both;}
    .waybox li .con p{font-size: 18px;}
    .JobList li .Con .list p,.JobList li .Con .list p:nth-child(2n){width: auto; float: none;}
}

/*应聘表单*/
.recruitform{margin:0 auto; width:580px;}
.recruitform dl{margin-bottom:20px; position: relative; padding-left: 66px;}
.recruitform dl dt{position: absolute; left: 0px; top: 0px; text-align: right; line-height:40px; width: 50px; color:#4d4d4d; font-size:16px;}
.recruitform dl dd{border:1px solid #e6e6e6; padding: 0px 10px; line-height: 38px; background: #fff;}
.recruitform dl.noborder dd{border: none; padding: 0; background: none;}
.recruitform dl dd .input{height:38px; line-height:38px; font-size:14px; width:100%;}
.recruitform dl dd label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform dl dd label input.radio{ margin-right:8px; }
.recruitform dl dd textarea{height:148px; font-size:14px; width:100%;}
.recruitform dl.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0; padding: 0;}
.recruitform dl.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform dl.btn input.submit{background: #49bdff;}
.recruitform dl.btn input.reset{background:#ccc;}

@media ( max-width:480px){
    .recruitform{width:100%;}
}

/* 咨询反馈 */
.Message dl{float:left; width:49%;}
.Message dl:nth-child(2n){float:right;}
.Message dl.i5,.Message dl.i6{float:none; width:100%;}
.Message dl dd{padding:0px 10px 0px 67px; border:1px solid #ebebeb; background-repeat: no-repeat; background-position: left center; margin-bottom:30px;}
.Message dl dd .input,.Message dl dd textarea{line-height: 79px; width:100%; font-size: 18px; color: #000; font-family: "微软雅黑";}
.Message dl dd .input::placeholder,.Message dl dd textarea::placeholder{color: #666;}
.Message dl dd textarea{height:360px;}
.Message dl.i1 dd{background-image:url(../images/m1.png);}
.Message dl.i2 dd{background-image:url(../images/m2.png);}
.Message dl.i3 dd{background-image:url(../images/m4.png);}
.Message dl.i4 dd{background-image:url(../images/m3.png);}
.Message dl.i5 dd{background-image:url(../images/m5.png); background-position: left top;}
.Message dl.i6{text-align:center;}
.Message dl.i6 .btn{width:216px; height:68px; background:#8bc12f; margin: 0px 23px; color:#fff; font-size:18px;}
.Message dl.i6 .btnbg{background: #49bdff;}

@media ( max-width:1200px){
    .Message dl.i5 dd{background-position: left -15px;}
    .Message dl dd .input,.Message dl dd textarea{line-height: 50px;}
    .Message dl dd textarea{height: 200px;} 
    .Message dl.i6 .btn{width: 140px; height: 46px; margin: 0px 10px;}
}

@media ( max-width:768px){
    .Message dl dd .input,.Message dl dd textarea{font-size: 16px;}
    .Message dl dd{margin-bottom: 15px;}
}

@media ( max-width:640px){
    .Message dl,.Message dl:nth-child(2n){width:100%; float:none;}
    .Message dl.i6 .btn{width:120px; height:40px;}
}

/* 联系我们 */
.ContactBox .Map{height: 445px;}
.ContactBox .box{background: #49bdff; color: #fff; padding: 2.5% 0;}
.ContactBox .box .title{width: 26.11%; float: left; text-align: center; padding: 11px 0; border-right: 1px solid #b6e5ff;}
.ContactBox .box .title img{display: block; width: 152px; margin: 0 auto;}
.ContactBox .box .title .name{display: block; margin-top: 14px; line-height: 30px; font-size: 20px; color: #fff;}
.ContactBox .box .list{width: 72.5%; float: right;}
.ContactBox .box .list li{width: 29.3333%; margin-left: 4%; float: left; padding: 18px 0px; line-height: 35px; font-size: 16px;}
.ContactBox .box .list li .tit{font-size: 18px;}
.ContactBox .box .list li .info p{padding-left: 25px; background-repeat: no-repeat; background-position: left center;}
.ContactBox .box .list li .info .i1{background-image: url(../images/i1.png);}
.ContactBox .box .list li .info .i2{background-image: url(../images/i2.png);}

.CompanyBox li{width: 48.5%; float: left; line-height: 30px;}
.CompanyBox li:nth-child(2n){float: right;}
.CompanyBox li .title{font-size: 20px; color: #333; margin-bottom: 10px;}
.CompanyBox li .title .icon{display: inline-block; vertical-align: middle; width: 36px; margin-right: 20px;}
.CompanyBox li .info{font-size: 16px; color: #666;}

@media ( max-width:1200px){
    .ContactBox .box .title{float: none; width: auto; margin: 0 auto; border-right: none; padding: 0;}
    .ContactBox .box .list{width: auto; float: none; padding: 1.5% 3% 0;}
    .ContactBox .box .list li{width: 32%; margin: 0 2% 0 0; padding: 10px 0;}
    .ContactBox .box .list li:nth-child(3n){margin-right: 0;}
} 

@media ( max-width:998px){
    .ContactBox .box .title img{width: 120px;}
    .ContactBox .box .list li{width: 50%; margin-right: 0;}
    .ContactBox .box .list li:nth-child(2n){float: right;}
}

@media ( max-width:640px){
    .CompanyBox li,.CompanyBox li:nth-child(2n){width: auto; float: none; padding: 10px 0;}
}

@media ( max-width:480px){
    .ContactBox .box .list li{width: auto; float: none; border-bottom: 1px solid #b6e5ff;}
    .ContactBox .box .list li:nth-child(2n){float: none;}
    .ContactBox .box .list li:nth-last-child(2){border-bottom: none;}
}



#header{ display:block}


/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  

#header{ display:none}
.warp_3 {
    background-color: #f5f8fb;
    height: 760px;
    padding-top: 52px;
}
#ab2 {
    max-width: 92%;
    min-width: 92%;
    margin: 0px auto;
    clear: both;
    width: 96%;
}
.ab3 {
    width: 100%;
    height: 450px;
    float: left;
    color: #333;
    margin-top: 30px;
}
.ab3 span {
    background-image: -webkit-linear-gradient(left,#81b504,#b0d178,#b0d178);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    font-family: Barlow-Regular;
    font-weight: normal;
    text-transform: uppercase;
}.ab3 h4 a{ font-size:22px; line-height:30px}

.ab3 p {
    font-size: 15px;
    color: #888;
    line-height: 28px;
    font-family: Barlow-Regular;
}.more2 a {
    width: 122px;
    height: 42px;
    display: block;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    font-weight: 100;
    color: #fff;
    float: left;
    background: #8bc12f;
    margin-right: 10px;
}

 .more2 a:hover	{ width:122px; height:42px; border:0px #00959c solid; display:block; text-align:center; line-height:42px; font-size:14px; font-weight:100; color:#fff; background:#656565; text-decoration:none;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;} 
	
.more3 a {
    width: 122px;
    height: 42px;
    display: block;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    font-weight: 100;
    color: #8bc12f;
    float: left;
    border: 1px #8bc12f solid;
}
 .more3 a:hover	{ width:122px; height:42px; border:0px #00959c solid; display:block; text-align:center; line-height:42px; font-size:14px; font-weight:100; color:#fff; background:#8bc12f; text-decoration:none;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;} 	

.az {
    width: 100%;
    height: 205px;
    float: right;
    background: url(../images/about_bg.jpg) no-repeat 50px 0px;
    margin-top: 10px;
}
.w1560 {
    max-width: 100%;
    min-width: 100%;
    margin: 0px auto; padding:0
}

.HomeProduct .list li.i1, .HomeProduct .list li.i5 {

    margin:0 1%;
}
.HomeProduct .list ul{ }
.HomeProduct .list li .name {
  
    color: #fff;
    line-height: 20px;
    font-family: Roboto-Regular;
}
.HomeProduct .list li.i2, .HomeProduct .list li.i4 {

    margin: 0 1%;
}
.HomeProduct .list li.i3, .HomeProduct .list li.i6 {
   
    margin: 0 1%;
}
.HomeProduct .list li .name {
    font-size: 13px;
}
.ptb3 {
    padding: 8% 0;
}.max-wid {
    width: 100%;
    margin: auto;
}
.indPro_l {
    width: 90%; margin: auto;
}
.indPro_l .indProA:first-child {
    width: 100%;
    height: 46vw;
}
.indPro_l .indProA {
    width: 100%;
    height: 46vw;
}
.indPro_l .indProA {
    width: 100%;
    height: 46vw;
}
#r3 {
    height: 680px;
    position: relative;
}.indPro_name span {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    font-family: Roboto-Regular;
}.link{ display:none}
footer{ display:none}





}