@charset "utf-8";
/* CSS Document */ 

@font-face{font-family:'iconfont';src:url('../fonts/font_1432720974_1547027.eot');src:url('../fonts/font_1432720974_1547027.eot') format('embedded-opentype'),url('../fonts/font_1432720974_1547027.woff') format('woff'),url('../fonts/font_1432720974_1547027.ttf') format('truetype'),url('../fonts/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(../fonts/q_z9mv4hysltmomjnk_rcfeszw2xoq-xsnqo47m55da.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
body{font-family:"微软雅黑"}
.glyphicon{top:0 !important}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}
.no-background{background:none !important}
.no-border{border:none !important}
.overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w100{width:100% !important}
.h100{height:100% !important}
a{text-decoration:none !important;cursor:pointer !important}
.container-fluid{max-width:1230px !important}
.tr{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}
.tr2{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s}
.tr3{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}
.sizeCover{ background-position: 50% 50%; background-size: cover; }

.main-1{ padding: 0 5px; }
.main-1-list{ padding: 0 10px; }
.main-pad-1{ padding:50px 0;}
.main-Background-1{ background:url(../images/bg_03.png) repeat;}

header{ position: relative; z-index: 21474836; }
header .top_bar{ border-bottom: solid 1px #e8e8e8; }
header .top_bar .biaoyu{ font-size: 12px;color: #777; line-height: 30px; }
header .top_bar .dh{ padding-top: 9px; }
header .top_bar .dh ul li a{ display: block; padding: 0 10px; height: 12px; font-size: 12px; color: #777; line-height: 12px; border-right: solid 1px #777; }
header .top_bar .dh ul li:first-child a{ padding-left: 0; }
header .top_bar .dh ul li:last-child a{ padding-right: 0; border-right: none; }
header .qita .logo{ font-size: 0; line-height: 100px; }
header .qita .biaoyu{ margin-top: 30px; padding-left:15px; margin-left:15px; border-left: solid 1px #d0d0d0; }
header .qita .biaoyu .biaoti{ margin-bottom: 5px; font-size: 17px;color: #e94d1e; line-height: 20px; }
header .qita .biaoyu .biaoti span{ color: #f6b900; }
header .qita .biaoyu p{ font-size: 13px;color: #555; line-height:16px; }
header .qita .tel{ margin-top: 25px; padding-left: 45px; background: url(../images/tel.png) no-repeat left;}
header .qita .tel .biaoti{ font-size: 15px;color: #333; line-height:20px; }
header .qita .tel .shuzi{ font-family:'Impact'; font-size: 26px;color: #ea4c1e; line-height: 30px; }
header .menu{ background: #404144; }
header .menu ul{ position: relative; }
header .menu ul:before{ content: ""; position: absolute; left:-1px; top: 50%; z-index: 1; margin-top: -9px; width: 2px; height: 18px; background: #707173; border-right: solid 1px #202022; }
header .menu ul li{ position: relative; width: 12.5%; }
header .menu ul li:after{ content: ""; position: absolute; right:-1px; top: 50%; z-index: 1; margin-top: -9px; width: 2px; height: 18px; background: #707173; border-right: solid 1px #202022; }
header .menu ul li > a{ position: relative; display: block; font-size: 15px;color: #fff; line-height: 50px; overflow: hidden; }
header .menu ul li > a:before{ content: ""; position: absolute; left: 0; top: -100%; z-index:2; width: 100%; height: 100%; background: #e94d1e; transition: all 0.3s; }
header .menu ul li > a span{ display: block; position: relative; z-index: 2; }
header .menu ul li .ul{ display: none; position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; }
header .menu ul li .ul .li{ position: relative; background: rgba(233,77,30,0.9); overflow: hidden; }
header .menu ul li .ul .li:before{ content: ""; position: absolute; left: 0; top: -100%; z-index:2; width: 100%; height: 100%; background: #404144; transition: all 0.3s; }
header .menu ul li .ul .li a{ position: relative; z-index: 2; display: block; color: #fff; line-height:40px; }
header .menu ul li.active > a:before{ top: 0; }
header .menu ul li .ul .li.active:before{ top: 0; }

.banner{ position:relative; overflow:hidden;}
.banner .swiper-pagination{ bottom: 20px; width: 100%; font-size: 0; }
.banner .swiper-pagination span{ margin:0 8px; width: 15px; height: 15px; background: #fff; opacity: 0.8; }
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #e94d1e; opacity: 1; }

.title-1{ margin-bottom: 20px; font-size: 0; }
.title-1 a{ display: inline-block; vertical-align: top; }
.title-1 a .jiangexian{ margin:0 auto; width: 45px; height: 1px; background: #f6b900; }
.title-1 a .en{ margin:10px 0 5px; font-family: arial; font-size: 20px;color: #777; line-height: 24px; }
.title-1 a .cn{ font-size: 24px; color: #e94d1e; font-weight: bold; line-height: 30px; }
.title-1.active a .jiangexian{ background: #e94d1e; }
.title-1.active a .cn{ color: #f6b900; }
.title-2{ margin-bottom: 20px; font-size: 0; }
.title-2 ul li{ display: inline-block; vertical-align: top; margin:0 10px 10px; }
.title-2 ul li a{ display: block; padding: 0 10px; min-width: 180px; font-size: 14px;color: #333; line-height: 36px; border:solid 1px #e5e5e5; }
.title-2 ul li.active a{ color: #fff; background: #f6b900; border:solid 1px #f6b900; }
.title-3{ padding-top: 2px; margin-bottom: 20px; border-bottom: solid 1px #d0d0d0; }
.title-3 .biaoti{ font-size:16px; color: #555555; font-weight: bold; line-height: 46px; }
.title-3 .right{ font-size:13px; color: #777777; line-height: 46px; }
.title-3 .right a{ color: #777777; }
.title-3 .right span{ color: #e94d1e; }
.title-4{ margin-bottom: 20px; padding-bottom: 10px; border-bottom: solid 1px #eee; }
.title-4 .biaoti{ font-size: 18px;color: #333; line-height: 24px; }
.title-4 .time{ font-size: 12px;color: #999; line-height: 24px; }

.more-1{ margin-top: 30px; }
.more-1 a{ display: block; margin:0 auto; width: 190px; height: 42px; font-size: 0; line-height: 40px; border:solid 1px #d9d9d9; border-radius: 21px; }
.more-1 a span,.more-1 a b{ display: inline-block; vertical-align: top; }
.more-1 a span{ font-size: 14px; color: #333; }
.more-1 a b{ margin-left:5px; font-family: '宋体'; font-size: 14px; color: #8b8b8b;}

.text-1 .biaoti{ font-size: 18px;color: #fff; font-weight: bold; line-height: 20px; }
.text-1 .jiangexian{ margin:15px 0 10px; width: 25px; height: 2px; background: rgba(255,255,255,0.5); }
.text-1 .jieshao{ margin-bottom:10px; height: 192px; color: #fff; line-height: 24px; overflow: hidden; }
.text-1 .more a{ display: block; width: 115px; color: #fff; line-height: 35px; background: #e94d1e; }
.text-2 .imgbox{ width: 180px; font-size: 0; background: #fff; }
.text-2 .imgbox img{ width: 100%; }
.text-2 .textbox{padding-top: 5px; width: calc(100% - 180px); color: #fff; padding-left: 20px;}
.text-3 .biaoti{ margin-bottom: 10px; font-size: 16px;color: #fff; line-height: 24px; }
.text-3 form .mc{ margin-bottom: 3px; color: #fff; line-height: 20px; }
.text-3 form input{ margin-bottom:5px; padding: 0 10px; width: 100%; height: 37px; color: #fff; line-height: 35px; background: none; border:dotted 1px rgba(255,255,255,0.5); border-radius: 10px; }
.text-3 form textarea{ margin-bottom: 10px; padding: 0 10px; width: 100%;max-width: 100%;min-width: 100%; height: 110px;min-height: 110px; color: #fff; line-height: 35px; background: none; border:dotted 1px rgba(255,255,255,0.5); border-radius: 10px; }
.text-3 form button{ width: 100%; height: 37px; color: #fff; line-height: 35px; background: #e94d1e; border:dotted 1px rgba(255,255,255,0.5); border-radius: 10px; }
.text-4{ margin-bottom: 20px; color: #333; line-height: 24px; }

.pictrue-1{ position: relative; }
.pictrue-1-list a{ display: block; }
.pictrue-1-list a .imgbox{ position: relative; overflow: hidden; }
.pictrue-1-list a .imgbox:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.75); transition: all 0.3s; transform: scale(0,0); }
.pictrue-1-list a .imgbox:before{ content: ""; position: absolute; left: 5px; top: 5px; z-index: 2; width: calc(100% - 10px); height: calc(100% - 10px); background: url(../images/fdj.png) no-repeat center; border:solid 1px rgba(255,255,255,0.2);transition: all 0.3s; transform: scale(0,0); }
.pictrue-1-list a .imgbox span{ display: block; }
.pictrue-1-list a .textbox{ margin-top: 1px; font-size: 0; background: #e7e6e6; }
.pictrue-1-list a .textbox span{ position: relative; display:inline-block; vertical-align: top; margin:0 auto; font-size: 15px;color: #333; line-height: 45px;}
.pictrue-1-list a .textbox span:before{ content:""; position: absolute; right:30px; top: 50%; z-index: 1; margin-top: -8px; width: 16px; height: 16px; background: url(../images/p1_jt.png) no-repeat center; transition: all 0.5s; opacity: 0; }
.pictrue-1-list.active{ margin-bottom: 20px; }
.pictrue-1 .swiper-button{ margin-top: -42px; width:45px; height: 84px; background: rgba(0,0,0,0.35); }
.pictrue-1 .swiper-button img{ display: block; position: relative; top: 50%; margin:0 auto; margin-top: -10px !important; height: 20px !important; }
.pictrue-1 .swiper-button.swiper-button-prev{ left: -85px; }
.pictrue-1 .swiper-button.swiper-button-next{ right: -85px; }
.pictrue-2 .imgbox{ overflow: hidden; }
.pictrue-2 .imgbox span{ display:block; height:284px; }
.pictrue-3-list a{ display: block; }
.pictrue-3-list a .imgbox{ overflow: hidden; }
.pictrue-3-list a .imgbox span{ display: block; }
.pictrue-3-list a .textbox{ position: relative; padding: 10px; overflow: hidden; }
.pictrue-3-list a .textbox .bg{ position: absolute; left: -100%; top: -100%; z-index: 1; width: 100%; height: 100%; background: #e94d1e; }
.pictrue-3-list a .textbox .bg.trans { -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; backface-visibility: hidden; }
.pictrue-3-list a .textbox .box{ position: relative; z-index: 2; }
.pictrue-3-list a .textbox .box .biaoti{ font-size: 15px; color: #333; line-height: 24px; }
.pictrue-3-list a .textbox .box .jieshao{ height: 72px; font-size: 12px; color: #777; line-height: 24px; overflow: hidden; }
.pictrue-4{ position: relative; }
.pictrue-4-list a{ display: block; }
.pictrue-4-list a .imgbox{ position: relative; margin-bottom:10px; padding: 5px; height: 110px; font-size: 0; line-height: 100px; border:solid 1px #e2e2e2;}
.pictrue-4-list a .imgbox:before{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; border:solid 5px #f0f0f0; transition: all 0.3s; opacity: 0; }
.pictrue-4-list a .imgbox img{ max-height: 100%; }
.pictrue-4-list a .textbox{ padding:0 10px; font-size: 16px;color: #333; line-height: 24px; } 
.pictrue-4 .swiper-button{ margin-top: -59px; width:45px; height: 84px; background: rgba(0,0,0,0.35); }
.pictrue-4 .swiper-button img{ display: block; position: relative; top: 50%; margin:0 auto; margin-top: -10px; height: 20px; }
.pictrue-4 .swiper-button.swiper-button-prev{ left: -85px; }
.pictrue-4 .swiper-button.swiper-button-next{ right: -85px; }
.pictrue-5{ margin-bottom: 20px; height: 250px; font-size: 0; border-radius: 10px; }
.pictrue-6{ position: relative; }
.pictrue-6 .swiper-slide{width:47%;}
.pictrue-6-list a{ display: block; margin:1px; border:solid 1px #c8c8c8; }
.pictrue-6-list a .box{ border:solid 2px #fff; }
.pictrue-6-list a .box .textbox{ padding:60px 40px;background: rgba(0,0,0,0.7) }
.pictrue-6-list a .box .textbox .nr{ opacity: 0; }
.pictrue-6-list a .box .textbox .biaoti{ margin-bottom: 10px; }
.pictrue-6-list a .box .textbox .biaoti .cn{ font-size: 22px; color: #fff; line-height: 26px; }
.pictrue-6-list a .box .textbox .biaoti .en{ margin:5px 0; font-size: 13px; color: rgba(255,255,255,0.5); line-height: 24px; }
.pictrue-6-list a .box .textbox .biaoti .jiangexian{ margin:0 auto; width: 15px; height: 1px; background: #e94d1e; }
.pictrue-6-list a .box .textbox .jieshao{ margin-bottom: 20px; height: 104px; color: #fff; line-height: 26px; overflow: hidden; }
.pictrue-6-list a .box .textbox .more{ margin:0 auto; width: 80px; height: 28px; color: #fff; line-height:26px; border:solid 1px rgba(255,255,255,0.25); }
.pictrue-6 .swiper-slide-active .pictrue-6-list a{ border:solid 1px #e94d1e; }
.pictrue-6 .swiper-slide-active .pictrue-6-list a .box{ padding: 20px;border:solid 2px #e94d1e; }
.pictrue-6 .swiper-slide-active .pictrue-6-list a .box .textbox .nr{ opacity: 1; }
.pictrue-6 .swiper-slide-active .pictrue-6-list a .box .textbox{ padding:40px;}
.pictrue-6 .swiper-button{ margin-top: -33px; width:40px; height: 65px;}
.pictrue-6 .swiper-button.swiper-button-prev{ left:20%; background: url(../images/p6_jt_l.png) no-repeat; }
.pictrue-6 .swiper-button.swiper-button-next{ right:20%; background: url(../images/p6_jt_r.png) no-repeat; }
.pictrue-7{ margin-bottom: 20px; font-size: 0; }
.pictrue-7 img{ padding: 1px; border:solid 1px #c6c6c6; }
.pictrue-8 ul li{ padding:30px 0; border-bottom: solid 1px #d9d9d9; }
.pictrue-8 ul li:first-child{ padding-top: 0; }
.pictrue-8 ul li:last-child{ padding-bottom: 0; border-bottom: none; }
.pictrue-8 ul li a{ display: block; }
.pictrue-8 ul li a .imgbox{ width: 265px; overflow: hidden; }
.pictrue-8 ul li a .imgbox span{ display: block; height: 175px; background-position: 50% 50%; background-size: cover; }
.pictrue-8 ul li a .textbox{ padding-left: 25px; width: calc(100% - 265px); }
.pictrue-8 ul li a .textbox .biaoti{ font-size: 16px;color: #4b4a4a; line-height: 24px; }
.pictrue-8 ul li a .textbox .time{ font-size: 12px; color: #999; line-height: 20px; }
.pictrue-8 ul li a .textbox .jieshao{ margin-bottom: 5px; height: 96px; color: #4f4f4f; line-height: 24px; overflow: hidden; }
.pictrue-8 ul li a .textbox .more span{ display: block; width: 90px; font-size: 13px;color: #fff; line-height: 28px; background: #999999; }


.subnav .biaoti{ background: #232428; }
.subnav .biaoti .box{ padding:14px 20px; }
.subnav .biaoti .box .icon{ width: 18px; height: 18px; background: url(../images/subnav_biaoti_icon.png) no-repeat; }
.subnav .biaoti .box .cn{ margin:0 10px; font-size: 18px; color: #fff; line-height:18px; }
.subnav .biaoti .box .en{ padding-top: 5px; font-size: 12px; color: rgba(255,255,255,0.7); line-height: 12px; }
.subnav ul{ margin:0 0 20px; }
.subnav ul li{ margin-bottom: -1px; }
.subnav ul li:first-child a{ border-top: none; }
.subnav ul li a{ position: relative; display: block; padding-right: 10px; padding-left: 10%; color: #333; line-height: 44px; border:solid 1px #d9d9d9; }
.subnav ul li a:before{ content: ""; position: absolute; left: 2%; top: 50%; z-index: 1; margin-top: -6px; width: 0; height: 0; border-top: solid 6px transparent;border-bottom: solid 6px transparent;border-left: solid 8px #d0d0d0; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;}
.subnav ul .ul{ display: none; }
.subnav ul .ul .li a{ position: relative; display: block; padding-right: 10px; padding-left: 35%; font-size: 12px;color: #6a6a6a; line-height: 40px; }
.subnav ul .ul .li a:before{ content: ">"; position: absolute; left: 25%; top: 50%; z-index: 1; margin-top: -5px; width: 10px; height: 10px; font-family: '宋体'; font-size: 10px; color: #6a6a6a; line-height: 10px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
.subnav ul li.active a{ color: #e94d1e; font-weight: bold; }
.subnav ul li.active a:before{ border-left: solid 8px #e94d1e; transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg); }
.subnav ul li.active.on a:before{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); }
.subnav ul .ul .li.active a{ color: #fff; background: #e94d1e }
.subnav ul .ul .li.active a:before{ color: #fff; }
.subnav .textbox{ padding: 15px; font-size: 13px;color: #333; line-height: 26px; border:solid 1px #d9d9d9; border-top: none; }

footer{ padding: 15px 0; color: #fff; line-height: 24px; background: #32353d; }
footer a{ color: #fff; }

@media (min-width:992px){
	header .menu ul li:hover > a:before{ top: 0; }
	header .menu ul li .ul .li:hover:before{ top: 0; }
	.more-1 a:hover{ background: #e94d1e; border:solid 1px #e94d1e; }
	.more-1 a:hover span{ color: #fff; }
	.more-1 a:hover b{ color: #fff; }
	.title-3 .right a:hover{ color: #e94d1e; }
	.text-1 .more a:hover{background: #f6b900;}
	.text-3 form input:hover{ border:dotted 1px #fff; }
	.text-3 form textarea:hover{ border:dotted 1px #fff; }	
	.text-3 form button:hover{ background: #f6b900; }
	.pictrue-1-list a:hover .imgbox:after{ transform: scale(1,1); }
	.pictrue-1-list a:hover .imgbox:before{ transform: scale(1,1); }
	.pictrue-1-list a:hover .imgbox span{ transform: scale(1.1,1.1); }
	.pictrue-1-list a:hover .textbox{ background: #e94d1e; }
	.pictrue-1-list a:hover .textbox span{ padding-right:30%; color: #fff; }
	.pictrue-1-list a:hover .textbox span:before{ right: 0; opacity: 1; }
	.pictrue-1 .swiper-button:hover{ background: #f6b900 }
	.pictrue-3-list a:hover .imgbox span{ transform: scale(1.1,1.1); }
	.pictrue-3-list a:hover .textbox .box .biaoti{ color: #fff; }
	.pictrue-3-list a:hover .textbox .box .jieshao{ color: #fff; }
	.pictrue-4-list a:hover .imgbox:before{ opacity: 1; }
	.pictrue-4-list a:hover .textbox{ color: #f6b900; }
	.pictrue-4 .swiper-button:hover{ background: #f6b900 }
	.pictrue-6-list a:hover .box .textbox .more{ background: #f6b900; border:solid 1px #f6b900; }
	.pictrue-8 ul li a:hover .imgbox span{ transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1); }
	.pictrue-8 ul li a:hover .textbox .biaoti{ color: #e94d1e; }
	.pictrue-8 ul li a:hover .textbox .more span{ background: #e94d1e; }	
	.subnav ul li:hover a{ color: #e94d1e; font-weight: bold; }
	.subnav ul li:hover a:before{ border-left: solid 8px #e94d1e; transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg); }
	.subnav ul .ul .li:hover a{ color: #fff; background: #e94d1e }
	.subnav ul .ul .li:hover a:before{ color: #fff; }
	footer a:hover{ color: #f6b900; }
}

@media (max-width:1379px){
	.pictrue-1 .swiper-button{ display: none; }
	.pictrue-4 .swiper-button{ display: none; }
}


@media (max-width:1199px){
	header .qita .logo img{ width: 450px; }
	header .qita .biaoyu .biaoti{ font-size: 16px; }
}

@media (max-width:991px){
	.main-pad-1{ padding: 20px 0; }
	.menu-box{ display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index:2147483645; padding-top: 80px; background: #fff;}
	.menu-box .menu{ position: relative; margin:0 auto; max-width: 160px; max-height: calc(100% - 80px); overflow-y:auto; }
	.menu-box .menu ul li{ margin-bottom: 20px; font-size: 0; line-height: 20px; }
	.menu-box .menu ul li span{ position: relative; display: inline-block; vertical-align: top; }
	.menu-box .menu ul li span a{ font-size: 14px; color: #333; }
	.menu-box .menu ul li span b{ position:absolute; left: -40px; top: 0; z-index: 1; width:20px; font-family: '宋体'; font-size: 14px; color: #333; cursor: pointer; }
	.menu-box .menu .ul{ display: none; }
	.menu-box .menu .ul .li{ margin-bottom: 20px; line-height: 20px; }
	.menu-box .menu .ul .li a{ color: #333; }
	.menu-btn{ position: absolute; top:20px; right: 15px; z-index:2147483647; width: 40px; height: 40px; }
	.menu-btn:before{ content: "×"; position: absolute; left: 0; top: 0; z-index: 2; width:100%; height: 100%; color: #fff; line-height: 40px; text-align: center; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }
	.menu-btn b{ display: block; position: absolute; width:18px; height:18px; background: #e94d1e; border-radius: 5px; }
	.menu-btn b:nth-child(1){ left: 1px; top: 1px; }
	.menu-btn b:nth-child(2){ left: 21px; top: 1px; }
	.menu-btn b:nth-child(3){ left: 1px; top: 21px; }
	.menu-btn b:nth-child(4){ left: 21px; top: 21px; }
	.menu-btn.active:before{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1; opacity: 1;}
	.menu-btn.active b{ margin:-9px 0 0 -9px;}
	.menu-btn.active b:nth-child(1){ left: 50%; top: 50%; }
	.menu-btn.active b:nth-child(2){ left: 50%; top: 50%; }
	.menu-btn.active b:nth-child(3){ left: 50%; top: 50%; }
	.menu-btn.active b:nth-child(4){ left: 50%; top: 50%; }
	header .qita .logo{ line-height:80px; }
	header .qita .logo img{ width: 400px; }
	.banner .swiper-pagination{ bottom: 10px; }
	.banner .swiper-pagination span{ margin:0 5px; width:12px; height:12px; }
	.title-1 a .en{ font-size: 16px; }
	.title-1 a .cn{ font-size: 18px; line-height: 20px; }
	.title-2{ margin-bottom: 10px; }
	.title-2 ul li{ margin:0 5px 10px; }
	.title-2 ul li a{ min-width: 120px; font-size: 12px; }
	.text-1 .jieshao{ margin-bottom: 20px; height: auto; font-size: 12px; }
	.text-2{ margin-bottom: 20px; }
	.more-1{ margin-top: 20px; }
	.more-1 a{ width: 120px; height: 34px; line-height: 32px; }
	.pictrue-2 .imgbox{ margin-bottom: 20px; }
	.pictrue-2 .imgbox span{ height: auto; background: none !important; }
	.pictrue-3-list a .textbox .box .jieshao{ height: 48px; }
	.pictrue-5{ margin-bottom: 20px; height: auto; background: none !important;  }
	.pictrue-6 .swiper-slide-active .pictrue-6-list a .box .textbox{ padding: 40px 20px; }
	.pictrue-6-list a .box .textbox .biaoti .cn{ font-size: 18px; line-height: 24px; }
	.pictrue-6-list a .box .textbox .jieshao{ font-size: 12px; }
	.pictrue-8 ul li{ padding:20px 0 }
	.subnav{ margin-bottom: 20px; }
	.subnav .biaoti{ position: relative; }
	.subnav .biaoti:before{ content: ""; position: absolute; right: 15px; top: 50%; z-index: 1; margin-top: -10px; width: 20px; height: 20px; background: url(../images/subnav_jt.png) no-repeat center;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s; }	
	.subnav .biaoti.active:before{ transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg); }
	.subnav ul li a{ line-height: 40px; }
}

@media (max-width:767px){
	
	body{ padding-bottom:50px;}	
	.hot{height:60px; background:#2e4c6a; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
	.hot span{ color:#fff; font-size:16px; line-height:20px;}
	.hot h6{ font-size:12px; line-height:20px;}
	.hot .row div a{ display:block; color:#fff; padding:7px 0;}
	.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
	.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
	.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
	.dbbox .dbs.ewm-box{ text-align:center; }
	.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
	.dbbox .dbs.ewm-box img{ max-width: 140px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
	.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
	.menu-btn{  top: 14px; width: 32px; height: 32px; }
	.menu-btn:before{ line-height: 32px; }
	.menu-btn b{ width: 14px; height: 14px; }
	.menu-btn b:nth-child(2){ left: 16px;}
	.menu-btn b:nth-child(3){ top: 16px; }
	.menu-btn b:nth-child(4){ left: 16px; top: 16px; }
	.menu-btn.active b{ margin:-10px 0 0 -10px; width:20px; height: 20px; }	
	header .qita .logo{ line-height: 60px; }
	header .qita .logo img{ width: 320px; }
	.banner .swiper-pagination span{ width: 10px; height: 10px; }
	.title-2 ul li a{ line-height: 34px; }
	.title-4 .biaoti{ font-size: 16px; }
	.text-2 .imgbox{ padding: 5px; width: 120px; }
	.text-2 .textbox{ padding-top: 0; width: calc(100% - 120px); font-size: 12px; line-height: 24px; }
	.text-4{ font-size: 12px; }
	.more-1 a span{ font-size: 12px; }
	.pictrue-1-list a .textbox span{ font-size: 12px; line-height: 34px; }
	.pictrue-3-list a .textbox{ padding-bottom: 0; padding-left: 0 ; padding-right: 0; }
	.pictrue-3-list a .textbox .box .biaoti{ font-size: 14px; }
	.pictrue-4-list a .imgbox{ height: 90px; line-height: 78px; }
	.pictrue-4-list a .textbox{ font-size: 14px; }
	.pictrue-6 .swiper-slide{ width: 70%; }
	.pictrue-6 .swiper-button.swiper-button-prev{ left: 0; }
	.pictrue-6 .swiper-button.swiper-button-next{ right: 0; }
	.pictrue-6-list a .box .textbox{ padding:30px 15px; }
	.pictrue-6-list a .box .textbox .biaoti .en{ font-size: 12px; line-height: 20px; }
	.pictrue-6 .swiper-slide-active .pictrue-6-list a .box{ padding: 10px; }
	.pictrue-6 .swiper-slide-active .pictrue-6-list a .box .textbox{ padding:15px; }
	.pictrue-8 ul li a .imgbox{ width:180px; }
	.pictrue-8 ul li a .imgbox span{ height: 140px; }
	.pictrue-8 ul li a .textbox{ padding-left: 15px; width: calc(100% - 180px); }
	.pictrue-8 ul li a .textbox .jieshao{ margin-bottom: 10px; height:48px; font-size: 12px; }
	
	footer{ font-size: 12px; }
}

@media (max-width:479px){
	header .qita .logo img{ width:230px; }
	.title-1 a .en{ margin:5px 0 0; font-size: 12px; line-height: 18px; }
	.title-2 ul li a{ min-width:auto; }
	.text-1 .biaoti{ font-size: 16px; }
	.pictrue-4-list a .imgbox{ margin-bottom: 5px; height: 80px; line-height: 68px; }
	.pictrue-6 .swiper-slide{ width: 100%; }
	.pictrue-8 ul li a .imgbox{ width:120px; }
	.pictrue-8 ul li a .imgbox span{ height: 100px; }
	.pictrue-8 ul li a .textbox{width: calc(100% - 120px); }
	.pictrue-8 ul li a .textbox .more{ display: none; }	
}