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

html,body{background:#FFF; -webkit-text-size-adjust:none; font-family:"Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;}
html{font-size:62.5%;}
body,td,th,input,textarea,select{color:#464646;}
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:#464646; text-decoration:none;}

#head{height:48px; background:#fff; padding:0 0 0 16px; position:relative;}
#head>a:first-child>img{height:30px; margin:10px 0 0 0;}
#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;}
#menubtn:active{background-color:#eee;}

#banner{background:#fff; overflow:hidden; position:relative;}
#banner img{width:100%; height:auto; display:block;}
#banner .swiper-pagination{width:100%; bottom:8px; position:absolute;}
#banner .swiper-pagination-bullet{background:#FFF !important; opacity:1 !important; margin-left:3px; margin-right:3px;}
#banner .swiper-pagination-bullet-active{background:#ec0000 !important; opacity:1 !important;}
#banner .swiper-slide img{width:100%;}

#m1{background:#fff; padding:11px; display:flex; width:100%; box-sizing:border-box; flex-wrap:wrap; justify-content:center;}
#m1>a{display:block; width:45%; background:#e9edfc; margin:5px; font-size:1.2rem; text-align:center; padding:13px 0;}
#m1>a>img{display:block; margin:0 auto 4px auto; width:26px; opacity:.6;}
#m1>a:active{background:#e5e8f0;}

#m2{background:#ffefef; padding:16px;}

.m>.title{position:relative;}
.m>.title>p{font-size:1.8rem;}
.m>.title>a{display:inline-block; position:absolute; right:0; top:4px; font-size:1.2rem; background:url(img/plus.png) no-repeat left center; background-size:12px 12px; padding-left:15px;}
.m>.img{margin-top:13px;}
.m>.img>img{width:100%;}
.m>.content{margin-top:8px; font-size:1.3rem; line-height:140%;}

#m3{padding:16px; position:relative;}
#m3>.swiper-container{margin:13px 0 0 0;}
#m3 .swiper-wrapper a{display:block;}
#m3 .swiper-wrapper a img{display:block; width:100%;}
#m3 .swiper-wrapper a .title{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1.4rem; padding:10px 0 0 0;}
#m3 .swiper-wrapper a .date{display:block; font-size:1.2rem; color:#999;}
#m3 .swiper-pagination{width:100%; left:0; margin-top:10px;}
#m3 .swiper-pagination-bullet{margin-left:2px; margin-right:2px;}
#m3 .swiper-pagination-bullet-active{background:#ec0000 !important; opacity:1 !important;}

#fmenu{margin:20px 0 0 0; background:#EF0000; padding:16px;}
#fmenu>ul>li{border-top:1px solid rgba(255,255,255,.1);}
#fmenu>ul>li:first-child{border-top:0px none;}
#fmenu>ul>li>a{display:block; color:#fff; font-size:1.4rem; padding:13px 0; position:relative; opacity:.8; background:url(img/arrow.png?v=1) no-repeat right 13px; background-size:18px auto; overflow:hidden;}
#fmenu>ul>li>a.A{opacity:1; background-position:right -43px;}
#fmenu>ul>li>div{background:rgba(0,0,0,.2); padding:0 16px; display:none;}
#fmenu>ul>li>div>a{display:block; color:rgba(255,255,255,.6); font-size:1.3rem; padding:7px 0;}
#fmenu>ul>li>div>a:first-child{padding-top:16px;}
#fmenu>ul>li>div>a:last-child{padding-bottom:16px;}
#fmenu>ul>li>div>a:active{color:#fff;}

#foot{background:#111; text-align:center; padding:16px; color:rgba(255,255,255,.6); font-size:1.2rem;}
#foot p:nth-of-type(2){padding:5px 0 0 0;}
#foot p>a,#foot p>.e{color:rgba(255,255,255,.36);}

#menu{position:absolute; width:100%; background:#fff; top:48px; z-index:999; border-top:1px solid #e6e6e6; display:none;}
#menu>li{border-bottom:1px solid #e6e6e6;}
#menu>li>a{display:block; font-size:1.5rem; color:#000; padding:13px 16px; position:relative; overflow:hidden; background:url(img/plus2.png) no-repeat right top; background-size:18px auto; background-origin:content-box;}
#menu>li>a.A{background-position:right bottom;}
#menu>li>div{background:#f9f9f9; display:none;}
#menu>li>div>a{display:block; font-size:1.3rem; padding:12px 32px; border-top:1px solid #eee;}
#menu>li>div>a:active{background:#132a8e; color:#fff;}

#banners{width:100%; position:relative; background:#eee;}
#banners>img{width:100%; display:block;}

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

.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;}

.scrollimg{padding:25px 16px 20px 16px; position:relative;}
.scrollimg .swiper-wrapper img{display:block; width:100%;}
.scrollimg .swiper-wrapper img.small{max-width:60%; margin:auto;}
.scrollimg .swiper-wrapper .title{font-size:2.4rem; display:block; padding:10px 0 0 0;}
.scrollimg .swiper-wrapper .title.center{text-align:center; font-size:1.8rem;}
.scrollimg .swiper-wrapper .content{font-size:1.3rem; display:block; padding:8px 0 0 0;}
.scrollimg .swiper-wrapper .content p{margin:0; margin-bottom:5px;}
.scrollimg .swiper-pagination{width:100%; left:0; margin-top:10px;}
.scrollimg .swiper-pagination-bullet{margin-left:2px; margin-right:2px;}
.scrollimg .swiper-pagination-bullet-active{background:#ec0000 !important; opacity:1 !important;}
.scrollimg .swiper-pagination.product{width:100%; left:0; bottom:36px;}
.scrollimg .swiper-pagination.product .swiper-pagination-bullet{background:#FFF !important; opacity:.6 !important;}
.scrollimg .swiper-pagination.product .swiper-pagination-bullet-active{background:#ec0000 !important; opacity:1 !important;}

.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:#eee; padding:10px; font-size:1.2rem; margin:16px 16px 0 16px; color:#999; 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; background:url(../img/cls_bg2.jpg) no-repeat center center; background-clip:content-box; background-size:cover;}
#class a img{display:block; width:100%; margin:auto;}
#class a span{display:block; text-align:center; font-size:1.3rem; padding:0 10px 15px 10px; margin-top:-25px;}

#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{width:100%; box-sizing:border-box; flex-wrap:wrap; margin-top:20px; padding:0 15px 0 15px;}
#product a{display:flex; box-sizing:border-box; width:100%;}
#product a .img{width:100px; height:100px; flex:none; text-align:left;}
#product a .img img{width:90%;}
#product a .txt{font-size:1.3rem; display:flex; align-items:center;}

#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; font-size:1.3rem !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;}

#feedback{padding:16px;}
#feedback input,#feedback textarea{background:#e5e8f0; width:100%; padding:10px; box-sizing:border-box; border-radius:3px; margin:8px 0; display:block;}
#feedbackOK{padding:16px; font-size:1.6rem; text-align:center;}
#feedbackOK img{height:50px; width:auto; display:block; margin:10px auto;}
#feedback p{margin:8px 0; font-size:1.2rem; color:#999;}
#feedback p img{vertical-align:middle;}
#feedback>p{font-size:1.3rem; color:#525766; line-height:140%; margin:12px 0;}
.submit{display:block; margin:8px 0; background:#4ccb51; font-size:1.6rem; color:#fff; text-align:center; height:42px; line-height:42px; border-radius:3px;}
.submit:active{background:#44b549;}

#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;}

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

.culture{display:flex; padding:20px 15px 0 15px;}
.culture>div:first-child{flex:none; width:60px; height:60px; background:#132a8e; text-align:center; line-height:58px;}
.culture>div:first-child>img{height:32px; vertical-align:middle;}
.culture>div:last-child{flex:auto; padding:0 0 0 10px}
.culture>div:last-child>.tit{font-size:1.5rem; color:#ec0000; padding-bottom:5px;}
.culture>div:last-child>.con{font-size:1.3rem; line-height:150%;}

.honor{padding:15px 0 0 0;}
.honor>.tit{background:#132a8e; color:#fff; height:35px; line-height:35px; padding-left:15px; font-size:1.4rem;}
.honor>ul{padding:15px;}
.honor>ul>li>a{display:block; padding:3px 0; font-size:1.2rem;}

#support .tit{background:#132a8e; display:inline-block; padding:10px 30px; color:#fff; font-size:1.5rem; font-family:Microsoft YaHei Light;}

#files{background:#eee; padding:20px 15px 22px 15px; margin-bottom:30px;}
#files>p{color:#333;}
#files .bigfiles_list{font-size:1.2rem !important; background:none; padding-left:0;}

table.hovertable {  font-family: verdana,arial,sans-serif;  font-size:11px;   border-width: 1px;  border-color: #eaeaea;  border-collapse: collapse; } 
table.hovertable th {  background-color:#FFFFFF;  border-width: 1px;  padding: 8px;  border-style: solid;  border-color: #eaeaea; } 
table.hovertable tr {  background-color:#FFFFFF; } 
table.hovertable td {  border-width: 1px;  padding: 8px;  border-style: solid;  border-color: #eaeaea;}
table.hovertable tr:hover{background:rgba(234,234,234,0.3);}