@charset "utf-8";
body{ background-color:#e4e2e2;/* padding-top:80px;*/font-family: Arial, Helvetica, sans-serif, "宋体";}

/*头部*/
.header{ width:100%; height:80px; background-color:#FFF; position:relative; left:0; top:0; z-index:900;}
.header .logo{ width: 400px; height: 80px; display: block; float:left; }
.header .logo img{ width:100%; }
.header .language{ display: inline-block; float: right; height: 20px; margin-top: 30px; }
.header .language > a{ display: inline-block; height: 24px; line-height: 16px; background-color: #FFF; margin-left:10px; border-radius: 4px; padding:4px 10px; box-sizing: border-box; font-size: 12px; text-transform: uppercase; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.header .language > a:hover{ background-color: #919191;color: #FFF !important; }

.scrolltop{  border-bottom:1px solid #EEE;  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.scrolltop .search,.scrolltop > .hd-con  >.btn{ display:none;}
.scrolltop > .c-con > .nav-list{ display:block;}


/*导航*/
.nav{ background-color: #3087bd; width:100%; }
.nav > .navlist{ box-sizing: border-box; border-left:1px solid rgba(255,255,255,0.2);  }
.nav > .navlist > ul > li{ width:20%; float: left; }
.nav > .navlist > ul > li > a{ width: 100%; height: 56px; line-height: 56px; display: block; text-align: center; font-size: 16px; text-transform: capitalize; color: #FFF; box-sizing: border-box; border-right:1px solid rgba(255,255,255,0.2); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.nav > .navlist > ul > li > a:hover{ color: #FFF !important; background-color: rgba(255,255,255,0.1); }



/*导航列表*/



/*FLASH*/
.flash{ width:100%; height:360px; position:relative; overflow:hidden;}
.banner{ width:1920px; height:360px; position:absolute; top:0; left:50%; margin-left:-960px; z-index:80; }
.banner_index{height:360px;position: relative;overflow:hidden;width: 1920px; z-index:180;}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:205px;width: 20px;height: 40px;display: block; z-index: 300; display:none;}
.banner_index .btnPre,.banner_pro .bPre{background:#DDD url(../images/goleft.png) no-repeat 0 0;left:595px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{background:#F60 url(../images/goleft.png) no-repeat 0 0;}
.banner_index .btnNext,.banner_pro .bNext{background:#DDD url(../images/goright.png) no-repeat 0 0;right: 595px;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{background:#F60 url(../images/goright.png) no-repeat 0 0;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 160;}
.banner_index .banner_wrap li{width:1920px; float: left;  height:360px; overflow:hidden; }
.banner_index .banner_wrap li img{width:1920px; height:360px;}
.indexBanner_num{width:160px; height:25px; font-size:0; text-align: center;  position:absolute; left:50%; margin-left:-90px; bottom:10px; z-index:320; } 
.indexBanner_num a{width:30px; height:5px; display: inline-block; _zoom:1; background-color:rgba(255,255,255,0.5); font-size:0px; margin:0 5px;}
.indexBanner_num a.on,.indexBanner_num a:hover{background-color:rgba(255,255,255,0.8);}

/*底部*/
.footer{ width:100%; padding-bottom:2%; padding-top: 2%;}
.copyright{ text-align: center; font-size: 12px; line-height: 24px;  text-align: center; }

.main{ height:auto;  margin:0 auto; padding-top:20px;}
.menu{ width: 325px; height: auto; background-color: #FFF; border-radius: 20px; float:left; }
.menu-header{ width:100%; height: 45px; line-height: 45px; box-sizing: border-box; padding-left:20px; border-radius: 20px 20px 0 0; background-color: #3087bd; color: #FFF; text-align: left; font-stretch: 20px; font-weight: bold; }
.menu-cent{ width: 100%; height: auto; box-sizing: border-box; padding:10px; }
.menu-list{ background-color: #fafafa; width:100%; height: auto; }
.menu-list > ul > li{ width:100%; height: auto; border-bottom:1px solid #e7e7e9; }
.menu-list > ul > li > a{ width:100%; height: 31px; line-height: 30px; display: block; padding-left:20px; font-size: 16px;font-weight: bold;/*text-transform: uppercase;*/ position: relative; }
/*.menu-list > ul > li > a::after{ content: ''; width:10px; height: 12px; box-sizing: border-box; border:1px solid #727272; text-align: center; background-image: url(../images/menu-list-li.png); background-repeat: no-repeat; background-position: left top; line-height: 18px; position: absolute; left:0; top:50%; margin-top: -6px; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; }*/
.menu-list > ul > li > p{ width: 100%; height: auto; box-sizing: border-box; padding-left:20px; /*display: none;*/ transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.menu-list > ul > li > p > a{ width: 100%; display: block; height: 24px; line-height: 24px; overflow:hidden; font-size: 15px; }
.menu-list > ul > li > p > a:nth-last-of-type(1){ padding-bottom:6px; }
.menu-list > ul > li:hover > p{ display: block; }
.right{ width:710px; height: auto; background-color: #FFF; float: right; border-radius: 10px 10px 0 0; box-sizing: border-box; padding-left:10px; padding-right:10px;padding-bottom: 10px;}
.location{ width: 100%; height: auto; padding-bottom:6px; /*border-bottom:1px solid #e8e8e8;*/ }
.location > h3{ width:100%; height: auto; box-sizing: border-box; /*border-bottom:5px solid #f3f3f3;*/ }
.location > h3 > p{ width:100%; height: 51px; line-height: 36px; font-weight: bold; font-size: 12px; text-transform: capitalize; padding-top: 10px; color: #737373;/*border-bottom:2px solid #747474;*/ box-sizing: border-box; padding-left:10px; padding-right:10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.location > h3 > p:hover{ color: #737373 !important; }
.about{ width: 100%; box-sizing: border-box; padding:20px; line-height: 24px; font-stretch: 12px; }
.column-prodlist{ width:680px; height:auto; padding:10px 5px; /*border:1px solid #d1d1d1;*/ background:#FFF;}
.column-prodlist h3{text-align: center;}
.column-prodlist li{width: 190px;height: 208px;float: left;margin: 5px 12px -10px 18px;display:inline;display:inline;}
.column-prodlist li p{ width:200px; height:150px; border:1px solid #d1d1d1; overflow:hidden;}
.column-prodlist li p img{ width:200px; height:150px; }
.column-prodlist li h3{width: 202px;height: 36px;line-height: 36px;font-weight: normal;font-size: 14px;text-align: center;overflow: hidden;font-family: "微软雅黑";}
.column-list{ width:980px; height:auto; padding:10px 5px; background:#FFF;}
.column-list li{ width:980px; height:auto; line-height:36px;border-bottom:1px dashed #d1d1d1;  }
.column-list li span{ width:80px; height:36px;line-height:36px; float:right; text-align:center; }
.column-list li h3{ width:980px; height:auto; line-height:36px; font-weight:normal; font-size:14px; overflow:hidden;}


.right1{ width:1000px; height: auto; background-color: #FFF; float: right; border-radius: 10px 10px 0 0; box-sizing: border-box; padding-left:10px; padding-right:10px;padding-bottom: 10px;}
.location1{ width: 100%; height: auto; padding-bottom:6px; border-bottom:1px solid #e8e8e8; }
.location1 > h3{ width:100%; height: auto; box-sizing: border-box;/*border-bottom: 1px solid #e8e8e8;*/}
.location1 > h3 > p{ width:100%; height: 51px; line-height: 36px; font-weight: bold; font-size: 12px; text-transform: capitalize; padding-top: 10px; color: #737373;/* border-bottom: 2px solid #747474;*/box-sizing: border-box; padding-left:10px; padding-right:10px;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}

.column-prodlist .inContainer img{max-width:520px !important;height:auto !important;}
.column-list .inContainer img{max-width:520px !important;height:auto !important;}
.inContainer h3{text-align:center;margin-bottom:5%;}