﻿﻿@charset "utf-8";
html,body{height:100%;}
body{padding:110px 0 0; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:300px; zoom:1;font-family:"Microsoft YaHei","Arial","宋体",sans-serif;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#545454; font-family:"Microsoft YaHei";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
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,fxigcaption,address{ 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:#666666; 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;}
a:hover{ text-decoration:none; color:#126db6;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:1200px; margin:0px auto;}
.block{ display:block;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;text-align:justify;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.dboxc{display: box; 
display: -webkit-box; 
display: -moz-box; 
-webkit-box-pack:center; 
-moz-box-pack:center; 
-webkit-box-align:center; 
-moz-box-align:center;}
.dbox{display: box; 
display: -webkit-box; 
display: -moz-box; 
-webkit-box-align:center; 
-moz-box-align:center;}



/*font*/
.f_red{ color:#912228;}
.whiteblack { -webkit-filter: grayscale(100%);}
.whiteblack.active,
.whiteblack:hover {-webkit-filter: grayscale(0%);}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:40px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 6px; background:#ebebeb; color:#000000; font-size:16px; text-align:center;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 10px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#008cd7; color:#fff;}
.Pages .p_page .num{ margin:0 15px;}
.Pages .p_page .num a{vertical-align:middle; width:40px; font-family:Arial, Helvetica, sans-serif;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#008cd7; color:#fff;}


/*pages end*/


/*Top*/
.Header{ height:110px;position:fixed; left:0px; top:0px; width:100%; z-index:999; background:#fff; box-shadow:0 0 10px #ddd;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header .Logo{float:left; padding-top:15px; width:28%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header .cn{position:absolute;top:44px;right:-10px;z-index:9999;}
.Header .cn a{font-size:14px;color:#444;}
.Header .cn a i{display:inline-block;vertical-align:middle;width:1px;height:10px;background:#444;margin:0px 5px;}
.Header .cn a:hover,.Header .cn a.on{font-weight:bold;}



.MainNav{ float: right; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li{float:left; margin-right:50px; position:relative; z-index:999;}
.MainNav li:last-child{margin-right: 0;}
.MainNav li span a{ z-index:2; font-weight: bold; position:relative;display:block; color:#444444; text-align:center; height:110px; line-height:107px; font-size:16px; padding:0 4px;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#ff0008;}
.MainNav .line{ position:absolute; left:50%; bottom:0px; height:3px; background:#ff0008; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; left:0px;}

.NavPull{display:none; position:absolute; top:110px; text-align:center; left:-29px; background:rgba(255,255,255,1); border-radius:0 0 15px 15px; width:125px; padding-bottom:10px;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd a{ display:block; color:#666; font-size:14px; padding:5px 0;}
.NavPull dd a:hover{ background:#ff0008; color:#fff;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn,.closebtn{ cursor:pointer; display:none;width:26px; position:fixed; right:10px; z-index:999;}
.openbtn.on{ display:none !important;}
.openbtn{ position:absolute; right:12px; top:9px;}
.closebtn{ z-index:999; top:8px; right:202px;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ display:block; height:3px; background:#666; margin:4px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.closebtn span{ background:#fff;}
.closebtn .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.closebtn .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.mobilenav{ display:none;}

.Header.Fixedtop{ height:90px;}
.Header.Fixedtop .Logo{ padding-top:5px; width:22%;}
.Header.Fixedtop .MainNav li span a{ height:90px; line-height:90px;}

.Header.Fixedtop .NavPull{ top:90px;}
.Header.Fixedtop .cn{top:500px;}


.bodytop{ padding-top:60px;}



/*Top*/

.totop{width: 40px;height: 40px;text-align: center; background: #555; position: fixed;bottom: 73px; right: 5px; cursor: pointer;border-radius: 5px;color:#fff;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop>span{display: block;line-height: 15px;font-size: 12px;color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; height:40px; cursor:pointer;}

.linka{margin-top:20px;}
.linka span{font-size:16px;color:#fff;font-weight:bold;}
.linka a{display:inline-block;font-size:1px;color:#fff;padding:0 10px;}





/*首页 s*/
.HomeBan {overflow:hidden; height:600px; clear:both; position:relative; background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative; position:relative;}
.HomeBan .slides li .txt{ position:absolute; width:80%; left:10%; text-align:center; top:28%;transform:translateY(-300px);-webkit-transform:translateY(-300px);opacity:0;transition:all 1s;}
.HomeBan .slides li .txt img{ width:auto; margin:0px auto;}
.HomeBan .slides li a{ display:block; height:600px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li.flex-active-slide .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.HomeBan .flex-control-nav{bottom:35px; z-index:10;}
.HomeBan .flex-control-nav li a{ opacity:1; width:24px; height:24px; border-radius:50%; background:url(../images/bandot.png) 0px top no-repeat;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background-position:right top;}
.HomeBan .flex-direction-nav a {width: 38px; height: 38px; border:1px solid #333; border-radius:50%;}
.HomeBan .flex-direction-nav .flex-prev { opacity:1; left:-60px; background: url(../images/arrleft.png) center center no-repeat;}
.HomeBan .flex-direction-nav .flex-next { opacity:1; right:-60px; background: url(../images/arrright.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-prev { left:5%;}
.HomeBan:hover .flex-direction-nav .flex-next { right:5%;}
.HomeBan:hover .flex-direction-nav .flex-prev:hover { border:1px solid #ff0008; background: url(../images/arrleft0.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-next:hover { border:1px solid #ff0008; background: url(../images/arrright0.png) center center no-repeat;}

