@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#777}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:13px;color:#777;}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
/*初始化*/

body{ min-width: 1220px; color: #333;}
.header{ height: 110px; background: #fff; padding-top: 15px; box-sizing:border-box; position: relative;}
.header:after{ content: ''; height: 1px; width: 100%; background-image: -moz-linear-gradient( 0deg, rgb(71,83,158) 0%, rgb(91,182,71) 37%, rgb(46,182,170) 68%, rgb(52,151,206) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(71,83,158) 0%, rgb(91,182,71) 37%, rgb(46,182,170) 68%, rgb(52,151,206) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(71,83,158) 0%, rgb(91,182,71) 37%, rgb(46,182,170) 68%, rgb(52,151,206) 100%); position: absolute; bottom: 0;left: 0;}
.header-in{ background: red;}
.header-right{ position: relative; overflow: hidden; height: 94px;}
.logo-img{ float: left;}
.logo-right{ float: left; height: 78px; border-left: 2px solid #595656; margin-left: 15px;  padding-top: 14px; box-sizing:border-box; padding-left: 10px;}
.logo-right p{ font-size: 14px; color: #595656; line-height: 14px;}
.logo-right p.name{ font-size: 22px; line-height: 22px; margin-bottom: 10px;}

.bottomLine{
  position: absolute;
  left: 0;
  bottom:0px;
  height:3px;
  background-color: #0f7ac7;
  transition: all 0.3s ease;
}

.nav{ display: block; height: 16px; margin-top: 20px;}
.nav li,.nav li a{  font-size: 16px; font-weight: 600;}
.nav li{ float: left; padding-left: 25px; padding-right: 25px;  height: 43px;   transition: all ease .3s 0s; -moz-transition: all ease .3s 0s; -webkit-transition: all ease .3s 0s; }
.nav li:last-of-type{ padding-right: 0;}
.nav li:last-of-type a{ padding-right: 0;}
.nav li a{ display: block; height: 44px;  color: #3e3e3e; transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;}
.nav li.on a{ color: #0f7ac7; }
.edition a{ width: 28px; height: 28px; line-height: 28px; font-size: 14px; color: #999;text-align: center; display: inline-block; border: 1px solid #dcdcdc; font-weight: 600; margin-left: 15px; box-sizing:border-box; transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;}
.edition a.on{ color: #fff; height: 28px; width: 28px; border: none; background-image: -moz-linear-gradient( 125deg, rgb(64,204,77) 0%, rgb(5,147,198) 100%);
  background-image: -webkit-linear-gradient( 125deg, rgb(64,204,77) 0%, rgb(5,147,198) 100%);
  background-image: -ms-linear-gradient( 125deg, rgb(64,204,77) 0%, rgb(5,147,198) 100%);}

/*.edition .search-box{ float: right;  margin-left: 15px; width: 28px; height: 28px; }
.edition .search-box input{ border: none; height: 28px; width: 0; line-height: 28px; font-size: 14px; color: #666; box-sizing:border-box; border: 1px solid #eee;margin-right: -2px; }
.edition .search-box .search{  position: relative; border: none; width: 28px; height: 28px;  cursor: pointer; background-image:url(../images/icon-search.png), -moz-linear-gradient( 125deg, rgb(64,204,77) 0%, rgb(5,147,198) 100%);
  background-image:url(../images/icon-search.png), -webkit-linear-gradient( 125deg, rgb(64,204,77) 0%, rgb(5,147,198) 100%);
  background-image:url(../images/icon-search.png), -ms-linear-gradient( 125deg, rgb(64,204,77) 0%, rgb(5,147,198) 100%); background-repeat: no-repeat; background-position: center center;}
 */

 
.edition .search-box{ float: right;  margin-left: 15px; width: 28px; height: 28px; position: relative;}
.edition .search-box .tex{ border: none; height: 28px; width: 0; line-height: 28px; font-size: 14px; color: #666; box-sizing:border-box; border: 1px solid #eee;margin-right: -2px; }
.edition .search-box .search-icon{  display: block; position: absolute; top:0px; right: 0;  float: right; width: 28px; height: 28px;  cursor: pointer; background-image:url(../images/icon-search.png), -moz-linear-gradient( 125deg, rgb(64,204,77) 0%, rgb(5,147,198) 100%);
  background-image:url(../images/icon-search.png), -webkit-linear-gradient( 125deg, rgb(64,204,77) 0%, rgb(5,147,198) 100%);
  background-image:url(../images/icon-search.png), -ms-linear-gradient( 125deg, rgb(64,204,77) 0%, rgb(5,147,198) 100%); background-repeat: no-repeat; background-position: center center;}
 
.edition .search-box .search{  position: relative; z-index: -1; border: none; width: 28px; height: 28px;  cursor: pointer; background: transparent;} 




.footer{ background: #264a94; padding-top: 40px; padding-bottom: 30px; color: #fff; font-size: 14px;  overflow: hidden;}
.footer-top { line-height: 28px; padding-top: 20px; padding-bottom: 40px;}
.footer-top span{ font-size: 16px;}
.footer-top a{ font-size: 13px; color: #e2e2e2; border-left: 1px solid #e2e2e2; padding-left: 8px; margin-right: 8px;}
.footer-top a:first-of-type{ padding-left: 0px; border-left: none;}
.footer-top a:last-of-type{ margin-right: 0;}

.footer-middle{ border-top: 1px solid #516ea9; border-bottom: 1px solid #516ea9; overflow: hidden; padding-top: 40px; padding-bottom: 40px;}
.footer-middle .f-logo{ margin-top: 30px;}
.footer-middle .logo-right{ border-left: 2px solid #fff;}
.footer-middle .logo-right p{ font-size: 16px; color: #fff; line-height: 16px;}
.footer-middle .logo-right p.name{ font-size: 20px; line-height: 24px; }
.footer-middle .logo-right{padding-left: 25px; margin-left: 25px; height: 88px; padding-top: 18px;}

.f-nav dl{ float: left; color: #fff; margin-right: 88px;}
.f-nav dl:last-of-type{ margin-right: 0;}
.f-nav dl a{ font-size: 12px; color: #e3e3e3;}
.f-nav dl dt a{ font-size: 16px; color: #fff; line-height: 36px;}
.f-nav dl dd a{ line-height: 26px;}

.footer-bottom{ font-size: 12px; color: #cfcfcf; padding-top: 30px; overflow: hidden;}

.banner{ width: 100% ; margin: 0 auto;}
.banner img{ width: 100%;}


.title-box{ padding-top: 75px; text-align: center; padding-bottom: 35px; }
.title-box .title{ display: inline-block; padding-left: 40px; padding-right: 40px; font-size: 26px; line-height: 26px; padding-bottom: 10px; color: #0f7ac7; font-weight: 700;}
.title-box .intro{ font-size: 14px; color: #666;}
.title-box span{ display: inline-block; width: 155px; height: 1px; background: #d8d9db; line-height: 26px; vertical-align: middle; margin-top: -8px;}


.more-box{ text-align: center; margin: 0 auto; margin-top: 35px;}
.more-box .more{  width: 160px; height: 46px; line-height: 46px; font-size: 16px; color: #fff; font-weight: 400; border-radius: 5px; display: inline-block;  background: #57a2d8;}
.more-box .more:hover{  background-image: -moz-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -webkit-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -ms-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);}

.menu{ height: 60px; border-bottom: 1px solid #eaeaea; line-height: 60px; font-size: 14px; color: #666; overflow: hidden;}
.menu .menu-right li{ height: 58px; float: left; padding-left: 20px; padding-right: 10px; margin-left: 20px; margin-right: 30px; cursor: pointer;}
.menu .menu-right li:last-of-type{ margin-right:0; }
.menu .menu-right li.on{ color: #0f7ac7; border-bottom: 3px solid #0f7ac7;}
.menu .menu-left{ color: #d5d5d5;}
.menu .menu-left span.home{ width: 22px; height: 20px; display: inline-block; background:url(../images/icon-home.png) no-repeat center; display: inline-block;vertical-align: middle;}
.menu .menu-left a{ color: #999; margin-left: 10px; margin-right: 10px;}
.menu .menu-left a:active{ color: #333333;}



/* 页码样式 */
/*.page-box{ text-align: center; float: right;}
.page-box>.pagination>li>a, .page-box>.pagination>li>span{ border-radius: 0px; width: 46px; height: 46px; padding: 0;vertical-align: middle; line-height: 46px; font-size: 14px; color: #7e7670; border: none; margin-right: 10px; margin-left: 10px; background-color: #f4fafe; transition: all ease .1s 0s; -moz-transition: all ease .1s 0s; -webkit-transition: all ease .1s 0s;}
.page-box>.pagination>li>a:active{ color:#fff;  background-color: #bebebe; }
.page-box>.pagination>li>a:hover{color:#fff;  background-color: #bebebe; }
.page-box>.pagination>li.active a{ color: #fff;  background-image: -moz-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -webkit-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -ms-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);}*/

.page-box{}
.page-box ul { text-align: center; float: right; padding: 25px 0;}
.page-box ul li { float:left;text-align: center; float: right; padding: 25px 0;}
.page-box a{ display: inline-block; border-radius: 0px; width: 46px; height: 46px; padding: 0;vertical-align: middle; line-height: 46px; font-size: 14px; color: #7e7670; border: none; margin-right: 10px; margin-left: 10px; background-color: #f4fafe; transition: all ease .1s 0s; -moz-transition: all ease .1s 0s; -webkit-transition: all ease .1s 0s;}
.page-box a:hover{color:#fff;  background-color: #bebebe; }
.page-box a.on,.page-box a:active{ color:#fff;  background-color: #bebebe;  background-image: -moz-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -webkit-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);
  background-image: -ms-linear-gradient( 0deg, rgb(107,189,89) 0%, rgb(62,156,208) 88%);}
.page-box .prev,.page-box .next{ position: relative;}
.page-box .prev:before,.page-box .next:before{ content: ''; width: 8px; height: 8px; border-top: 2px solid #7e7670; border-right: 2px solid #7e7670; position: absolute; transform:rotate(-135deg); top:50%; margin-top: -6px; left: 50%; margin-left: -3px; }
.page-box .next:before{ transform:rotate(45deg); margin-left: -5px; }
.page-box .prev:hover:before,.page-box .next:hover:before{ border-color: #fff;}

.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* 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-slide a,.swiper-slide a img,.swiper-slide img{ display: block; width: 100%;}
.swiper-pagination-bullet{  opacity: 1; background: #c2c0bd; width: 10px; height: 10px; text-align: right;}
.swiper-pagination-bullet-active{  background: #0f7ac7; opacity: 1;}