﻿@charset "utf-8";
body{ font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; font-size:16px; font-weight:normal; color:#fff; background:#003258;}
*{ margin:0; padding:0; border:0;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none; color:#fff; outline:none; blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; color:#c9a063;}
img{ vertical-align:middle;}
a,img,button,input,textarea,div{ -webkit-tap-highlight-color:rgba(255,255,255,0);}
table{ border-collapse:collapse; border-spacing:0;}
section{ display:block;}
em,i{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
p{ word-wrap:break-word; word-break:break-all;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{ clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

/*包裹*/
.main{ width:100%; max-width:640px; height:auto; padding-top:60px; margin:0 auto;}
.h3_title{ height:auto; line-height:48px; padding:30px 0 20px; font-size:32px; color:#fff; text-align:center;}
.h3_title span{ font-size:20px; padding-left:180px;}
.h5_title{ height:auto; margin:30px auto; text-align:center;}
.h5_title img{ width:auto; max-width:100%; height:auto;}
.jieshao{ line-height:30px; padding:10px 0 30px; font-size:16px; color:#fff; text-align:justify;}
.jieshao p{ margin-top:15px;}

/*切换*/
.tab_switch_show{ width:100%; height:auto; text-align:center; padding-bottom:30px;}
.tab_switch_show li{ line-height:30px; padding:10px 0 6px; margin:0 20px; display:inline-block; border-bottom:2px solid #fff; font-size:20px; color:#fff; cursor:pointer; position:relative;}
.tab_switch_show li.cur{ color:#efa74a; border-color:#efa74a;}
.tab_switch_show li .ico{ width:12px; height:9px; background:url(../images/h5_arrow_down.png) center center no-repeat; position:absolute; left:50%; bottom:-11px; margin-left:-6px; display:none;}
.tab_switch_show li.cur .ico{ display:block;}
.showing{ width:100%; height:auto; margin:0 auto;}
.show_list_company{ width:650px; height:auto;}
.show_list_company .item{ width:120px; height:120px; margin:0 10px 10px 0; background:#fff8ef; cursor:pointer; float:left;}
.show_list_company .item.cur{
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay:0s;
	      animation-delay:0s;
  -webkit-animation-iteration-count:1;
          animation-iteration-count:1;
  -webkit-animation-timing-function:linear;
          animation-timing-function:linear;
		  opacity:1;
}
.show_list_company .item dt{ width:60px; height:60px; margin:15px auto 8px; background-position:center center; background-repeat:no-repeat;}
.show_list_company .item dt.ico_01{ background-image:url(../images/icons/icon_01.png);}
.show_list_company .item dt.ico_02{ background-image:url(../images/icons/icon_02.png);}
.show_list_company .item dt.ico_03{ background-image:url(../images/icons/icon_03.png);}
.show_list_company .item dt.ico_04{ background-image:url(../images/icons/icon_04.png);}
.show_list_company .item dt.ico_05{ background-image:url(../images/icons/icon_05.png);}
.show_list_company .item dt.ico_06{ background-image:url(../images/icons/icon_06.png);}
.show_list_company .item dt.ico_07{ background-image:url(../images/icons/icon_07.png);}
.show_list_company .item dt.ico_08{ background-image:url(../images/icons/icon_08.png);}
.show_list_company .item dt.ico_09{ background-image:url(../images/icons/icon_09.png);}
.show_list_company .item dt.ico_10{ background-image:url(../images/icons/icon_10.png);}
.show_list_company .item dt.ico_11{ background-image:url(../images/icons/icon_11.png);}
.show_list_company .item dt.ico_12{ background-image:url(../images/icons/icon_12.png);}
.show_list_company .item dt.ico_13{ background-image:url(../images/icons/icon_13.png);}
.show_list_company .item dt.ico_14{ background-image:url(../images/icons/icon_14.png);}
.show_list_company .item dt.ico_15{ background-image:url(../images/icons/icon_15.png);}
.show_list_company .item dd{ font-size:18px; line-height:24px; color:#ad660a; text-align:center; }
.show_list_people{}
.show_list_people .item{ width:100%; height:auto; margin-bottom:15px; cursor:pointer; position:relative;}
.show_list_people .item .pic{ width:100%; height:auto;}
.show_list_people .item .txt{ width:100%; height:30px; line-height:30px; font-size:24px; color:#000; text-align:center; position:absolute; left:0; top:50%; margin-top:-15px;}

/*动态*/
.dongtai{ height:auto;}
.dongtai .item{ width:100%; height:auto; margin:0 0 20px 0; position:relative;}
.dongtai .item .pic{ width:160px; height:90px; float:left;}
.dongtai .item .pic img{ width:100%; height:100%; border:none;}
.dongtai .item .title{ padding-left:175px; line-height:24px; font-size:18px; color:#fff;}
.dongtai .item .time{ padding-left:175px; line-height:16px; font-size:12px; color:#999; position:absolute; left:0; bottom:0; z-index:2;}
.dongtai .item .time a{ margin-right:10px; color:#999;}

/*活动方*/
.line{ height:1px; background:#fff; margin-top:80px;}
.partner{ width:100%; height:auto; margin:35px auto 20px;}
.partner p{ line-height:30px; font-size:24px; color:#efa74a; text-align:center;}
.partner p.mt30{ margin-top:20px; margin-bottom:15px;}
.partner p span{ padding-right:20px; font-size:14px;}
.partner p a{ margin:0 10px; font-size:16px; color:#fff;}
.partner p a:hover{ color:#fff;}
.partner p img{ height:36px; padding:5px; margin:10px 0; background:#fff;}
.partner p img.first{ background:none;}

/*版权*/
.copyright_wrap{ width:100%; height:auto; padding:30px 0;}
.copyright{ width:720px; height:auto; margin:0 auto;}
.copyright .left{ width:380px; height:auto; float:left;}
.copyright .left h3{ line-height:24px; padding:10px 0; font-size:16px; color:#fff;}
.copyright .left ul li{ line-height:24px; margin-top:5px; font-size:14px; color:#fff;}
.copyright .right{ width:300px; height:auto; float:right;}
.copyright .right h3{ line-height:24px; padding:10px 0; font-size:16px; color:#fff;}
.copyright .right ul{}
.copyright .right ul li{ line-height:24px; font-size:14px; color:#fff;}
.copyright .right ul li.first{ line-height:24px; font-size:16px;}
.copyright .right ul li.first img{ height:22px; vertical-align:top; margin-right:5px;}
.copyright .right ul li a{ color:#fff;}

@media screen and (max-width:414px){
.h3_title{ font-size:22px; line-height:1.5em; font-weight:bold; padding:25px 15px 5px;}
.h3_title span{ font-size:14px; padding:0; font-weight:normal;}
.h5_title{ width:auto; margin:10px 20px 20px;}
.jieshao{ font-size:16px; line-height:1.5em; padding:0 0 15px; margin:0 20px;}
.dongtai{ padding:10px;}
.dongtai .item{ width:100%; margin:0 0 15px 0;}
.dongtai .item .pic{ width:38vw; height:21vw;}
.dongtai .item .title{ padding-left:41vw; font-size:16px; line-height:1.4em;}
.dongtai .item .time{ padding-left:41vw;}
.tab_switch_show{ padding-bottom:25px;}
.tab_switch_show li{ margin:0 20px 0 15px; line-height:24px; font-size:18px;}
.showing{ width:100%;}
.showing .swiper-slide{ width:100%; height:auto;}
.show_list_company{ width:100%;}
.show_list_company .item{ width:29.3vw; height:29.3vw; margin:0 0 3vw 3vw;}
.show_list_company .item dt{ width:12vw; height:12vw; background-size:100% 100%;}
.show_list_company .item dd{ font-size:16px;}
.show_list_people{ margin:0 15px;}
.line{ margin:15px 10px 25px;}
.partner{ width:auto; padding:0 0 10px; margin:10px;}
.partner p{ line-height:1.75em; text-align:center; font-size:18px; font-weight:bold;}
.partner p.mt30{ margin-top:15px;}
.partner p span{ width:50%; padding:0; display:inline-block;}
.partner p a{ display:block; margin:0; font-weight:normal;}
.partner p img{ height:30px; margin:10px 0;}
.copyright_wrap{ padding:10px 0 50px;}
.copyright{ width:auto; margin:0 15px;}
.copyright .left{ width:100%; margin-bottom:15px;}
.copyright .left h3{ padding:5px 0;}
.copyright .left ul li{ font-size:14px; line-height:1.5em;}
.copyright .right{ width:100%;}
.copyright .right h3{ width:100%; float:none;}
.copyright .right ul{ padding:0;}
.copyright .right ul li.first{ font-size:14px; line-height:1.5em;}
.copyright .right ul li a{ color:#fff;}
}

@media screen and (max-width:375px){
.h3_title{ padding:20px 5px 0; font-size:20px;}
.jieshao p{ margin-top:10px;}
.dongtai .item .title{ font-size:15px; line-height:1.3em;}
}

@media screen and (max-width:320px){
.dongtai .item{ margin:0 0 10px 0;}
.dongtai .item .title{ font-size:14px; line-height:1.25em;}
}