/* CSS Document  */



.main{margin-top:125px;}

.index header .box-header { 
	/* background:#f8f8f8; */
	background: url("../picture/header-background.jpg") center no-repeat;background-size: 100%;}

.index header .box-header.header-fixed{ background:#fff;}

.index header .box-header .right .box-nav a{color:#000}

.index header .box-header .right .box-nav a:hover,

.index header .box-header .right .box-nav a.cur{ color:#023889;}

.index header .box-header .right .box-nav a::after{background:#000;}



.bg-index{ position:absolute; background:#e5e5e5; width:100%; height:70%; right:0; top:0; z-index:0;}





/* 通用 */

.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}

.swiper-container .swiper-slide{z-index: 22;}

.swiper-button-next, .swiper-button-prev{outline: none;}

.swiper-container span:focus{outline: none;}

.publicPop .content{width:76%;margin:0 auto; position:relative;}

.publicPop .btnClose{ display:none;}

.publicPop .content .btnClose{ position:absolute; right:0; top:0; font-size:30px; line-height:60px; width:60px; text-align:center;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; background:url(../image/btn_close.svg) center no-repeat; background-size:45%; display:block;}

.publicPop .btnClose:hover{transform:rotate(90deg);}

.publicPop .content .box{ padding:6%;}



/* banner */

.banner{ position:relative;}

.xy-index-banner { width:100%;margin:0;}

.xy-index-banner img{height: 100%;}

.xy-index-banner a {display: block;width: 100%;height:auto; overflow: hidden;background: #000;}

.xy-index-banner .text {position: absolute;width: 1000px;left:50%;top:20%;margin-left: -500px;text-align: center;z-index: 10;}

.xy-index-banner .text h3{color: #fff;font-size: 40px;text-transform:uppercase;font-weight:normal;font-family: 'Concord'; }

.xy-index-banner .text h2{color: #fff;font-size: 50px;font-family: 'Conv_Montserrat-Regular';text-transform:uppercase;font-weight: bold;}

.xy-index-banner .text h6{color: #fff;font-size: 30px; font-weight:normal;}

.xy-index-banner .text h7{margin-top:167px; background:#fff; width:100px; height:4px; display:block; overflow:hidden;}



.xy-index-banner .text h2{transform:translateY(200px);opacity:0;transition:all .4s;padding:25px 0;}

.xy-index-banner .text h3{transform:translateX(-200px);opacity:0;transition:all .4s;}

.xy-index-banner .text h6{transform:translateX(-200px);opacity:0;transition:all .8s;}

.xy-index-banner .text h7{transform:translateX(-200px);opacity:0;transition:all .8s;}

.xy-index-banner .ani-slide .text h2{transform:translateY(0);opacity:1; line-height:1em;}

.xy-index-banner .ani-slide .text h3{transform:translateX(0);opacity:1; line-height:1em;}

.xy-index-banner .ani-slide .text h6{transform:translateX(0);opacity:1; line-height:1em;}

.xy-index-banner .ani-slide .text h7{transform:translateX(0);opacity:1;}





.xy-index-banner .text.left {left:6%;margin-left:0px;text-align: left;}

.xy-index-banner .text.center {top: 40%;}

.xy-index-banner .text.center h6{margin:50px auto auto;}

.xy-index-banner .text.right {left:auto;right:6%; margin-left:0px;text-align: right;}

.xy-index-banner .text.right h6 {float: right;clear: both;}

.xy-index-banner .text.right h7 {float: right;clear: both;}

.xy-index-banner .text.none { display:none;}





.xy-index-banner .pic {width: 100%;height:100%;}

.xy-index-banner .pic img{display: block;width: 100%;height:100%;}





.xy-index-banner .swiper-button-next,.xy-index-banner .swiper-button-prev{top:auto;bottom:8%; margin-bottom:-20px; width: 40px;height: 40px;margin-top:auto;z-index: 99;outline: none;opacity:0.5; background-size: 35% auto!important;}

.xy-index-banner .swiper-button-prev {left:34%; background:url(../image/icon_arrow_l_gray.svg) center no-repeat;}

.xy-index-banner .swiper-button-next {left:38%; background:url(../image/icon_arrow_r_gray.svg) center no-repeat;}

.xy-index-banner .swiper-button-next:hover,.xy-index-banner .swiper-button-prev:hover{opacity:1;}



.xy-index-banner .swiper-num{position: absolute;left:6%;bottom:9%; font-size:18px; color:#000; z-index:11;font-family: 'Conv_Montserrat-Bold'; font-weight:bold;}



.xy-index-banner .swiper-pagination {position: absolute;left:0;bottom:0;text-align: left;width:37%; background:#f8f8f8;padding:3% 0; padding-left:6%;}



.xy-index-banner span.swiper-pagination-bullet {background: url(../image/bg_black2.png) repeat;width: 40px;height: 4px; border-radius:0;position: relative;margin:0 20px 0 0 !important;}

.xy-index-banner span.swiper-pagination-bullets .swiper-pagination-bullet{ }

.xy-index-banner span.swiper-pagination-bullet::before {content: '';width: 0%; height: 100%;left: 0;top: 0;background:#000;z-index: 3;display: block;}

.xy-index-banner span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {-webkit-animation: w100 5000ms 1;animation: w100 5000ms 1;width:100%;}

@keyframes w100{

	0%{width: 0%;} 

	100%{width: 100%;}

}





.right_text{position:absolute;right:2.5%;top: 25%;z-index: 10; writing-mode: vertical-lr;writing-mode:tb-lr;text-transform:uppercase;font-size: 14px;color: #665b00;}

/*向下*/

.rolling {position:absolute;right:3.0%;bottom: 12%;cursor: pointer;z-index: 10; writing-mode: vertical-lr;writing-mode: tb-lr;text-transform:uppercase;}

.rolling h6 {font-size: 14px;color: #b0b0b0;position: absolute;font-weight: normal;}





.rolling span { position: relative;width:2px;height:60px; display: block; margin-top:70px; margin-left:7px; background:#e5e5e5;overflow:hidden;}

.rolling i{ display: block;height:0; width: 2px;position:absolute;left:0;top:0;background: #a6a6a6;animation: height1 1000ms infinite ease-out;-webkit-animation: height1 1000ms infinite ease-out; }

@keyframes height1{

	0%{height:0;opacity: 1;} 

	100%{height:150%;opacity: 0;}

}





/**/



.imore { width:115px;}

.imore a {display: block;position: relative;font-size: 16px;padding-bottom:12px; font-family: 'Conv_Montserrat-Bold';text-transform: uppercase; font-weight:bold;color: #023889;}

.imore a i{display: block;width: 24px;height: 10px;position: absolute;right: 0;top: 4px;background: url("../image/icon_arrow_r_gray.svg") center no-repeat;background-size: 100%;}

.imore a::after {content: '';width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom:0px;}

.imore a:hover {color: #000;letter-spacing: 1px;}

.imore a:hover i{right: 10%;}

.imore a:hover::after {background:#000;}



.title_box{ margin-bottom:20px; margin-top: 20px;}

.title_box h3{ position:relative; font-size:30px; font-weight:bold; color:#000; padding-bottom:19px; margin-bottom:15px; line-height:1em;}

.title_box h3:after{content:''; position:absolute; left:0; bottom:0; width:40px; height:4px; background:#023889;}

.title_box p{ font-size:18px; color:#999;text-transform: uppercase;line-height:1em;}

.title_box.text-c{ text-align:center;}

.title_box.text-c h3:after{ left:50%; margin-left:-20px;}



.index_about{ overflow:hidden; padding-top:6%; position:relative;}

.index_about .text_box{ padding-left:12%; padding-right:7%; width:32%;}

.index_about .text_box .text h3{ font-size:20px; font-weight:bold; margin-bottom:28px;}

.index_about .text_box .text p{ font-size:14px; line-height:1.8em; color:#333;text-align:justify;}

.index_about .img_box{ width:49%;}

.index_about .imore{ position:absolute;bottom:40px;}



.index_goods{ position:relative; padding:6% 0; margin-top:6%;}

.index_goods .img_box{ position:absolute; left:0; top:0; width:47.5%; height:100%; overflow:hidden; z-index:0;}

.index_goods .img_box img{ width:100%;}

.index_goods .info_box{ background:#f8f8f8; padding:6% 5%; position:relative; z-index:1; overflow:hidden; width:72%; margin:0 6% 0 12%;}

.index_goods .info_box .left_box{ width:18%; float:left;}

.index_goods .info_box .left_box .tab_hd{ border-top:1px solid #c6c6c6; padding-top:30px;}

.index_goods .info_box .left_box .tab_hd div{ margin-bottom:5px;}

.index_goods .info_box .left_box .tab_hd div a{ line-height:40px;display:block; position:relative; cursor:pointer; color:#898989; font-size:16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-right:30px;}

.index_goods .info_box .left_box .tab_hd div a i{display: block;width: 28px;height: 40px;position: absolute;right:10px;top: 0;background:center no-repeat;background-size: 100% !important;}

.index_goods .info_box .left_box .tab_hd div.active a{ background:#4b4b4b; color:#fff; padding:0 20px; }

.index_goods .info_box .left_box .tab_hd div a:hover{ background:#023889; color:#fff;}

.index_goods .info_box .left_box .tab_hd div a:hover{ text-indent:5%;}

.index_goods .info_box .left_box .tab_hd div a:hover i{right:5px;background: url("../image/icon_arrow_r_gray.svg") center no-repeat;}

.index_goods .info_box .left_box .tab_hd div.active a i,

.index_goods .info_box .left_box .tab_hd div.active a:hover i{background: url("../image/icon_arrow_r_white.svg") center no-repeat;}



.index_goods .info_box .tab_list{ width:76%; float:right; position:relative;}

.index_goods .info_box .tab_list>div{margin-left:100%;top:0; position:absolute; display:block; background:#fff; width:100%;}

.index_goods .info_box .tab_list>div.active{ margin-left:0;}

.index_goods .info_box .tab_list .goods_img{width:55%;overflow:hidden;}

.index_goods .info_box .tab_list .goods_img img{ width:100%;}

.index_goods .info_box .tab_list .goods_text{position:absolute; z-index:1; padding:0 6.5%;top: 0; right:0;height: 100%;width:32%;}

.index_goods .info_box .tab_list .goods_text h3{ font-size:20px; position:relative;font-weight:bold; color:#000; padding-bottom:15px; margin-bottom:10px;}

.index_goods .info_box .tab_list .goods_text h3:after{content:''; position:absolute; left:0; bottom:0; width:40px; height:3px; background:#023889;}

.index_goods .info_box .tab_list .goods_text p{ font-size:14px; line-height:1.8em; height:9.0em; margin:40px auto;text-align: justify;}

.index_goods .info_box .tab_list .goods_text a {display: block;position: relative;font-size: 14px; width:130px; line-height:36px; font-family: 'Conv_Montserrat-Bold';text-transform: uppercase; font-weight:bold; background:#4b4b4b; color:#fff; text-align:center;}

.index_goods .info_box .tab_list .goods_text a:hover{ background:#023889; color:#4b4b4b;}



.index_news{ padding-top:6%; margin-bottom:6%;}

.index_news .tab_box{ overflow:hidden;}

.index_news .left_box{ width:16%; float:left;}

.index_news .left_box .tab_hd{ border-top:1px solid #c6c6c6; padding-top:10px;}

.index_news .left_box .tab_hd div { margin-top:25px;}

.index_news .left_box .tab_hd div a{ font-size:16px; line-height:50px;display:block; position:relative; cursor:pointer; border:1px solid #e7e7e7; text-align:center;}

.index_news .left_box .tab_hd div a:hover{color:#4b4b4b;border:1px solid #4b4b4b;}



.index_news .left_box .tab_hd div.active a,

.index_news .left_box .tab_hd div.active a:hover{ background:#4b4b4b; color:#fff; border-color:#4b4b4b;}





.index_news .tab_list{ width:71%; float:right; position:relative;}

.index_news .tab_list>div{margin-left:100%;top:0; position: absolute;width:100%;display:block;}

.index_news .tab_list>div.active{ margin-left:0;}



.index_news .tab_list ul{ overflow:hidden;border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5;overflow:hidden; }

.index_news .tab_list li{ width:50%; float:left; position:relative; overflow:hidden;}

.index_news .tab_list li:after{ content:''; position:absolute; left:0; bottom:0; height:1px; width:100%; background:#e5e5e5; z-index:1}

.index_news .tab_list li a{ display:block;border-left:1px solid #e5e5e5; height:350px;}

.index_news .tab_list li .img_box{ width:100%; height:100%; opacity:0;overflow:hidden;}

.index_news .tab_list li .text_box{ position:absolute; z-index:1; background: url(../image/bg_white8.png) repeat; padding:0 10%;top: 0;height: 100%;width:80%;

}

.index_news .tab_list li .text_box h3{ font-size:20px; line-height:1.6em; }

.index_news .tab_list li .text_box h4{ font-size:14px; color:#666; padding-left:35px; position:relative; margin:20px 0 0 0;}

.index_news .tab_list li .text_box h4:before{content:''; position:absolute; left:0; top:50%; width:20px; height:2px; background:#e6e6e6;}

.index_news .tab_list li .text_box p{ font-size:14px; line-height:1.6em; color:#8d8d8d; margin-top:20px;}



.index_news .tab_list li a:hover .img_box{ opacity:1;}

.index_news .tab_list li a:hover .text_box{ top:auto; bottom:0;padding:5% 10%; height:auto;}

.index_news .tab_list li a:hover .text_box p{ display:none;}

.index_news .tab_list li a:hover .text_box h4{ color:#000; margin-top:10px;}

.index_news .tab_list li a:hover .text_box h4:before{background:#000;}





.line_box{ width:100%; height:90px; clear:both;}

.ibanner{ height:425px; background-position:center; background-repeat:no-repeat; position:relative;}

.ibanner p{ line-height:425px; color:#fff; font-size:40px;text-transform: uppercase; font-weight:bold; position:relative; padding-bottom:30px;font-family: 'Conv_Montserrat-Bold';}

.ibanner p:after{ content:''; position:absolute; left:0; top:50%; margin-top:35px; height:6px; width:30px; background:#fff;}











.about_info{ position:relative;}

.about_info .img_box{width:46%; height:100%; overflow:hidden;}

.about_info .img_box img{width:100%;}

.about_info .text_box{ padding:0 12%; width:34%; position: absolute; height:100%;top:0;right:0; z-index:1;}

.about_info .text_box .text h3{ font-size:20px; font-weight:bold; color:#000; margin-bottom:20px; }

.about_info .text_box .text p{ font-size:14px; color:#666; line-height:1.6em;text-align: justify;}

.about_info .slogan{ position:absolute; right:3.5%; top:6%; text-transform: uppercase; font-size:70px; color:#f7f7f7;font-family: 'Conv_Montserrat-Bold'; writing-mode: vertical-lr;writing-mode:tb-lr;text-transform:uppercase;line-height:1em; z-index:0;}



.about_culture{ background-position:center; background-repeat:no-repeat; background-size:auto 100% ; padding:8% 0 11% 0;}

.about_culture .title_box h3{ color:#fff;}

.about_culture .text_box{ text-align:center; font-size:50px; color:#fff; font-weight:bold; margin-top:6%;}





.about_history {padding-top:60px; position:relative;}

.about_history:before{ content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#d0d0d0;}

.about_history .history_swiper{ position:relative; width:88%; margin:0 auto;}

.about_history .swiper-container{ width:90%;margin:0 auto;}

.about_history .swiper-slide{ padding-bottom:60px; position:relative;}

.about_history .swiper-slide:after{ content:'';width: 0;height: 0;border:20px solid transparent;border-bottom:20px solid #d0d0d0;position: absolute;left:50%;margin-left: -20px;bottom:-2px;z-index: 10;}

.about_history .swiper-slide-next:after{ border-bottom-color:#000;}

.about_history .swiper-slide .item{position:relative; padding-bottom:10%; margin:0 5%;}



.about_history .swiper-slide .item img{ width:100%;}

.about_history .swiper-slide .item .text_box{ position:absolute; bottom:0; right:0; padding:5% 8%; width:74%; background:#fff; overflow:hidden;box-shadow:0 0 8px rgb(0,0,0,0.2);}

.about_history .swiper-slide .item .text_box h3{ float:left;font-size:20px; position:relative; padding-bottom:10px;}

.about_history .swiper-slide .item .text_box h3:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#023889;}

.about_history .swiper-slide .item .text_box p{ width:76%; float:right; font-size:14px; line-height:1.6em; text-align:left; color:#8d8d8d;}

.about_history .swiper-button-next, .about_history .swiper-button-prev{ top:40%;}











.about_contact{ background-position:center; background-repeat:no-repeat; background-size:100% 100%; padding:5% 0; overflow: hidden; margin-top:6%;}

.about_contact .left_box{ float:left;}

.about_contact  .con_box{ float:right; width:87%;}

.about_contact  .con_box li { margin-left:2%; float:left; padding:3% 5.5%; box-sizing:border-box; background:#fff; margin-bottom:30px;}

.about_contact  .con_box li.col-2{ width:48%;}

.about_contact  .con_box li.col-1{ width:98%; margin-bottom:0;}

.about_contact  .con_box li h3{ font-size:18px;font-family: 'Conv_Montserrat-Bold'; padding-bottom:10px; margin-bottom:10px; position:relative;text-transform: uppercase;}

.about_contact  .con_box li h3 span{ font-weight:normal; display:block; margin-top:5px;}

.about_contact  .con_box li h3:after{content:''; position:absolute; left:0; bottom:0; width:30px; height:3px; background:#575757;}

.about_contact  .con_box li p{ font-size:14px; line-height:1.6em; color:#333; margin-top:20px;text-transform: uppercase;}









.goods_tab{ position:relative;}

.goods_tab .goods_hd{ margin-bottom:30px;}

.goods_tab .goods_hd .swiper-slide{ width:auto; margin:0 20px;}

.goods_tab .goods_hd a{ height:44px; line-height:44px; text-align:center; cursor:pointer;}

.goods_tab .goods_hd i{ padding:6px; border-radius:100%; background:#d3d3d3; display:inline-block; margin-right:5px;}

.goods_tab .goods_hd em{ position:relative;}

.goods_tab .goods_hd em .text{ position:relative;font-size:18px;z-index:1; color:#8d8d8d;}

.goods_tab .goods_hd em .bg{ position:absolute; left:0; width:100%; line-height:44px; font-size:60px; color:#ebebeb;font-family: 'Conv_Montserrat-Bold'; z-index:0; opacity:0;}

.goods_tab .goods_hd span{ width:30px; height:1px; display:inline-block; margin-right:5px; position:relative; top:-5px;}

.goods_tab .goods_hd .swiper-slide:last-child span{ display:none;}

.goods_tab .goods_hd span:after,

.goods_tab .goods_hd span:before{ content:''; position:absolute;lefe:0; top:0;  height:1px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.goods_tab .goods_hd span:after{background:#d3d3d3;width:100%; z-index:0;}

.goods_tab .goods_hd span:before{width:0;background:#000; z-index:1;}



.goods_tab .goods_hd .swiper-slide-thumb-active .bg{ opacity:1;}

.goods_tab .goods_hd a:hover i{ background:#000;}

.goods_tab .goods_hd a:hover .text,

.goods_tab .goods_hd .swiper-slide-thumb-active .text{ color:#000;}

.goods_tab .goods_hd a:hover span:before{ width:100%;}



.goods_tab .goods_list .swiper-slide{ position:relative;}

.goods_tab .goods_list .goods_img{ position:absolute; left:0; top:0; width:44%; height:100%; overflow:hidden; z-index:10}

.goods_tab .goods_list .goods_img img{ width:100%;}

.goods_tab .goods_list .goods_text{ padding:8% 12% 8% 56%; position:relative; z-index:9; background:#f8f8f8; margin-bottom:6%;}

.goods_tab .goods_list .goods_text h3{ font-size:20px; position:relative;font-weight:bold; color:#000; padding-bottom:15px; margin-bottom:10px;}

.goods_tab .goods_list .goods_text h3:after{content:''; position:absolute; left:0; bottom:0; width:40px; height:3px; background:#023889;}

.goods_tab .goods_list .goods_text p{ font-size:16px; line-height:1.8em; height:7.2em; color:#898989; margin-top:40px;margin-bottom: 40px;}

.goods_tab .goods_list .goods_text a {display: block;position: relative;font-size: 14px; width:130px; line-height:36px; font-family: 'Conv_Montserrat-Bold';text-transform: uppercase; font-weight:bold; background:#4b4b4b; color:#fff; text-align:center;}

.goods_tab .goods_list .goods_text a:hover{ background:#023889; color:#4b4b4b;}



.goods_detail_tab .hd_box{ overflow:hidden; margin-bottom:40px; border-bottom:1px solid #b8b8b8;}

.goods_detail_tab .title_box{ float:left;}

.goods_detail_tab .goods_hd{ float:right; width:auto; margin-top:40px;}

.goods_detail_tab .goods_hd .swiper-slide{ width:auto;}



.goods_detail_tab .goods_hd a{ height:40px; line-height:40px; padding:0 30px;display:block; font-size:16px; color:#b8b8b8; cursor:pointer;}

.goods_detail_tab .goods_hd a:hover{ background:#023889; color:#000;}

.goods_detail_tab .goods_hd .swiper-slide-thumb-active a{ background:#4b4b4b; color:#fff; }

.goods_detail_tab .goods_list{ padding:0 10.5%;}

.goods_detail_tab .goods_list a: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);}

.goods_detail_tab .goods_list ul{ overflow:hidden;}

.goods_detail_tab .goods_list li{width:29.3%; float:left; padding:30px 1.9%;}

.goods_detail_tab .goods_list li a , .goods_detail_tab .goods_list li span{display:block;}

.goods_detail_tab .goods_list li img{ width:100%;}

.goods_detail_tab .goods_list li a{ border:1px solid #d5d5d5; overflow:hidden;}

.goods_detail_tab .goods_list li a:hover{ border-color:transparent; box-shadow:0 0 8px rgb(0,0,0,0.2);}

.goods_detail_tab .goods_list li .text_box{ line-height:60px; text-align:center; font-size:16px; color:#b8b8b8;}

.goods_detail_tab .goods_list li a:hover .text_box{ color:#000;}



.goods_detail_info{ overflow:hidden; position:relative;}

.goods_detail_info:before{ content:''; position:absolute; left:30%; top:0; width:1px; height:100%; background:#e8e8e8;}

.goods_detail_info .goods_img{ width:27%; float:left; position:relative;}

.goods_detail_info .swiper-container .swiper-slide{ margin-bottom:20px;}

.goods_detail_info .goods_img .img_box img{ width:100%;}

.goods_detail_info .goods_img .text_box{ font-size:14px; line-height:2em; color:#585858; display:block;}

.goods_detail_info .goods_img .swiper-button-next, 

.goods_detail_info .goods_img .swiper-button-prev{ position:relative; margin-top:15px; }



.goods_detail_info .goods_qa{ width:62%; float:right; overflow:hidden;position:relative;}

.goods_detail_info .goods_qa h2{ position:absolute; left:0; top:0; font-size:24px;}



.goods_detail_info .goods_detail_seiper{position:relative; padding-top:120px;}

.goods_detail_info .goods_detail_seiper:before{ content:''; position:absolute; left:0; top:80px; width:100%; height:1px; background:#ddd;}

.goods_detail_info .goods_qa .swiper-button-next,

.goods_detail_info .goods_qa .swiper-button-prev{width:60px; height:40px; line-height:40px; text-align:center; border:1px solid #e5e5e5; top:0; margin-top:0;}

.goods_detail_info .goods_qa .swiper-button-prev{right:130px; left:auto }

.goods_detail_info .goods_qa .swiper-button-next:hover,
.goods_detail_info .goods_qa .swiper-button-prev:hover{border-color:#023889;}



.goods_detail_info .goods_text{ width:60%; float:left; height:42em; overflow-y:scroll}

.goods_detail_info .goods_text h3{ font-size:20px; color:#000; margin-bottom:40px; font-weight:bold;}


.goods_detail_info .goods_text h4{ height:40px; line-height:40px; font-size:16px; width:100px; background:#023889; color:#000; text-align:center; float:left; clear:both;}

.goods_detail_info .goods_text p{ overflow:hidden;color:#8d8d8d; font-size:14px; line-height:2em; margin-top:5px;line-height:2em; margin-top:5px; clear:both;}



.goods_detail_info .goods_ad{ width:32%; float:right; padding-bottom:20px;}

.goods_detail_info .goods_ad h3{ font-size:16px; margin-bottom:20px;}



.goods_detail_info .goods_ad a,

.goods_detail_info .goods_ad span{ display:block; overflow:hidden;}

.goods_detail_info .goods_ad .text_box{ line-height:1.8em; padding:20px 0;font-size:14px;}

.goods_detail_info .goods_ad .img_box{border:1px solid #eaeaea;}

.goods_detail_info .goods_ad img{ width:100%;}

.goods_detail_info .goods_ad a: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);}



.goods_detail_info .goods_ad .swiper-pagination{ bottom:0; text-align:left; display:none;}

.goods_detail_info .goods_ad .swiper-pagination-bullet{ display:inline-block;}

.goods_detail_info .goods_ad .swiper-pagination-bullet-active{ background:#000;}



.d-table {display: table;width: 100%;height: 100%;}

.d-table-cell {display: table-cell;vertical-align: middle;}



.server_info{ padding-top:60px;}

.server_list{ overflow:hidden;}

.server_list .item {position: relative;width:43.85%;float: left;}

.server_list .item a{display: block;overflow: hidden;background: #ededed;}

.server_list .item a .img_box{width: 50%;float: left;overflow: hidden; line-height:0;}

.server_list .item a .img_box img {background: #000; width:100%; height:100%;}

.server_list .item a .text_box{position: absolute;right: 0;top: 0;width: 40%;height: 100%;padding:0 5%;}

.server_list .item a .text_box h3 {font-size:20px;color: #000;padding-bottom:10px;}

.server_list .item a .text_box h3 span{ width:35px; height:3px; display:inline-block; background:#023889; margin-left:20px;vertical-align: middle;}

.server_list .item a .text_box p {font-size: 14px;color: #555;font-weight: normal;line-height: 1.6em; margin-top:10px;}

.server_list .item a .text_box::before {content: '';width: 0;height: 0;border-width: 20px 20px 20px 0;border-style: solid;border-color:transparent #ededed transparent transparent ;position: absolute;left: -20px;top: 50%;margin-top: -20px; z-index: 3;}

.server_list .item:nth-child(1){ width:56.15%;}

.server_list .item:nth-child(1) .text_box,.server_list .item:nth-child(2) .text_box{left: 0;right: auto;}

.server_list .item:nth-child(1) .img_box,.server_list .item:nth-child(2) .img_box{float:right;}

.server_list .item:nth-child(1) .text_box::before {border-width: 20px 0 20px 20px;border-color:transparent transparent transparent #ededed;left:auto;right: -20px;}

.server_list .item:nth-child(2) .text_box::before {border-width: 20px 0 20px 20px;border-color:transparent transparent transparent #ededed;left:auto;right: -20px;}

.server_list .item a:hover .img_box 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);-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;}

/*

.server_list .item a:hover {background: #023889;}

.server_list .item a:hover .text_box h3 span{background:#f0f0f0;}

.server_list .item a:hover .text_box p {color: #4b4b4b;}

.server_list .item a:hover .text_box::before {border-color:transparent #023889 transparent transparent;}

.server_list .item:nth-child(1) a:hover .text_box::before,.server_list .item:nth-child(2) a:hover .text_box::before {border-color:transparent transparent transparent #023889;}

*/



.server_culture{ padding-top:60px;}

.culture_list{ overflow:hidden;}

.culture_list .item {position: relative;width:32%; margin-left:2%;float: left;}

.culture_list .item:first-child{ margin-left:0;}

.culture_list .item a{display: block;overflow: hidden;}

.culture_list .item a .img_box{width: 50%;float: left;overflow: hidden; line-height:0; margin-bottom:20px; position:relative; z-index:1;}

.culture_list .item a .img_box img { min-width:100%; min-height:100%;}

.culture_list .item a .text_box{position: absolute;right: 0;bottom: 0;width: 40%;height:80%;padding:0 5% 0 55%;background: #ededed;}

.culture_list .item a .text_box h3 {font-size:20px;color: #000; padding-bottom:10px;}

.culture_list .item a .text_box h3 span{ width:35px; height:3px; display:inline-block; background:#023889; margin-left:20px;vertical-align: middle;}

.culture_list .item a .text_box p {font-size: 14px;color: #555;font-weight: normal;line-height: 1.6em; margin-top:10px;}



.culture_list .item a:hover .img_box 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);-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;}

/*.culture_list .item a:hover .text_box{background: #023889;}

.culture_list .item a:hover .text_box h3 span{background:#f0f0f0;}

.culture_list .item a:hover .text_box p {color: #4b4b4b;}*/



.news_box .top_box{ overflow:hidden; border-bottom:1px solid #f0f0f0;}

.news_box .top_box .title_box{ float:left;}

.news_box .top_box .slogan_box{ float:right; margin-top:70px; font-size:14px; color:#8d8d8d;}



.news_box .news_list{ overflow:hidden; margin-bottom:60px;}

.news_box .news_list .item { padding:40px 0;border-bottom:1px solid #f0f0f0;}

.news_box .news_list .item  a{display: block;overflow: hidden; position:relative;background-color: #f7f7f7;}

.news_box .news_list .item .img_box{float: right;overflow: hidden; line-height:0;position:relative; z-index:1; width:40%;}

.news_box .news_list .item .img_box img {background: #000; width:100%;}

.news_box .news_list .item .text_box{position: absolute;left: 0;bottom: 0;width:50%;height:100%; padding:0 2% 0 2%;}

.news_box .news_list .item .text_box h3{font-size:20px;color: #000; padding-bottom:10px;}

.news_box .news_list .item .text_box h4 {font-size:14px;color: #636363; padding-bottom:10px;}

.news_box .news_list .item .text_box h4 span{ width:20px; height:2px; display:inline-block; background:#023889; margin-right:10px;vertical-align: middle;}

.news_box .news_list .item .text_box p {font-size: 14px;color: #898989;font-weight: normal;line-height: 1.6em; margin-top:10px; height:6.4em}

.news_box .news_list .item .text_box h6{ width:130px; height:36px; line-height:36px; text-align:center; background:#4b4b4b; color:#fff;font-size: 14px;}



.news_box .news_list .item:hover .img_box 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);-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;}

.news_box .news_list .item:hover .text_box{background: #f8f8f8;}

.news_box .news_list .item:hover .text_box h4 span{background:#023889;}

.news_box .news_list .item:hover .text_box p {color: #4b4b4b;}

.news_box .news_list .item:hover .text_box h6{background:#023889; color:#fff;}





.site_box{ line-height:60px; background:#eeeeee; color:#353535;}

.site_box a{ color:#999;}





.news_s_box .title_box{ text-align:center; border-bottom:1px solid #cccccc; padding-bottom:40px; margin-bottom:0;}

.news_s_box .title_box h3{ margin-bottom:0;}

.news_s_box .title_box h3:after{ display:none;}

.news_s_box .title_box p{ font-size:14px;}

.news_s_box .text_con{ padding:40px 0; font-size:14px; line-height:1.6em;}



.news_s_box .con_box{ width:70%; float:left;}

.news_s_box .ad_box{ width:24%; float:right;}

.news_s_box .ad_box dl{ padding:35px; border:1px solid #ccc;}

.news_s_box .ad_box dl h3{ font-size:30px; color:#000; font-weight:bold; padding-bottom:25px; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}

.news_s_box .ad_box dt{ overflow:hidden;border-bottom:1px solid #e5e5e5; padding-bottom:15px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.news_s_box .ad_box dt:hover .img_box 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);-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;}

.news_s_box .ad_box dt .img_box{ width:35%; float:left;}

.news_s_box .ad_box dt .text_box{ width:60%; float:right;}

.news_s_box .ad_box dt .text_box span{ color:#000; font-weight:bold; font-size:14px; line-height:1.6em; display:block; margin-bottom:10px;}

.news_s_box .ad_box dt .text_box  em{ color:#8d8d8d;}

.news_s_box .ad_box dt img{ width:100%;}

.news_s_box .ad_box dd{ line-height:50px;border-bottom:1px solid #e5e5e5; overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}

.news_s_box .ad_box dd:hover{ padding:0 20px;}

.news_s_box .ad_box dd:last-child{ border-bottom:none;}

.news_s_box .ad_box dd span{ width:70%; float:left;color:#8d8d8d; display:block; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}

.news_s_box .ad_box dd em{ width:26%; float:right;color:#8d8d8d; display:block; overflow:hidden;white-space: nowrap;}



.gopage_box{ border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:25px 0;text-align:center;}

.gopage_box a{ display:inline-block; font-size:14px; color:#000; font-weight:bold; }

.gopage_box a span{ width:50px; height:14px; display: inline-block; opacity:0.4}

.gopage_box a.gopage_prev{ float:left;}

.gopage_box a.gopage_prev span{ background:url(../image/icon_arrow_l_gray.svg) left 30% no-repeat; background-size:60%;border-right:2px solid #000;vertical-align: middle; margin-right:20px;}

.gopage_box a.gopage_next{ float:right;}

.gopage_box a.gopage_next span{ background:url(../image/icon_arrow_r_gray.svg) right 30% no-repeat; background-size:60%;border-left:2px solid #000;vertical-align: middle; margin-left:20px;}

.gopage_box a:hover span{ opacity:1;}



.gopage_box.bk{ border:none;}

.gopage_box.bk a{ border:1px solid #cccccc; color:#b2b2b2; font-family:"微软雅黑";margin-right:20px; }
.gopage_box.bk a:last-child{ margin-right:0;}
.gopage_box.bk a ,

.gopage_box.bk a.gopage_prev ,

.gopage_box.bk a.gopage_next{ float:none; height:38px; line-height:38px;padding:0 15px;}

.gopage_box.bk a.gopage_prev span,

.gopage_box.bk a.gopage_next span{ margin:0; border:none; background-position:center; width:40px; }



.gopage_box.bk{ text-align:left; font-size:16px;}

.gopage_box.bk a:hover,

.gopage_box.bk a.cur{ background:#023889; border-color:#023889; color:#000;}









.job_info .job_box  {display: block;overflow: hidden; position:relative;}

.job_info .job_box .img_box{float: right;overflow: hidden; line-height:0;position:relative; z-index:1; width:50%;}

.job_info .job_box .img_box img {background: #000; width:100%;}

.job_info .job_box .text_box{position: absolute;left: 0;bottom: 0;width:32%;height:100%; padding:0 6% 0 12%;}

.job_info .job_box .text_box .text{ font-size:16px; line-height:1.6em; color:#575757;}



.job_info .job_box .text_box dl{ overflow:hidden; margin-top:20px;}

.job_info .job_box .text_box dt{ display:inline-block;padding-right:30px;vertical-align: middle;}



.job_info .job_box .text_box dd{ width:77%;display:inline-block;vertical-align: middle;}

.job_info .job_box .text_box dd h3{ margin-bottom:5px;}



.job_list{ padding-top:60px;}

.job_list li { margin-bottom:20px;}

.job_list li .list_hd{ padding:0 6%; line-height:70px;height:70px; background:#f5f5f5; cursor:pointer;position: relative; overflow:hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}

.job_list li .list_hd h3{ font-size:20px; color:#000; float:left; width:20%;}

.job_list li .list_hd p{ float:left; font-size:16px; color:#878787;}

.job_list li .list_hd p span{ padding:0 30px; color:#dedede;}

.job_list li .list_hd .time{ float:right; font-size:16px; color:#626262;}

.job_list li .list_hd .time i{ position:relative;vertical-align: middle; margin-left:20px;}

.job_list li .list_hd .time i:before{ content:''; position:absolute; top:50%; margin-top:-12px;border: solid black;border-width: 0 2px 2px 0;display: inline-block;padding: 5px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}





.job_list li .text_con{ width:88%; padding:6%; display:none; background:#f0f0f0; overflow:hidden; position:relative;}

.job_list li .text_con h3{font-size:14px; color:#000; margin-bottom:30px;}

.job_list li .text_con p{ font-size:14px; color:#848484;line-height:2em;}

.job_list li .text_con h6{ margin-top:40px; width:180px; line-height:50px; text-align:center;}

.job_list li .text_con h6 a{ background:#023889; color:#000; display:block; font-size:14px;}



.job_list li.active .list_hd{background:#023889; }

.job_list li.active .list_hd p ,

.job_list li.active .list_hd .time{ color:#000;}

.job_list li.active .list_hd p span{color:#999;}

.job_list li.active .list_hd .time i:before{transform:rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top:-6px;}

.job_list li.active .text_con{ display:block;}

.nodata{ text-align:center; padding:10% 0;}
.nodata img{ width:12rem;}
.nodata p{ font-size:14px;color:#848484;}