@charset "utf-8";
/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;outline: 0;vertical-align: baseline}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{margin: 0;padding: 0;border: none}
img{vertical-align: top}
textarea{resize: none}
a{text-decoration: none}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:400}
em{font-style: normal}
html{font-size:100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box;box-sizing: border-box}
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block;overflow: hidden;height: 0;clear: both;visibility: hidden}
.fl{float: left}
.fr{float: right}
html,body{height:100%; width:100%; font-family:'OpenSansLight',Arial, Helvetica, sans-serif;}

/*初始化样式结束*/
.layout-page{height:100%; width:100%; position:relative; overflow:hidden;}
.layout-header{width:100%; height:90px; position: fixed; top:0; z-index:101; background:#fff; box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2)}
.layout-header .header{width:1300px; height:90px; margin:0 auto;}
.layout-header .header .logo{width:206px; height:auto; overflow:hidden; float:left; margin-top:14px; z-index:103; position:relative;}
.layout-header .header .logo img{width:100%; height:auto;}
.layout-header .header .menu{float:right;}
.layout-header .header .menu>li{display:inline-block; margin:0 35px; height:90px; line-height:90px; position:relative; transition: all 0.3s; font-family:'OpenSansLight';}
.layout-header .header .menu>li.on a,.layout-header .header .menu>li.active a{color:#00479d;}
.layout-header .header .menu>li>a{display:inline-block; height:90px; color:#333; font-size:20px;}
.layout-header .header .menu>li>a .fa{vertical-align:middle; display:none; font-size:20px; color:#0ba6de;}
.layout-header .header .menu>li>a .fb{margin-left:5px; font-size:12px; display:inline;}
.layout-header .header .menu>li.on>a .fa{vertical-align: middle;}
.layout-header .header .menu>li .menu-two{position:absolute; top:90px; width:auto; min-width:200%; left:-20px; font-size:16px; height:0; box-shadow: 0 0 10px #ccc; background: rgba(27, 27, 27, 0.7); transition: all 0.3s; overflow:hidden; color:#fff;}
.layout-header .header .menu>li .menu-two>li{height:auto; line-height:50px;}
.layout-header .header .menu>li .menu-two>li i{ font-size:12px; padding-left:10px; color:#fff;}
.layout-header .header .menu>li .menu-two>li>a:hover{color:#fff; background:rgba(255,255,255,0.4);}
.layout-header .header .menu>li .menu-two>li>a{width:100%; color:#fff; display:inline-block; height:50px; font-size:16px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.3); box-sizing:border-box;}
.layout-header .header .menu>li .menu-two>li:last-child>a{border-bottom:none;}
.layout-header .header .menu>li .menu-two>li>ul>li{height:40px; line-height:40px; text-align:left; background:rgba(255,255,255,0.4)}
.layout-header .header .menu>li .menu-two>li>ul>li>a{color:#fff; display:block; height:40px; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.layout-header .header .menu>li .menu-two>li>ul>li>a:hover{color:#1b1b1b; background:rgba(255,255,255,0.5)}
.layout-center{height:200px; width:100%; background:rgba(0,0,0,0.5); position:absolute; bottom: 100px; z-index:100;}
.clickMenu{width:30px; height:30px; float:right; margin-top:26px; display:none; cursor:pointer; position:relative; z-index:102;}
.clickMenu span{width:30px; height:2px; display:block; background:#555; position:absolute; top:0px; transition: all 0.5s;}
.clickMenu span.clickMenu-center{top:10px;}
.clickMenu span.clickMenu-top.active{transform:rotate(45deg); top:10px; background:#fff;}
.clickMenu span.clickMenu-bottom.active{transform:rotate(-45deg); top:10px; background:#fff;}
.clickMenu span.clickMenu-bottom{top:20px;}

.banner{width:100%; height:650px; overflow:hidden; position:relative; font-size:0; margin-top:90px;}
.b-img{width:100%; height:650px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:650px; float:left;}
.b-list{ height:30px; padding-top:620px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:30px; height:5px; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{background:#fff45c;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px ;}
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px;}
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:275px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:275px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
.ind-foot-w{width:100%; height:50px; background:#00479d; overflow:hidden;}
.ind-foot-w{width:100%; height:auto; margin:0 auto; line-height:24px; padding:15px 20px; color:#cde2fb; font-size:16px; text-align:center;}
.ind-foot-w a{color:#999;}
.kf-right{
    position: fixed;
    right:0;
    bottom: 40%;
	width:90px;
    height: auto;
	padding:10px 5px;
    background: rgba(255,105,0,0.8);
	color:#fff;
	text-align:center;
	line-height:16px;
	border-radius:30px 0 0 30px;
	font-size:14px;
	z-index:9999;
}
.kf-right i{font-size:30px;}
.kf-right a{color:#fff; display:block;}
@media screen and (max-width: 768px) {
.layout-header .header{width:90%;}
.layout-header .header .menu{
       position: absolute;
       width: 100%;
       top:0;
       left:0;
       background: rgba(0,0,0,0.8);
       height:0;
       overflow:hidden;
       transition: all 0.5s;
       z-index:101;
    }
    .layout-header .header .menu>li{
        display:block;
        width: 100%;
        height:50px;
        margin:0;
        line-height:46px;
        text-indent: 15px;
        position:relative;
        border-bottom: 1px solid #666;
		box-sizing:border-box;
    }

    .layout-header .header .menu>li>a{
         height:49px;
		 display: inline-block;
		 color:#fff;
		 font-size:18px;
    }
    .layout-header .header .menu>li>a .fa{
         font-size:24px;
		 display: inline-block;
		 text-indent:0;
		 margin-right:10px;
		 vertical-align:middle;
    }
	.layout-header .header .menu>li.on a,.layout-header .header .menu>li.active a{color:#fff;}
	.layout-header .header .menu>li>a .fb{
	margin-left:10px;
	font-size:12px;
    }
	.layout-header .header .menu>li .menu-two{
        position: relative;
        background:transparent;
        top:0px;
        width: 100%;
        left:0;
		box-shadow:none;
        border-bottom: 1px solid #666;
		text-indent:50px;
		background:rgba(255,255,255,0.2)
    }
    .layout-header .header .menu>li .menu-two>li{
        text-align:left;
		height:auto;
		line-height:40px;
		display:block;
    }
.layout-header .header .menu>li .menu-two>li>a{color:#fff; display:inline-block; height:40px; font-size:15px; text-indent:0;}
.layout-header .header .menu>li .menu-two>li>i{color:#fff; text-indent:0; display:inline; padding-right:10px;}
.layout-header .header .menu>li .menu-two>li>ul>li{height:40px; line-height:40px; text-align:left; background:rgba(0,0,0,1)}
.layout-header .header .menu>li .menu-two>li>ul>li>a{ padding-left:30px; font-size:14px;}
.layout-header .header .menu>li .menu-two>li>ul>li>a:hover{color:#1b1b1b; background:rgba(255,255,255,0.5)}
.clickMenu{display: block;}
}

@media screen and (max-width: 768px) {
.layout-header{height:70px;}
.layout-header .header{width:90%; height:70px;}
.layout-center{bottom:0;}
.layout-header .header .logo{width:120px; height:auto; margin-top:20px;}
.layout-header .header .logo img{width:100%; height:auto;}
.banner{ width:100%; height:300px; position:relative; font-size:0; margin-top:70px;}
.b-img{ height:300px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:300px; float:left; background-size:cover !important;}
.b-list{ height:30px; padding-top:270px; position:relative; margin:0 auto; z-index:1;}
.b-list span{ display:block;cursor:pointer; width:20px; height:4px; background:#fff; float:left; margin:0 5px; _margin:0 5px;}
.bar-left{ position:absolute; z-index:1; display:block; width:40px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:40px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:25px; height:50px; background:url(../images/arrow-m.png) 0px 0px no-repeat; margin:0 auto; margin-top:125px;}
.bar-right em{ display:block; width:25px; height:50px; background:url(../images/arrow-m.png) -25px 0px no-repeat; margin:0 auto; margin-top:125px;}
.bar-left .emcss{ background-position:0px -50px;}
.bar-right .emcss{ background-position:-25px -50px;}
.ind-foot-w{line-height:22px; padding:10px 20px; font-size:14px;}

}
@media screen and (max-width: 480px) {
.banner{ width:100%; height:160px; position:relative; font-size:0; margin-top:70px;}
.b-img{ height:160px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:160px; float:left; background-size:cover !important;}
.b-list{ height:30px; padding-top:145px; position:relative; margin:0 auto; z-index:1;}
.b-list span{ display:block;cursor:pointer; width:20px; height:4px; background:#fff; float:left; margin:0 5px; _margin:0 5px;}
.bar-left{ position:absolute; z-index:1; display:block; width:40px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:40px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:25px; height:50px; background:url(../images/arrow-m.png) 0px 0px no-repeat; margin:0 auto; margin-top:60px;}
.bar-right em{ display:block; width:25px; height:50px; background:url(../images/arrow-m.png) -25px 0px no-repeat; margin:0 auto; margin-top:60px;}
.bar-left .emcss{ background-position:0px -50px;}
.bar-right .emcss{ background-position:-25px -50px;}

.kf-right{
    position: fixed;
    right:0;
    bottom:30%;
	width:40px;
    height: auto;
	padding:8px 10px 8px 8px;
	line-height:30px;
	border-radius:30px 0 0 30px;
}
.kf-right span{display:none;}
.kf-right i{vertical-align:middle;}
}
nav[role="navigation"] {text-align: center;}
.cd-pagination {
  width: 90%;
  max-width: 768px;
  margin: 0.8em auto 0.8em;
  text-align: center;
}
.cd-pagination li {display: none; margin: 0 .2em;}
.cd-pagination li.button {display: inline-block;}
.cd-pagination a, .cd-pagination span {
  color:#333;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: .4em .8em;
  font-size: 1rem;
}
.cd-pagination a {
  border:1px solid #e6e6e6;
  border-radius: 0.25em;
}
.cd-pagination a:hover {
  background: #00479d;
  color:#fff;
  border:1px solid #00479d;
}
.cd-pagination a:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-pagination a.disabled {color:#666; pointer-events: none;}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {opacity: .4;}
.cd-pagination .button:first-of-type a::before {content: '\00ab  ';}
.cd-pagination .button:last-of-type a::after { content: ' \00bb';}
.cd-pagination .current {
  background-color: #00479d;
  border-color: #00479d;
  color: #ffffff;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
.cd-pagination li {display:inline-block;}
}
@media only screen and (min-width: 1170px) {
.cd-pagination {margin: 2em auto 2em;}
}