/* CSS Document */
.am-slider-a2 .am-control-nav { bottom: 35px; }
.am-slider-a2 .am-control-nav li a { width: 75px; background:rgba(255,255,255,.3); }
.am-slider-a2 .am-control-nav li a.am-active{ background:#fff;}

.main-about{ padding: 35px 0;}
.main-tit{ font-size: 24px; font-weight: normal; line-height: 24px; margin: 45px 0 5px; }
.main-tit+span{ font-size: 13px; color:#b1b1b1; display: block; }
.main-about p{ line-height: 25px; margin: 10px 0;}
.main-about a{ width: 100px; height:30px; line-height: 30px; color:#282828; text-align: center; border:#777 1px solid; margin-top: 25px; display: block;}

.main-cult{ background: url(../images/bg/index_cult.jpg) center no-repeat; background-size: cover; padding: 10px 0;}
.main-cult .main-tit{ color:#fff;}
.main-cult p{ font-size: 35px; color:#fff; margin: 15px 0;}
.main-cult div{ padding: 15px 0;}
.main-cult li{ font-size: 15px; color:#fff; text-align: center;}
.main-cult li div{ font-size: 35px; color:#ffde00; display: block;}

.main-video{ width: 100%; height: 250px; color:#fff !important; font-size: 16px; text-align: center; display: block; background:url(../images/test/video.jpg) center no-repeat; background-size: cover; margin-top: 15px; cursor:pointer; position: relative;}
.main-video:before{ content: "\f04b"; width:65px; height:65px; font-size: 20px; line-height: 65px; text-align: center; padding-left: 3px; border:#fff 1px solid; border-radius: 50%; font-family:FontAwesome,sans-serif; display: inline-block; margin-top: 20%;}
.main-video:after{ content:"企业视频"; display: block; position: absolute; left: 5px; bottom:5px;}
.am-close{ color:#fff !important; opacity: 1 !important; margin-bottom: 20px; float: right;}
.am-close2{ width: 100%; height:100%; position: absolute; left: 0px; right: 0px;}
.am-modal{ width: 100%; height: 100%; text-align: center; margin: 0!important; left: 0; top: 0px;}
.am-modal-dialog{ width:640px; height:450px; margin: -225px 0 0 -300px; position: absolute; left: 50%; top: 50%; background-color: transparent;}
.box-tit{ width: 100%; max-width: 650px; text-align: center; padding-top: 25px; margin: 0 auto; position: relative;}
.box-tit:before{ content:""; width: 100%; height:1px; background-color: #c5c5c5; position: absolute;  top:31px; display: block; z-index: 1}
.box-tit h2{ font-size: 24px; text-align: center; font-family:"Raleway"; font-weight: normal; color:#3c3c3c; background-color: #f3f3f3; padding: 0 15px; margin-top: -25px; display: inline-block; z-index: 2; position: relative;}

.main-shop{ padding: 45px 0;}
.main-title2{ width: 800px; text-align: center; margin: 0 auto; position: relative;}
.main-title2:before{ content: ""; width: 270px; height: 1px; background-color: #dbdbdb; display: block; position: absolute; left:0; top:50%; z-index: 1}
.main-title2:after{ content: ""; width: 15px; height: 3px; background-color: #dbdbdb; margin-left:-138px; margin-top: -1px; display: block; position: absolute; left: 50%; top: 50%; z-index: 2}
.main-title2 h2{ width: 250px; height:40px; font-size: 22px; font-weight: normal; line-height: 24px; display: inline-block; position: relative; z-index: 3}
.main-title2 h2:before{ content: ""; width: 270px; height: 1px; background-color: #dbdbdb; display: block; position: absolute; left:250px; top:50%; z-index: 1}
.main-title2 h2:after{ content: ""; width: 15px; height: 3px; background-color: #dbdbdb; margin-top: -1px; display: block; position: absolute; left: 250px; top: 50%; z-index: 2}
.main-title2 h2 span{ font-size: 13px; color:#b1b1b1; display: block;}
.am-tabs-nav{ text-align: center; padding: 0 10px; margin: 15px auto;}
.am-nav-tabs{ text-align:center; border: none;}
.am-nav-tabs>li a{ line-height: 30px; color:#333; background-color: #f7f7f7; border:#b1b0b0 1px solid; margin-right: 0; border-right: none;}
.am-nav-tabs>li:last-child a{ border-right:#b1b0b0 1px solid !important;}
.am-nav-tabs>li.am-active>a, .am-nav-tabs>li.am-active>a:focus, .am-nav-tabs>li.am-active>a:hover{ color:#fff; background-color: #00479d; border:#b1b0b0 1px solid; border-right: none;}
.am-tabs-bd{ border:none;}
.am-tabs-bd .am-tab-panel{ padding: 15px 0;}
.am-tab-panel li{padding: 0 10px;}
.am-tab-panel li a{ color:#00479d; text-align: center; background-color: #fff; padding-bottom: 25px; border:#aaa 1px solid; display: block; transition:background .3s;}
.am-tab-panel li img{ width: 100%; height:135px; display: block;}
.am-tab-panel li p{ color:#575757; line-height: 65px;}
.am-tab-panel li a:hover{color:#fff; background-color: #00479d;}
.am-tab-panel li a:hover p{ color:#fff;}
.am-tab-panel ul+a{ color:#333; padding: 9px 3px 0 0; float: right;}
.am-tab-panel ul+a:hover{ color:#C70041;}

.main-news{ background: url(../images/bg/index_news.jpg) center no-repeat; background-size: cover; padding: 45px 0;}
.main-news h2{ color:#fff;}
.main-news .am-g{ max-width: 1200px; padding-top: 45px;}
.news-ad{ width:500px;}
.news-ad img{ width: 100%; height:275px;}
.news-list{ width: 680px; height:275px;}
.news-list li{ padding: 0 5px; margin-bottom: 10px;}
.news-list a{ width:100%; height:132px; color:#4e4e4e; text-align: center; background-color: #fff; padding: 10px 25px; display: block; transition:all .3s;}
.news-list a:hover{ background-color:#00479d; color:#fff; }
.news-list a span{ font-size: 12px;}
.news-list a span:last-child{ display:block;}
.news-list a h3{ font-size:15px; margin-bottom: 5px;}
.news-list a p{ height:40px; font-size: 13px; overflow: hidden;}

.main-case{ padding: 45px 0;}
.main-case .am-g{ padding-top: 25px;}
.main-case li{ padding: 0 10px;}
.main-case img{ height:214px; display: block;}
.main-case .am-g+a{ width: 125px; height: 30px; line-height: 30px; font-size: 12px; color:#fff; text-align: center; background-color: #00479d; display: block; margin: 15px auto;}

.main-contact{ background-color: #f6f6f6;}
.am-map{ height:480px;}
.main-contact .am-u-sm-6{ width: 44%;}
.main-contact .am-u-sm-1{ width: 14%; color:#000; font-size: 13px; text-align: center; padding-right: 35px;}
.main-contact .am-u-sm-1 img{ max-width: 100%; margin-top: 125px;}
.main-contact form{ padding: 35px 45px;}
.main-contact h2{ font-size: 30px; margin-bottom: 15px;}
.main-contact form>div{ width:100%; line-height: 35px; background-color: #eee; padding: 5px 15px; margin-bottom: 15px;}
.main-contact form label{ font-size:14px; font-weight: normal; }
.main-contact form input{ width: 350px; height:30px; line-height: 20px; padding: 5px; vertical-align: middle; background: transparent; border:none;}
.main-contact form textarea{ width: 100%; line-height: 20px; padding: 5px; vertical-align: middle; background: transparent; border:none; display: block;}
.main-contact form button{ width:75px; height:30px; line-height:30px; text-align:center; color:#000; background-color:#eee; border:none; margin-top:10px; display:block; float:right; }