@charset "utf-8";

/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0; font-weight:normal;}
img{border:none}
ul,li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;}  
a {color:#666;text-decoration:none;}
a:hover {color:#F97F00;}
a:active {color:#F97F00;}
.hidden{ display:none}
i{ font-style:normal}
/*basic*/ 
body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:62.5%;color:#333; background:#fff}  
.wrap{ margin:0 auto;min-width:320px; max-width:750px; }
.wrap1{width: 94.6%; margin: 0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.fl100{ float:left; width:100%;}
.f_20{ font-size:2em}
.f_22{ font-size:2.2em}
.f_24{ font-size:2.4em}
.f_26{ font-size:2.6em}
.f_28{ font-size:2.8em}
.f_30{ font-size:3em}
.f_32{ font-size:3.2em}
.f_34{ font-size:3.4em}
.f_36{ font-size:3.6em}
.f_38{ font-size:3.8em}
.f_40{ font-size:4em}
.f_44{ font-size:4.4em}

/*index*/
.head{float: left; width: 100%; background:#fff; padding: 1em 0; padding-bottom:0.5em}
.logo{float: left; font-size: 1em;}
.logo img{ height:4em; display: block; vertical-align: bottom;}
.searchbtn{ float: right; cursor: pointer; margin: 0.225em 0 0; width: 2.7em;height:2.7em; text-align: center; position: relative;}
.fdj img{ width: 1.6em; height:1.6em; margin-top:0.7em}
.close{ color:#F97F00; font-size: 2.5em; line-height: 1.79em; display: none; position: absolute; width: 100%; height: 100%; top: 50%; left: 0; margin-top: -0.895em;}


.searchform{ float: left; width: 100%; position: relative;}
.txt_search{ float: left; width: 100%; height: 3em; line-height: 3em; padding: 0 2.48em 0 0.58em; border: medium none; background: #e8e8e8; border-radius: 5px; font-size:1em; color: #666; box-sizing: border-box;}
.btn_search{ position: absolute; right: 0; top: 0; background-image: url(fdj.png); background-repeat: no-repeat; background-position: 0 center; background-color: transparent; width: 3em; height: 3em; font-size: 1em; border: medium none;  background-size: 1.53em auto;}
.menu{float: left; width: 100%; background: #fff; padding: 0.42em 0;}

.menu{ position: absolute; left: 0; top: 5.15em; width: 100%; background: #fff; border-top: 1px solid #edf1f2; padding: 1em 0; box-shadow: 0 5px 10px rgba(0,0,0,0.21); font-size: 1em;display: none; z-index:100000}

.menu li{float: left; width:30%; margin-right:5%; text-align: center; line-height: 2em; border:1px solid #ddd; box-sizing:border-box; margin-top:1em; font-size: 1.0em;}
.menu li:nth-of-type(3n){ margin-right:0}
.menu li.on a{color: #F97F00}
.swiper-container{width:100%;height:auto}
.swiper-slide{text-align:center;}
.swiper-pagination-bullet{ background: #F97F00; width: 5%; height: 2px; border-radius: 0; border: medium none; box-sizing: border-box; opacity:0.2;}
.swiper-pagination-bullet-active{   opacity: 1; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.5em;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:1em}
.swiper-slide img{ width: 100%; display: block; vertical-align: bottom;}
.swiper-container-horizontal .webkindlist{bottom: auto; top: 0;}
.swiper-container-horizontal .webkindlist2{bottom: auto; top: 0;}
.webkindlist .swiper-pagination-bullet{width:auto; background:#fff;height:1.5em;border-radius:0;opacity: 1; padding: 0 0.6em; color: #666; font-size: 1.1em; line-height: 1.5em;margin: 0 0.2em; }
.webkindlist .swiper-pagination-bullet-active{background: #F97F00; color: #fff;}

#gcal .swiper-pagination-bullet{width:auto; background:#fff; border:1px solid #ddd; height:2.5em;border-radius:0;opacity: 1; padding: 0 0.6em; color: #666; font-size: 1.1em; line-height: 2.5em; margin-bottom:0.5em; }
#gcal .swiper-pagination-bullet-active{background: #F97F00; color: #fff;}


.main{float: left; width: 100%; padding: 0 0 7em;}
.title1{ text-align: center; position: relative; margin: 1.3em 0;}
.title1 span{display: block; color: #F97F00; font-size: 1.6em; line-height: 2em;}
.title1 i{ display: inline-block; color: #666; line-height: 1.23em; font-size: 0.8em; position: relative; background: #fff; padding: 0 0.72em;text-transform: uppercase; z-index: 2;}
.title1:after{content: ""; position: absolute; left: 0; bottom:0.615em; margin: 0 0 -1px; height: 1px; background: #999; width: 100%; font-size: 1em;}
.about{ width:100%; float:left; font-size:1.1em; line-height:2em;}
.about img{ width:100%}

.footbox{position: fixed; left: 0; bottom: 0; width: 100%; background: #F97F00;z-index: 10;}
.foot{float: left; width: 100%; background: #F97F00; padding: 0.83em 0; line-height: 2.33em; text-align: center; }
.foot img{ width: 1.5em; vertical-align: middle; margin-right: 0.46em;}
.foot a{float: left; width: 50%; border-right:1px solid #fff; color: #fff; box-sizing: border-box;}

.fwmm{ margin-bottom:2em; overflow:hidden; width:100%; float:left}
.fwmm p{ font-size:1.2em; color:#F97F00; font-weight:bold}

.mkxian{ line-height:1.5em; overflow:hidden; width:100^; padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid #ccc}
.input-style{ width:100%; float:left; height:2.5em; line-height:2.5em; text-indent:0.3em; margin-bottom:1em}
.textarea-style{ width:100%; float:left; height:5.4em; line-height:1.8em; padding:0.2em 0; text-indent:0.3em; margin-bottom:1em}
.btn{ width:30%; margin:0 10%; float:left; font-size:1em; background:#F97F00; color:#fff; height:3.0em; border:0}



@media screen and (max-width: 640px) {
.f_20{ font-size:1.7em}
.f_22{ font-size:1.88em}
.f_24{ font-size:1.7em}
.f_26{ font-size:2em}
.f_28{ font-size:2.39em}
.f_30{ font-size:2.56em}
.f_32{ font-size:2.73em}
.f_34{ font-size:2.9em}
.f_36{ font-size:3em}
.f_38{ font-size:3.24em}
.f_40{ font-size:3.4em}
.f_44{ font-size: 3.75em;}

}

@media screen and (max-width: 480px) {
.f_20{ font-size:1.28em}
.f_22{ font-size:1.4em}
.f_24{ font-size:1.536em}
.f_26{ font-size:1.66em}
.f_28{ font-size:1.79em}
.f_30{ font-size:1.92em}
.f_32{ font-size:2.048em}
.f_34{ font-size:2.18em}
.f_36{ font-size:2.3em}
.f_38{ font-size:2.43em}
.f_40{ font-size:2.56em}	
.f_44{ font-size: 2.8em;}
}

@media screen and (max-width: 414px) {/*iphone6+ 414*736 +滚动条18*/
.f_20{font-size: 1.1em;}
.f_22{ font-size:1.2em}
.f_24{ font-size:1.32em}
.f_26{ font-size:1.44em}
.f_28{ font-size:1.55em}
.f_30{ font-size:1.655em}
.f_32{ font-size:1.77em}
.f_34{ font-size:1.88em}
.f_36{ font-size:1.99em}
.f_38{ font-size:2em}
.f_40{ font-size:2.2em}
.f_44{ font-size: 2.4em;}
}

@media screen and (max-width: 375px) {/*iphone6 375*667 +滚动条18*/
.f_20{font-size: 1em;}
.f_22{ font-size:1.1em}
.f_24{ font-size:1.2em}
.f_26{ font-size:1.3em}
.f_28{ font-size:1.4em}
.f_30{ font-size:1.5em}
.f_32{ font-size:1.6em}
.f_34{ font-size:1.7em}
.f_36{ font-size:1.8em}
.f_38{ font-size:1.9em}
.f_40{ font-size:2em}
.f_44{ font-size: 2.2em;}
}

@media screen and (max-width: 360px) {
.f_20{font-size: 0.96em;}
.f_22{ font-size:1em}
.f_24{ font-size:1.152em}
.f_26{ font-size:1.25em}
.f_28{ font-size:1.34em}
.f_30{ font-size:1.44em}
.f_32{ font-size:1.536em}
.f_34{ font-size:1.63em}
.f_36{ font-size:1.73em}
.f_38{ font-size:1.8em}
.f_40{ font-size:1.92em}
.f_44{ font-size: 2.1em;}
}

@media screen and (max-width: 320px) {
.f_20{font-size: 0.85em;}
.f_22{ font-size:0.94em}
.f_24{ font-size:1.024em}
.f_26{ font-size:1.1em}
.f_28{ font-size:1.2em}
.f_30{ font-size:1.28em}
.f_32{ font-size:1.37em}
.f_34{ font-size:1.45em}
.f_36{ font-size:1.54em}
.f_38{ font-size:1.62em}
.f_40{ font-size:1.7em}
.f_44{ font-size: 1.877em;}
}
.table-wrapper{overflow-x:scroll;overflow-y:visible;width:100%;}/*td, th{padding: 5px 20px;width: 100px;}th:first-child{position: fixed;left: 5px}*/