/* Write your styles */
html,body{ background: #f6f7f9; font-family: "微软雅黑" !important; -webkit-font-smoothing：antialiased; }
.hw{ max-width: 1200px !important; /*background: #ff0;*/ margin: 0 auto; }
.h-title{ padding:40px 0; }
.h-title h1{ line-height:100%; padding:0; margin:0; font-size: 30px; font-weight: normal; }

.am-gallery{ padding:0 5px; }
.am-gallery-default > li{ padding:0 5px; }

.h-header-bg{ width: 100%; background: #fff; position: relative; z-index: 10; }
.h-header-bg .am-topbar-brand{ padding:0; }
.h-header-bg h1{ width:128px; height: 28px; margin:0; margin-top: 11px; }
.h-header-bg h1 img{ width:128px; height: 28px; padding:0; margin:0; display: block; }
.h-nav ul{ margin-left:80px;}
.am-menu-offcanvas1 .am-menu-nav > li > a{ color: #fff; }

.banner{ width:100%; height:660px; position: relative; z-index: 1; }
.banner img{transition: all 3s;}
.banner:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.banner-img{ width:1920px; height:660px; margin-left: -960px; position: absolute; left: 50%; top: 0; z-index: 1; }
.banner-mobile-img{ width:100%; position: relative; z-index: 1; }
.banner-text{ width:480px; height: 333px; line-height: 30px; color:#fff; padding:0 0 0 20px; position: absolute; left: 0; top: 170px; z-index: 2; }
.banner-text h5{ line-height: 100%; font-size: 50px; font-weight: normal; }
.banner-text p{ line-height: 36px; font-size: 20px; margin: 50px  0 20px 0; }
.banner-text a{ line-height: 40px; color: #fff; padding:0 25px; margin-right: 20px; font-size: 14px; border: 1px solid #fff; display: inline-block; }
.banner-text a:last-child{ margin-right:0; }
.banner-text a.last-child{ margin-right:0; }
.banner-text a:hover{ text-decoration: none; border: 1px solid #5ecce3; color: #5ecce3; }
.banner-btn{ width:100%; text-align: center; position: absolute; left: 0; bottom: 78px; z-index: 2; }
.banner-btn a{ min-width: 150px; line-height: 50px; color: #fff; padding:0 30px; margin-right: 70px; font-size: 14px; border: 1px solid #fff; display: inline-block; }
.banner-btn a:last-child{ margin-right:0; }
.banner-btn a:hover{ text-decoration: none; border: 1px solid #5ecce3; color: #5ecce3; }
.banner-text a.btn-video{ margin-bottom: 10px; }
.banner-text a.btn-video i{ float: left; width:38px; height: 40px; background: url(../i/icon_sjx_bai_hover.png) no-repeat center center; margin-left: -24px; margin-right:20px; border-right:1px solid #fff; display: block;}
.banner-text a.btn-video:hover i{ background: url(../i/icon_sjx.png) no-repeat center center; border-right:1px solid #0098c2;}
.stars-box{ width:1920px; height:100px; position: absolute; left: 0; top: 0; z-index: 2; }

.stars-box span {
  display: inline-block;
  width: auto;
  position: absolute;
}
.banner-img-mask{ width:100%; height: 100%; background: #000;transition: all 3s;-moz-opacity:0;-khtml-opacity: 0;opacity: 0;filter:alpha(opacity=0); position: absolute; left: 0; top: 0; z-index: 3; }
.banner:hover .banner-img-mask{-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;filter:alpha(opacity=50);}


.h-list-bg{ width:100%; background: #fff; padding-bottom: 30px; position: relative; z-index: 10; }
/* .h-list>li>.am-gallery-item{ height: 385px; background: #fff; color: #8e8e8e; border: 1px solid #ddd; padding:0; margin:0 10px 20px 10px; overflow: hidden; } */
.h-list>li>.am-gallery-item{ height: 460px; background: #fff; color: #8e8e8e; border: 1px solid #ddd; padding:0; margin:0 10px 20px 10px; overflow: hidden;transition-duration:0.3s; }
.h-list>li>.am-gallery-item:hover{transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);transition-duration:0.3s;}
.h-list>li>.am-g-a{ height: auto; }
.h-list-img{ overflow: hidden; }
.h-list>li>.am-gallery-item img{transition: all 1s;}
.h-list>li>.am-gallery-item img:hover{transform: scale(1.1);}
.h-list>li>.am-gallery-item .h-list-img-box:hover img{transform: scale(1.1);}
.h-list-img-box{ position: relative; }
.h-list-img-box h4{ height: 32px; line-height: 32px; background:rgba(0,2,47,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000,endColorstr=#c8000000); font-size: 18px; font-weight: normal; color: #fff; padding:0 16px; display: inline-block; position:absolute; left: 16px; top: 16px; z-index: 2; }
.h-list .h-list-c li.hide{ display: none; }
.h-list .h-list-c li a{ text-decoration: none; color: #8e8e8e; }
.h-list .h-list-c li a:hover{ text-decoration: underline; color: #555; }
.am-btn{transition: all 0.4s;}
.am-btn:hover{transform:translate(10px,0); -webkit-transform:translate(10px,0); -moz-transform:translate(10px,0); -o-transform:translate(10px,0); -ms-transform:translate(10px,0);}
.am-sq-btn:hover{transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);}
.h-list-o{ padding-bottom: 30px; }
.h-list-o>li>.am-gallery-item{ height: 380px;}
.h-list-c{ background: #fff; padding:5px 10px; position: relative; z-index: 2; }
.h-list-c h3{ color: #0c0c0c; font-size: 24px; font-weight: normal; padding:0 12px; margin: 15px 0; }
.h-list-c h4{ color: #0c0c0c; font-size: 22px; font-weight: normal; padding:0 28px; margin: 15px 0 0 0; }
.h-list-c ul{ color: #8e8e8e; font-size: 14px; margin:0;}
.h-list-c li{ list-style-type:square; margin-left: 30px; }
.h-list-c li>div{ width: 100%; text-align: left; overflow: hidden; vertical-align: top; display: inline-block; }
.h-list-o .h-list-c li{ list-style-type: disc; }
.h-list-o .h-list-c li a{ text-decoration: underline; color: #8e8e8e; margin-top:10px; display: block; }
.h-list-o .h-list-c li a:hover{ text-decoration: underline; }
.h-list-c p{ padding:0 12px; font-size: 14px; }
.h-list-c .am-btn{ line-height: 22px; padding: 0; margin: 0 0 0 10px; font-size: 14px; color: #69d0e5; }
.h-list-c .am-btn i{ width:22px; height: 22px; vertical-align: top; margin-right: 6px; display: inline-block; }
.h-list-c .am-btn i.icon-video{ background: url(../i/icon_video.jpg) no-repeat; background-size: 22px 22px; }
.h-list-c .am-btn i.icon-more{ background: url(../i/icon_more.jpg) no-repeat; background-size: 22px 22px; }
.h-list-c .am-btn i.icon-up{ background: url(../i/icon_up.jpg) no-repeat; background-size: 22px 22px; }
.sb{ font-size: 10px; vertical-align: top; display: inline-block; }
.h-list-v .am-gallery-item.am-g-a{ height: auto; }
.h-list-v .h-list-c{ padding:0 0 20px 0; }
.h-list-v .h-list-c h3{ height: 86px; line-height: 86px; background: #38424e; color: #fff; font-size: 26px; padding:0; margin:0; }
.h-list-v .h-list-c h3 i{ width:54px; height: 50px; margin:18px; vertical-align: top; display: inline-block; }
.h-list-v .h-list-c h3 i.icon-fa-1{ background: url(../i/icon_fa_01.jpg) no-repeat center center; }
.h-list-v .h-list-c h3 i.icon-fa-2{ background: url(../i/icon_fa_02.jpg) no-repeat center center; }
.h-list-v .h-list-c h3 i.icon-fa-3{ background: url(../i/icon_fa_03.jpg) no-repeat center center; }
.h-list-v .h-list-c h3 i.icon-fa-4{ background: url(../i/icon_fa_04.jpg) no-repeat center center; }
.h-list-v .h-list-c h3 i.icon-fa-5{ background: url(../i/icon_fa_05.jpg) no-repeat center center; }
.h-list-v .h-list-c h3 i.icon-fa-6{ background: url(../i/icon_fa_06.jpg) no-repeat center center; }
.h-list-v .h-list-c ul{ padding:20px 10px; }
.h-list-v .h-list-c li{ margin: 20px 0 0 20px; }
.h-list-v .h-list-c li:first-child{ margin: 0 0 0 20px; }
.h-list-v .h-list-c li a{ font-size: 16px; }
.h-list-v .h-list-c a.am-btn{ margin: -10px 0 0 30px; font-size: 16px; }
.h-list-v .h-list-c a.hide{ display: none; }

.am-jdt-text{ margin-bottom: 20px; padding:0 60px; font-size: 16px; }
.h-sc-bg .am-jdt-text{ padding:0; }
.am-jdt{ margin-left: 10px; margin-bottom: 10px; }
.am-jdt i{ width:34px; height: 38px; vertical-align: top; margin-right: 10px; display: inline-block; }
.am-jdt i.icon-od{ background: url(../i/icon_od.jpg) no-repeat; background-size: 34px 38px; }
.am-jdt i.icon-ct{ background: url(../i/icon_ct.jpg) no-repeat; background-size: 34px 38px; }
.am-jdt span{ /*width:150px;*/width:0; height: 23px; background: #5ecce3; margin-left: 44px; display: block; }
.am-jdt span.c-gray{ /*width:50px;*/width:0; background: #bac9cc; }
.am-jdt p{ width:150px; height: 23px; color: #8e8e8e; font-size: 14px; margin:5px 0 0 44px; display: block; }
.am-sx{ line-height: 90px; font-size: 70px; font-weight: bold; color: #faa248; margin-left: 10px; }
.am-sx.hide{display: none;}

.am-list-news{ padding: 0 20px; }
.am-list-news a{ width:100%; line-height: 40px; color: #0098c2; padding:0; margin:10px 0; font-size: 14px; border: 1px solid #0098c2; display: inline-block; }
.am-list-news a:hover{ border: 1px solid #8b8b8b; color: #8b8b8b; }

.xn-list{ padding:0 20px 30px 20px; }

.h-sm{ width:100%; position: relative; }
.h-sm-img{ width:1920px; height:689px; margin-left: -960px; overflow: hidden; position: absolute; left: 50%; top: 0; z-index: 1; }
.h-sm-mobile-img{ width:100%; position: relative; z-index: 1; }
.h-sm-con{ position:relative; z-index: 2; }
.h-sm-con img{ max-height: 350px; margin:0 auto;}
.h-sm-con .h-title{ width: 100%;}
.h-sm-con .h-title h1{ color: #fff; text-align: center;}
.h-sm-text{ padding:5% 0 0 0; }
.h-sm-text p{ line-height: 28px; font-size: 14px; color: #fff; margin: -4px 15px 0 15px; }
.h-sm-btn-box{ margin-top: 30px; padding:40px 30px; font-size: 0; }
.h-sm-btn-box a{ line-height: 40px; color: #0098c2; padding:0 25px; margin:10px 40px 10px 0; font-size: 14px; border: 1px solid #0098c2; display: inline-block; }
.h-sm-btn-box a:last-child{ margin-right: 0; }
.h-sm-btn-box a.last-child{ margin-right: 0; }
.h-sm-btn-box a:hover{ text-decoration: none; border: 1px solid #8b8b8b; color: #8b8b8b; }
.h-sm-btn-box a i{ float: left; width:40px; height: 40px; background: url(../i/icon_sjx.png) no-repeat center center; margin-left: -24px; margin-right:10px; border-right:1px solid #0098c2; display: block;}
.h-sm-btn-box a:hover i{ background: url(../i/icon_sjx_hover.png) no-repeat center center; border-right:1px solid #8b8b8b;}

.h-opex-bg{ width:100%; padding-bottom: 30px; background: #fff; }
.h-opex-bg .h-title{ padding:40px 0 20px 0; }
.h-opex{ padding:0 100px; }
.h-opex-text{ padding:90px 0 30px 0; font-size: 16px; }
.h-opex-btn{ width:410px; max-width: 100%; margin:10px auto; padding:0; display: inline-block; }
.h-opex-btn a{ width: 100%;  line-height: 40px; color: #0098c2; margin:0; font-size: 16px; border: 1px solid #0098c2; display: inline-block; }
.h-opex-btn a:hover{ text-decoration: none; border: 1px solid #8b8b8b; color: #8b8b8b; }
.h-opex-img{ position: relative; }
.h-opex-img img{ max-width: 510px; margin: 0 auto; display: block; }
.h-opex-img span{ width: 125px; height: 75px; font-size: 60px\0;       /* IE8支持*/ font-size: 4vw; font-weight: bold; color: #faa248; padding:0; position: absolute; left: 56.07843137254902%; top: -5%; z-index: 2; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0;}
.h-opex-img-content{ max-width: 510px; margin:0 auto; font-size: 0; }
.h-opex-img-1{ opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; position: relative;}
.h-opex-img-2{ width:49.01960784313725%; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; position: relative;}
.h-opex-img-3{ width:24.31372549019608%; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; position: relative;}
.h-opex-img-4{ width:26.66666666666667%; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; position: relative;}
.h-opex-img-5{ opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0; position: relative;}
.h-opex-img-content p{ width:100%; line-height: 20px; font-size: 14px; color: #6d6d6d; text-align: center; display: block; position: absolute; left: 0; bottom: 12%; z-index: 2; }
.h-opex-pre-box{ max-width: 510px; margin: 0 auto; display: block; position: relative; z-index: 2; opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; -ms-opacity: 0;}
.h-opex-pre{ width: 114px; height: 114px; position: absolute; top: 0;}
.h-opex-pre-dl{ left: 34px; }
.h-opex-pre-kj{ left: 196px; }
.h-opex-pre-rl{ left: 368px; }
.h-opex-pre p{ width:100%; font-size: 18px; text-align: center; color: #6facff; text-align: color; margin-top: 24%;}
.h-opex-pre p i{ width: 10px; height:19px; background: url(../i/icon_xjt.jpg) no-repeat center center; vertical-align: middle; margin: -4px 0 0 3px; display: inline-block;}
.h-opex-pre em{ width:100%; font-size: 16px; text-align: center; color: #999; display: block;}
.h-opex-pre canvas{ position: absolute; left: 0; top:0; z-index: 1; }

.h-sc-oo{ width:100%; height:1114px; position: relative; }
.h-sc-oo-img{ width:1920px; height:1114px; margin-left: -960px; overflow: hidden; position: absolute; left: 50%; top: 0; z-index: 1; }
.h-sc-oo-con{ position:relative; z-index: 2; }
.h-sc-oo-con .h-title h1{ color: #fff; text-align: center;}
.h-sc-oo-con .h-title p{ color: #fff; text-align: center; font-size: 14px; padding:0 20px; margin: 20px 0 0 0;}
.h-sc-oo-table table{ width: 98%; height: 500px; background: #202020; color: #fff; font-size: 16px; border-top: 1px solid #2c5589; border-left: 1px solid #3a3a3a; margin: 0 auto; }
.h-sc-oo-table tr.trhei td{ background: #151616;}
.h-sc-oo-table tr th{ line-height: 50px; background: #2c5589; text-align: center; border-right: 1px solid #2c5589; }
.h-sc-oo-table tr th.th-one{ width:16%;}
.h-sc-oo-table tr th.th-two,.h-sc-oo-table tr th.th-three{ width:43%;}
.h-sc-oo-table tr td{ line-height: 28px; padding:30px 0; border-right: 1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; overflow: hidden;}
.h-sc-oo-table tr td.tdtitle{ text-align: center; }
.h-sc-oo-table tr td img{ width:100%;}
.h-sc-oo-table tr td ul{ margin:0 10px; padding:0 20px; list-style-type: disc; }
.h-sc-oo-table tr td p{ margin: 0 10px; padding:0; display: block; }
.h-sc-oo-table tr td:nth-child(1){ width:16%; text-align: center;}
.h-sc-oo-table tr td a{ color: #fff; }
.h-sc-oo-table tr td a:hover{ color: #68d0e4; }

.swiper-box{ width:100%; }
.swiper-container{ width:100%; height:auto; position:relative;}
.pagination { width: 100%; text-align: center; position: absolute; left: 0;bottom:10px; z-index:10;}
.swiper-pagination-switch { width: 10px; height: 10px; background: #999; border-radius: 10px; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; display: inline-block;}
.swiper-active-switch { background: #fff;}

.h-sc-bg{ width:100%; background: #fff; padding:20px 0; }
.h-sc-bg .h-title{ padding:40px 0; }
.h-sc-bg .h-sc-btn{ width:280px; margin: 0 auto; padding:0; display: inline-block; }
.h-sc-bg .h-sc-btn a{ width:100%; font-size: 16px; padding:0; margin-top: 20px; display: inline-block; }
.h-sc-bg .h-sc-btn a:hover{ text-decoration: none; }
.h-sc-img img{ max-width: 430px; margin: 0 auto; display: block; }

.h-ot-bg{ width:100%; background: #a3b1bc; }
.h-ot .am-g{ overflow:hidden; position: relative;}
.h-ot-video-box{cursor: pointer;}
.h-ot-video-box i.icon-video-play{ width: 80px; height: 80px; background: url(../i/icon_video_play.png) no-repeat center center; margin: -40px 0 0 -40px; display:block; position: absolute; left: 50%; top: 50%; }
.h-ot-text-box{ height: 100%; background: #4b4b4b;}
.h-ot-text{ background: #4b4b4b; padding:20px 40px; font-size: 16px; color: #fff; position: relative; }
.h-ot-text h5{ font-weight: normal; font-size: 22px; }
.h-ot-text hr { border: none; height: 1px; background: #fff; margin:20px 0; }
.h-ot-text p{ font-size: 16px; }
.h-ot-img img{ margin: 0 auto; display: block; }
.h-ot-btn-box{ padding:0 5px; position: absolute; left: 30px; bottom: 20px; z-index: 2; }
.h-ot-btn-box a{ width:34px; height: 34px; vertical-align: top; display: inline-block; }
.h-ot-btn-box a:hover{opacity: 0.7;}
.h-ot-btn-box a.disabled:hover{opacity: 1;}
.h-ot-btn-box a i{ width:34px; height: 34px; display:block; }
.h-ot-btn-box a i.icon-left{ background: url(../i/icon_left.png) no-repeat center center;}
.h-ot-btn-box a.disabled i.icon-left{ background: url(../i/icon_left_disabled.png) no-repeat center center;}
.h-ot-btn-box a i.icon-right{ background: url(../i/icon_right.png) no-repeat center center;}
.h-ot-btn-box a.disabled i.icon-right{ background: url(../i/icon_right_disabled.png) no-repeat center center;}
.h-ot-btn-box span{ line-height: 34px; margin:0 10px; display: inline-block; }
.h-ot-btn-box span em{ font-size: 30px; font-style:normal }

.h-bs-bg{ padding:40px 0; }
/*.h-bs .am-g{ overflow:hidden;}*/
.h-bs-img{transition-duration:0.3s;}
.h-bs-img:hover{transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);transition-duration:0.3s;}
.h-bs-img div{ background: #fff;}
.h-bs-img img{ margin: 0 auto; display: block; }
.h-bs-img h5{ font-size: 20px; font-weight: normal; margin:10px 0; padding:0 20px; }
.h-bs-img p{ color:#aaa; padding:0 20px;}
.h-bs-img a{ margin:20px; color: #68d0e4; transition: all 0.4s; display: inline-block; }
.h-bs-img a:hover{ transform:translate(10px,0); -webkit-transform:translate(10px,0); -moz-transform:translate(10px,0); -o-transform:translate(10px,0); -ms-transform:translate(10px,0); }
.h-bs-img a i.icon-jt{ width:20px; height: 20px; background: url(../i/icon_jt.png) no-repeat center center; margin:3px 10px 0 0; vertical-align: top; display:inline-block; }
.h-bs-text-box{ margin-bottom: -100000px;padding-bottom: 100000px;}
.h-bs-text{ padding:0 0 0 30px; font-size: 16px; color: #1c1c1c; position: relative; }
.h-bs-text ul.bsul{ margin:0; padding:0; }
.h-bs-text li{ background: #fff; list-style-type: none; padding:20px 0; margin-bottom: 20px; overflow: hidden;transition-duration:0.3s; }
.h-bs-text li:last-child{ margin-bottom: 0;}
.h-bs-text li:hover{transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);transition-duration:0.3s;}
.h-bs-text li dt{ float: left; padding:10px 20px; font-size: 1.8rem; font-weight: normal; color: #8b8b8b; border-right: 1px solid #ddd; }
.h-bs-text li dd{ float: left; width: 70%; padding:0 10px 0 20px; margin:0; overflow: hidden;}
.h-bs-text li dd p{ width:100%; color: #373737; font-size: 16px; margin:0; padding:0; display: block; }
.h-bs-text li dd p a{ color: #373737; font-size: 16px;}
.h-bs-text li dd p a:hover{ text-decoration: underline;}
.h-bs-text li dd a.bs-btn{ color: #373737; font-size: 16px; color: #68d0e4; margin:10px 0 0 0; padding:0; display: inline-block;transition: all 0.4s; }
.h-bs-text li dd a.bs-btn:hover{ transform:translate(10px,0); -webkit-transform:translate(10px,0); -moz-transform:translate(10px,0); -o-transform:translate(10px,0); -ms-transform:translate(10px,0); }
.h-bs-text li dd a.bs-btn i.icon-jt{ width:20px; height: 20px; background: url(../i/icon_jt.png) no-repeat center center; margin:3px 10px 0 0; vertical-align: top; display:inline-block; }

.h-fm{ background: #fff; }
.h-fmc{ padding:0 0 30px 0; }
.h-fmc-i{ text-align: center; }
.h-fmc-i a{ width:86px; height: 86px; padding:0;border-radius:100px; margin:0 auto; display: block;}
.h-fmc-i i{ width:86px; height: 86px; border-radius: 100px; margin:0 auto; display: block; transition: all 0.4s; }
.h-fmc-i i:hover{transform: scale(1.1);}
.h-fmc-i i.icon-fmc-01{ background: url(../i/icon_fmc_01.jpg) no-repeat center center; background-size: 100% 100%; }
.h-fmc-i i.icon-fmc-02{ background: url(../i/icon_fmc_02.jpg) no-repeat center center; background-size: 100% 100%; }
.h-fmc-i i.icon-fmc-03{ background: url(../i/icon_fmc_03.jpg) no-repeat center center; background-size: 100% 100%; }
.h-fmc-i i.icon-fmc-04{ background: url(../i/icon_fmc_04.jpg) no-repeat center center; background-size: 100% 100%; }
.h-fmc-i i.icon-fmc-05{ background: url(../i/icon_fmc_05.jpg) no-repeat center center; background-size: 100% 100%; }
.h-fmc-i span{ font-size: 14px; color:#3a3a3a; margin:10px 0; display: block; }

footer{ width:100%; background: #161616 !important; }
.h-footer-menu{ color: #999; font-size: 16px; padding:20px 0 0 0; }
.h-footer-menu .am-fl{ width:20%; }
.h-footer-menu dl{ line-height: 28px; list-style: none;}
.h-footer-menu dt{ margin-bottom: 15px; font-weight: normal; }
.h-footer-menu dd a{font-size: 14px; color: #909090; }
.h-footer-menu dd a:hover{ text-decoration: underline; }

.h-footer-code{ border-top: 1px solid #909090; }


#go_top{position:fixed;right: 10px;bottom:50px;z-index:99999;width:48px;height: 48px;background: url(../i/icon_top_normal.png) no-repeat;}
#go_top:hover{background: url(../i/icon_top_hover.png) no-repeat;cursor: pointer;}	

@media only screen and (max-width: 640px){
	.am-header .am-header-title{ text-align:left; margin: 0 5px; }
	.h-title{ padding:30px 0; }
	.h-title h1{ line-height: 20px; font-size: 20px; }

	.banner{ height:auto;}
	.banner-text{ width:100%; height: auto; line-height: 30px; padding:13.6vw 0 0 0; text-align:center; color:#fff; position: absolute; left:0; top: 46vw; z-index: 2; }
	.banner-text h5{ font-size: 24px; }
	.banner-text p{ line-height: 24px; font-size: 14px; padding:0 20px; margin: 10px 0; text-align:center !important; }
	.banner-text a{ line-height: 28px; font-size: 14px; padding:0 20px; }
	.banner-btn a{ width:auto; min-width: auto; padding:0 20px; margin-right: 20px; line-height: 24px; font-size: 14px; }
	.banner-text a.btn-video i{ width:28px; height: 30px; background: url(../i/icon_sjx_bai_hover.png) no-repeat center center; background-size: 18px 22px; margin-left: -14px; margin-right:20px; border-right:1px solid #fff; display: block;}
	
	.h-list-bg{ padding:0 4vw;}
	.h-list-img-box h4{ height: 24px; line-height: 24px; font-size: 14px; padding:0 10px; }
	
	.xn-list{ padding:0 0 20px 0; text-align:center;}
	.xn-list .h-title{ padding:30px 0 24px 0; text-align:center;}
	.xn-list .am-jdt-text{ padding:0 20px; }
	.xn-list .sx-box{ text-align:center;}
	.xn-list .am-sx-box{ padding:0 10px; }
	.xn-list .sx-box p{ text-align:left;}
	.xn-list a{ width:90%; margin: 1vw 0;}
	
	.h-sm{ overflow: hidden;}
	.h-sm-con{ width: 100%; padding:0; line-height: 6vw; font-size: 3.2vw; text-align:center; position: absolute; left:0; top: 0; z-index: 2;}
	.h-sm-con img{ max-width:96%; margin:30px auto 0 auto;}
	.h-sm-text{ padding:0; }
	.h-sm-text p{ line-height: 20px; }
	.h-sm-btn-box{ margin-top: 0; padding:30px; }
	
	.h-list>li>.am-gallery-item img{transition: all 1s;}
	.h-list>li>.am-gallery-item img:hover{transform: scale(1);}

	.h-list>li>.am-gallery-item{ height: auto;}
	.h-list-c{ padding:10px 5px; }
	.h-list-c h3{ padding:0 10px; font-size: 18px; margin:0; }
	.h-list-c h4{ padding:0 30px; font-size: 18px; margin:15px 0 -10px 0; }
	.h-list-c li{ list-style-type:square; padding:0; margin:0; }
	.h-list-c li a{ font-size:12px; padding:0;}
	.h-list-c p{ padding:0 10px; margin:5px 0; font-size:12px; }

	.h-list-v>li>.am-gallery-item{ margin:0 0 20px 0;}
	.h-list-v .h-list-c h3{ height: 60px; line-height: 60px; font-size: 20px; }
	.h-list-v .h-list-c h3 i{ width:37px; height: 34px; margin:13px; }
	.h-list-v .h-list-c h3 i.icon-fa-1{ background-size: 37px 34px; }
	.h-list-v .h-list-c h3 i.icon-fa-2{ background-size: 37px 34px; }
	.h-list-v .h-list-c h3 i.icon-fa-3{ background-size: 37px 34px; }
	.h-list-v .h-list-c h3 i.icon-fa-4{ background-size: 37px 34px; }
	.h-list-v .h-list-c h3 i.icon-fa-5{ background-size: 37px 34px; }
	.h-list-v .h-list-c h3 i.icon-fa-6{ background-size: 37px 34px; }

	.h-list-o{ padding-bottom: 20px; }
	.h-list-o .h-list-c{ position:static; }
	.h-list-o .am-gallery-item img{ float: right; width:40%; margin-left: 10px;}
	.h-list-o .h-list-c li{ list-style-type:none; padding:0; margin:0 0 0 10px; }
	.h-list-o .h-list-c h3{ font-size: 16px; }

	.h-ot-text{ padding:20px; text-align: center; }
	.h-ot-text h5{ font-weight: normal; font-size: 18px; }
	.h-ot-text hr { border: none; height: 1px; background: #fff; margin:20px 0; }
	.h-ot-text p{ font-size: 14px; }
	.h-ot-btn-box{ bottom: 0; }

	.h-sm-btn-box a{ margin:20px 0; display: block; }

	.h-opex-bg{padding-bottom: 20px;}
	.h-opex-bg .h-title{ padding:30px 0 24px 0; }
	.h-opex{ padding:0 10px; }
	.h-opex-text{ padding:0; font-size: 14px; }
	.h-opex-img{ margin-top: 20px; }
	.h-opex-img span{ width: 50%; height: 17.85714285714286%; font-size: 10vw; font-weight: bold; color: #e8943e; padding:0; position: absolute; left: 56.07843137254902%; top: -3%; z-index: 2; }
	.h-sc-oo-con .h-title{ width: 100%; font-size:14px;}
	.h-sc-oo-con .h-title p{ padding:0 20px; margin: 20px 0 -10px 0;}
	.h-sc-oo-table table{ width: 94%;font-size: 14px;}
	.h-sc-oo-table tr td{ line-height: 24px; padding:20px 0;}
	.h-opex-btn{ width: 90%; padding-top: 10px; }
	.h-opex-img-content p{ font-size: 12px; }
	.h-opex-pre p{ font-size: 14px; margin-top: 24%;}
	.h-opex-pre p i{ width: 8px; height:15px; background: url(../i/icon_xjt.jpg) no-repeat center center; background-size:8px 15px; margin: -4px 0 0 3px;}
	.h-opex-pre em{ font-size: 14px;}

	.h-sc-bg .h-title{ width:100%; padding:10px 0 24px 0; text-align: center; }
	.h-sc-bg .h-title .am-text-left{ text-align: center !important; }
	.h-sc-img img{ width:60%; }
	.am-jdt-text{ padding: 0; font-size: 14px; text-align: center; }

	.am-sx-box-w{padding:0;}
	
	.h-bs-bg{ padding:0 0 30px 0; }
	.h-bs-img{ text-align: center; }
	.h-bs-img div{padding-bottom: 0;}
	.h-bs-img h5{ font-size: 18px; font-weight: normal; margin:0; padding:20px; }
	.h-bs-img p{ font-size: 14px; padding:0 25px;}
	.h-bs-img a{ line-height:28px;font-size: 14px; }

	.h-bs-text li{ padding:10px 0; }
	.h-bs-text li dd p{ font-size: 14px; }
	.h-bs-text li dd p a{ font-size: 14px;}
	.h-bs-text li dd a.bs-btn{ line-height:28px; font-size: 14px; margin:8px 0 0 0;}

	.h-fmc{ padding:0 10px 20px 10px; }
}
@media screen and (min-width: 640px) and (max-width: 1024px){
	.am-header .am-header-title{ text-align:left; margin: 0 5px; }
	.banner{ width:100%; height: 650px; overflow: hidden; }
	.banner-img{ width:1712px; height:650px; margin-left: -856px; position: absolute; left: 50%; top: 0; z-index: 1; }
	.banner-text{ width:40vw; line-height: 30px; color:#fff; position: absolute; left: 0; top: 141px; z-index: 2; }
	.banner-text h5{ line-height: 100%; font-size: 40px; font-weight: normal; }
	.banner-text p{ line-height: 36px; font-size: 16px; margin-top: 40px; }
	.banner-btn{ bottom:60px; }
	.banner-btn a{ line-height: 40px; }

	.h-list-bg{ padding:0 4vw;}
	
	.xn-list{ text-align:center;}
	.xn-list .sx-box{ text-align:left;}
	.xn-list a{ width:90%; margin: 1vw 0;}
	
	/*.h-sm{ height:auto;}.h-sm-con{ width: 100%; padding:10vw 0 0 0; line-height: 7vw; font-size: 3.2vw; text-align:center; position: absolute; left:0; top: 0; z-index: 2;}
	.h-sm-con .h-title{ width: 100%; font-size: 5.6vw;  padding-top: 0;}
	.h-sm-con img{ max-width:90%; margin:0 auto;}
	.h-sm-text{ padding:0; }
	.h-sm-btn-box{ margin-top: 0; padding:30px; }*/
	.h-sm{ width:100%; overflow: hidden; }
	.h-sm-img{ width:1616px; height:580px; margin-left: -808px; position: absolute; left: 50%; top: 0; z-index: 1; }
	.h-sm-text{ padding:0; }

	.h-list>li>.am-gallery-item img{transition: all 1s;}
	.h-list>li>.am-gallery-item img:hover{transform: scale(1);}
	.h-list-o .h-list-c{ position:static; }

	.h-list>li>.am-gallery-item{ height: 530px;}
	.h-list-o>li>.am-gallery-item{ height: auto;}
	.h-list-o .am-gallery-item img{ float: right; width:40%; margin-left: 10px;}
	

	.h-sc-oo-table table{ width: 94%;font-size: 14px;}

	.h-opex-bg .h-title{ padding:87px 0 60px 0; }
	.h-opex{ padding:0 10px; }
	.h-opex-text{ padding:0; }
	.h-opex-img{ margin-top: 20px; }
	.h-opex-img span{ font-size: 60px;}
	.h-opex-btn{ width: 450px; margin-top: 20px; }

	.h-sc-oo{ height: 1060px;}
	.h-sc-oo-img{ height: 1060px;}
	.am-sx-box{ width:340px; margin:0 auto; }

	.h-bs-bg{ padding:0 0 30px 0; }
	.h-fmc{ padding:20px 0 50px 0; }
}


@media only screen and (max-width: 1024px){
	.header_right { float: right; display: table;margin: 10px 10px 0 0; }
	.h-ot-text{ padding:20px; text-align: center; }
	.h-ot-text hr{ width:220px; margin:20px auto;}
	.h-ot-btn-box{ margin-top: 40px; position: relative; left: auto; top: auto;}
	.h-bs-text li dd p{ font-size: 14px;}
}

@media screen and (min-width: 1025px) and (max-width: 1200px){
	.h-sc-oo{ height: 1060px;}
	.h-sc-oo-img{ height: 1060px;}
	.h-ot-btn-box{ margin-top: 23%; }
}


@media screen and (min-width: 1400px){
	.h-opex-img span{ font-size: 60px;}
}

@media screen and (min-width: 641px) and (max-width: 935px){
	.banner-text{ width: 42vw; padding:0 0 0 20px; top: 70px; }
	.banner-text h5{ font-size: 36px; }
	.banner-text p{ line-height: 36px; font-size: 18px; margin: 30px  0 20px 0; }
	.banner-text a{ line-height: 40px; color: #fff; padding:0 25px; margin:20px 0 0 0; text-align: center; border: 1px solid #fff; display:block; }
}