@charset "utf-8";
/* CSS Document */
/*切图：yqg*/
html{ overflow-x:hidden; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none; line-height:normal;margin-bottom:0;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial;font-size:12px;color:#000000;}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:inherit;
    color:#333;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;text-decoration: inherit;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal;  font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;outline:0;}
button,table{ border:none; background:none; margin:0; padding:0;outline:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;outline:0;}
input{ outline:0;}
::-webkit-input-placeholder { color:#999 !important;}
:-moz-placeholder {  color:#999 !important;}
::-moz-placeholder {  color:#999 !important;}
:-ms-input-placeholder { color:#999 !important; }
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    border-radius: 10px;
    background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
    background-color: #ccc;
}

@media  screen and (max-width:767px){
    h1{font-size:24px;}
    h2{font-size:18px;}
    h3{font-size:16px;}
    h4{font-size:14px;}
    h5{font-size:12px;}
    h6{font-size:12px;}
}
img{border:none;}
a:focus{ text-decoration: none; color:inherit;}
.pz_top{float: left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative;}
.pz_main{ float:left; width:100%; }
.pz_down{ float:left; width:100%;background-color: #3b3d41}
.container.padd{ padding: 0;}


/*pc导航*/
.iconBox{ float:left; margin-top: 17px;}
.iconBox i{ float: left; padding: 0 10px 5px 10px; position: relative;}
.iconBox i .QRCode{display: none; position: absolute; z-index: 999999; left: 50%; cursor: pointer; margin-left: -60px; top:28px; width: 120px; height:120px; padding: 5px; background-color: #fff; border-radius:5px; -moz-border-radius:5px;  box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
.iconBox i .QRCode:after{ position: absolute; content: ' '; width: 0; height: 0;  border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom:10px solid #fff; left: 50%; margin-left: -8px; top:-7px;}
.lang{ float:right; width: 68px; height: 20px; margin-top: 18px; text-align: center; color:#fff; font-size:12px; line-height: 20px; background-color: rgba(255,255,255,0.2);}
.lang a{color:#fff;}
.lang a:hover{color:#2094f1}

.nav_back{ position: absolute; width: 100%; left: 0; top:40px; z-index: 999999999;}
#header{float: left; width: 100%;}
.logo{float: left;}
.logo p{margin:0}
ul.nav{float: left; margin:7px 0 0 60px;}
ul.nav li{ float:left; margin: 0 8px; padding-bottom: 1px; position:relative;z-index:2;}
ul.nav li a{ float:left;width: 124px; text-align: center; border:2px solid #fff;color:#fff;font-size:15px; line-height: 32px; padding: 0;}
ul.nav li.first a{ width: 70px;}
.nav_back ul.nav li.hover a{ color:#2b2b2b; border-color:#2b2b2b; background: none;}
/*ul.nav li a:hover{ color:#2094f1; border-color:#2094f1; background: none;}*/
.nav>li>a:focus,.nav>li>a:hover{ background: none;}
.nav li .nav-w { z-index:21;  position:absolute; display: none; float:left;  clear:both; width:100%;  overflow:hidden;  top:37px;  left:0px; background-color:#fff;padding: 12px 10px 12px 20px;}
.nav li .section-nav1{ height:auto; overflow: hidden;background: none;}
.nav li .section-nav1 ul {  position:static;  margin:0px;  width:100%;  overflow:hidden;  background: none;  padding: 0; }
.nav li .section-nav1 ul li {  position:static; width:100%;line-height:28px; float:left;}
.nav li .section-nav1 ul li a { padding:0px; text-align: left;  line-height: 28px;  width:auto;  display:block; border:0;  background:none;  float:none;  height:auto;  color:#2b2b2b;  font-size:14px;  overflow:hidden;  cursor:pointer; position: relative}
.nav li .section-nav1 ul li a:hover {color:#2094f1;}

@media screen and (max-width: 1310px) {
    ul.nav li a{ width: 120px;}
}
@media screen and (max-width: 1290px) {
    ul.nav li a{ width: 100px;}
    .nav li .nav-w { padding: 12px 10px 12px 10px;}
}

/*phone*/
.header2{  display: none; top:0px;  left: 0;  width: 100%;  height: 60px;  z-index: 1050;  background-color: #2b2b2b; }
.header2::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 0px;  background-color: #fff;  opacity: .3;  }
.header2 .container{  position: relative;  height: 100%;  }
.header2 .logo {float: left; width: 110px; position: static; margin-top: 9px;}
.header2 .menuph{  position: absolute;  top: 12px;  right: 15px;  cursor: pointer;   text-align: center;  }
/*pc跟随*/
.header1.active{background-color:#fff;background-color:rgba(255,255,255,.92);box-shadow: 0 0px 3px 4px rgba(0,0,0,.04)}
.header1.active .pcheadert{
    display: none;
}

@media screen and (min-width: 1360px) {
    .header1.active .pcheader {
        width: 1390px;
    }
}

.header1.active .pc_float{margin-top:0;padding-bottom: 0;}
.header1.active .search_pc{top:7px;}
.header1.active .search_pc img{width: 36px;}
.header1.active .logo {float:left;padding:8px 0;}
.header1.active .logo img{width:99px;}
.header1.active .pc_nav {margin-top:10px;}

/*手机按钮*/
.header2 .menuph .point {  display: inline-block;  width: 28px;  height: 22px;  margin-top: 7px;  position: relative;  }
.header2 .menuph .point:hover .navbtn,
.header2 .menuph .point:hover .navbtn::after,
.header2 .menuph .point:hover .navbtn::before {  width: 28px;  }
.header2 .menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 1px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 1px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #fff;  }
.header2 .menuph .navbtn::after {  top: -11px;  }
.header2 .menuph .navbtn::before {  top: 10px;  }
.header2 .menuph .point.active .navbtn{  background: transparent;  }
.header2 .menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.header2 .menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

/*手机下拉*/
.xialaph{  position: absolute;  top: 60px;  left: 0;  width: 100%;  background-color: #fff;  padding-bottom: 122px;  display: none;  z-index: 1049; }
.xialaph .ul2,
.xialaph .ul3{  display: none;  }
.xialaph h4 a{  color: #333;  font-size: 16px;  font-weight: bold;  line-height: 62px;  }
.xialaph h4{  position: relative;  }
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }
.xialaph h5 a{  color: #333;  font-size: 16px;  font-family: "微软雅黑";  line-height: 57px;  }
.xialaph h5{  position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.05;*/  }
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 29px;  cursor: pointer;  }
.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 26px;  margin-right: 18px;  cursor: pointer;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{

}
.xialaph .ul3{  padding-top: 12px;  padding-bottom: 18px;  padding-left: 15px;  position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{  color: #666;  font-size: 14px;  line-height: 35px;  display: block;  }
.xialaph .ul3 li{  padding-top: 5px;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 34px;
}
.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }


.phonemeng{  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: #000;  opacity: .6;  z-index: 196;  display: none;  }
.phonemeng.active{  display: block;  }
.img_d, .disno{  display: none;  }
.con_ph_box{ float:left; width: 100%; text-align: center; font-size:14px; line-height: 30px; margin-top: 20px;}
.iconPh{ float: left; width: 100%; margin-top: 10px; text-align: center;}
.iconPh i{ display: inline-block; padding: 0 20px; position: relative;}
.iconPh i .QRCode{display: none; position: absolute; left: 50%; cursor: pointer; margin-left: -60px; bottom:35px; width: 120px; height:120px; padding: 5px; background-color: #fff; border-radius:5px; -moz-border-radius:5px; box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
.iconPh i .QRCode:after{ position: absolute; content: ' '; width: 0; height: 0;  border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top:10px solid #fff; left: 50%; margin-left: -8px; bottom:-7px;}
.lang_ph{display: inline-block; zoom: 1; margin-top: 15px; background-color:#2b2b2b; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; overflow: hidden;}
.lang_ph a{float: left; color:#fff; height: 30px; padding: 0 15px; margin: 0; font-size:14px; background-color: #2b2b2b;}
.lang_ph a.on{ background-color: #2094f1}


/*媒体查询*/
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
@media (min-width:1230px){.container{width:1200px} .container.nav{padding-left:0px; padding-right: 0px;}}
@media (min-width:1290px){.container.nav{ width: 1280px; padding: 0;}}


@media screen and (max-width: 1229px) {
    .header1 {  display: none;  }
    .header2{  display: block ;}
    .container.padd{ padding: 0 15px;}
    .container.nav{ padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 767px) {
    .header2{ position: fixed; background-color: rgba(43,43,43,0.8)}
    .pz_top{ position:static;}
    .pz_banner{ margin-top:60px;}
}

/*banner*/
.slide_banner{ margin:0;}
.slide_banner .slick-slide{ width:100%; padding:0;}
.slide_banner img{ width:100%;}
.slide_banner .slick-dots{ bottom:83px; height:8px; z-index: 999;}
.slide_banner .slick-dots li{ width:30px; height:4px; background-color:#fff; margin:0 5px; top:2px; -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.slide_banner .slick-dots li.slick-active{
    height: 8px; top:0px;
}
.bannerText{ position: absolute; width: 100%; left: 0; top:50%; margin-top: -253px; height: 100%;}
.bannerText .FLtext{ float: left; width: 428px;}
.bannerText .FrImg{ float: right; width: 640px;}
.container.bannerCon{ height: 100%;}
.textBannerBox{ float: left; width: 50%; height: 100%; color:#fff;display:table;}
.textBannerBox h1{float: left; width: 100%; font-size:72px;}
.bannerMore{ position:relative;}
@media (max-width:1600px) and (min-width:1365px){.container.bannerMore{ width: 1170px;}}
@media (min-width:1199px) and (max-width:1366px){.container.bannerMore{ width: 970px;}}
.signUp{ position: absolute; left: 0; bottom:0px; background-color: #fff; height: 26px; line-height: 26px; padding: 0 7px 0 11px; color:#2990df;}
.signUp em{ font-style: normal; font-family: SimSun;}
.signUp:after{ position: absolute; content: ' '; right: -13px; top:0; width: 0; height: 0;border-top: 13px solid transparent;
    border-left: 13px solid #fff;
    border-bottom: 13px solid transparent;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.signUp:hover{ color:#fff; background-color: #2b2b2b;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.signUp:hover:after{
    border-left: 13px solid #2b2b2b;
}

@media  screen and (max-width:1660px){
    .bannerText{margin-top: -214px;}
    .bannerText .FLtext{ width: 358px;}
    .bannerText .FrImg{ width: 540px;}
}
@media  screen and (max-width:1400px){
    .bannerText{margin-top: -174px;}
    .bannerText .FLtext{ width: 293px;}
    .bannerText .FrImg{ width: 440px;}
}
@media  screen and (max-width:1229px){
    .slide_banner .slick-dots{ bottom:50px;}
    .signUp{ left:15px;height: 24px; line-height: 24px; padding: 0 7px 0 11px; color:#2990df;}
    .signUp:after{ position: absolute; content: ' '; right: -12px; top:0; width: 0; height: 0;border-top: 12px solid transparent;
        border-left: 12px solid #fff;
        border-bottom: 12px solid transparent;
    }
    .signUp:hover:after{
        border-left: 12px solid #2b2b2b;
    }
}
@media  screen and (max-width:991px){
    .slide_banner .slick-dots{ bottom:30px;}
    .bannerText{margin-top: -135px;}
    .bannerText .FLtext{ width: 225px;}
    .bannerText .FrImg{ width: 340px;}
    .signUp{ font-size:12px;height: 20px; line-height: 20px;}
    .signUp:after{ position: absolute; content: ' '; right: -10px; top:0; width: 0; height: 0;border-top: 10px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 10px solid transparent;
    }
    .signUp:hover:after{
        border-left: 10px solid #2b2b2b;
    }

}
@media  screen and (max-width:767px){
    .slide_banner .slick-dots{ bottom:20px; }
}

/*main*/
.center_back{float: left; width: 100%;}
.homeTit{ float: left; width: 100%; margin-top: 20px; padding-top: 100px; position: relative}
.homeTit:after{ position: absolute; content: ' ';top:0; left: 50%; margin-left: -2px; width: 4px; height: 60px; background-color: #2990df}
.homeTit h1{ float: left; width: 100%; color:#222222; font-size:20px; line-height: 30px; text-align: center; position: relative}
.homeTit h1:after{ position: absolute; content: ' '; width: 200px; height: 1px; background-color: #d2d2d2; left: 50%; margin-left: -100px; bottom: 0;}
.activeText{ float: left; width: 100%; font-size:16px; line-height: 30px; text-align: center; color:#494949; margin-top: 25px;}

.activeList{ float: left; width: 100%; margin-top: 70px; padding: 0 38px;}
.activeList ul{ float: left; width: 100%;}
.activeList ul li{ float: left; width: 33.333%; padding:15px 15px 0 15px; text-align: center;}
.activeList ul li a{display: inline-block; max-width: 280px; height: 300px; text-align: center; width: 100%; font-size:22px; line-height: 30px; padding: 50px 0 35px 0; color:#fff; position:relative}
.activeList ul li a:after{ position: absolute; content: ' '; left: 0; top:0; z-index: -1; width: 100%; height: 100%; background-color: #a0a0a0;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 4px 9px 0 rgba(0,0,0,0.2);-webkit-box-shadow: 0 4px 9px 0 rgba(0,0,0,0.2);
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.activeList ul li a img{ width: 130px;}
.activeList ul li a p{ margin-top: 50px;}
.activeList ul li a:hover:after{ background-color: #2990df;
    box-shadow: 0 4px 9px 0 rgba(41,144,223,0.25);-moz-box-shadow: 0 4px 9px 0 rgba(41,144,223,0.25);
    -webkit-box-shadow: 0 4px 9px 0 rgba(41,144,223,0.25);
    transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
}
@media  screen and (max-width:1229px){
    .activeList{ padding:0px;}
}
@media  screen and (max-width:991px){
    .activeList{margin-top: 20px;}
    .activeList ul li a img{ width: 110px;}
    .activeList ul li a{height: 270px;font-size:20px; padding-top: 45px;}
    .homeTit{ margin-top: 20px; padding-top: 50px; position: relative}
    .homeTit:after{ height: 40px;}
    .activeText{font-size:14px; line-height: 26px; margin-top: 15px;}
    .homeTit h1{font-size:18px;}
}
@media  screen and (max-width:767px){
    .activeList{margin-top: 10px;}
    .activeList ul{ padding: 0 10px;}
    .activeList ul li{padding: 0 5px;}
    .activeList ul li a{height: 130px; max-width: 250px;background-color: #2990df; padding:20px 0 10px 0;
        box-shadow: 0 4px 9px 0 rgba(41,144,223,0.25);-moz-box-shadow: 0 4px 9px 0 rgba(41,144,223,0.25);
        -webkit-box-shadow: 0 4px 9px 0 rgba(41,144,223,0.25);}
    .activeList ul li a:after{ width:0!important; height:0!important;background-color: #2990df;
        box-shadow: 0 4px 9px 0 rgba(41,144,223,0.25);-moz-box-shadow: 0 4px 9px 0 rgba(41,144,223,0.25);
        -webkit-box-shadow: 0 4px 9px 0 rgba(41,144,223,0.25);
    }
    .activeList ul li a img{ width:50px;}
    .activeList ul li a p{ margin-top:15px; font-size:14px;}
}

.adOne{ float: left; width: 100%; padding:80px 0 0 0; text-align: center}
.adOne img{ max-width: 1030px;}
.adBoxA{ position: relative}
.adBoxA:after{ position: absolute; content: ' '; left: 68px; bottom: 0; z-index: -1; width: 100%; max-width: 1030px; height: 2px; background-color: #eeeeee}
@media  screen and (max-width:1229px){
    .adBoxA:after{ left: 54px;}
}
@media  screen and (max-width:1199px){
    .adBoxA:after{ left: 0;}
}
@media  screen and (max-width:991px){
    .adOne{ padding:40px 0 0 0;}
}

/*资讯*/
.videoBox{ float: left; width: 100%; position: relative; margin-top: -50px;}
.videoBox a.moreVideo{ position: absolute; right: 104px; bottom: 33px; height: 24px; line-height: 24px; padding: 0 5px 0 10px; color:#ffffff; font-size:14px; background-color: #2b2b2b;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.videoBox a.moreVideo:hover{ background-color: #2990df}
.videoBox a.moreVideo:after{ position: absolute; content: ' '; right: -12px; top:0; width: 0; height: 0;border-top: 12px solid transparent;
    border-left: 12px solid #2b2b2b;
    border-bottom: 12px solid transparent;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.videoBox a.moreVideo:hover:after{border-left: 12px solid #2990df;}
.videoBox a.moreVideo em{font-style:normal; font-family: SimSun;}
.videoBox .slide{
    width: 100%;
    min-height: 180px;
    overflow: hidden;
    position: relative;

}
.videoBox .slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s; cursor: pointer;
}
.videoBox .slide .img .topVideo{ float: left; width: 100%; background-color: #000; position: relative}
.videoBox .slide .img .topVideo .playVid{ position: absolute; width: 74px; height: 74px; left: 50%; margin-left: -37px; top:50%; margin-top: -37px;cursor: pointer;}
.videoBox .slide .img img{  opacity:0.5;
    filter:Alpha(opacity=50); }
.videoBox .slide .img3 img{  opacity:1;
    filter:Alpha(opacity=100); }
.videoBox .slide .img h1{width: 100%; color:#777777; font-size:13px; line-height: 18px; text-align: center; overflow: hidden;  padding:0 10px;text-overflow:ellipsis; white-space: nowrap;}
.videoBox .slide .img h2{width: 100%; color:#777777; font-size:11px; line-height: 18px; text-align: center; padding:0 10px 7px 10px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.videoBox .slide .img .topVideo{
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    margin: 7px;
}
.videoBox .slide .img .topVideo img{ width: 100%;}
.videoBox .slide .img a{ float: left; width: 100%; height: 100%;}
.videoBox .slide .img1{
    width: 40%;
    /*height: 40%;*/
    top: 30%;
    left: -50%;
    z-index: 1;
}
.videoBox .slide .img2{
    width: 39%;
    /*height: 60%;*/
    top: 22%;
    left: 1%;
    z-index: 2;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,0.2);-webkit-box-shadow:  0 4px 9px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 4px 9px 0 rgba(0,0,0,0.2);
}
.videoBox .slide .img3{
    width: 50%;
    /*height: 70%;*/
    top: 15%;
    left: 25%;
    z-index: 3;
    background-color: #fff; box-shadow: 0 4px 10px 0 rgba(41,144,223,0.25);-webkit-box-shadow: 0 4px 10px 0 rgba(41,144,223,0.25);-moz-box-shadow: 0 4px 10px 0 rgba(41,144,223,0.25);
}
.videoBox .slide .img3 .topVideo .playVid{ position: absolute; width: 80px; height: 80px; left: 50%; margin-left: -40px; top:50%; margin-top: -40px;}
.videoBox .slide .img3 h1{ width: 100%; color:#2990df; font-size:18px; line-height: 24px; text-align: center;}
.videoBox .slide .img3 h2{ width: 100%; color:#2990df; font-size:16px; line-height: 24px; text-align: center; padding-bottom: 7px;}
.videoBox .slide .img4{
    width: 39%;
    /*height: 60%;*/
    top: 22%;
    left: 60%;
    z-index: 2;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,0.2);-webkit-box-shadow:  0 4px 9px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 4px 9px 0 rgba(0,0,0,0.2);
}
.videoBox .slide .img5{
    width: 40%;
    /*height: 40%;*/
    top: 30%;
    left: 110%;
    z-index: 1;
}
.videoBox .slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
}
.videoBox .slide-bt span{
    width: 0;
    height: 0;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.videoBox .slide .slide-bt .on{
    background: #ffd200;
}
.videoBox button{
    outline:0;position: absolute; left: 50%; margin-left: -89px; bottom:30px;
    width: 16px;
    height: 30px;
    background: url("images/playImg1.png") no-repeat; background-size:16px 30px;

}
.videoBox button:hover{
    background: url("images/playImg1_1.png") no-repeat; background-size:16px 30px;
}
.videoBox button.right{
    margin-left: 89px;
    background: url("images/playImg2.png") no-repeat; background-size:16px 30px;
}
.videoBox button.right:hover{
    background: url("images/playImg2_1.png") no-repeat; background-size:16px 30px;
}
.videoImgFlow{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); left: 0; top:0; z-index: 99999999999; display: none;}
.video_cox{
    position: absolute;
    left: 50%;
    top: 35%;
    width: 1170px;
    margin-left: -585px;
    margin-top: -225px;  }
.videoBox1{ float: left; width: 100%; position: relative;}
.videoBox1 h1{ float: left; width: 100%; color:#ffffff!important; text-align: left!important; font-size:24px; padding-right: 60px; padding-left: 10px;}
.videoBox1 .videoTime{ float:left; width: 100%; padding: 10px 60px 20px 10px; color:#fff; font-size:14px;}
.closeVideo{ position: absolute; right: 0; top:15px; width: 30px; height: 30px; cursor: pointer; background: url("images/videox.png") no-repeat; background-size:25px 25px;}
.closeVideo:hover{background: url("images/videox_1.png") no-repeat; background-size:25px 25px;}
.videoBoxB{ float: left; width: 100%; position: relative; height: auto;}
.videoImgFlow video{ width: 100%;}
.videoImgFlow button{ position:absolute; left: 20px; bottom: 20px;}
.videoImgFlow  #play.act { visibility: hidden;  opacity: 0;  }
@media  screen and (max-width:1289px){
    .video_cox{
        position: absolute;
        left: 50%;
        top: 20%;
        width: 900px;
        margin-left: -450px;
        margin-top: -80px;  }
}

@media  screen and (max-width:1199px){
    .video_cox{  width:970px;  margin-left: -485px;  margin-top: -225px; }
    .videoBox a.moreVideo{ bottom: 20px;}
    .videoBox button{ bottom: 15px;}
}
@media  screen and (max-width:991px){
    .video_cox{  width:750px; top: 35%; margin-left: -375px;  margin-top: -125px;  }
    .videoBox{margin-top: -40px;}
    .videoBox a.moreVideo{ bottom:-5px;}
    .videoBox button{ bottom: -10px;}
    .videoBox .slide .img3 h1{font-size:16px; }
    .videoBox .slide .img3 h2{font-size:14px;}
}
@media  screen and (max-width:767px){
    h2.pc_show{ display: none;}
    .video_cox{  width:100%;  margin-left: 0px; left: 0; padding: 0 15px;  margin-top: -125px;}
    .videoBox{margin-top: -30px; padding: 20px 0;}
    .videoBox a.moreVideo{right: 15px; font-size:12px; padding-right: 5px;}
    .videoBox .slide .img h1{ padding:0 10px 10px 10px;}
    .videoBox .slide .img.img3 h1{ font-size:12px;}
    .videoBox .slide .img .topVideo .playVid{ width: 40px; height: 40px; margin-left: -20px;margin-top: -20px;}
    .videoBox .slide .img3 .topVideo .playVid{ width: 44px; height: 44px;margin-left: -22px; margin-top: -22px;}
    .videoBox button{
        margin-left: -20px;bottom: -5px;
        width: 10px;
        height: 19px;
        background: url("images/playImg1.png") no-repeat; background-size:10px 19px;

    }
    .videoBox button:hover{
        background: url("images/playImg1_1.png") no-repeat; background-size:10px 19px;
    }
    .videoBox button.right{
        margin-left: 20px;
        background: url("images/playImg2.png") no-repeat; background-size:10px 19px;
    }
    .videoBox button.right:hover{
        background: url("images/playImg2_1.png") no-repeat; background-size:10px 19px;
    }
    .videoBox1 h1{ font-size:16px!important;}

    .closeVideo{top:20px; width: 20px; height:20px; background: url("images/videox.png") no-repeat; background-size:20px 20px;}
    .closeVideo:hover{background: url("images/videox_1.png") no-repeat; background-size:20px 20px;}
}

.activeListUl{ float: left; width: 100%;margin-top: 80px;}
.activeListUl ul{ float: left; width: 100%;}
.activeListUl ul li{ float: left; width: 33.3333%; padding:1px 1px 0 0;}
.activeListUl ul li a{ float: left; width: 100%; position: relative;}
.activeListUl ul li a:after{ position: absolute; content: ' '; left: 0; top:0; width: 100%; height: 100%; background-color: rgba(41,144,223,0.75);
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.activeListUl ul li a img{ max-width: 680px;}
.activeListUl ul li a h1{ position:absolute; z-index: 2; width: 100%; padding: 0 20px; left: 0; top:50%; margin-top: -20px; color:#fff; font-size:30px; line-height: 40px; text-align: center;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.activeListUl ul li a h1 span{ position:relative;}
.activeListUl ul li a h1 span:after{ position: absolute; content: ' '; width: 60px; height: 6px; background-color: #fff; left: 50%; margin-left: -30px; bottom: -6px;}
.activeListUl ul li a h1 span .newIcon{ position: absolute; right:-45px; top:-10px; width: 42px; height: 31px; background: url("images/main10.png") no-repeat center; background-size:42px 31px;color:#fff; font-size:12px; text-transform: uppercase; font-family: Arial; line-height: 35px;}
.activeListUl ul li a:hover h1{opacity:0; filter:Alpha(opacity=0);}
.activeListUl ul li a:hover:after{ left: 100%; top:0; width: 0; height: 100%;opacity:0; filter:Alpha(opacity=0);}
.slide_pic .slick-dots{ bottom:0px; height:0px; overflow:hidden;}
.slide_pic .slick-prev,
.slide_pic .slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    left:20px;
    top: 50%;

    display: block;
    width: 16px;
    height: 30px;
    padding: 0;
    /*    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);*/
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background:url(images/playImg1.png) no-repeat; background-size:16px 30px;
    z-index:100;
}
.slide_pic .slick-prev:hover{
    background:url(images/playImg1_1.png) no-repeat; background-size:16px 30px;
}
.slide_pic .slick-next{
    left:auto;
    right:20px;
    background:url(images/playImg2.png) no-repeat;  background-size:16px 30px;
}
.slide_pic .slick-next:hover{
    background:url(images/playImg2_1.png) no-repeat;  background-size:16px 30px;
}
@media  screen and (max-width:991px){
    .activeListUl{margin-top: 40px;}
    .activeListUl ul li a h1{font-size:20px; line-height: 40px;  }
    .activeListUl ul li a h1 span:after{ width: 60px; height: 3px; }
}
@media  screen and (max-width:767px){
    .activeListUl{ margin-top: 20px; text-align: center;}
    .activeListUl ul li{width:100%; text-align: center; }
    .activeListUl ul li a{ display: inline-block;max-width: 300px; float: none;}
    .activeListUl ul li a h1{font-size:16px; line-height: 40px;  }
    .activeListUl ul li a h1 span:after{ width: 40px; margin-left: -20px;}
    .activeListUl ul li a h1 span .newIcon{right:-32px; top:-10px; width: 30px; height: 22px; background: url("images/main10.png") no-repeat center; background-size:30px 22px;color:#fff; font-size:11px; text-transform: uppercase; font-family: Arial; line-height: 22px;}
}
@media  screen and (max-width:376px){
    .slide_pic .slick-prev{  left:10px;  }
    .slide_pic .slick-next{  right:10px;  }
}
.bookList{ float: left; width: 100%; margin-top: 45px; padding: 0 48px;}
.bookList ul{ float: left; width: 100%;}
.bookList ul li{ float: left; width: 25%; padding: 15px 15px 20px 15px; text-align: center;}
.bookList ul li a{display: inline-block; width: 100%; max-width: 203px; padding: 32px 32px 42px 32px; position: relative;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2);
    -moz-box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);
    -ms-box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);
}
.bookList ul li a:hover{
    box-shadow: 0 2px 6px 0 rgba(41,144,223,0.25);
    -moz-box-shadow:0 2px 6px 0 rgba(41,144,223,0.25);
    -webkit-box-shadow:0 2px 6px 0 rgba(41,144,223,0.25);
    -ms-box-shadow:0 2px 6px 0 rgba(41,144,223,0.25);
}
.bookList ul li a span{ position: absolute; left:50%; margin-left: -70px; bottom: -20px; height:35px; width: 140px; text-align:center; line-height: 33px; font-size:16px; border:1px solid #dcdcdc; background-color: #fff;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.bookList ul li a:hover span{ background-color: #3a99e4; color:#fff; border-color:#3a99e4;}
@media  screen and (max-width:1229px){
    .bookList{ padding: 0;}
}
@media  screen and (max-width:991px){
    .bookList{margin-top:20px;}
    .bookList ul li a{padding: 20px 20px 30px 20px; }
    .bookList ul li a span{ margin-left: -60px; bottom: -20px; width: 120px; height: 30px; line-height: 30px; font-size:14px;  }
}
@media  screen and (max-width:767px){
    .bookList ul li{ width: 50%; padding-bottom: 20px;}
    .bookList ul li a{ max-width: 150px;}
}

/*友情链接*/
.linkBox{ float: left; width: 100%; margin-top: 67px;}
.linkBox h1{ float: left; width: 100%; text-align: center; color:#666666; font-size:16px; height: 40px; line-height: 40px; position: relative}
.linkBox h1:after{ position: absolute; content: ' '; left: 50%; margin-left: -10px; bottom: -3px; width: 20px; height: 2px; background-color: #959595;}
.linkList{ float: left; width: 100%; padding-bottom: 80px;}
.linkList ul{ float: left; width: 100%; text-align: center; margin-top: 10px;}
.linkList ul li{display: inline-block; padding:10px 7px;}
.linkList ul li a{ float: left; width: 100%;}

@media  screen and (max-width:991px){
    .linkBox{ margin-top: 30px;}
    .linkList{ padding-bottom: 30px;}
}

/*底部*/
.conDown{ float: left; width: 100%; text-align: center; padding: 44px 0 37px 0;}
.conDown i{ padding: 0 30px; color:#2094f1; height: 30px; position: relative; position: relative}
.conDown i p{display:inline-block;margin:0}
.conDown i a{color:#2094f1; font-size:16px; line-height: 30px; font-style: normal;}
.conDown i:after{ position: absolute; content: ' '; left: 0; width: 1px; height: 30px; background-color: #2094f1}
.conDown i.last:before{position: absolute; content: ' '; right: 0; width: 1px; height: 30px; background-color: #2094f1}

.conDown i .QR_down{display:none;position: absolute; left: 50%; cursor: pointer; margin-left: -60px; bottom:25px; width: 120px; height:120px; padding: 5px; background-color: #fff; border-radius:5px; -moz-border-radius:5px; box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
.conDown i .QR_down:after{ position: absolute; content: ' '; width: 0; height: 0;  border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top:10px solid #fff; left: 50%; margin-left: -8px; bottom:-7px;}
.ph_block{ display: none;}


.cyp{ float: left; width: 100%; text-align: center; color:#868686; line-height: 30px; padding-bottom: 40px;}
.cyp a{ color:#868686}
.cyp a:hover{ color:#fff;}
.footer_ph{ display: none;}
@media  screen and (max-width:767px){
    i.pc_block{  display: none!important;}
    .ph_block{ display: block; text-align: center;}
    .ph_block span{ padding: 10px 10px; position: relative;}
    .ph_block span .QRCode{display:none;position: absolute; left: 50%; cursor: pointer; margin-left: -60px; bottom:40px; width: 120px; height:120px; padding: 5px; background-color: #fff; border-radius:5px; -moz-border-radius:5px; box-shadow: 0 0 10px 0px rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}
    .ph_block span .QRCode:after{ position: absolute; content: ' '; width: 0; height: 0;  border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top:10px solid #fff; left: 50%; margin-left: -8px; bottom:-7px;}
    .conDown{ padding: 20px 0 5px 0;}
    .conDown i{display:block;padding: 5px 10px; height: 40px;}
    .conDown i.pc_down{display: none;}
    .conDown i:after{ width:0; }
    .conDown i.last:before{ width:0; }
    .cyp{padding-bottom: 10px;}
    .footer_ph{display: block; position: fixed; right: 10px; bottom: 10px; width: 30px; height: 30px; background: rgba(255,255,255,0.5); border:1px solid #2990df;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
}

/*内页*/
.back1{ background-color: #565656; padding: 40px 0 20px 0;}
.back1 ul.nav li.hover a{ color:#2094f1; border-color:#2094f1; background: none;}

.pz_SideLayer{ float: left; width: 100%; margin-top: 23px; height: 28px; border-bottom: 1px solid #dcdcdc}
.pz_SideLayer ul{ float: left; width: 100%; height: 20px; border-left: 1px solid #dcdcdc}
.pz_SideLayer ul li{ float: left; padding: 0 10px; line-height: 20px; border-right: 1px solid #dcdcdc; position:relative;}
.pz_SideLayer ul li a{ color:#2b2b2b; font-size:16px;}
.pz_SideLayer ul li a:hover{ color:#2094f1}
.pz_SideLayer ul li.on:after{ position: absolute; content: ' '; width: 100%; height: 1px; left: 0; bottom:-7px; background-color: #2094f1}
.pz_SideLayer ul li.on a{ color:#2094f1}

.secnavm { display: none;  position: relative;  z-index: 1;  margin-top:20px;width:100%;float:left;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;  }
.secnavm.act {  position: fixed;  top: 0;  left: 0;  width: 100%;  margin-top: 0;  }
.secnavm.act2 { right: 309px;  left: auto;  }
.secnavm h4 {  position: relative;  padding: 15px 30px 15px 30px;background: #2094f1; color:#fff;}
.secnavm h4 img {  position: absolute;  top: 50%;  right: 30px;  width: 22px;  margin-top: -6px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;  }
.secnavm h4 img.act { -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);  }
.secnavm ul { top: 45px;  left: 0;  display: none;  width: 100%;  padding:10px 0; background-color: #2b2b2b;  }
.secnavm li {  padding-top: 10px;  padding-bottom: 10px;  text-align: center;  }
.secnavm li a { color: #fff; font-size:16px;}

.ny_banner{ float: left; width: 100%; margin-top: 30px; position: relative}
.current{ position: absolute; left: 0; bottom: 20px; width: 100%; height: 60px;color:#fff; font-size:33px; line-height: 60px; text-align: center; background-color: #000; background-color: rgba(0,0,0,0.6);}
.about_page{ float: left; width: 100%; padding: 65px 20px; color:#2b2b2b; font-size:16px; line-height: 26px;text-align: justify;}

.subNavThr{ float: left; width: 100%; text-align: center; margin-top: 80px;}
.subNavThr ul{ display: inline-block; zoom: 1;}
.subNavThr ul li{float: left; margin: 0 40px;}
.subNavThr ul li a{ float: left; width: 110px; height: 34px; line-height: 30px; border:2px solid #444444; color:#444444; font-size:15px;}
.subNavThr ul li.on a,
.subNavThr ul li a:hover{ color:#2094f1; border-color:#2094f1;}

@media  screen and (max-width:991px){
    .secnavm { display:block;}
    .pz_SideLayer{ display: none;}
    .current{height: 50px;font-size:26px; line-height: 50px;}
    .about_page{ padding: 40px 0px; color:#2b2b2b; font-size:16px; line-height: 28px;}

    .subNavThr{margin-top:40px;}
    .subNavThr ul li{margin: 0 20px;}
    .subNavThr ul li a{ width: 110px; height: 34px; line-height: 30px; font-size:14px;}
}
@media  screen and (max-width:767px){
    .secnavm {margin-top:80px;  }
    .ny_banner{ margin-top: 20px;}
    .current{height:40px;font-size:18px; line-height: 40px;bottom: 15px;}
    .secnavm h4 { padding: 10px 30px 10px 30px;}
    .secnavm h4 img { right: 20px;  width: 18px;  margin-top: -6px; }
    .secnavm li a {font-size:12px;}
    .about_page{ padding: 30px 0px; font-size:14px; line-height: 24px;}

    .subNavThr{margin-top:20px;}
    .subNavThr ul li{margin: 0 5px;}
    .subNavThr ul li a{ width: auto; height: 30px; line-height: 26px; padding: 0 10px; border:2px solid #444444; color:#444444; font-size:12px;}

}
@media  screen and (max-width:376px){
    .current{font-size:16px;}
}

/*组织章程*/
.rulesPage{ float: left; width: 100%; font-size:16px; line-height: 26px; color:#2b2b2b;}
.rulesPage em{font-size:22px; font-style: normal; border-bottom: 4px solid #2990df}
.rulesPage span{ font-size:19px;}
a.downloadAbout{ float: right; margin-right: 0;border:2px solid #2b2b2b; color:#2b2b2b; height: 36px; font-size:16px; line-height: 32px; padding: 0 64px 0 14px; margin-top: 15px; position: relative}
a.downloadAbout:after{ position: absolute; content: ' '; right: 15px; top:50%; margin-top: -6px; width: 38px; height: 12px; background: url("images/ny1_1.png") no-repeat; background-size:38px 12px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
a.downloadAbout:hover{ color:#2094f1;border:2px solid #2094f1; }
a.downloadAbout:hover:after{background: url("images/ny1.png") no-repeat;background-size:38px 12px;}
@media  screen and (max-width:991px){
    .rulesPage{font-size:14px; line-height: 24px;}
    .rulesPage em{font-size:19px; border-bottom: 2px solid #2990df}
    .rulesPage span{ font-size:16px;}
    a.downloadAbout{ margin-right:0px;border:2px solid #2b2b2b; color:#2b2b2b; height: 30px; font-size:14px; line-height: 26px; padding: 0 50px 0 10px; margin-top: 8px; position: relative}
    a.downloadAbout:after{ right: 10px; margin-top: -4px; width: 20px; height: 8px; background: url("images/ny1_1.png") no-repeat; background-size:20px 8px;  }
    a.downloadAbout:hover:after{background: url("images/ny1.png") no-repeat;background-size:20px 8px;}
}

/*发起人简介*/
.aboutList{ float:left; width: 100%; padding: 25px 0 75px 0;}
.aboutList ul{ float: left; width: 100%;display: flex;  flex-wrap: wrap;  align-items: flex-start;}
.aboutList ul li{ margin-top: 55px}
.aboutList ul li a{ float: left; width: 100%; border-top:4px solid #2b2b2b; padding-top: 10px; color:#2b2b2b;}
.aboutList ul li a:hover{ border-color:#2990df; color:#2990df;}
.aboutList ul li .aboutImg{ float: left; width: 100%;overflow: hidden;}
.aboutList ul li .aboutImg img{
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.aboutList ul li h2{ float: left; width: 100%; font-size:18px; line-height: 34px; margin-top: 12px;}
.aboutList ul li .textInfo{ float: left; width: 100%; height: 48px; line-height: 24px; font-size:16px; margin-top: 8px; overflow: hidden;}
/*.aboutList ul li a:hover .aboutImg img{*/
    /*-webkit-transform:scale(1.02,1.02);*/
    /*-moz-transform:scale(1.02,1.02);*/
    /*transform:scale(1.02,1.02);*/
/*}*/


.personInfo{display: none; position: fixed; left: 0; top:0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); z-index: 999999999;}
.closePer{ float: left; width: 100%; height: 60px; position: relative; }
.closePer span{ position: absolute; width: 16px; height: 16px; right:-20px; top:50%; margin-top: -8px; background: url("images/ny11_1.png") no-repeat; background-size:16px 16px; cursor: pointer;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.closePer span:hover{ background: url("images/ny11.png") no-repeat; background-size:16px 16px; }
.perInfoBox{ position: absolute; left: 50%; margin-left: -400px; top:50%; margin-top: -300px; width: 800px; height: 600px; background-color: #fff; border-radius:10px; padding: 0 60px;}
.perInfoBox .perHerder{ float: left; width: 100%; text-align: center;}
.perInfoBox .perHerder .imgBox{ display: inline-block; width: 160px; height: 160px; border:4px solid #fff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow: hidden; box-shadow: 0 4px 10px 0 rgba(41,144,223,0.25);-moz-box-shadow: 0 4px 10px 0 rgba(41,144,223,0.25);-webkit-box-shadow: 0 4px 10px 0 rgba(41,144,223,0.25);}
.perInfoBox h1{ float: left; width: 100%; text-align: center; color:#2b2b2b; font-size:22px; margin-top: 17px; line-height: 35px;}
.perInfoBox h3{ float: left; width: 100%; color:#2b2b2b; font-size:20px; line-height: 30px; margin-top: 10px;}
.perInfoBox .perText{ float: left; width: 100%; font-size:15px; line-height: 24px; text-align: left; margin-top: 28px; height: 228px; overflow-y: auto;}
.textBoxPer{ padding-right: 5px;}

@media  screen and (max-width:991px){
    .aboutList{padding:0px 0 50px 0;}
    .aboutList ul li{ margin-top:25px}
    .perInfoBox{margin-left:0; left: 10%; top:50%; margin-top: -270px; width:80%; height: 540px; }
    .perInfoBox .perText{ font-size:14px; margin-top: 20px; height: 192px;}
}
@media  screen and (max-width:767px){
    .aboutList{padding:0px 0 40px 0;}
    .aboutList ul li{ margin-top:20px; padding: 0 7px 0 15px;}
    .aboutList ul li:nth-child(2n){  padding: 0 15px 0 7px;  }
    .aboutList ul li h2{font-size:16px; line-height:28px; margin-top: 10px;}
    .aboutList ul li .textInfo{ height: 48px; line-height: 24px; font-size:14px; margin-top:5px;}
    .perInfoBox{margin-left:0; left: 10%; top:20%; margin-top: 0; width:80%; height:auto;  padding: 0 20px 25px 20px;}
    .perInfoBox .perHerder .imgBox{ width: 130px; height: 130px;}
    .perInfoBox h1{ font-size:18px; margin-top: 7px; line-height: 35px;}
    .perInfoBox h3{font-size:16px; line-height: 30px; margin-top: 0px;}
    .perInfoBox .perText{ height: 144px; overflow-y: auto; margin-top: 15px;}
    .closePer{ height: 30px;}
    .closePer span{right:0px; margin-top: 0;}
}
@media  screen and (max-width:374px){
    .perInfoBox{left: 5%; top:15%;width:90%;}
}

/*组织框架*/
.frameBox{ float: left; width: 100%; padding: 80px 60px;}
.frameText{ float: left; width: 100%; position:relative;}
.frameText:before,
.frameText:after{ position: absolute; content:' '; width: 100px; height: 82%; left: -40px; bottom:50px; border:4px solid #2094f1; border-right: 0; z-index: -2;}
.frameText:before{ left: auto; right: -40px; border-left: 0; border-right:4px solid #2094f1;}

.top_1080{float: left; width: 100%; height: 240px; background-color: #fff; border:2px solid #2094f1; display: table; color:#000000; font-size:28px; line-height: 38px; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;
    box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
    -moz-box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
    -webkit-box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
}

.top_1080 .top_1080_text{ display: table-cell; vertical-align: middle; text-align: center;}
.top_1080 .top_1080_text p{ margin-top: 30px;}
.directorBox{ float: left; width: 71%; margin-top: 40px; height: 240px; background-color: #fff;border:2px solid #2094f1;display: table; padding: 0 15px;border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;
    box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
    -moz-box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
    -webkit-box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
}

.scoutBox{ float: right; width: 24%; height: 240px; margin-top: 40px; background-color: #fff;border:2px solid #2094f1; display: table; padding: 0 15px; position: relative; border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;
    box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
    -moz-box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
    -webkit-box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
}
.scoutBox:after{ position: absolute; content: ' '; width: 100px; height: 6px; top:50%; left: -70px; margin-top: -3px; background-color: #2094f1; z-index: -1;}

.secretaryBox{ float: left; width: 100%; margin-top: 40px; height: 170px; text-align: center;border:2px solid #2094f1; display: table; position: relative; z-index: -1;border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;
    box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
    -moz-box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
    -webkit-box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
}
.secretaryBox:after{ position: absolute; content: ' '; width: 6px; height: 42px; left: 50%; margin-left: -3px; top:-42px; background-color: #2094f1;}

.scoutBox .scoutText,
.directorBox .directorText,
.secretaryBox .secretaryText{ display: table-cell; vertical-align: middle; text-align: center; color:#444444; font-size:20px; }
.scoutBox .scoutText h1,
.directorBox .directorText h1,
.secretaryBox .secretaryText h1{ float: left; width: 100%; text-align: center; font-size:25px; padding-bottom:20px;}
.scoutBox .scoutText span,
.directorBox .directorText span,
.secretaryBox .secretaryText span{font-size:22px; color:#2b2b2b}

.down_1080{ float: left; width: 100%; margin-top:40px;}
.down_1080 ul{ float: left; width: 100%; margin: 0;}
.down_1080 ul li{ float:left; width: 30%; margin-left:5%; height: 100px; display: table; border:2px solid #2094f1;text-align: center; color:#2b2b2b; font-size:22px; position: relative;  background-color: #fff;border-radius:10px; -moz-border-radius:10px;-webkit-border-radius:10px;
    box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
    -moz-box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
    -webkit-box-shadow: 0 0 9px 0 rgba(32,148,241,0.3);
}
.down_1080 ul li.first{ margin-left: 0;}
.down_1080 ul li .textDd{ display: table-cell; vertical-align: middle;}
.down_1080 ul li:after{ position: absolute; content: ' '; width: 6px; height: 42px; left: 50%; margin-left: -3px; top:-42px; background-color: #2094f1}

@media  screen and (max-width:991px){
    .frameBox{ padding: 60px 40px;}
    .frameText:before,
    .frameText:after{width: 70px;  height: 84%;  left: -30px; bottom: 33px;}
    .frameText:before{ right: -30px; left: auto;}
    .top_1080{height: 170px;font-size:24px;  }
    .top_1080 .top_1080_text p{ margin-top: 20px;}
    .scoutBox .scoutText,
    .directorBox .directorText,
    .secretaryBox .secretaryText{font-size:16px; }
    .scoutBox .scoutText h1,
    .directorBox .directorText h1,
    .secretaryBox .secretaryText h1{ font-size:21px; padding-bottom:20px;}
    .scoutBox .scoutText span,
    .directorBox .directorText span,
    .secretaryBox .secretaryText span{font-size:18px; }
    .down_1080 dl dd{font-size:18px;height: 70px; }
    .secretaryBox{ height:130px; }
}
@media  screen and (max-width:767px){
    .frameBox{ padding: 30px 10px;}
    .frameText:before,
    .frameText:after{  height: 87%; width: 30px; left: -15px;border: 2px solid #2094f1; border-left: 0}
    .frameText:after{border: 2px solid #2094f1; border-right: 0}
    .frameText:before{ right: -15px; left: auto;}
    .top_1080{height: 130px;font-size:18px;  }
    .top_1080 .top_1080_text p{ margin-top: 10px;}
    .directorBox{ margin-top: 20px; height: 200px; padding: 0 10px;}
    .scoutBox{ height: 200px; margin-top: 20px; padding:0 5px;}
    .secretaryBox{margin-top:20px; height: 100px;  }
    .secretaryBox:after{height: 22px; left: 50%; margin-left: -3px; top:-22px;}

    .scoutBox .scoutText,
    .directorBox .directorText,
    .secretaryBox .secretaryText{font-size:12px; }
    .scoutBox .scoutText h1,
    .directorBox .directorText h1,
    .secretaryBox .secretaryText h1{ font-size:16px; padding-bottom:10px;}
    .scoutBox .scoutText span,
    .directorBox .directorText span,
    .secretaryBox .secretaryText span{font-size:15px; }
    .down_1080{margin-top:20px;}
    .down_1080 dl dd{font-size:15px;height: 50px; }
    .down_1080 dl dd:after{ height:22px; top:-22px;}
}

/*大事记*/
.memorabiliaBox{ float: left; width: 100%; padding:70px 0 80px 180px;}
.accordion {float: left; width: 100%;}
.accordion li.accOne{ float: left; width: 100%; padding-bottom: 50px; position: relative}
.accordion li.accOne.last{ padding-bottom: 0;}
.accordion li.accOne:after{ position: absolute; content: ' '; left: 9px; top:24px; height: 100%; width: 3px; background-color: #2b2b2b;}
/*.accordion li.accOne.last:after{ height: 0;}*/
/*.accordion li.accOne.last.open:after{ height:100%;}*/
.accordion .link { float:left; width: 100%;
    cursor: pointer;
    padding:0 0 0 50px;
    color: #4D4D4D;
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;  }
.accordion .link:after{ position: absolute; content: ' '; left: 2px; top:50%; margin-top: -8px; width: 17px; height: 17px; border:1px solid #e6e6e6; background-color: #fff;z-index: 99;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
    width: 15px;
    height: 8px;
    left: 160px;
    top:20px;
    font-size: 16px;
}
.fa-chevron-down:before{
   width: 15px; height:8px; position: absolute; left: 0; top:0; content: ' ';background:url("images/dsj1.png") no-repeat; background-size: 15px 8px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion .link:before{ position: absolute; content: ' '; width: 11px; height: 11px; background-color: #2b2b2b; top:50%; margin-top: -5px; left: 5px;z-index: 999; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.accordion .link h1{ float:left; color:#2b2b2b; font-size:40px; line-height: 48px;}
.accordion .link span{ float: left; margin-left: 70px; color:#2b2b2b; font-size:18px; line-height: 24px; padding: 12px 0;}
.accordion li.open .link h1{  color: #3a98ea;  }
.accordion li.on .link h1{  color: #3a98ea;  }
.accordion li.open .link:before{ background-color: #3a98ea;  }
.accordion li.on .link:before{ background-color: #3a98ea;  }
/*.accordion li.open .link span{ color:#3a98ea;}*/
.accordion li.open .fa-chevron-down:before{
    background: url("images/dsj2.png") no-repeat;background-size: 15px 8px;
    transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
}
.accordion li.on .fa-chevron-down:before{
    background: url("images/dsj2.png") no-repeat;background-size: 15px 8px;

}
    /**
     * Submenu
     -----------------------------*/
.submenu {  display: none;  float: left; width: 100%; padding-left:214px; }
.submenu li { float: left; width: 100%; padding: 12px 0; color:#2b2b2b; font-size:18px; line-height: 24px;}
.accordion li.open .submenu li:hover{
    color:#3a98ea; cursor: pointer;
}
.accordion li.open .link span:hover{ color:#3a98ea;}
@media  screen and (max-width:1199px){
    .memorabiliaBox{ padding:70px 0 80px 20px;}
}
@media  screen and (max-width:991px){
    .memorabiliaBox{ padding:30px 0 60px 10px;}
    .accordion li.accOne{ padding-bottom:30px;}
    .accordion .link { padding:0 0 0 30px;  }
    .accordion .link h1{font-size:28px; line-height: 48px;}
    .accordion .link span{ float: left; margin-left:30px; font-size:16px;}
    .submenu { padding-left:126px; }
    .submenu li { font-size:16px;}
    .accordion li i.fa-chevron-down {  left: 100px;  }
    .fa-chevron-down:before{
        width: 12px; height:6px; background:url("images/dsj1.png") no-repeat; background-size: 12px 6px;  }
    .accordion li.open .fa-chevron-down:before{  background: url("images/dsj2.png") no-repeat;background-size: 12px 6px;}
    .fa-chevron-down:before{
        width: 12px; height:6px; background:url("images/dsj1.png") no-repeat; background-size: 12px 6px;  }
    .accordion li.on .fa-chevron-down:before{  background: url("images/dsj2.png") no-repeat;background-size: 12px 6px;  }
}
@media  screen and (max-width:767px){
    .memorabiliaBox{ padding:30px 0 60px 5px;}
    .accordion li.accOne{ padding-bottom:20px;}
    .accordion li.accOne:after{top:15px;}
    .accordion .link:after{ top:7px; margin-top:0px;}
    .accordion li.open .link span{ color:#2b2b2b;}
    .accordion .link:before{ top:10px; margin-top: 0;}
    .accordion .link h1{font-size:22px; width: 100%; line-height: 30px;}
    .accordion .link span{ float: left; width: 100%; margin-left:0; font-size:14px; padding: 7px 0;}
    .submenu { padding-left:30px;}
    .submenu li { font-size:14px; padding: 7px 0;}
    .accordion li i.fa-chevron-down { left:90px; top:12px;  }

}
/*海风活动 活动详情*/
.activePage{ float: left; width: 100%; padding: 70px 20px 75px 20px;color:#2b2b2b; font-size:16px; line-height: 26px;}
.activePageTit{ float: left; width: 100%; text-align: center; color:#444444;font-size: 15px; line-height: 24px;}
.activePageTit h1{ float: left; width: 100%; color:#2b2b2b; font-size:34px; line-height: 40px; padding-bottom: 15px;}
.activePageText{ float:left; width: 100%; text-align: left;}
.activePageText img{padding:10px 0;}
@media  screen and (max-width:991px){
    .activePage{font-size:14px; line-height: 24px;padding: 50px 0px 55px 0px;}
    .activePageTit{ font-size: 13px;}
    .activePageTit h1{font-size:28px; line-height: 32px; padding-bottom: 15px;}
}
@media  screen and (max-width:767px){
    .activePage{padding: 30px 0px 35px 0px;}
    .activePageTit{ font-size: 12px; line-height: 18px;}
    .activePageTit p{ margin: 0;}
    .activePageTit h1{font-size:22px; line-height:28px; padding-bottom: 10px;}
}
@media  screen and (max-width:413px){
    .activePageTit h1{font-size:20px; line-height:24px; }
}

/*海风活动 捐赠项目*/
.activeItemList{ float: left; width: 100%; padding-bottom: 80px;}
.activeItemList ul{ float: left; width: 100%;}
.activeItemList ul li{float: left; width: 100%; margin-top: 130px; position: relative}
.activeItemList ul li a{ cursor: default;}
.activeItemList ul li .fr{ float: right;}
.activeItemList ul li:after{ position: absolute; content: ' '; left: 50%; margin-left: -2px; width: 4px; height: 60px; top:-110px; background-color: #2b2b2b}
.activeItemList ul li.first:after{width: 0;height: 0;}
.activeItemList ul li.first{ margin-top: 70px;}
.activeItemList ul li a h1{ float: left; width: 100%; color:#444444; font-size:40px; line-height: 75px; padding-bottom: 12px; border-bottom: 1px solid #444444; margin-top: 44px; position:relative}
.activeItemList ul li a h1:after{ position: absolute; content: ' '; left: 0; top:-4px; width: 85px; height: 4px; background-color: #444444}
.activeItemList ul li a h3{ float: left; width: 100%; color:#444444; font-size:24px; line-height: 34px; margin-top: 30px;}
.activeItemList ul li a .itemText{ float: left; width: 100%; color:#444444; font-size:16px; line-height: 26px; margin-top: 25px; height: 208px; overflow-y: auto;}
.activeItemList ul li a .itemImg{ text-align: center;}

@media  screen and (max-width:1199px){
    .activeItemList ul li a h1{font-size:36px; line-height: 75px; margin-top: 30px;}
    .activeItemList ul li a h3{font-size:22px; line-height: 30px;}
    .activeItemList ul li a .itemText{ font-size:16px; line-height: 24px; margin-top: 25px; height: 168px; overflow-y: auto;}
}
@media  screen and (max-width:991px){
    .activeItemList{padding-bottom:50px;}
    .activeItemList ul li{margin-top: 40px;}
    .activeItemList ul li.first{ margin-top: 40px;}
    .activeItemList ul li a h1{font-size:30px; line-height: 40px; padding-bottom: 12px; border-bottom: 1px solid #444444; margin-top: 30px;}
    .activeItemList ul li a h1:after{ position: absolute; content: ' '; left: 0; top:-8px; width: 85px; height: 4px; background-color: #444444}
    .activeItemList ul li a h3{ float: left; width: 100%; color:#444444; font-size:18px; line-height: 28px; margin-top: 20px;}
    .activeItemList ul li a .itemImg img{max-width: 560px;}
    .activeItemList ul li a .itemText{font-size:14px; line-height: 24px; margin-top: 20px; height:auto; overflow-y: auto;}
    .activeItemList ul li:after{width: 0; height: 0;}
}
@media  screen and (max-width:767px){
    .activeItemList{padding-bottom:30px;}
    .activeItemList ul li:after{ height: 30px; width: 4px; top:-40px; background-color: #2094f1}
    .activeItemList ul li{margin-top: 50px;}
    .activeItemList ul li.first{ margin-top: 20px;}
    .activeItemList ul li a h1{font-size:26px; line-height: 30px;}

}
/*海风活动 名家午餐会*/
.activeFamous{ float:left; width: 100%; padding:35px 20px 80px 20px;}
.searchActive{ float: left; width: 100%; text-align: center; padding: 40px 0 30px 0;}
.searchBox{ display: inline-block; zoom: 1;}
.searchBox .boxInput{ float: left; border:2px solid #8f8f8f; height: 34px; line-height: 30px}
.searchBox .boxInput .input_1{float: left; width: 265px; background:none; text-indent: 10px;font-size:16px;}
.searchBox .boxInput .input_2{ float: left; width: 30px; height: 30px; border:0;background:url(/templates/cn/images/search.png) center no-repeat;background-size:20px 20px}

@media  screen and (max-width:991px){
    .searchActive{ padding: 10px 0 20px 0;}
}
@media  screen and (max-width:767px){
    .searchBox .boxInput input{width: 235px;}
}
.homelandscape .downk{ float: left; width: 100%; text-align:center; overflow: hidden}
.homelandscape .homedown{display:inline-block; zoom: 1; width:400px; padding: 0 29px;}
.homelandscape .homedown .slick-slide{ padding:0 3px;outline:0;}
.homelandscape .homedown div{ color:#888888; font-size:18px; line-height: 30px; text-align: center; cursor: pointer}
.homelandscape .homedown div.slick-current{ color:#2094f1; font-size:20px;}

.homelandscape .homedown .slick-prev{ width:9px; height:10px;
    background: url(images/arrow_ll.png) no-repeat center;background-size:9px 10px;
    left: 0;
    top:50%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.homelandscape .homedown .slick-prev:hover{
    background: url(images/arrow_ll_1.png) no-repeat center;background-size:9px 10px;
}
.homelandscape .homedown .slick-next{ width:9px; height:10px;
    background: url(images/arrow_lr.png) no-repeat center;background-size:9px 10px;
    right:0;
    top:50%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.homelandscape .homedown .slick-next:hover{
    background: url(images/arrow_lr_1.png) no-repeat center;background-size:9px 10px;
}

.homelandscape .topk{float: left; width: 100%; overflow:hidden;}
.homelandscape .hometop{float: left; width: 100%;}
.homelandscape .hometop .slick-slide{ padding:0;outline:0;}
.homelandscape .hometop dl{ float: left; width: 100%; margin:-20px 0 0 0;}
.homelandscape .hometop dl dd{ margin-top: 50px; padding-bottom: 10px;}
.homelandscape .hometop dl dd a{ float: left; width: 100%;outline:0;}
.homelandscape .hometop dl dd .famousImg{ float: left; width: 100%;text-align: center;}
.homelandscape .hometop dl dd .famousTextBox{ float: left; width: 100%; padding: 0 20px; margin-top: -30px;}
.homelandscape .hometop dl dd .famousTextBox .famousTextInfo{ float: left; width: 100%; background-color: #ffffff; border-bottom: 2px solid #444444; padding: 10px 20px 15px 20px;
    box-shadow: 0 4px 9px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 4px 9px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 4px 9px 0 rgba(0,0,0,0.2);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.homelandscape .hometop dl dd .famousTextBox .famousTextInfo .famousTime{ float:left; width: 100%; color:#9d9d9d; font-size:15px; line-height: 18px; height: 36px; overflow: hidden;}
.homelandscape .hometop dl dd .famousTextBox .famousTextInfo .famousSlogan{ float: left; width: 100%; color:#2b2b2b; font-size:22px; line-height: 26px; height: 52px; overflow: hidden; margin-top: 10px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.homelandscape .hometop dl dd a:hover .famousTextBox .famousTextInfo{
    border-bottom: 2px solid #2094f1;
    box-shadow: 0 4px 9px 0 rgba(32,148,241,0.2);
    -moz-box-shadow: 0 4px 9px 0 rgba(32,148,241,0.2);
    -webkit-box-shadow: 0 4px 9px 0 rgba(32,148,241,0.2);
}
.homelandscape .hometop dl dd a:hover .famousTextInfo .famousSlogan{
    color:#2094f1;
}
@media  screen and (max-width:1199px){
    .activeFamous{ padding:35px 0 80px 0;}
    .homelandscape .hometop dl dd .famousTextBox .famousTextInfo .famousSlogan{ font-size:20px; }
}
@media  screen and (max-width:991px){
    .activeFamous{ padding:25px 0 40px 0;}
    .homelandscape .hometop dl{margin:0;}
    .homelandscape .hometop dl dd{ margin-top: 20px; padding-bottom: 10px;}
}
@media  screen and (max-width:767px){
    .activeFamous{ padding:15px 0 30px 0;}
    .homelandscape .homedown{display:inline-block; zoom: 1; width:280px; padding: 0 29px;}
    .homelandscape .hometop dl dd .famousImg img{display: inline-block; max-width: 359px;}
    .homelandscape .hometop dl dd{ margin-top: 10px; padding-bottom: 10px;}
    .homelandscape .hometop dl dd .famousTextBox .famousTextInfo .famousTime{ font-size:14px;}
    .homelandscape .hometop dl dd .famousTextBox .famousTextInfo .famousSlogan{ font-size:18px; line-height: 24px; height:48px; }
}

/*海风精英 常务理事*/
.eliteList{ float: left; width: 100%; padding: 50px 30px;}
.eliteList.elitBox{ padding: 0 30px;}
.eliteList ul{ float: left; width: 100%; position: relative}
.eliteList ul:after{ position: absolute;content: ' '; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #fff;}
.eliteList ul li{ float: left; border-bottom: 2px solid #ececec; text-align: center;}
.eliteList ul li a{ float: left; width: 100%; text-align: center;outline:0; padding-top: 30px;}
.eliteList ul li a .eliteImg{ float: left; width: 100%; height: 100%; text-align: center; position: relative}
.eliteList ul li a .eliteImg .letterAll{ position: absolute; width: 100%; height: 100%; left: 0; top:0; text-align: center;}
.eliteList ul li a .eliteImg .letterAll span{ width: 100%; height: 100%; display: table; color:#ffffff; font-size:80px;  }
.eliteList ul li a .eliteImg .letterAll span em{font-style: normal; display: table-cell; vertical-align: middle; text-transform: uppercase;}
.eliteList ul li a .eliteImg i{float: left; width: 100%; height: 100%; text-align: center; }
.eliteList ul li a .eliteImg img{width: 150px; height: 150px; border-radius:50%; -moz-border-radius:50%;-webkit-border-radius:50%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.eliteList ul li a .eliteImg i.blueD{ display: none;}
.eliteList ul li.on a .eliteImg i.blueD{ display: block;}
.eliteList ul li.on a .eliteImg i.blueD img{box-shadow: 0 4px 8px 0 rgba(32,148,241,0.5);-moz-box-shadow: 0 4px 8px 0 rgba(32,148,241,0.5);-webkit-box-shadow:  0 4px 8px 0 rgba(32,148,241,0.5);}
.eliteList ul li.on a .eliteImg i.glypT{ display: none}
.eliteList ul li a:hover .eliteImg img{box-shadow: 0 4px 8px 0 rgba(32,148,241,0.5);-moz-box-shadow: 0 4px 8px 0 rgba(32,148,241,0.5);-webkit-box-shadow:  0 4px 8px 0 rgba(32,148,241,0.5);}
.eliteList ul li a .eliteText{ float: left; width: 100%; text-align: center; height: 63px; line-height: 48px; font-size:18px; color:#2b2b2b; padding-bottom: 15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.eliteList ul li a:hover .eliteText{color:#2094f1}
@media  screen and (max-width:991px){
    .eliteList{ padding: 10px 15px 30px 15px;}
}
@media  screen and (max-width:767px){
    .eliteList{ padding: 10px 15px 20px 15px;}
    .eliteList ul li{margin-top:0px;}
    .eliteList ul li a{ padding-top: 15px;}
    .eliteList ul li a .eliteText{line-height: 30px; height: 40px; font-size:14px; padding:5px 0px;}
    .eliteList ul li a .eliteImg img{width: 130px; height: auto; display: inline-block;}
}

/*海风精英  全部理事*/
.letterNum{ float: left; width: 100%; border-bottom: 1px solid #767676; padding: 70px 0 10px 0;}
.letterNum ul{ float: left; width: 100%;}
.letterNum ul li{ float: left; width: 7.1%;}
.letterNum ul li a{ float: left; width: 100%; text-align: center; color:#444444; font-size:28px; line-height: 40px; text-transform: uppercase;}
.letterNum ul li.on a,
.letterNum ul li a:hover{ color:#2094f1}
.letterNum ul li.gray a{ color:#b2b2b2; cursor: text;}
@media  screen and (max-width:991px){
    .letterNum{ padding: 40px 0 10px 0;}
}
@media  screen and (max-width:767px){
    .letterNum{ padding: 20px 0 10px 0;}
    .letterNum ul li{ width:9%;}
    .letterNum ul li a{font-size:18px; line-height: 30px;}
}

/*各地分会  分会活动*/
.subTextInfo{ float:left; width: 100%; text-align: center; color:#2b2b2b; font-size:22px; line-height: 30px; padding: 55px 0}
.subTextInfo p{margin:0}
.subNavThr.maxTop{ margin-top:0px;}

@media  screen and (max-width:991px){
    .subTextInfo{ font-size:18px; line-height: 28px; padding: 30px 0}
}
@media  screen and (max-width:767px){
    .subTextInfo{ font-size:16px; line-height: 24px; padding: 20px 0}
}

/*各地分会 常务理事*/
@media (min-width:1200px){
    .container{width:1170px}.eliteList.branchBox ul li.col-lg-2{ width: 14.2857%;}
    .eliteList.branchBox ul li.col-lg-2 a .eliteImg img{ width: 120px; height: auto;}
}

/*海风视讯 出版物*/
.publishList{ float: left; width: 100%; padding: 40px 0 75px 0;}
.publishList ul{ float: left; width: 100%;    display: flex;  flex-wrap: wrap;  align-items: flex-start;}
.publishList ul li{ float: left;}
.publishList ul li a{ float:left; width: 100%;}
.publishList ul li a .publishImg{ float: left; width: 100%; overflow: hidden; text-align: center; position:relative;}
.publishList ul li a .publishImg .downloadBook{ position: absolute; width: 100%;top:0; left: 0; height: 100%; background-color: rgba(0,0,0,0.85);
    opacity:0;  filter:Alpha(opacity=0); -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.publishList ul li a .publishImg .downloadBook .hoverDown{ float: left; width: 100%; height: 100%;color:#2094f1; font-size:14px; line-height: 30px; text-align: center; display: table; }
.publishList ul li a .publishImg .downloadBook .hoverDown .tableCell{ display: table-cell; width: 100%; vertical-align: middle;}
.publishList ul li a:hover .publishImg .downloadBook{
   opacity:1;  filter:Alpha(opacity=100);
}


.publishList ul li a .publishImg img{ max-width: 200px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.publishList ul li a:hover .publishImg img{
    -webkit-transform:scale(1.02,1.02);
    -moz-transform:scale(1.02,1.02);
    transform:scale(1.02,1.02);
}
.publishList ul li a .publishTime{ float: left; width: 100%; text-align: center; color:#444444; font-size:15px; line-height: 24px;margin-top:4px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.publishList ul li a h1{ float: left; width: 100%; color:#2b2b2b; font-size:16px; line-height:20px; text-align: center; height: 40px; overflow: hidden; margin-top: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.publishList ul li a:hover h1{color:#2094f1}

@media (min-width:992px){
    .publishList ul li{ float: left; width: 20%; margin-top: 40px;}
}
@media  screen and (max-width:991px){
    .publishList{padding: 20px 0 45px 0;}
    .publishList ul li{ margin-top: 20px;}
    .publishList ul li a .publishTime{font-size:14px; line-height: 24px;}
    .publishList ul li a h1{font-size:16px; line-height: 20px; }
}
@media  screen and (max-width:767px){
    .publishList{padding: 5px 0 30px 0;}
    .publishList ul li{ margin-top: 15px; padding: 0 10px 0 15px;}
    .publishList ul li:nth-child(2n){  padding: 0 15px 0 10px;}
    .publishList ul li a .publishTime{font-size:12px; line-height: 20px;}
    .publishList ul li a h1{font-size:14px; line-height: 18px; height: 36px; }
}

/*海风视讯 纪念册*/
.albumList{ float: left; width: 100%; padding: 50px 0 80px 0;}
.albumList ul{ float: left; width: 100%;}
.albumList ul li{ float: left; margin-top: 30px;}
.albumList ul li a{ float: left; width: 100%;}
.albumList ul li a .albumImg{ float: left; width: 100%; border:2px solid #444444; padding: 20px; text-align:center; position: relative}
.albumList ul li a .albumImg .downloadBook{ position: absolute; width: 100%;top:0; left: 0; height: 100%; background-color: rgba(0,0,0,0.85);
    opacity:0;  filter:Alpha(opacity=0); -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.albumList ul li a .albumImg .downloadBook .hoverDown{ float: left; width: 100%; height: 100%;color:#2094f1; font-size:14px; line-height: 30px; text-align: center; display: table; }
.albumList ul li a .albumImg .downloadBook .hoverDown .tableCell{ display: table-cell; width: 100%; vertical-align: middle;}
.albumList ul li a:hover .albumImg .downloadBook{
    opacity:1;  filter:Alpha(opacity=100);
}
.albumList ul li a .albumImg img{ max-width: 220px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.albumList ul li a:hover .albumImg img{
    -webkit-transform:scale(1.02,1.02);
    -moz-transform:scale(1.02,1.02);
    transform:scale(1.02,1.02);
}
.albumList ul li a .albumText{ float: left; width: 100%; color:#2b2b2b; font-size:16px; line-height: 20px; margin-top: 20px; height: 40px; overflow: hidden; text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.albumList ul li a:hover .albumText{color:#2094f1}

@media  screen and (max-width:1199px){
    .albumList{ padding: 30px 0 60px 0;}
}
@media  screen and (max-width:767px){
    .albumList{ padding: 0 0 30px 0;}
    .albumList ul li{margin-top:15px; padding: 0 8px 0 15px;}
    .albumList ul li:nth-child(2n){ padding: 0 15px 0 8px;}
    .albumList ul li a .albumText{font-size:14px; margin-top: 10px;  }
    .albumList ul li a:hover .albumText{color:#2b2b2b;}

}

/*海风视讯 自制视频*/
.customList{ float: left; width: 100%; padding: 50px 0;}
.customList ul{ float: left; width: 100%;}
.customList ul li{ float: left; margin-top: 30px;}
.customList ul li a{ float: left; width: 100%;outline:0;}
.customList ul li a .customImg{ float: left; width: 100%; position: relative}
.customList ul li a .customTime{ float: left; width: 100%; color:#444444; font-size:14px; margin-top: 5px; line-height: 20px; text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.customList ul li a h1.customText{ float: left; width: 100%;color:#444444; font-size:15px; line-height: 24px; height: 48px; overflow: hidden; text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.customList ul li a:hover .customTime{ color:#2094f1}
.customList ul li a:hover h1.customText{color:#2094f1}

.customVideoFl{ position: absolute; width: 100%; height:100%; left: 0; top:0; background-color: rgba(0,0,0,0.9);opacity:0;
    filter:Alpha(opacity=0);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.customVideoFl img{ position: absolute; width: 52px; height: 52px; left: 50%; margin-left: -26px; top:50%; margin-top: -26px;}
.customList ul li a:hover .customVideoFl{opacity:1;filter:Alpha(opacity=100);}

@media  screen and (max-width:991px){
    .customList{ padding: 20px 0 40px 0;}
    .customList ul li{ margin-top:20px;}
}

@media  screen and (max-width:767px){
    .customList{ padding:0 0 30px 0;}
    .customList ul li{ padding: 0 10px 0 15px;}
    .customList ul li:nth-child(2n){padding: 0 15px 0 10px;}
    .customList ul li a .customTime{ font-size:12px; margin-top: 5px; line-height: 20px;}
    .customList ul li a h1.customText{ font-size:12px; line-height: 20px; height: 40px;}
    .customList ul li a:hover .customVideoFl{opacity:0;filter:Alpha(opacity=0);}

}

.hometop.customList{ padding: 0;}




    /*分页*/
.waik_1{ padding:3.5% 0 4% 0;}
.pz_fy{width:100%; float:left; text-align:center; font-family:'Arial';}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { padding:4px 8px;border:1px solid #bdbbbb;border-radius:3px;-webkit-border-radius:3px; COLOR: #999999; font-size:14px; text-decoration:none; margin:0 4px; }
.pz_fy a:hover,.pz_fy a.on{ color: #fff; border:1px solid #7ab926; background-color:#7ab926; text-decoration:none;}/*鼠标经过和默认当前页样式*/
.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .fy_phone{ display:block; font-family:'Arial';}
    .fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block; width:100px; height:30px; line-height:29px; border:solid 1px #7ab926; color:#333;text-decoration:inherit;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px; }
    .fy_phone span{ display:inline-block; padding:0 10%; height:30px; line-height:30px; color:#333;}
}
@media  screen and (max-width:767px){
    .waik_1{ padding:6% 0 6% 0;}
}



/******************************************************************************/
.backBanner{ background-color: #111; overflow: hidden;}
.backBanner.blue{ background-color: #2990df}
.backBanner .opacity1{ opacity: 0.25;filter:Alpha(opacity=25);}
.backBanner.blue .opacity1{ opacity: 0.15;filter:Alpha(opacity=15);}


.FLtext h1{ float:left; width: 100%; color:#ffffff; font-size:72px;margin-top: 40px; position:relative;}
.FLtext h1:after{ position: absolute; content: ' '; left: 0; top:-40px; width: 100px; height: 8px; background-color: #fff;}
.FLtext h3{ float: left; width: 100%; font-size:34px; line-height: 45px; padding-bottom: 15px; border-bottom:2px solid #fff;color:#fff;}
.backBanner .enroll{ float: left; width: 100%; margin-top: 80px;}
.backBanner .enroll h5{ float: left; width: 100%; font-size:28px; color:#fff;}
.backBanner .enroll .enrollText{ float: left; width: 100%; color:#fff; font-size: 15px; line-height: 20px; margin-top: 15px;}
.signUp{ float: left; position: relative; background-color: #fff; height: 26px; line-height: 26px; padding: 0 7px 0 11px; color:#2990df; margin-top: 60px;}
.signUp em{ font-style: normal; font-family: SimSun;}
.signUp:after{ position: absolute; content: ' '; right: -13px; top:0; width: 0; height: 0;border-top: 13px solid transparent;
    border-left: 13px solid #fff;
    border-bottom: 13px solid transparent;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.signUp:hover{ color:#fff; background-color: #2b2b2b;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.signUp:hover:after{
    border-left: 13px solid #2b2b2b;
}



@media  screen and (max-width:1660px){
    .bannerText{margin-top: -214px;}
    .FLtext h1{ font-size:62px;margin-top: 30px; }
    .FLtext h1:after{ top:-30px;}
    .FLtext h3{ font-size:30px;}
    .backBanner .enroll{ margin-top: 60px;}
}
@media  screen and (max-width:1400px){
    .bannerText{margin-top: -174px;}
    .bannerText .FLtext { width: 358px;}
    .FLtext h1{ font-size:52px;margin-top: 25px; }
    .FLtext h1:after{ top:-25px;}
    .FLtext h3{ font-size:25px; padding-bottom: 10px;}
    .backBanner .enroll{ margin-top: 60px;}
    .backBanner .enroll h5{ font-size:22px; }
    .backBanner .enroll .enrollText{font-size: 13px; margin-top: 10px;}
    .signUp{ margin-top: 40px;}


}
@media  screen and (max-width:1229px){
    .bannerText{margin-top: -214px;}
    .backBanner .enroll{ margin-top: 50px;}
    .signUp{ margin-top: 30px;}
    .signUp{ left: 0; margin-top: 40px;}

}
@media  screen and (max-width:991px){
    .bannerText{margin-top: -174px;}
    .bannerText .FLtext { width: 285px;}
    .FLtext h1{ font-size:38px;margin-top: 20px; }
    .FLtext h1:after{ top:-20px; height: 4px;}
    .FLtext h3{ font-size:20px; padding-bottom: 5px;}
    .backBanner .enroll{ margin-top: 30px;}
    .backBanner .enroll h5{ font-size:16px; }
    .backBanner .enroll .enrollText{font-size: 12px; margin-top: 10px;}
    .signUp{ margin-top: 20px;}
    .signUp{ font-size:12px;height: 20px; line-height: 20px;}
    .signUp:after{ position: absolute; content: ' '; right: -10px; top:0; width: 0; height: 0;border-top: 10px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 10px solid transparent;
    }
    .signUp:hover:after{
        border-left: 10px solid #2b2b2b;
    }

}
@media  screen and (max-width:767px){
    a.positionText{ position: relative; float:left; width: 100%; }
    a.positionTextBlue{ background-color: #2990df}
    .phText{ position: absolute; left: 0; top:0px; width: 100%; height: 100%;}
}