@charset "utf-8";
body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,Arial,Helvetica,sans-serif,Arial,"宋体"; word-break:break-all;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"宋体";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
li{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:hover,li:hover{ text-decoration:none; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;} 
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1300{max-width:1300px; min-width:290px; margin:0px auto;}
.relative{position: relative;}
.wow{visibility: hidden;}

.f_red{color:#e60122;}

@media ( max-width:1300px){
.w1300{padding:0 15px;}
}



/*公用样式*/
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img,.item:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.wow{visibility: hidden;}

/*.Ban{height: 590px; background-size: cover; background-position: center center;}*/
.Ban{height: 350px; background-size: cover; background-position: center center;}
/*.BanTit{color: #fff; padding-top: 18%;}*/
.BanTit{color: #fff; padding-top: 10%;}
.BanTit span{display: block; font-size: 30px; line-height: 45px; text-transform: uppercase;}
.BanTit h3{font-size: 20px; line-height: 30px;}

.Menu{background: #f4f4f4;}
.Menu .title{display: none; padding: 0px 20px; background: #0077ba; line-height: 50px;}
.Menu .title span{display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center;}
.Menu ul{line-height: 69px; text-align: center;}
.Menu li{display: inline-block; padding: 0px 18px; font-size: 18px; position: relative;}
.Menu li a{display: block; position: relative; z-index: 5; color: #2c2c2c;}
.Menu li i{position: absolute; height: 82px; width: 100%; left: 0px; top: -6px; z-index: 3; background: #0077ba; opacity: 0;}
.Menu li:hover a,.Menu li.on a{color: #fff;}
.Menu li:hover i,.Menu li.on i{opacity: 1;}

.Title01{text-align: center; margin-bottom: 3%;}
.Title01 span{display: block; font-size: 30px; line-height: 54px; color: #0077ba;}
.Title01 i{display: block; margin: 0 auto; width: 32px; height: 1px; background: #549be8;}

.Title02{line-height: 50px; background: #f2f2f2; margin-bottom: 2%; font-size: 20px;}
.Title02 span{display: block; width: 160px; text-align: center; background: #0077ba; color: #fff;}

.ProMenus{height: 51px;  position: relative;}
.toggle-icon{margin:.5em auto}
.toggle-icon li{border-left:dashed 1px #d4d4d4;padding:1em 0;float:left;text-align:center;position:relative;z-index:3;width:9%;}
.toggle-icon li:last-child{border-right:dashed 1px #d4d4d4}
.toggle-icon li a{text-decoration:none;display:block;position:relative;z-index:1;margin:0 auto}
.toggle-icon li a span{margin-top:1em;display:block;color:#424242;margin:0 auto;font-size:12px}
/*.toggle-icon li a span:first-child{width:70%}*/
.toggle-icon li a span:nth-child(2){margin-top:0.5em}
.toggle-icon li:hover{background-color: #f4f4f4;} 
.toggle-icon li a:hover span{color:#1a355e;}
.toggle-icon li.active a span{color:#1a355e}
.toggle-icon li.on span{color: #0077ba;font-weight:bold;}
.toggle-icon li.on{background-color: #f4f4f4;}
.ProMenus .flex-direction-nav a{line-height: 100px; overflow: hidden; background-size: cover; width: 30px; height: 30px; top: 14px; margin: 0px;}
.ProMenus .flex-direction-nav .flex-prev{left: 0; background-image: url(../images/left.png);}
.ProMenus .flex-direction-nav .flex-next{right: 0; background-image: url(../images/right.png);}

/*pages*/
.Pages{width:100%; text-align:center; color:#666666; font-size:14px; line-height:29px;}
.Pages a{display:inline-block; width: 29px; text-align: center; border: 1px solid #e5e5e5; color:#999999; margin:0px 4px;}
.Pages .a_prev,.Pages .a_next{display:inline-block; font-family: "宋体"; font-weight: bold;}
.Pages .num a:hover,.Pages .num a.a_cur{color:#fff; background:#0077ba; border: 1px solid #0077ba;}
/*pages end*/


@media ( max-width:1024px){
    .BanTit span{font-size: 36px; line-height: 50px;}
    .BanTit h3{font-size: 25px;}
    .Menu ul{line-height: 50px;}
    .Menu li{padding: 0px 6px;}
    .Menu li i{height: 62px;}
    .button{ display:none;} 
    .Title01 span{font-size: 25px;}
	.ProMenus{height: auto; }
	.ProMenus .slide li{ padding:0; width:49%;}
	.ProMenus .slide li a{ font-size:14px; line-height:30px;background: white;padding:0px;}
    .ProMenus .slide li.on a{ border-bottom:0;background: white;}
    .ProMenus .slide li i{ display:none !important;}
	.ProMenus .slide.fa li{ width:32%;}
    .ProMenus .slide li.on a:hover { background: white; }
   .toggle-icon li{width:33%;}

        

}

@media ( max-width:768px){
    .Ban{height: 300px;}
    .BanTit span{font-size: 25px; line-height: 30px;}
    .BanTit h3{font-size: 20px; line-height: 28px;}

    .Menu{background: none; margin: 3% 0 0;}
    .Menu .title{display: block;}
    .Menu ul{display: none; line-height: 40px; padding: 20px 0px; border: 1px solid #00459a; text-align: left;}
    .Menu li{display: block; width: 100%; font-size: 16px; padding: 0;}
    .Menu li a{padding: 0px 20px;}
    .Menu li:hover i,.Menu li.on i{display: none;}
    .Menu li:hover a,.Menu li.on a{color: #0077ba;}

    .Title01 span{font-size: 20px;}
    .Title02{font-size: 18px; line-height: 40px;}
}

@media ( max-width:640px){
    .Ban{height: 200px;}
    .Title02{margin-bottom: 4%;}
}

@media ( max-width:480px){
    .BanTit{padding-top: 20%;}
    .Menu ul{padding: 12px 0px;}
}




.Head_Top{line-height: 24px;padding: 6px 0;background: #2b2b2b;color: #9c9c9c;}
.HT_Left{float: left;}
.HT_Left a{color: inherit;font-size: 14px;}
.HT_Left span{display: inline-block;padding: 0 10px;}
.HT_Right{float: right;font-size: 14px;}
.HT_Right span{display: inline-block;padding: 0 10px;}


@media ( max-width:998px){
.Head_Top{display: none;}
}





/*Top*/
.Header{ position: fixed; width: 100%; left: 0px; top: 30px; z-index: 99; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fixednav{background: #fff; box-shadow: 3px 0px 20px #ccc;top: 0; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fixednav .Nav li .am{color: #666;}
.fixednav .Topinfo li,.fixednav .Topinfo li a{color: #666;}
.fixednav .Topinfo li.t2 .sbtn{background-image: url(../images/ton2.png);}
.fixednav .Topinfo li.t3{background-image: url(../images/ton1.png);}

.Top{position: relative;padding: 23px 0px;}
.fixednav .Top{ padding: 15px 0px;}
.Logo{width: 160px; float: left;}
.Logo img{display: block; width: 90%;}
.Search{position:absolute; top:100%; right:0px; text-align: left; background:#fff; border:2px solid #005bab; width:170px; padding-right: 50px; display:none; z-index:999;}
.Search .input{display: block; width: auto; padding:0px 10px; height:28px; font-size:14px;}
.Search .input::placeholder{color:#999;}
.Search .btn{height:28px; width:50px; text-align:center; font-size:14px; color:#fff; background:#005bab; position:absolute; top:0px; right:0px;}
.Showbox{width: 80%; float: right; position: relative;}
.Topinfo{position: absolute; right: 0px; top: 0px; line-height: 44px;}
.Topinfo li{float: right; font-size: 16px; color: #fff;}
.Topinfo li a{font-family: Arial; color: #fff;}
.Topinfo li.t2{margin: 7px 36px 0px;}
.Topinfo li.t2 .sbtn{display: inline-block; width: 30px; height: 30px; background-image: url(../images/t2.png);}
.Topinfo li.t3{padding-left: 37px; background-position: left center; background-repeat: no-repeat; background-image: url(../images/t1.png);}
.Nav{padding-right: 150px;}
.Nav li{float:left; position:relative; width: 14%; text-align: center;}
.Nav li .am{display:block; font-size:16px; line-height:44px; color:#fff;}
.Nav li .am i{padding: 0px 5px; opacity: 0;}
.Nav li .foldbtn{position: absolute; display: none; width: 70px; height: 70px; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/jia.png); overflow: hidden;}
.Nav li:hover .am,.Nav li.active .am{color:#0077ba;}
.Nav li:hover .am i,.Nav li.active .am i{opacity: 1;}
.Nav li .SubNav{position:absolute; left:50%; top:100%; z-index:999; width:140px; margin-left:-70px; display:none; background:url(../images/opacity.png) repeat; padding:15px 0px;}
.Nav li .SubNav a{display:block; line-height:45px; font-size:14px; color:#fff; text-align:center;}
.Nav li .SubNav a:hover{background:#0077ba;}

.Banner{position: relative;}
.Banner .slides img{display:block; width:100%;}
.Banner .flex-control-nav{height:4px; line-height:4px; bottom:30px;}
.Banner .flex-control-paging li{margin:0px 5px;}
.Banner .flex-control-paging li a{width:26px; height:4px; background:rgba(1,77,155,.4); border-radius: 0px;}
.Banner .flex-control-paging li .flex-active{ background:rgba(1,77,155,1);}

.Banner .flex-direction-nav a{ width: 60px;height: 60px;line-height: 999px;overflow: hidden;border: none;background-color: rgba(255,255,255,0);background-position: center;background-repeat: no-repeat;position: absolute;top: 50%;margin-top: -60px;cursor: pointer;}
.Banner .flex-direction-nav .flex-prev{left: 5%; background-image: url(../images/btn_left.png); opacity:0.6;}
.Banner .flex-direction-nav .flex-next{right: 5%; background-image: url(../images/btn_right.png); opacity:0.6;}
.Banner .flex-direction-nav .flex-prev:hover{ opacity:1;background-color: rgba(153,153,153,0.5);background-image: url(../images/btn_left.png);}
.Banner .flex-direction-nav .flex-next:hover{ opacity:1;background-color: rgba(153,153,153,0.5);background-image: url(../images/btn_right.png);}


@media ( max-width:1300px){

}

@media ( max-width:1190px){

}


@media ( max-width:1024px){
    .Tright{width:auto; margin-right:80px;}
    .header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:20px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
    .Showbox{width:50%; height:100%; background:rgba(0,0,0,.95); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
    .Showbox .close_bar{height:70px;line-height:70px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(0,0,0,.95); border-bottom:1px solid #e8e8e8;text-align:right;}
    .Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
    .Showbox .close_bar a:hover{transform:rotate(180deg);}
    .Nav{background:none; margin-top:72px; width:100%;}
    .Nav li{float:none; width:100%; text-align:left; padding: 0; background: none;}
    .Nav li .am img{display:none;}
    .Nav li .am{padding:10px 0px; color:#fff; line-height:50px; font-size:20px; padding-left:40px;}
    .Nav li .am i{display: none;}
    .Nav li:hover .am, .Nav li.active .am{background:none;}
    .Nav li .foldbtn{display: block;}
    .Nav li .SubNav{position:static; background:none; padding:0px; width: 100%; margin-left: 0;}
    .Nav li .SubNav a{padding-left:60px; text-align: left; font-size: 16px;}
    .Nav li.on .foldbtn{background-image: url(../images/jian.png);}
    .Nav li.on .SubNav{display: block;}
    .Topinfo{position: static;}
    .Topinfo li{float: none; margin-left: 40px; font-size: 20px;}
    .Topinfo li.t2{margin: 15px 0px 15px 40px;}
    .Topinfo li.t2 .sbtn{display: none;}
    .Search{display: block; position: relative;}
    .Banner .flex-control-nav{bottom: 15px;}
    .Banner .flex-direction-nav .flex-prev{left: 2%;}
    .Banner .flex-direction-nav .flex-next{right: 2%;}
	.Banner .flex-direction-nav a{ width: 30px;height: 30px;margin-top: -15px; background-size:cover;}

    
}

@media ( max-width:850px){
    .Header{position: static; }
    .Top{padding: 10px 0px;}
    .fixednav.Header{position: fixed;}
    .flex-direction-nav a{width: 30px; height: 30px; margin-top: -15px;}
}

@media ( max-width:480px){
    .Showbox{width: 80%;}
}
 

/*bottom*/
.Footerbg{background: #2b2b2b; padding: 3% 0 0;}
.Footer{position: relative; padding: 0 0 3%;}
.Sitepath{padding-right: 278px;}
.Sitepath dl{width: 25%; float: left;}
.Sitepath dl dt{font-size: 16px; color: #fff; padding-bottom: 14px; margin-bottom: 10px; line-height: 30px; background: url(../images/dtbg.png) no-repeat left bottom;}
.Sitepath dl dd a{display: block; font-size: 14px; line-height: 30px; color: #9c9c9c;}.Sitepath dl dd a:hover{color: #fff;}
.BContact{width: 228px; position: absolute; right: 0px; top: 0px;}
.BContact .txt{font-size: 14px; color: #adadad; line-height: 18px; margin-bottom: 16px;}
.BContact .txt .num{font-size: 32px; line-height: 38px; font-family: Arial; color: #fff; font-style: italic;}
.BContact .weixin dl dd{border: 1px solid #464646; padding: 5px; float: left; width: 92px;}
.BContact .weixin dl dd img{display: block; width: 92px;}
.BContact .weixin dl dd:nth-child(2n){float: right;}

.Bottom{border-top: 1px solid #414141; padding: 18px 0px; font-size: 14px; line-height: 26px; color: #9c9c9c; text-align: center;}
.Bottom a{color: #9c9c9c;}.Bottom a:hover{color: #fff;}
.Bottom i{color: #848484; padding: 0px 10px;}

@media ( max-width:768px){
    .Footerbg{padding: 0;}
    .Footer{display: none;}
}

@media ( max-width:640px){

}


/*index*/
.section1{position: relative;}
.HomeData{position: absolute; width: 100%; bottom: 12%; z-index: 9;}
.HomeData li{width: 24.25%; float: left; margin-right: 1%;}
.HomeData li:nth-child(4n){margin-right: 0;}
.HomeData li .box{background: #fff; padding: 5%; color: #666666;}
.HomeData li .box .num{font-size: 40px; line-height: 44px; font-family: Arial; color: #014d9b; font-weight: bold;}
.HomeData li .box .info{margin-top: 10px; font-size: 18px; line-height: 28px;}
.HomeData li:hover{transform: translateY(-10px);}
.HomeData li:hover .box{background: #0077ba; color: #fff;}
.HomeData li:hover .box .num{color: #a0ce56;}

.p3{padding: 3% 0; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.HomeTit{text-align: center; color: #014d9b; margin-bottom: 3%;}
.HomeTit span{display: block; font-size: 40px; line-height: 40px; font-family: Arial; opacity: 0.6; text-transform: uppercase;}
.HomeTit h3{font-size: 28px; line-height: 38px;}
.HomeTit i{display: inline-block; margin-top: 14px; width: 30px; height: 1px; background: rgba(1,77,155,.6);}
.mask{position: absolute; right: 0px; bottom: 0px; width: 38px; height: 34px; background-image: url(../images/mask1.png); z-index: 5;}

.ProSlider{position: relative; padding-bottom: 44px;}
.ProSlider .slides li a{display: block; margin: 0px 12px; background: #f5f5f5; padding: 55px 8% 75px; position: relative;}
.ProSlider .slides li .effect-img{margin-bottom: 15px;}
.ProSlider .slides li .effect-img img{display: block; max-width: 100%;height:200px;}
/*.ProSlider .slides li .title{text-align: center; font-size: 14px; line-height: 24px; color: #b0b0b0;}*/
.ProSlider .slides li .title{text-align: center; font-size: 18px; line-height: 24px; color: #333;}
.ProSlider .slides li .title span{display: block; font-size: 20px; color: #333333;}
.ProSlider .slides li .hide{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,119,186,.94); display: none;}
.ProSlider .slides li .hide .box{padding: 55px 8% 0px;}
.ProSlider .slides li .hide .box h3{font-size: 24px; line-height: 26px; color: #fff; font-family: Arial; text-align: center;}
.ProSlider .slides li .hide .box .info{margin: 35px 8% 60px; font-size: 14px; line-height: 24px; color: rgba(255,255,255,0.8);}
.ProSlider .slides li .hide .box .more{display: block; width: 140px; height: 38px; background-image: url(../images/more.png); background-size: cover; margin: 0 auto;}
.ProSlider .slides li:hover .hide{display: block;}
.ProSlider .flex-control-nav{height:4px; line-height:4px; bottom:0px;}
.ProSlider .flex-control-paging li{margin:0px 5px;}
.ProSlider .flex-control-paging li a{width:26px; height:4px; background:rgba(1,77,155,.4); border-radius: 0px;}
.ProSlider .flex-control-paging li .flex-active{ background:rgba(1,77,155,1);}

.HomePlan{background-image: url(../images/planbg.jpg);position: relative;}
.HomePlan .number{font-size: 26px; color: #fff; line-height: 30px; position: absolute; right: 20%; bottom: 20%;}
.HomePlan .number .curr{font-size: 34px; font-weight: bold;}
.HomePlan .img_slick{position: relative;}
.HomePlan .img_slick .item .box .effect-img img{display: block; width: 100%;}
.HomePlan .img_slick .item .box{position: relative; opacity: .2; margin: 0 3%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden;}
.HomePlan .img_slick .item .box .title{position: absolute; left: 5%; right: 5%; bottom: 30px; opacity: 0;}
.HomePlan .img_slick .item .box .title h3{font-size: 26px; color: #ff0000; line-height: 36px;}
.HomePlan .img_slick .item .box .title p{font-size: 20px; line-height: 29px; color: rgba(255,255,255,0.6);}
.HomePlan .img_slick .slick-active .box{opacity: 1; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0);}
.HomePlan .img_slick .slick-active .box .title{opacity: 1;}
.HomePlan .img_slick .slick-dots{text-align: center; margin-top: 44px;}
.HomePlan .img_slick .slick-dots li{display: inline-block; overflow: hidden; width:26px; height:4px; background:rgba(1,77,155,.4); margin: 0px 5px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; cursor: pointer;}
.HomePlan .img_slick .slick-dots li.slick-active {background-color: rgba(1,77,155,1);}
.HomePlan .img_slick .slick-dots li button{display: none;}
.HomePlan .txt_slick {width: 20vw; background-color: #fff; position: absolute; bottom: 2.5vw; right: 22vw; padding: 3.5vw 2.5vw 3.5vw 0; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);}
.HomePlan .slick-prev,.HomePlan .slick-next{width: 60px; height: 60px; line-height: 999px; overflow: hidden; border: none; background-color: rgba(255,255,255,0); background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -60px; cursor: pointer;}
.HomePlan .slick-prev{left: 5%; background-image: url(../images/left2.png);}
.HomePlan .slick-next{right: 5%; background-image: url(../images/right2.png);}

.HomeNews{background-image: url(../images/newsbg.jpg);}
.NewsTop{width: 46%; float: left; padding-bottom: 34px; background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom; background-image: url(../images/maskbg.png);}
.NewsTop .box{padding: 5%; background: #fff; padding: 48px 55px 20px;}
.NewsTop .box .date{display: block; font-size: 24px; line-height: 24px; color: #999999; font-family: Arial;}
.NewsTop .box .name{display: block; color: #0077ba; font-size: 20px; margin: 23px 0px; height: 28px; line-height: 28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.NewsTop .box .info{font-size: 15px; color: #999999; line-height: 24px; height: 48px; overflow: hidden; padding-left: 30px; background: url(../images/line.png) no-repeat left center;}
.NewsTop .box .effect-img{margin: 26px 0px 30px;}
.NewsTop .box .effect-img img{display: block; width: 100%;}
.NewsTop .box .more{display: block; width: 140px; height: 38px; background-image: url(../images/more2.png); background-repeat: no-repeat; background-size: cover;}

.NewsBox{width: 50%; float: right;}
.NewsBox li{padding-bottom: 34px; position: relative; background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom;}
.NewsBox li .box{padding: 44px 162px 2px 44px;}
.NewsBox li .box .txt{padding-left: 22px; background-repeat: no-repeat; background-position: left 10px; background-image: url(../images/arr1.png);}
.NewsBox li .box .txt .name{display: block; line-height: 24px; height: 24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 18px; color: #444444;font-weight: 600;}
.NewsBox li .box .txt .info{margin-top: 14px; font-size: 16px; color: #999999; line-height: 26px; height: 52px; overflow: hidden;}
.NewsBox li .box .time{position: absolute; right: 20px; width: 70px; height: 84px; top: 50%; margin-top: -42px;}
.NewsBox li .box .time span{display: block; font-size: 22px; color: #999999; font-family: Arial;}
.NewsBox li .box .time .more{margin-top: 40px; width: 35px; height: 16px; display: block; background-image: url(../images/more3.png);}
.NewsBox li:hover{background-image: url(../images/maskbg.png);}
.NewsBox li:hover .box{background: #fff;}
.NewsBox li:hover .box .txt{background-image: url(../images/arr2.png);}
.NewsBox li:hover .box .txt .name{color: #014d9b;}
.NewsBox li:hover .box .time .more{background-image: url(../images/more4.png);}


@media ( max-width:1024px){
    .HomeData{position: static; margin-top: 5%;}
    .HomeData li .box{background: #0077ba; color: #fff;}
    .HomeData li .box .info{height: 56px; font-size: 16px;}
    .HomeData li .box .num{font-size: 30px; color: #a0ce56;}
    .HomeData li:hover{transform: translateY(0px);}
    .HomeTit span{font-size: 26px; line-height: 30px;}
    .HomeTit h3{font-size: 24px; line-height: 30px;}
    .ProSlider .slides li a{padding: 20px 6% 30px;}
    .ProSlider .slides li:hover .hide{display: none;}
    .ProSlider .slides li .title span{font-size: 16px;}
    .HomePlan .img_slick .item .box .title{bottom: 15px;}
    .HomePlan .img_slick .item .box .title h3{font-size: 20px; line-height: 28px;}
    .HomePlan .img_slick .item .box .title p{font-size: 16px; line-height: 22px;}
    .HomePlan .number{display: none;}
    .NewsTop,.NewsBox li{background-image: none; padding-bottom: 0;}
    .NewsTop .box{padding: 20px;}
    .NewsBox li .box{padding: 25px 20px;}
    .NewsBox li .box .time{display: none;}
}

@media ( max-width:768px){
    .HomeData li .box .num{font-size: 24px; line-height: 28px;}
    .HomeData li .box .info{font-size: 14px; margin-top: 0;}
    .HomeTit span{font-size: 20px; line-height: 24px;}
    .HomeTit h3{font-size: 20px;}
    .NewsTop, .NewsBox{width: 100%; float: none;}
    .NewsBox{margin-top: 15px;}
    .ProSlider .flex-control-paging li a{width:18px; height:4px; background:rgba(1,77,155,.4); border-radius: 0px;}
}

@media ( max-width:640px){
    .HomePlan .slick-prev, .HomePlan .slick-next{width: 30px; height: 30px; margin-top: -30px;}
    .HomePlan .img_slick .item .box .title{text-align: center;}
    .HomePlan .img_slick .item .box .title h3{font-size: 18px; line-height: 24px;}
    .HomePlan .img_slick .item .box .title p{font-size: 14px;}
    .ProSlider .flex-control-paging li a{width:18px; height:4px; background:rgba(1,77,155,.4); border-radius: 0px;}
}

@media ( max-width:480px){
    .p3{padding: 5% 0;}
    .HomeData li{width: 48%; margin: 0 0 10px;}
    .HomeData li:nth-child(2n){float: right;}
    .ProSlider{padding-bottom: 25px;}
    .NewsTop .box .name{font-size: 18px; margin: 10px 0px;font-weight:600}
    .NewsTop .box .info{background: none; padding: 0;}
    .NewsBox li{margin-bottom: 10px;}
    .NewsBox li .box{background: #fff; box-shadow: 0px 0px 20px #e5e5e5;}
}

/* 关于四方 */
.Title03{text-align: center; margin-bottom: 3%;}
.Title03 span{display: block; font-size: 34px; color: #0077ba; line-height: 56px;}
.Title03 i{display: block; width: 35px; height: 1px; background: #0077ba; margin: 0 auto;}
.Title03 p{font-size: 14px; line-height: 40px; color: #d0d0d0; text-transform: uppercase; font-family: Arial;}
.whitetxt.Title03 span{color: #fff;}
.whitetxt.Title03 i{background: #fff;}
.whitetxt.Title03 p{color: #d0d0d0;}
.AboutBox .con{font-size: 15px; line-height: 32px; color: #4d4d4d;padding: 0 2em;    margin-bottom: 2em;}
.AboutBox .con p,.AboutBox .con span{text-indent:0 !important;line-height:26px !important;}

.poster-main{position: relative;width:1300px;height:390px; margin:3% auto 0;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:100%;height: 390px}
.poster-main .poster-list .poster-item{position: absolute;left: 0px;top: 0px}
.poster-main .poster-btn{position: absolute;height: 100%;width:100px;top: 0px;z-index: 10;opacity: 0.5;}
.poster-main .poster-prev-btn{ left: 0%; background:url(../images/left.png) no-repeat center center;}
.poster-main .poster-next-btn{right: 0%; background:url(../images/right.png) no-repeat center center;}

.PicSlider{display: none; margin: 3% 0; position: relative;} 
.PicSlider .slides li .img{margin: 0px 10px;}
.PicSlider .slides li img{display: block; width: 100%;}
.PicSlider .flex-direction-nav a{line-height: 100px; overflow: hidden; background-size: cover;}
.PicSlider .flex-direction-nav .flex-prev{left: 2%; background-image: url(../images/left3.png);}
.PicSlider .flex-direction-nav .flex-next{right: 2%; background-image: url(../images/right3.png);}


.HXJS{background-color: #f0f0f0;}
.HXJS .con{font-size: 15px; line-height: 32px; color: #4d4d4d;padding: 0 2em;}
.HXJS .con p{text-indent: 2em;}






.HistoryBox{background-image: url(../images/hisbg.jpg);}
.HistorySlider{position: relative; margin-bottom: 4%;}
.HistorySlider li .box{width: 742px; margin: 0 auto; background: #fff;}
.HistorySlider li .box .pic{width: 50%; float: left;}
.HistorySlider li .box .pic img{display: block; width: 100%;}
.HistorySlider li .box .txt{padding-top: 18px; width: 50%; float: left;}
.HistorySlider li .box .txt .date{display: block; width: 117px; line-height: 50px; text-align: center; font-size: 30px; font-family: Arial; background: #0077ba; color: #fff;}
.HistorySlider li .box .txt .info{padding: 5%; font-size: 16px; line-height: 30px; color: #313131;}

.YearSlider{height: 110px; background: url(../images/line3.png) no-repeat center 53px;}
.YearSlider .slides li{padding-top: 40px; font-size: 24px; text-align: center; background-repeat: no-repeat; background-position: center top;}
.YearSlider .slides li a{display: block; padding-top: 25px; color: #fff; background-image: url(../images/arr4.png); background-repeat: no-repeat; background-position: center top; line-height: 44px; font-family: Arial;}
.YearSlider .slides li.flex-active-slide{background-image: url(../images/cur.png); font-size: 30px;}

.HonnorBox2{background: #f0f0f0;}
.HonnorList,.HonnorList2{position: relative;}
.HonnorList .slides li a,.HonnorList2 .slides li a{display: block; margin: 0px 10px;}
.HonnorList .slides li img,.HonnorList2 .slides li img{display: block; width: 100%;}
.HonnorList .slides li .name,.HonnorList2 .slides li .name{margin-top: 10px; display: block; line-height: 50px; height: 50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; background: #f5f5f5; font-size: 14px; color: #232323;}
.HonnorList .slides li:hover .name,.HonnorList2 .slides li:hover .name{color: #0077ba;}
.HonnorList2 .slides li .name{background: #f5f5f5;}
.HonnorList .flex-direction-nav a,.HonnorList2 .flex-direction-nav a{line-height: 10000px; overflow: hidden; width: 45px; height: 72px; margin-top: -60px; background-size: cover;}
.HonnorList .flex-direction-nav .flex-prev,.HonnorList2 .flex-direction-nav .flex-prev{left: 0; background-image: url(../images/left4.png);}
.HonnorList .flex-direction-nav .flex-next,.HonnorList2 .flex-direction-nav .flex-next{right: 0; background-image: url(../images/right4.png);}

.HistorySlider .flex-direction-nav a,.PartnerList .flex-direction-nav a{line-height: 10000px; overflow: hidden; width: 48px; height: 48px; margin-top: -24px; background-size: cover;}
.HistorySlider .flex-direction-nav .flex-prev,.PartnerList .flex-direction-nav .flex-prev{left: 0; background-image: url(../images/left3.png);}
.HistorySlider .flex-direction-nav .flex-next,.PartnerList .flex-direction-nav .flex-next{right: 0; background-image: url(../images/right3.png);}

.PartnerBox{background-image: url(../images/linkbg.jpg);}
.PartnerList{position: relative; padding: 0px 65px;}
.PartnerList dl dd{width: 23.5%; margin: 0 2% 2% 0; float: left;}
.PartnerList dl dd:nth-child(4n){margin-right: 0;}
.PartnerList dl dd img{display: block; width: 100%;}

.JobList table{text-align: center; width: 1300px;}
.JobList table tr th{height: 60px; font-size: 16px; color: #2a2a2a; background: #b5e7fa; width: 14.2857%; font-weight: normal;}
.JobList table tr th img{display: inline-block; margin-right: 5px;}
.JobList table tr td{height: 60px; font-size: 16px; color: #2a2a2a; border-top: 2px solid #fff; background: #ececec;}
.JobList table tr td a{display: block; color: #2a2a2a;}
.JobList table tr:hover td a{color: #0077ba;}


#certify {position: relative;margin: 25px auto 0; width:1000px;}

#certify .swiper-container {padding-bottom: 60px;}

#certify  .swiper-slide {width: 520px;}
#certify  .swiper-slide img{display:block; margin:0px auto;}
#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/arrleft.jpg) no-repeat;
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/arrright.jpg) no-repeat;
}

@media ( max-width:1300px){
    #certify{display: none;}
    .PicSlider{display: block;}
    .Title03 span{font-size: 25px;}
    .JobList{overflow-x: scroll;}
}

@media ( max-width:1024px){

}

@media ( max-width:768px){
    .Title03 span{font-size: 20px; line-height: 45px;}
    .HistorySlider li .box{width: 100%;}
    .HistorySlider li .box .txt .date{font-size: 20px;}
    .JobList table tr th,.JobList table tr td{height: 50px; font-size: 14px;}
    .HistorySlider .flex-direction-nav a, .PartnerList .flex-direction-nav a{width: 30px; height: 30px; margin-top: -15px;}
    .HonnorList .flex-direction-nav a, .HonnorList2 .flex-direction-nav a{width: 25px; height: 42px; margin-top: -50px;}
    .YearSlider .slides li.flex-active-slide{font-size: 24px;}
    .PartnerList{padding: 0px 30px;}
}

@media ( max-width:640px){

}

@media ( max-width:480px){
    .PicSlider .slides li .img{margin: 0;}
    .HistorySlider li .box .pic,.HistorySlider li .box .txt{width: 100%; float: none;}
    .HistorySlider li .box .txt .date{margin: 0 auto; line-height: 40px;}
}




/* 气体分析仪 */
.ProductList ul{padding: 3% 0 2%;}
.ProductList li{width: 23.5%; float: left; margin: 0 2% 2% 0;}
.ProductList li:nth-child(4n){margin-right: 0;}
.ProductList li a{display: block; background: #f5f5f5; padding: 55px 8% 75px; position: relative;}
.ProductList li .effect-img{margin-bottom: 15px;}
.ProductList li .effect-img img{display: block; width: 100%; height: 192px;}
.ProductList li .title{text-align: center; font-size: 14px; line-height: 24px; color: #b0b0b0;}
.ProductList li .title span{font-weight:600;display: block; font-size: 20px; height: 24px; overflow: hidden; color: #333333;}
.ProductList li .hide{display:none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,119,186,.94); display: none;}
.ProductList li .hide .box{padding: 55px 8% 0px;}
.ProductList li .hide .box h3{font-size: 24px; line-height: 26px; color: #fff; font-family: Arial; text-align: center;}
.ProductList li .hide .box .info{margin: 35px 8% 60px; font-size: 14px; line-height: 24px; color: rgba(255,255,255,0.8);}
.ProductList li .hide .box .more{display: block; width: 140px; height: 38px; background-image: url(../images/more.png); background-size: cover; margin: 0 auto;}
.ProductList li:hover .hide{display: none;}


@media ( max-width:1024px){
    .ProductList li:hover .hide{display: none;}
    .ProductList li a{padding: 15px 10px;}
    .ProductList li .mask{display: none;}
    .ProductList li .title span{font-size: 18px;}
    .ProductList li .effect-img img{height: 160px;}
   
}

@media ( max-width:768px){
    .ProductList li .effect-img img{height: 115px;}
}

@media ( max-width:640px){
    .ProductList li{width: 48%; margin: 0 0 3% 0;}
    .ProductList li:nth-child(2n){float: right;}
    .ProductList li .effect-img img{height: 204px;}
}

@media ( max-width:480px){
    .ProductList ul{padding: 5% 0 3%;}
    .ProductList li .effect-img img{height: 109px;}
    .ProductList li .title{font-size: 12px;}
    .ProductList li .title span{font-size: 16px;}
}

/* 气体传感器 */
.ProTable{margin: 10% 0 0;}
.ProTable table{width: 1300px; text-align: center;}
.ProTable table th{height: 68px; color: #fff; background: #0077ba; font-size: 16px; font-weight: normal;}
.ProTable table td{font-size: 14px; color: #595959; background: #ededed; padding: 10px 0px;}
.ProTable table td a{color: #595959;}
.ProTable table tr:hover td a{color: #1c649f;}








@media ( max-width:1300px){
    .ProTable{overflow-x: scroll;}
}

@media ( max-width:768px){
    .ProTable table th{height: 50px;}

}

@media ( max-width:480px){
    .ProTable{margin-top: 5%;}
    
}

/* 产品详情 */
.ProductBox .pic{width: 49%; float: left; border: 1px solid #e5e5e5;}
.ProductBox .pic img{display: block; width: 100%;}
.ProductBox .txt{width: 48%; float: right; padding-top: 2%;}
.ProductBox .txt .title h3{font-size: 24px; color: #0077ba; line-height: 50px;}
.ProductBox .txt .title i{display: block; width: 30px; height: 2px; background: #0077ba;}
.ProductBox .txt .info{font-size: 15px; line-height: 30px; color: #505050; margin-top: 4%;}

.ProDetail .box{margin-bottom: 3%;}
.ProDetail .box:last-child{margin-bottom: 0;}
.ProDetail .box .titles{height: 48px; border-bottom: 1px solid #e3e3e3; margin-bottom: 2%;}
.ProDetail .box .titles span{display: inline-block; font-size: 20px; color: #0077ba; line-height: 47px; border-bottom: 2px solid #0077ba; font-weight: bold;}
.ProDetail .box .titles .icon{display: inline-block; vertical-align: middle;}
.ProDetail .box .con{font-size: 15px; line-height: 30px; color: #3f3f3f;}

.RelatePro ul{padding: 0;}
.ProductList li a{padding: 30px 5% 34px;}

@media ( max-width:768px){
    .ProductBox .pic{width: auto; float: none;}
    .ProductBox .txt{width: 100%; float: none;}
    .ProductBox .txt .title h3,.ProDetail .box .titles span{font-size: 18px;}
}

@media ( max-width:480px){
    .ProDetail .box .titles{margin-bottom: 5%;}
    .ProductBox .txt .title h3,.ProDetail .box .titles span{font-size: 16px;}
    .ProductList li a{padding: 15px;}
}

/* 解决方案 */
.SolutionBox .box{margin-top: 3%;}
.SolutionBox .box .con{font-size: 16px; line-height: 30px; color: #515151; padding: 0 2%;}
.SolutionBox .box dl{margin-bottom: 2%;}
.SolutionBox .box dl:last-child{margin-bottom: 0;}
.SolutionBox .box dl dt{font-weight: bold;}
.SolutionBox .box dl dd{font-size: 14px;}
.SolutionBox .box .list li{width: 22.75%; margin: 0 3% 2% 0; float: left;}
.SolutionBox .box .list li:nth-child(4n){margin-right: 0;}
.SolutionBox .box .list li a{display: block; padding: 5px 10px 5px 130px; position: relative;}
.SolutionBox .box .list li .effect-img{position: absolute; left: 10px; top: 5px; width: 100px;}
.SolutionBox .box .list li .effect-img img{display: block; width: 100%;}
.SolutionBox .box .list li .name{display: flex; height: 70px; overflow: hidden; font-size: 16px; color: #515151; align-items: center;}
.SolutionBox .box .list li .name i{color: #b7b7b7; margin-right: 10px;}
.SolutionBox .box .list li:hover{background: #f2f2f2;}

/*.SolutionBox .box .list2 { margin-left:-3%;}
.SolutionBox .box .list2 li{ padding:1.5% 2%; width:43%; float:left; background:#f2f2f2; margin:0 0 3% 3%;}
.SolutionBox .box .list2 li .tit{display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; font-size:16px; line-height:35px;}
.SolutionBox .box .list2 li .p{overflow: hidden;word-break:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; height:44px; line-height:22px; font-size:14px;-webkit-line-clamp: 2;}
*/






@media ( max-width:1024px){
    .SolutionBox .box .list li{background: #f2f2f2;}
    .SolutionBox .box .list li a{padding: 10px;}
    .SolutionBox .box .list li .effect-img{position: static; width: 100%;}
    .SolutionBox .box .list li .name{display: block; height: 30px; line-height: 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center;}
    .SolutionBox .box .list li .name i{display: none;}
}

@media ( max-width:768px){
    .SolutionBox .box{margin-top: 5%;} 
}

@media ( max-width:640px){
    .SolutionBox .box .list li .name{font-size: 14px;}
	.SolutionBox .box .list2 li{ width:auto; float:none;}

}

@media ( max-width:480px){
    .SolutionBox .box .list li{width: 49%; margin-right: 0;}
    .SolutionBox .box .list li:nth-child(2n){float: right;}
}

/* 最新公告 */
.NoticeList ul{padding-bottom: 3%;}
.NoticeList li{height: 55px; line-height: 55px; overflow: hidden; border-bottom: 1px dashed #bababa; font-size: 16px;}
.NoticeList li a{color: #494848;}
.NoticeList li i{color: #999999; margin-right: 10px;}
.NoticeList li span{float: right; color: #999999; font-size: 14px;}
.NoticeList li:hover a,.NoticeList li:hover i{color: #1c649f;}

@media ( max-width:480px){
    .NoticeList ul{padding-bottom: 5%;}
    .NoticeList li{font-size: 14px; height: 50px; line-height: 50px;}
    .NoticeList li span{font-size: 12px;}
}

/* 新闻中心 */
.NewsList ul{padding-bottom: 10px;}
.NewsList li{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eaeaea;}
.NewsList li .effect-img{width: 22%; float: left;}
.NewsList li .effect-img img{display: block; width: 100%;}
.NewsList li .txt{width: 75%; float: right; padding-top: 10px;}
.NewsList li .txt .name span{font-weight:600;display: block; font-size: 20px; line-height: 28px; color: #2a2a2a; height: 28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.NewsList li .txt .name i{display: block; width: 61px; height: 1px; background: #a3a3a3; margin: 12px 0px 0px;}
.NewsList li .txt .info{font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #616161; margin: 2.5% 0;}
.NewsList li .txt .date{font-size: 16px; line-height: 24px; color: #a5a5a5; padding-left: 20px; display: block; background: url(../images/time.png) no-repeat left center;}
.NewsList li:hover .txt .name span{color: #0077ba;}

@media ( max-width:768px){
    .NewsList li{padding-bottom: 20px; margin-bottom: 20px;}
    .NewsList li .txt .name span{font-size: 18px;}
    .NewsList li .txt{padding-top: 0;}
}

@media ( max-width:480px){
    .NewsList li .effect-img,.NewsList li .txt{width: 100%; float: none;}
    .NewsList li .txt{padding-top: 15px;}
}

/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{ font-size:14px;padding:3% 0; border-bottom:1px solid #e7e7e7;line-height:30px;}
.ContentAbout table{width:100% !important}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:480px){
    .ActiveContent .Atit h2{font-size:16px;}
}

/* 联系我们 */
.ContactBox{box-shadow: 0px 0px 25px #eeeeee; border-radius: 5px; margin-top: 4%; position: relative; z-index: 5; background: #fff;}
.ContactBox dl dd{width: 25%; float: left;}
.ContactBox dl dd .box{padding: 36px 30px 42px; text-align: center;}
.ContactBox dl dd .box .icon{display: inline-block;}
.ContactBox dl dd .box p{font-size: 14px; margin-top: 14px; line-height: 24px; height: 48px; color: #3a3a3a;}

.Map{border: 1px solid #b5e7fa; margin-top: -86px; position: relative; z-index: 1;}
.Map img{display: block; width: 100%; clear: both;}

@media ( max-width:768px){
    .ContactBox dl dd{width: 50%;}
    .ContactBox dl dd .box{border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
    .ContactBox dl dd:nth-child(2n) .box{border-right: none;}
    .ContactBox dl dd .box .icon{width: 50px;}
    .Map{margin-top: 4%;}
}

@media ( max-width:480px){
    .ContactBox dl dd{width: 100%; float: none;}
    .ContactBox dl dd .box{border-right: none; padding: 20px 10px;}
    .ContactBox dl dd .box p{height: auto;}
}

.link{text-align:center;font-size:14px;color:#9c9c9c;}
.link a{color:#9c9c9c;padding-left:8px;}

/*.lbbox1{}*/
.phobox{display:none;}

@media ( max-width:997px){
    .lbbox1{display:none;}
    .phobox{display:block;}
}


	.blank55 {

		height: 55px;
		line-height: 1px;
		clear: both;
	}
	#toolbar {
    color: #fff;
    width: 100%;
    height: 54px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 6;
    background: #0077ba;
    display: block;
	    opacity: 0.9;
  }
  #toolbar a {
    width: 100%;
    color: #fff;
    display: block;
    padding: 5px 0 0 0;
    line-height: 23px;
    font-size: 14px;
}
  .layout {
    overflow: hidden;
    width: 100%;
}
.text-center {
    text-align: center;
}
.x3 {
    width: 25%;
	float: left;
}

.fy_zone {
    text-align: center;
    width: 100%;
    margin-top: 40px;
    font-size: 12px;
}
.fy_zone span {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: 1px solid #dcdcdc;
    border-radius: 1px;
    margin-right: 5px;
    color: #ff0000;
    font-size: 12px;
    background: #fff;
    padding: 2px;
}

.fy_zone a {
    display: inline-block;
    min-width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: 1px solid #dcdcdc;
    border-radius: 1px;
    margin-right: 10px;
    color: #333;
    font-size: 12px;
    background: #fff;
    padding: 2px;
}

.backToTop {
	display: none;
	width: 35px;
	height: 35px;
	position: fixed;
	_position: absolute;
	right: 5px;
	bottom: 60px;
	_bottom: "auto";
	cursor: pointer;
	z-index: 7;
	background: #0276ab url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5JREFUeNpi/P//PwMWwAfE+6FsRyD+hKECpBENswLxof8IcAgqhqIOXRMLEO+EagiH4v9QMRZcGpmBeD1UYTKSeDJUbD1UDYbGlVAFeVicnweVW4mucS5UogyLJhgug6qZC9M4BypQh0cTDNdB1c5hgDK6iNAEwyC1/wECDAD4okVW02/RCQAAAABJRU5ErkJggg==) no-repeat center center;
}