@charset "utf-8";
/* CSS Document */

html,body{background:#FFF; -webkit-text-size-adjust:none; font-family:"Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif; height:100%;}
html{font-size:62.5%;}
body,td,th,input,textarea,select{color:#525766;}
body,form{margin:0;}
input,textarea,select{font-size:16px; border:0px none;}
a,button,input,img,div,p,li,span{border:0px none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
h1{font-weight:normal;}
p{display:block; margin:0; padding:0;}
.searHeight{font-style:normal; color:#EC0000;}
a{color:#525766; text-decoration:none;}

#head{height:50px; background:#fff; padding:0 0 0 15px; position:relative; box-shadow:0 2px 6px rgba(0,0,0,.06); z-index:9;}
#head>a:first-child>img{height:22px; margin:13px 0 0 0;}
#lan{width:36px; height:36px; background:url(img/en.png) no-repeat center center; background-size:28px 28px; display:block; position:absolute; right:40px; top:7px;}
#menubtn{width:36px; height:36px; background:url(img/menu.png) no-repeat center center; background-size:20px 20px; display:block; position:absolute; right:7px; top:6px;}
#lan:active,#menubtn:active{background-color:#eee;}

#banner{width:100%; height:100%; background:#ccc; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
#banner .swiper-pagination{width:100%; bottom:13px; position:absolute;}
#banner .swiper-pagination-bullet{background:#FFF !important; opacity:0.8 !important; margin-left:3px; margin-right:3px;}
#banner .swiper-pagination-bullet-active{background:#f60 !important; opacity:1 !important;}
#banner .swiper-container{height:100%;}
#banner .swiper-slide{width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat;}

#menu{position:absolute; z-index:8; width:280px; left:50%; margin:auto auto auto -140px; bottom:21%;}
#menu>li{float:left; width:140px;	margin-bottom:10px;	text-align:center;}
#menu>li>a{display:block;	width:100px; height:100px; padding:15px; margin:auto; text-align:center; background:rgba(255,255,255,.8); box-shadow:4px 7px 7px rgba(0,0,0,.2);}
#menu>li:nth-of-type(1)>a{border-radius:10px 0 0 0;}
#menu>li:nth-of-type(2)>a{border-radius:0 10px 0 0;}
#menu>li:nth-of-type(3)>a{border-radius:0 0 0 10px;}
#menu>li:nth-of-type(4)>a{border-radius:0 0 10px 0;}
#menu>li>a>img{height:70px; margin:5px 0 0 0;}
#menu>li>a>p{font-size:1.4rem; color:#727ea2; margin:5px 0 0 0;}
#menu>li>a:active{background:rgba(0,0,0,.2);}

#nav{width:100%; height:100%; position:fixed; z-index:99999; left:0; top:0; background:rgba(0,0,0,0.8); text-align:center; display:none;}
#nav p{width:200px; height:300px; position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-150px; border-top:1px solid rgba(255,255,255,0.2);}
#nav a{display:block; color:#FFF; font-size:14px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,0.2); padding-top:14px;}
#nav a span{display:inline-block; padding-right:10px;}
#nav a span img{height:30px; vertical-align:middle;}
#nav a:active{background:rgba(255,255,255,0.1);}

#banners{width:100%; position:relative; background:#eee;}
#banners>img{width:100%; display:block;}
#banners>p{height:46px; background:rgba(250,236,230,.8); position:absolute; width:100%; left:0; bottom:0; font-size:2.0rem; padding:0 16px; line-height:46px; box-sizing:border-box;}
#banners>p>span{display:inline-block; font-size:1.2rem; padding-left:2px; text-transform:uppercase;}

.text{padding:25px 16px 20px 16px; line-height:160%; font-size:1.3rem;}
.text img{display:block; max-width:100%; height:auto; padding-bottom:6px;}
.text p{margin:0; margin-bottom:16px;}

#foot{background:#fff; text-align:center; padding:15px 15px 68px 15px; color:#888; font-size:1.2rem; border-top:1px solid #e6e6e6;}
#foot p:nth-of-type(2){padding:5px 0 0 0;}
#foot p>a,#foot p>.e{color:#999;}

#fmenu{background:url(img/fmenu_bg.png) repeat-x left bottom; background-size:auto 52px; height:52px; width:100%; position:fixed; z-index:10; left:0; bottom:0; display:flex;}
#fmenu>a{display:block; flex:auto; text-align:center; color:#fff; font-size:1.3rem;}
#fmenu>a>img{display:block; height:24px; margin:5px auto 3px auto;}

.newslist{margin-top:30px; display:block;}
.newslist>.img{width:100%; height:130px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
.newslist>.title{padding:16px 16px 0 16px; font-size:1.5rem; color:#000;}
.newslist>.content{padding:8px 16px; font-size:1.3rem; line-height:150%;}
.newslist>.date{font-size:1.2rem; color:#999; margin:0 16px; background:url(img/clock.png) no-repeat left center; background-size:12px auto; padding-left:15px;}

.pager{padding:20px;}
#pull{display:block; background:#fff; width:150px; height:35px; line-height:35px; font-size:1.3rem; border:1px solid #eee; border-radius:5px; box-shadow:3px 3px 10px rgba(0,0,0,.05); text-align:center; margin:auto;}
#pull:active{background:#eee;}
#loading{font-size:1.3rem; text-align:center; display:none;}

h1.title{padding:16px 16px 0 16px;}
.info{background:#eceff8; padding:10px; font-size:1.2rem; margin:16px 16px 0 16px; color:#7a8196; text-align:center; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.prev,.next{padding:5px 16px; font-size:1.3rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.back{margin:20px auto 0 auto; display:block; background:#fff; width:150px; height:35px; line-height:35px; font-size:1.3rem; border:1px solid #eee; border-radius:5px; box-shadow:3px 3px 10px rgba(0,0,0,.05); text-align:center;}
.back:active{background:#eee;}

#class{display:flex; width:100%; box-sizing:border-box; flex-wrap:wrap; margin-top:30px; padding-left:15px;}
#class a{display:block; width:50%; padding-right:15px; padding-bottom:15px; box-sizing:border-box;}
#class a img{display:block; width:100%; margin:auto;}

#location{background:#eceff8; padding:10px; font-size:1.2rem; margin:16px 16px 0 16px; color:#7a8196; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

#product{display:flex; width:100%; box-sizing:border-box; flex-wrap:wrap; margin-top:20px; padding:0 0 0 15px;}
#product a{display:block; width:50%; padding-right:15px; padding-bottom:15px; box-sizing:border-box;}
#product a img{display:block; width:100%; margin:auto;}

#pro_tags .tags_title{height:35px; line-height:35px; padding:0 16px !important; box-sizing:border-box !important; font-size:1.6rem !important; background:#eceff8 !important; border:0px none; color:#525766 !important; font-weight:normal !important;}
#pro_tags .tags_content{margin-top:0 !important; padding:16px !important;}
#pro_tags table{border:0px none !important; margin:auto; border-spacing:1px; width:100% !important;}
#pro_tags table td{border:0px none !important; font-size:1.3rem !important; padding:5px; line-height:100%; word-break:break-all;}
#pro_tags img{max-width:100%; height:auto;}


#pro_files{margin-bottom:30px;}
#pro_files .tit{height:35px; line-height:35px; padding:0 16px !important; box-sizing:border-box !important; font-size:1.6rem !important; background:#eceff8 !important; border:0px none; color:#525766 !important; font-weight:normal !important;}
#pro_files .con{margin-top:0 !important; padding:16px !important; border-bottom:1px solid #ddd;}

#pro_files .con .bigfiles_list {
    background: url(../images/arr_file.gif) no-repeat left 1px;
}



.imgs{padding:25px 15px 20px 15px; position:relative;}
.imgs .swiper-wrapper{height:auto;}
.imgs .swiper-wrapper img{display:block; width:100%;}
.imgs .swiper-slide{width:100%; height:auto;}
.imgs .swiper-pagination{width:100%; bottom:0; position:absolute;}
.imgs .swiper-pagination-bullet{margin-left:2px; margin-right:2px;}
.imgs .swiper-pagination-bullet-active{background:#525766 !important; opacity:1 !important;}
.imgs .swiper-pagination.product{width:100%; left:0; bottom:36px;}
.imgs .swiper-pagination.product .swiper-pagination-bullet{background:#FFF !important; opacity:.6 !important;}
.imgs .swiper-pagination.product .swiper-pagination-bullet-active{background:#f70 !important; opacity:1 !important;}

.contact *{font-style:normal !important; font-size:1.3rem !important;}
.contact p{margin:5px 0 !important;}

.menusub{display:flex; width:100%;}
.menusub>a{flex:auto; display:block; text-align:center; height:40px; line-height:40px; font-size:1.2rem; background:#fbeee7;}
.menusub>a:active{background:#949db9; color:#fff;}
.menusub>a.A{background:#f70; color:#fff;}

#job>p{font-size:1.3rem; line-height:140%; padding:20px 16px;}
#job>a{display:flex; width:100%; border-top:1px solid #e6e6e6; padding:0 16px; height:51px; box-sizing:border-box;}
#job>a:focus,#job>a:active{background:#eee;}
#job>a:last-child{border-bottom:1px solid #e6e6e6;}
#job>a>.title{flex:auto; font-size:1.5rem; line-height:50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:10px;}
#job>a>.btn{flex:none; width:70px; height:32px; line-height:32px; background:#4ccb51; font-size:1.3rem; color:#fff; text-align:center; border-radius:3px; margin:8px 0 0 0;}
.jobinfo{background:#eceff8; padding:10px; font-size:1.2rem; margin:16px 16px 0 16px; color:#7a8196;}