@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{max-width:100%; height:auto;}
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:"Microsoft YaHei",'微软雅黑',Arial, Helvetica, sans-serif; max-width:1920px; -webkit-font-smoothing:subpixel-antialiased; margin:0 auto;}
/*Top Menu*/
.layout-page{width:100%; height:100%; position:relative; min-width:1200px;}

/*头部及菜单*/
.top-w{width:100%; height:56px; background:#172c61; position: fixed; top:0; left:0; z-index:100;}
.top-n{width:1200px; height:56px; line-height:56px; margin:0 auto;}
.divIconMenu{width:56px; height:56px; display: block; float:left;}
.divIconMenu .span_img{font-size:36px; color:#fff; cursor:pointer;}
.divIconMenu:hover .span_img{color:#fff;}
.top-menu{width:900px; height:56px; float:left; line-height:56px; font-size:17px; margin-left:20px; display:none;}
.top-menu span{padding-right:32px;}
.top-menu a{color:#fff;}
.top-menu a:hover{text-decoration:underline;}
.top-user{width:200px; height:56px; float:right; text-align:center; line-height:56px; font-size:16px; text-align:right; color:#fff;}
.top-user i{color:#a2aecc; padding-right:5px; font-size:24px;}

    #header ul.menus { float:left;}
    #header ul.menus>li { float: left; position: relative; margin: 0 0 0 40px;}
    #header ul.menus>li>a { text-transform: uppercase; display: block; font-size:16px; font-weight: lighter; line-height:56px; height:56px; color: #FFF;}
    #header ul.menus>li:hover>a {color:#fff;}
    #header ul.menus>li>a i{margin: 0 0 0 5px; color:#fff;}
    #header ul.menus>li a:hover {color:#0CF;}
    #header ul.menus>li>ul.drop-menus{ position: absolute; left:0; top: calc(100% + 0px); min-width:80px; z-index: 100; border-top: 2px solid #698adc; background: rgba(49, 67, 113, 0.85);
        -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);
        -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
        -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
        -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
        box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05), -2px 0 5px 1px rgba(0,0,0,.05);
        opacity: 0;
        visibility: hidden;
        height: 0;
        overflow: hidden;
        -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;
    }
    #header.active ul.menus>li>ul.drop-menus { background:rgba(49, 67, 113, 0.85);}
    #header ul.menus>li:hover>ul.drop-menus { opacity:1; visibility:visible; height: auto;}
    #header ul.menus>li:hover ul.drop-menus li {border-bottom: solid 1px #efefef; padding: 0 20px; background:rgba(49, 67, 113, 0.9); line-height:45px; height:45px;}
    #header ul.menus>li:hover ul.drop-menus li:last-child { border-bottom:none;}
    #header ul.menus>li:hover ul.drop-menus li a{ white-space:nowrap; padding:0; display: block; font-size:14px; color:#fff;}
    #header .navigations { display: none;}
    #header ul.menus>li:hover ul.drop-menus li a:hover{color:#0CF;}

.top-logo-w{widht:100%; height:124px; background:#fff; margin-top:56px;}
.top-logo{width:1200px; height:124px; margin:0 auto;}
.logo{width:408px; height:63px; margin-top:29px; float:left;}
.logo img{max-width:100%; height:auto;}
.search-w{width:435px; height:44px; background:#eaeaea; border-radius:30px; float:right; margin-top:40px; overflow:hidden;}
.search-w input{float:left; width:355px; height:44px; outline: none; border:none; box-sizing: border-box; padding-left:30px; background:#eaeaea;}
.search-w button{float:right; width:80px; height:44px; color:#496abe; border-style:none; outline:none; background:#eaeaea;}
.search-w button i{font-size:30px; cursor:pointer;}	
.search-w button i:hover{color:#172c61;}
.return {
    position: fixed;
    right: 2%;
    bottom: 4.6%;
    width: 48px;
    height: 48px;
    background:#496abe;
    cursor: pointer;
	color:#fff;
	text-align:center;
	line-height:48px;
	border-radius:10px;
}
.return i{font-size:36px;}
/*弹出菜单*/
.divTopMenuBg{display:none; position:fixed; left: 0; top:0; width: 100%; height:100%; background: rgba(0,0,0,.7); z-index:120;}
.divTopMenu{ position:absolute; top:0; right:0; width:40%; height:100%; background:#496abe; color:#ffffff;}
.divTopMenu .a_close{position:absolute; top:30px; right:30px; width:36px; height:36px; line-height:36px; text-align:center; color:#fff; border:#fff 1px solid;}
.divTopMenu .divTopMenuContent{ padding-left:30px; padding-top:34px; padding-bottom:34px; padding-right:30px;}
.divTopMenu .divTopMenuContent .divTitle{width:100%; height:auto; font-size:24px; color:#fff; line-height:34px; margin-bottom:30px; margin-top:30px; font-weight:bold;}
.divTopMenu .divTopMenuContent .divTitle span{height:34px; display:inline-block; text-align:center; font-size:16px; margin-left:20px; font-weight:normal;  box-sizing:border-box; line-height:32px;}
.divTopMenu .divTopMenuContent .divTitle span i{padding-right:10px;}
.divTopMenu .divTopMenuContent .divTitle span a{color:#fff; display:block; padding:0 20px; border-radius:20px; border:1px solid #86a1e6;}
.divTopMenu .divTopMenuContent .divTitle span a:hover{background:#5475c9;}
.divTopMenu .divTopMenuContent dl{ width:100%; /*width:125px;*/ margin-bottom:28px; display:inline-block;}
.divTopMenu .divTopMenuContent dl a:hover{ color:#fff;}
.divTopMenu .divTopMenuContent dl dt{width:100%; font-size:18px; color:#fff; margin-bottom:6px; border-bottom:#86a1e6 1px solid;}
.divTopMenu .divTopMenuContent dl dt span{display:inline-block; line-height:30px;}
.divTopMenu .divTopMenuContent dl dt i{padding-right:8px;}
.divTopMenu .divTopMenuContent dl dd {height:34px; float:left; border:1px solid #86a1e6; border-radius:20px; line-height:32px; text-align:center; margin-right:10px; margin-top:10px;}
.divTopMenu .divTopMenuContent dl dd a{font-size:16px; color:#fff; display:block; padding:0 10px;}
.divTopMenu .divTopMenuContent dl dd:hover{background:#5475c9; }
/*Banner*/
.mySwiper{width:100%; height:580px;}
.swiper-slide {
        text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.swiper-pagination-bullet-active{border:none; width:30px; border-radius:4px; background:#fff;}
.swiper-lazy-preloader{border:none;}
.swiper-pagination-bullet:focus{outline:none;}
.banner-mb{display:none;}
/*foot*/
.foot-w{width:100%; height:auto; overflow:hidden; background:#172c61;}
.foot-n{width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:20px 0 10px;}
.foot-l{width:50%; height:auto; font-size:14px; color:#8a9ccc; line-height:24px; float:left;}
.foot-l h1{width:100%; height:30px; line-height:30px; font-weight:bold; color:#fff;}
.foot-l span{color:#fff;}
.foot-r{width:10%; height:auto; float:right;}
.wximg{width:100px; height:100px; margin:0 auto;}
.foot-r span{width:100%; height:30px; line-height:30px; color:#8a9ccc; display:block; text-align:center; font-size:14px;}
.foot-info-w{width:100%; height:auto; overflow:hidden; background:#000; padding:20px 0;}
.foot-info{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.foot-cr{width:100%; height:30px; line-height:30px; color:#999; text-align:center; font-size:14px;} 
.foot-beian{width:60%; height:auto; line-height:22px; color:#666; text-align:center; font-size:12px; margin:0 auto;}
.foot-beian span{padding:0 10px;}
.foot-beian a{color:#666; display:inline-block;}
.foot-beian a:hover{color:#999;}
.foot-beian .gaimg{vertical-align:middle; padding-right:3px;}
/* 左侧导航 */
.left-menu-w{width:85px; height:auto; position:fixed; top:180px; left:50%; margin-left:-705px; transition: all 1s ease-out; z-index:999;}
.left-menu-w li{width:100%; height:48px; display:block; margin-bottom:10px;}
.left-menu-w li a{width:85px; height:48px; text-align:center; font-size:16px; line-height:48px; display:inline-block; color:#172c61; font-weight:bold; border:1px solid #496abe; box-sizing:border-box; background:#fff;}
.left-menu-w li a:hover,.left-menu-w .current{background:#496abe; color:#fff;}
.light{top:56px; transition: all 1s ease-out;}
.top_btn{width:60px; height:60px; line-height:18px; background:#496abe; cursor:pointer; text-align:center; font-size:14px; color:#fff; border-radius:40px; padding:12px 0; margin:0 auto;}
.top_btn:hover{background:#6687d8;}

::-webkit-input-placeholder{color:#777; font-size:15px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;}
:-moz-placeholder{color:#777; font-size:15px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;}
::-moz-placeholder{color:#777; font-size:15px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;}
:-ms-input-placeholder{color:#777; font-size:15px; font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;}

@media screen and (max-width:768px) {
.layout-page{min-width:100%;}

.top-w{height:40px;}
.top-n{width:94%; height:40px; line-height:40px;}
.top-menu{ display:none;}
#header ul.menus{display:none;}
.divIconMenu .span_img{font-size:30px;}
.top-user{width:80%; height:40px; line-height:40px; font-size:14px;}
.top-user i{padding-right:3px; font-size:16px;}

.top-logo-w{widht:100%; height:auto; background:#fff;}
.top-logo{width:94%; height:auto; margin:0 auto;}
.logo{width:180px; height:auto; margin-top:15px; float:left; margin-bottom:15px;}
.logo img{width:100%; height:auto;}
.search-w{width:120px; height:30px; background:#eaeaea; border-radius:30px; float:right; margin-top:15px; overflow:hidden;}
.search-w input{float:left; width:70%; height:30px; padding-left:10px; font-size:12px;}
.search-w button{float:right; width:30%; height:30px;}
.search-w button i{font-size:24px;}	
.left-menu-w{display:none;}

/*弹出菜单*/
.divIconMenu{width:40px; height:40px; display: block; float:left;}
.divTopMenu{width:100%;}
.divTopMenu .divTopMenuContent{ padding-left:20px; padding-top:24px; padding-bottom:24px; padding-right:20px;}
.divTopMenu .divTopMenuContent .divTitle{ font-size:1.5em; color:#fff; line-height:30px; margin-bottom:20px; margin-top:20px; font-weight:bold;}
.divTopMenu .divTopMenuContent dl{ width:100%; /*width:125px;*/ margin-bottom:20px; display:inline-block;}
.divTopMenu .divTopMenuContent dl dt{width:100%; font-size:16px; margin-bottom:6px;}
.divTopMenu .divTopMenuContent dl dt span{display:inline-block; line-height:24px;}
.divTopMenu .divTopMenuContent dl dt i{padding-right:8px;}
.divTopMenu .divTopMenuContent dl dd {height:30px; line-height:30px; margin-right:5px; margin-top:10px;}
.divTopMenu .divTopMenuContent dl dd a{font-size:14px; padding:0 15px;}



.layout-header{height:90px; position: fixed; left:0; top:0; z-index:101;}
.header-top{height:30px;}
.header-top .tt{width:90%; height:30px; font-size:12px; line-height:30px; text-indent:0px; text-align:center;}
.layout-header .header{width:90%; height:60px; min-width:90%;}
.layout-center{bottom:0;}
.layout-header .header .logo{width:85px; height:auto; margin-top:12px; display:block;}
.layout-header .header .logo img{width:100%; height:auto;}
.banner-pc{display:none;}
.layout-header .header .menu{
       position: absolute;
       width: 100%;
       top:20px;
       left:0;
       background: rgba(0,73,134,0.9);
       height:0;
       overflow:hidden;
       transition: all 0.5s;
       z-index:101;
	   float:right;
    }
.layout-header .header .menu>li{
        display:block;
        width: 100%;
        height:50px;
        margin:0;
        line-height:46px;
        text-indent: 15px;
        position:relative;
        border-bottom: 1px dotted #a7b5da;
		box-sizing:border-box;
		float:left;
		padding-top:0;
    }

.layout-header .header .menu>li>a{
         height:50px;
		 display: inline-block;
		 color:#fff;
		 font-size:15px;
    }
.layout-header .header .menu>li>a>span{display: inline; padding-left:10px;}
.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>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;}

.swiper{height:400px; margin-top:90px;}
.foot-n{width:92%; padding:20px 0 10px;}
.foot-l{width:60%; line-height:24px;}
.foot-l h1{width:100%; height:30px; line-height:30px;}
.foot-r{width:20%;}
.wximg{width:90px; height:90px;}
.foot-r span{height:24px; line-height:24px; font-size:12px;}
.foot-info-w{padding:20px 0;}
.foot-info{width:92%;}
.foot-cr{height:auto; line-height:30px; font-size:14px;} 
.foot-beian{width:80%;}
.foot-beian span{padding:0 10px;}
.left-menu-w{display:none;}

::-webkit-input-placeholder{font-size:14px;}
:-moz-placeholder{font-size:14px;}
::-moz-placeholder{font-size:14px;}
:-ms-input-placeholder{font-size:14px;}

}
@media screen and (max-width: 480px) {
.swiper{height:200px; margin-top:90px;}

.foot-n{width:92%; padding:20px 0 20px;}
.foot-l{width:70%; line-height:20px; font-size:12px;}
.foot-l h1{width:100%; height:auto; line-height:24px;}
.foot-r{width:30%;}
.wximg{width:60px; height:60px; margin-top:5px;}
.foot-r span{height:24px; line-height:24px; font-size:12px;}
.foot-info-w{padding:15px 0 30px;}
.foot-info{width:92%;}
.foot-cr{height:auto; line-height:20px; font-size:12px; margin-bottom:5px;} 
.foot-beian{width:80%;}
.foot-beian span{padding:0 5px;}

}
/*页码*/
nav[role="navigation"] {text-align: center;}
.cd-pagination {
  width: 100%;
  max-width: 768px;
  margin: 2em auto 1em;
  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: 0.4em 0.7em;
  font-size: 1.0em;
}
.cd-pagination a {
  border:1px solid #e6e6e6;
  border-radius: 0.25em;
}
.cd-pagination a:hover {
  background: #7b4d69;
  color:#fff;
  border:1px solid #7b4d69;
}
.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: #7b4d69;
  border-color: #7b4d69;
  color: #ffffff;
  pointer-events: none;
}
@media only screen and (min-width: 1080px) {
.cd-pagination {margin: 3em auto 1em;}
}
@media only screen and (min-width: 768px) {
.cd-pagination li {display:inline-block;}
}