body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td,div{ margin:0; padding:0; box-sizing:border-box; }
body{ font:14px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; background:#fff; color: #666;}
img{vertical-align: middle; border:none; max-width: 100%;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'Arial',arial,'Hiragino Sans GB';}
a{ color:#333; text-decoration: none; }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.zbtn,.btn,textarea{font-family:"Arial",arial,'Hiragino Sans GB';}
.wrap{ width:1200px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}

.pro_img img{ transition: all 0.4s ease 0s; }
html,body,.section,#fullpage{ width: 100%; height: 100% }
.slide-img,.slide-b{ width: 100%; height: 100%; position: relative; overflow: hidden; }
.slide-b li{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover!important; }

.index a{ color: #fff; }
.header{background: rgba(0,0,0,0.7); width: 100%; height: 80px; position: fixed; left: 0; top: 0; z-index: 9999;}
.logo{ float: left; margin-top: 12px; }
.nav{ float: right; font-size: 16px; padding-top: 28px;}
.nav li{ float: left; margin-right: 50px; position: relative; }

.nav li a{ padding: 0 15px; display: block; height: 50px; border-bottom: 2px solid rgba(255,255,255,0) ;}
.nav li a:hover{ border-color: rgba(255,255,255,0.5) ;}
.language{ width: 74px; height: 24px; line-height: 23px; border: 1px solid rgba(255,255,255,0.5); border-radius: 20px; float: right; margin-top: 28px; position: relative; text-align: center; color: #bbb;}
.sub{ position: absolute; left: 0; top: 52px; width: 120%;background: #f2f2f2; padding: 0 5px; margin: 0 -10%; display: none;}
.nav .sub a{ display: block; height: auto; padding: 8px 0; text-align: center; color: #333!important; font-size: 12px; border-bottom: 1px dashed #ccc;}
.nav .sub a:hover{ color: #051433!important; border-color: #ccc!important; }
.sj{     
	-webkit-backface-visibility: hidden;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed;
    border-color: #bbb transparent transparent;
    font-size: 0;
    line-height: 0;
    position: relative;
    top: 2px;
vertical-align: middle; margin-left: 5px;}
.b2{ background: url(../images/6.jpg) no-repeat center top; background-size: cover; }
.flex-control-nav,.flex-direction-nav{ display: none; }
.about_pic{ float: left; }
.fazhan li{ float: left; width: 33.3%; }
.wenzi{ margin-left: 590px; line-height: 28px; }
.baio1{ font-size: 24px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background: #fff; }
.b3{ background: url(../images/bg3.jpg) no-repeat center top; background-size: cover; }
.b3_title{ background: url(../images/icon1.png) no-repeat center 50%; height: 30px; line-height: 30px; font-size: 24px; font-weight: 700;
margin: auto; text-align: center; }
.about { padding-top: 15%; }
.jingying{ margin-top: 6%; }
.chanpin li{ float: left; margin: 1px;}
.chanpin li img{ width: 180px; height: 140px; }
.chanpin li a{ position: relative; display: block; text-align: center; overflow: hidden; }
.hbg{ width: 100%; height: 100%; position: absolute; left: 0; top: 101%; background: rgba(0,0,0,0.8); transition: all 0.3s ease 0s;}
.tb{ color: #fff; font-size: 16px; padding-top: 20%;}
.detail{ display: inline-block; width: 80px; height: 24px; line-height: 24px; border: 1px solid #838381; color: #838381; font-size: 12px; 
margin-top: 10px;}
.chanpin{ width: 1095px; margin: auto; padding-top: 20px;}
.chanpin li a:hover .hbg{ top: 0; }
.yongyou{ margin: 20px 0; }
.shangb{ text-align: center; }


.fp-tableCell{ overflow: hidden; }


.inners .header{ background: #051433; position: static; }
.inners .header .nav a{ color: #fff; }
.inners .header .nav a:hover{ border-color: #fff; }
.side{ width: 260px; float: left; }
.l-cloumn{ background: #263e5c; height: 160px; margin-bottom: 20px;}
.content{ padding-top: 50px; }
.l-cloumn h3{ padding: 15px 0 8px; margin: 0 10px; border-bottom: 1px solid #51657d; text-align: center; color: #fff; font-size: 18px; }
.way{ text-align: center; color: #fff; font-size: 16px; padding: 15px 8px 0;}
.way p{ margin-bottom: 5px; }
.lm li a{ display: block; padding: 17px 5px; background: #f4f4f4; font-size: 16px; text-align: center; color: #6a6a6a; }
.lm li .hover,.lm li a:hover{ background: #263e5c; color: #fff; }
.lm li{background: url(../images/icon2.png) repeat-x 0 bottom ; height: 60px;}

.main{ width: 890px; float: right; }
.mbar{ padding: 26px 0 5px ; overflow: hidden; border-bottom: 1px solid #d3d3d3; }
.mtitle{ font-size: 16px; float: left; }
.bread{ float: right; background: url(../images/icon3.png) no-repeat left; padding-left: 20px;}
.bread a{ color: #666; }
.pro_img img{ width: 210px; height: 165px; }
.pro_list{ margin-left: -16px; padding-top: 25px; margin-bottom: 40px;}
.pro_list li{ float: left; margin: 0 0 20px 16px;}
.pro_list li h3{ text-align: center; height: 26px; line-height: 26px; overflow: hidden; margin-top: 5px; }
.inners .footer{ background: #071f3c;/* position: static;*/}

.pages{ text-align: center; }
.pages a{ display: inline-block; padding: 4px 12px; border: 1px solid #ddd; margin: 0 2px;}
.pages .cur{ background: #263e5c; color: #fff; border-color: #263e5c; }
.content{ padding-bottom: 50px; }
.article{ min-height: 400px; overflow: hidden; line-height: 24px; padding: 30px 10px; color: #333;}
.goback{ text-align: right; padding-right: 10px; }

.yuyan{ font-size: 12px; }
.select_lan{ position: absolute; left: 0; top: 24px; background: rgba(255,255,255,0.9); width: 100%; display: none;}
.select_lan a{ color: #333; }

.header,.logo,.nav,.language,.nav li a{ transition: all 0.3s ease 0s; }

.fixed{ height: 50px; }
.fixed .logo img{ height: 40px; }
.fixed .logo{ margin-top: 4px; }
.fixed .nav{ padding-top:14px;  }
.fixed .language{ margin-top: 12px; }
.fixed .nav li a{ height: 33px; }
.sj_menus{ background: rgba(0,0,0,0.7); width: 100%; height: 100%; top: 50px; position: absolute; left: 0; z-index: 999; display: none; }
.sj_menus a{ display: block; padding: 6px 0; text-align: left; color: #fff; padding-left: 20px;}
.candan{ background: url(../images/icon48.png) no-repeat; width: 29px; height: 29px; float: right; margin: 10px 0 0 0; border: none; display: none; }
.nav li{ margin-right: 30px; }


.vm{ width: 155px; height: 44px; line-height: 44px; background: #0085ee; color: #fff; text-align: center; display: block; margin-top: 20px;}
.fixed .sub{ top: 35px; }
.nav .sub a{ height: auto!important; }
.about_foot{ position: static; left: 0; bottom: 0; width: 100%; }
.abye{ padding-top: 5%; color: #fff; }
.engy{ line-height: 24px; }
.engy li{ float: left; width: 33.3%; }
.psub{ padding-left: 20px; }
.psub li{ width: 50%; float: left; font-size: 12px; }
.sj_menus > a{ font-weight: 700; text-align: left; }



.active .about_pic{
    -webkit-animation: fadeInLeft 1s ease 0.4s both;
    animation: fadeInLeft 1s ease 0.4s both;
}
.active .wenzi{
    -webkit-animation: fadeInRight 1s ease 0.4s both;
    animation: fadeInRight 1s ease 0.4s both;
}

.active .chanpin li{
    animation: fadeInUp 1s ease 0.4s both;
}
.active .chanpin li:nth-of-type(2){
    animation-delay: 0.45s;
}
.active .chanpin li:nth-of-type(3){
    animation-delay: 0.5s;
}
.active .chanpin li:nth-of-type(4){
    animation-delay: 0.55s;
}
.active .chanpin li:nth-of-type(5){
    animation-delay: 0.6s;
}
.active .chanpin li:nth-of-type(6){
    animation-delay: 0.65s;
}
.active .chanpin li:nth-of-type(7){
    animation-delay: 0.7s;
}
.active .chanpin li:nth-of-type(8){
    animation-delay: 0.75s;
}
.active .shangb{
    animation: fadeInUp 1s ease 0.8s both;
}
.pro_img{ overflow: hidden; }
.pro_img:hover img{ transform: scale(1.05); }

@media only screen and (max-width:1900px) {
	.about{ padding-top: 10%; }
    .jingying{ margin-top: 4%; }
    .chanpin li img{ width: 180px; height: 140px; }
    .chanpin{ width: 1095px; }
    .b3_title{ font-size: 18px; height: 24px; line-height: 24px; }
    .chanpin{ padding-top: 10px; }
    .shangb img{ width: 600px; }
    .tb{ padding-top: 16%; }
}
@media only screen and (max-width:1400px) {
    .about{ padding-top: 6%; }
    .chanpin{ width: 973px; }
    .chanpin li img{ width: 160px; height: 95px; }
    .tb{ font-size: 14px; padding-top: 10%; }
    .shangb img{ width: 600px; }
    .yongyou{ margin-bottom: 5px; }
}
@media only screen and (max-width:1359px) {
    html, body, .section, #fullpage{ height: auto; }
    .slide-b li,.slide-img,.slide-b{ height: 400px; }
    .header{ position: static!important; background: #000; }
    .footer{ position: static; }
    .about,.jingying{ padding: 30px 0; margin-top: 0;}
    .section{ overflow: hidden; }
    .chanpin{ width: 869px;  }
    .chanpin li img{ width: 215px; height: 115px; }
}
@media only screen and (max-width:1200px) {
    .wrap{ width: 100%; padding-left: 10px; padding-right: 10px;}
    .about_pic{ margin-right: 20px; }
    .about_pic img{ width: 280px; }
    .wenzi{ margin-left: 0; }
    .baio1{ font-size: 18px; }
    .nav,.language{ display: none; }
    .slide-b li, .slide-img, .slide-b{ height: 280px; }
    .logo img{ height: 30px; }
    .header{ height: 50px; }
    .logo{ margin-top: 10px; }
    .chanpin li img {
        width: 160px;
        height: 95px;
    }
    .chanpin{ width: 649px; }
    .candan{ display: block; }
    .content{ padding-top: 20px; padding-bottom: 20px; }
    .side{ float: none; width: 100%; }
    .l-cloumn{ margin-bottom: 1px; }
    .lm{ overflow: hidden; }
    .lm li{ width: 50%; float: left; }
    .main{ float: none; width: 100%; }
    .pro_list li{ margin-left: 37px; }
    .pro_list{ margin-bottom: 20px; }
}
@media only screen and (max-width:766px) {
    .slide-b li, .slide-img, .slide-b{ height: 150px; }
    .about_pic{ float: none; margin: 0 0 10px 0; text-align: center;}
    .about_pic img{ width: 70%; }
    .fazhan li{ float: none; width: 100%; }
    .chanpin{ width: 327px; }
    .about, .jingying{ padding-top: 15px; padding-bottom: 15px; }
    .b3_title{ margin-bottom: 6px; }
    .shangb img{ width: 100%; }
    .logo { width: 60px; overflow: hidden; }
    .logo img{ width: auto; max-width: 373px;}
    .footer{ font-size: 12px; }
    .content{ padding-top: 10px; }
    .l-cloumn{ height: auto; padding-bottom: 20px; }
    .l-cloumn h3{ font-size: 16px; }
    .lm li{ height: 50px; line-height: 50px; }
    .lm li a{ font-size: 12px; padding: 0 5px; }
    .pro_list li{ width: 50%; margin: 0 0 10px 0; box-sizing:border-box; padding: 0 5px; }
    .pro_list{ margin-left:-5px; margin-right: -5px; }
    .article{ padding: 20px 0; }
    .language{ display: block; margin: 14px 10px 0 0; z-index: 999;}
    .about_foot{ position: static; }
    .vm{ width: 120px; height: 38px; line-height: 38px; }
    .abye { padding-left: 0; padding-right: 0; }
    .engy li{ width: 100%; margin-top: 10px; }
}