@import "base.css";


ol, ul {list-style: none;margin: 0;padding: 0}
table {border-collapse: collapse;border-spacing: 0}
hr {margin: 10px 0}
video {width: 100%;height: 100%}

body{font-size: 14px;color: #898989;line-height: 1.5;-ms-overflow-style: scrollbar;font-family: "微软雅黑"}
a {text-decoration: none;color: #666}


.container {width:98%;max-width:1000px;margin: auto}


header {position: relative;width: 100%;background: #ffffff}
header .header a {color: #333;display: block;}
header.mouseon .header {color: #666 !important}
header.mouseon .header a {color: #666 !important}

header .logo {position: relative;float: left;width: 330px;padding-left: 30px;padding-top: 22px;}
header .header {width: calc(100% - 360px);position: relative;float: right;max-width: 1200px;}
header .header ul li {width: calc(100% / 7);max-width: 150px;float: left;text-align: center;}
header .header ul li a {padding-top:10px;line-height:60px;display:block;position: relative;text-decoration: none}
header .header ul li:hover {color: #0d396c}
header .header ul li.zoom {width: 2em}

header .header nav a:after{	content: "";position: absolute;bottom: 3px;left: 50%;height: 4px;width: 0px;background: #141d56;transition: width 0.3s,left 0.3s;}
header .header nav li:hover a:after{width:60%;left: 20%;}

header .docker-container {width: 100%;position: absolute;top:100%;z-index: 2;-moz-opacity: .9;opacity: .9;background: #f2f2f2;display: none}
header .docker-container .docker-container-width {width: 70%;text-align: left;margin: auto}
header .docker-container .docker-container-width h5 {color: #1a355e;font-size: 1em;margin: 10px 0;border-right: 1px dashed #8f8f8f}
header .docker-container .docker-container-width a {color: #666;}
header .docker-container .docker-container-width span.icon{margin-right: 10px;}
header .docker-container .docker-container-width span.icon img{vertical-align: middle}
header .docker-container .docker-container-width>div {display: none;padding: 1em 0;text-align: center}

header .docker-container .docker-container-width li{display: inline-block;padding:0 15px;box-sizing: border-box;}
header .docker-container .docker-container-width .docker-container-product li{width: calc(100% / 7);float: left;text-align: left}
header .docker-container .docker-container-width .docker-container-product li a {display: block}
header .docker-container .docker-container-width .docker-container-product li a:hover {color: #1a355e}


.menu-button{width:35px;position: fixed;top: 15px;right: 20px;cursor: pointer;display: none;z-index: 101;background: #141d56;padding: 8px 8px;}
.menu-button span{width:100%;display: block;height: 2px;background: #ffffff;border-radius: 10px;-webkit-transition: .3s;transition: .3s;position: relative}
.menu-button span:nth-child(2){margin:5px 0}
.menu-button.cross span:nth-of-type(1) {transform: translateY(7px) rotate(-45deg);}
.menu-button.cross span:nth-of-type(2) {opacity: 0;}
.menu-button.cross span:nth-of-type(3) {transform: translateY(-7px) rotate(45deg);}

@media only screen and (max-width : 1200px) {
	.menu-button{display: block}
	header .logo {width:30%;padding:15px 20px;}
	header .header {width:100%;display: none;height: 100%;position: fixed;z-index: 100;background: #ffffff;}
	header .header.open {display: block}
	header .header ul li {width:100%;max-width: none;float: none;text-align: center;}
	header .header ul li:first-child{margin-top: 100px;}
	header .header ul li a {padding:0px;}
	header .docker-container {display: none!important;}

}
@media only screen and (max-width : 812px) {
	body{font-size: 12px;}
}



.go-top {position: fixed;width: 41px;height: 41px;bottom: 0;right: 0;z-index: 1000}
.go-top a {display: block}


.toggle-icon li a span img{transition:transform 0.5s}
.toggle-icon li a span:hover img{transform:rotateY(360deg)}

.fd{overflow: hidden;cursor: pointer}
.fd img{transition:transform 0.3s}
.fd:hover img{transform: scale(1.2)}

.toggle-icon {margin: .5em auto}
.toggle-icon li {border-left: dashed 1px #d4d4d4;padding: 1em 0;float: left;text-align: center;position: relative;z-index: 3}
.toggle-icon li:last-child {border-right: dashed 1px #d4d4d4}
.toggle-icon li a {text-decoration: none;display: block;position: relative;z-index: 1;margin: 0 auto}
.toggle-icon li a span {margin-top: 1em;display: block;color: #424242;margin: 0 auto}
.toggle-icon li a span:first-child {width: 70%}
.toggle-icon li a span:nth-child(2) {margin-top: 1.75em}
.toggle-icon li a:hover span {color: #1a355e}
.toggle-icon li.active a span {color: #1a355e}

.index-product-series {width: 100%;font-size: 12px;padding: 4.5em 0;margin: 0 auto;background-color: #fff;-moz-opacity: .9;opacity: .9;position: relative;z-index: 3}
.index-product-series .toggle-icon li {width: calc( 100% / 7 - 3px );}
.index-product-series .toggle-icon li ul {width: 100%;display: none;position: absolute;background-color: #fff}
.index-product-series .toggle-icon li ul li {width: 100%;padding: .5em 0;text-align: center;border-bottom: 1px dashed #d4d4d4;float: none}
.index-product-series .toggle-icon li ul li a {color: #898989}
.index-product-series .toggle-icon li ul li:last-child {border-bottom-style: none;border-right-style: none}
.index-product-series.align-vertical .toggle-icon li ul {top: 10em}
.index-product-series.align-vertical .toggle-icon li ul li {border-left-style: none}

.index-product-series.align-horizontal .toggle-icon {width:90%}
.index-product-series.align-horizontal .toggle-icon li {border-style: none}
.index-product-series.align-horizontal .toggle-icon li a {width: 100%;margin: 0 auto}
.index-product-series.align-horizontal .toggle-icon li a span {text-align: left;float: left}
.index-product-series.align-horizontal .toggle-icon li a span:first-child {width: 25%;margin-left: 5%;margin-top: 17px;}
.index-product-series.align-horizontal .toggle-icon li a span:nth-child(2) {margin-top: 1.3em;float: right;width: 66%;text-align: center}
.index-product-series.align-horizontal .toggle-icon li ul {top: 100%}
.index-product-series.align-horizontal .toggle-icon li ul li {border-bottom: 1px dashed #d4d4d4}
.index-product-series.align-horizontal .toggle-icon li ul li:last-child {border-bottom-style: none}



.product_title{font-size: 30px;padding: 30px 0;position: relative;text-align: center}
.product_title:before{content: "";position: absolute;top:50%;height: 1px;background: #999;width:100%;left:0;z-index: 0;}
.product_title span{background: #fff;padding:0 20px;display: inline-block;position: relative;z-index: 1;}
.product_title span span{border: 1px solid #999;color: #666;border-radius: 50px;font-size: 14px;padding: 5px 40px;}

.in_event{padding-bottom: 60px;}
.in_event ul li{float:left;margin: 0 1%;width: 31.3%;font-size: 14px;text-align: center;color: #333;}
.in_event ul li .txt1{font-size: 16px;text-align: center;color: #333;}


.xpss{padding-bottom: 20px;}
.xpss ul li .con{ text-align:center;font-size: 14px;border: 2px solid #f4f4f4;line-height: 2; }
.xpss ul li .con .img{margin:2px;margin-bottom: 10px;overflow: hidden;background: #ffffff }
.xpss ul li:hover .con{border: 2px solid #141d56;background: #f4f4f4 url(../images/product_img_bg.jpg)no-repeat bottom right;}

.in_new2{padding-bottom: 30px;}
.in_new2 .rt_img{float: right;width: 30%;}
.in_new2 .lt_box{float: left;width: 68%;}
.in_new2 .lt_box dl{margin-bottom: 20px;}
.in_new2 .lt_box dt{float: left;width: 36%;}
.in_new2 .lt_box dd{width: 60%;float: right;}
.in_new2 .lt_box dd .tit{font-size: 16px;border-bottom: 1px dashed #999;line-height: 26px;}
.in_new2 .lt_box dd .tit span{float: right;color: #999;font-size: 12px;}

.in_new2 .lt_box dd .txt{font-size: 14px;margin: 10px 0;line-height: 2}
.in_new2 .lt_box dd .txt h5{color: #333;}
.in_new2 .lt_box dd .txt .time{font-size: 12px;color: #757575;}
.in_new2 .lt_box dd .txt:hover h5{color: #987245;}
.in_new2 .lt_box dd .list{font-size: 12px;}

.in_new2 ul li{width: 31.3%;float: left;margin: 0 1%;font-size: 14px;text-align: center;line-height: 2;}

.foot{background:rgb(20,29,86) url(../images/foot_bg.jpg)repeat-x top;margin-top: 20px;padding-bottom:30px;}
.foot .foot_box .ewm{float: right;width:120px;margin-top: 60px;}
.foot .foot_box dl{float: left;color: #ffffff;width: calc(100% - 130px);}
.foot .foot_box dl dd{float: left;width:calc(100% / 6);}
.foot .foot_box dl dd h3{line-height: 60px;text-align: left;font-size: 14px;}

.foot .foot_box dl dd a{color:#c6c6c6;}
.foot .foot_box dl dd .dd_box a{line-height: 20px;color:#c6c6c6;font-size: 12px;display: block}
.foot .foot_box dl dd .dd_box a:hover{text-decoration: underline;}

.foot .copy .foot_logo{float: left}
.foot .copy .p{float: right;font-size: 14px;}
.foot .copy .p p{margin-bottom: 0;line-height: 20px}


@media only screen and (max-width : 812px) {
	.index-product-series{padding: 20px 0}
	.index-product-series .toggle-icon li{width: auto;padding: 0 10px;}
	.index-product-series .toggle-icon li ul{display: none !important}

	.in_new2 .rt_img,.in_new2 .lt_box dt{display: none}
	.in_new2 .lt_box,.in_new2 .lt_box dd{width: 100%;float: none}

	.foot .foot_box dl{float: none;width: 100%;text-align: center}
	.foot .foot_box dl dd{float: none;display: inline-block;width: auto;margin:3px 8px;}
	.foot .foot_box dl dd h3{line-height: 2;}
	.foot .foot_box dl dd .dd_box{display: none}
	.foot .foot_box .ewm{float: none;margin:5px auto;}
	.foot .copy .foot_logo{float: none;text-align: center}
	.foot .copy .p{float: none;font-size: 12px;text-align: center}
}
@media only screen and (max-width : 640px) {
	.in_new2 ul li,.in_event ul li{width: 98%;margin-bottom: 10px;}
}




.in_link{font-size: 12px;margin-top: 20px;}

.page_banner{ background:url(../images/lianxi_banner.jpg) center no-repeat; height:450px;background-size: cover;background-repeat: no-repeat;background-position: center}
#nr_1{height: 25px;}

.n_nav{text-align:center}
.n_nav li{ display:inline-block; padding:0 20px;line-height:3; font-size:16px; color:#866d61;}
.n_nav li img{margin-right: 10px;vertical-align: middle}
.n_nav li.on{ color:#141d56; border-bottom:#141d56 2px solid;}
.n_nav li.on a{ color:#141d56;}


/*about*/
.about_title{font-size: 24px;color: #333;padding: 30px 0 20px;text-align: center;text-transform:uppercase;}
.about_title .p1{text-align: center;position: relative;}
.about_title .p1:after{content: "";width: 180px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 2px;background:#141d56;}
.about_title .p2{color: #999;}

.gold{background:#f3f4f6 url(../images/ab_bg_1.jpg) center;}
.gold_box{background:url(../images/ab_bg_2.png) left bottom no-repeat;background-size: contain}
.gold_box .p{width:50%;height: 505px;float: right;margin: 20px 0;line-height: 2.2;text-indent: 2em;font-size: 18px;}

.qywh_txt{margin-top: 60px;}
.qywh_txt img{float:right;margin-left: 20px;margin-bottom: 10px;max-width: 45%;}
.qywh_txt span{color:#987245;font-size: 18px;}

.event_box{}
.event_box .gallery_top ul li{padding: 0 100px;box-sizing: border-box}
.event_box .gallery_top ul li .img{width: 340px;float: left }
.event_box .gallery_top ul li .txt{width:calc(100% - 360px);float: right;color: #898989;line-height: 2}
.event_box .gallery_top ul li .txt h4{font-size: 40px;color: #333;}
.event_box .gallery_thumbs{position: relative;padding:0 10%;margin-top: 25px;text-align: center}
.honor	.honor_box .prev,.honor_box .next,.event_box .gallery_thumbs .event_prev,.event_box .gallery_thumbs .event_next{position: absolute;width:30px;height: 30px;cursor:pointer;transition: background 0.3s;background-repeat: no-repeat;background-position: center;}
.event_box .gallery_thumbs .event_prev{top: 0;left: 0;background-image: url("../images/left_ico.png") ;background-color: transparent}
.event_box .gallery_thumbs .event_next{top: 0;right: 0;background-image: url("../images/right_ico.png");background-color: transparent}
.event_box .gallery_thumbs:before{content: '';width:90%;height: 1px;background: #580000;position: absolute;left: 50%;transform: translateX(-50%);top: 14px;z-index:1;}
.event_box .gallery_thumbs li{cursor: pointer;padding:40px 0;font-size: 16px;color: #000;position: relative;}
.event_box .gallery_thumbs li:before{ content: '';background: url(../images/dot_ico.jpg) no-repeat center;width: 15px;height: 15px;position: absolute;z-index: 20;top:7px;left: 50%;transform: translateX(-50%)}
.event_box .gallery_thumbs li.swiper-slide-thumb-active:before{width: 27px;height: 35px;top: 0;background: url(../images/dot_ico_on.jpg) no-repeat center;background-size: contain}


.honor{background: url(../images/honor_bg.jpg) center no-repeat;background-size: cover}
.honor_b {padding-bottom: 30px;}
.honor	.honor_box{position: relative;padding:10px 60px;}
.honor	.honor_box .prev,.honor_box .next{height:50px;top: 50%;transform: translateY(-50%);}

.honor	.honor_box .prev{left: 0;background-image: url("../images/honor_left.jpg.png") ;}
.honor	.honor_box .next{right: 0;background-image: url("../images/honor_right.jpg.png")}
.honor	.honor_box .prev:hover,.honor_box .next:hover{background-color: #987245;}
.honor	.honor_box .prev,.honor_box .next{background-color:#6e6e6e;}
.honor	.honor_box ul li{background: #eeeeee;padding: 20px;box-sizing: border-box}
.honor .honor_box ul li .pic{ text-align:center;margin-bottom: 20px;overflow: hidden;}


.honor .more{border-radius: 50px;width: 144px;display: block;text-align: center;margin: 0 auto;border-radius: 20px;border: 1px
solid #b2b2b2;color: #b2b2b2;line-height: 36px;margin-top: 20px;transition: color 0.3s,background 0.3s;}
.honor .more:hover{background: #987245;color: #fff}


@media only screen and (max-width : 812px) {
	#nr_1{height: 10px}
	.page_banner{height: 260px;}
	.n_nav li{ padding:0 10px;line-height:2;}
	.n_nav li img{height: 20px;margin-right: 5px;}

	.about_title{font-size:18px;padding: 30px 0 20px;}
	.about_title .p1:after{content: "";width: 120px}
	.about_title .p2{font-size: 12px;}

	.gold_box{background:none;}
	.gold_box .p{width: 100%;font-size: 14px;}

	.qywh_txt img,.n_nav .n_nav_list li.n_nav_li img{display: none}

	.event_box .gallery_top ul li{padding: 0;}
	.event_box .gallery_top ul li .img,.event_box .gallery_top ul li .txt{width: 100%;text-align: center;font-size: 12px;}
	.event_box .gallery_top ul li .txt h4{font-size: 16px;}
	.event_box .gallery_thumbs{padding: 0 40px;margin-top: 15px;}
	.event_box .gallery_thumbs:before{width: calc(100% - 80px)}
	.event_box .gallery_thumbs li{padding: 30px 0  20px}
	.event_box .gallery_thumbs li.swiper-slide-thumb-active:before{height: 27px;}
	.honor .honor_box{padding: 0 35px;}
	.honor .honor_box ul li{padding:5px}
	.honor .honor_box ul li .pic{margin-bottom: 0;}
}

@media only screen and (max-width :420px) {
	.page_banner{height: 200px;}
}

/*产品中心*/
.category{padding-top: 40px;}
.category>div{display: none}
.category>div.on{display: block}
.category span{color:#141d56;font-size: 16px;border-right: 1px solid #666;padding-right: 20px;font-weight: bold;display: inline-block;}
.category span img{margin-right:15px;height: 30px;}
.category a{display: inline-block;margin: 0 5px 10px;padding: 0 30px;min-width: 100px;line-height: 30px;border-radius: 30px;border: 1px solid #ddd;text-align: center;transition: background 0.3s,color 0.3s;}
.category a:hover,.category a.current{background: #141d56;color: #fff;}

.search{float: right;border-radius: 30px;border: 1px solid #bebebe;padding-left: 45px;background: url(../images/search_bg.jpg) no-repeat 10px;overflow: hidden}
.search .input,.search .submit{border: none;}
.search .input{width: calc(100% - 52px);float: left;line-height: 34px;}
.search .submit{background: #141d56;color: #fff;width: 50px;height: 34px;float: right}



.product{padding: 30px 0;position: relative}
.product ul li{float: left;margin: 30px 5px;background: #f4f4f4;width: calc(25% - 10px);text-align: center; }
.product ul li .con{border: 2px solid #f4f4f4;display: block}
.product ul li:hover .con{border: 2px solid #141d56;background: #f4f4f4 url(../images/product_img_bg.jpg)no-repeat bottom right;}
.product ul li p{line-height: 60px;}

/*页码代码*/
.pages { margin: 15px 0;font-size: 12px;font-weight: bold;line-height: 30px;text-align:right}
.pages a {color: #141d56;background: #fff;border: 1px solid #141d56;padding:3px 6px;margin-right: 3px ;cursor: pointer}
.pages a.active,.pages a:hover { background: #141d56;border: 1px solid #141d56;color: #fff }


/*产品详情*/
.product_info{padding:30px 0;margin-bottom: 20px;}
.product_info .img{float: left;width:48%;border:#f4f4f4 1px solid;text-align: center}
.product_info .img img{max-height: 360px;}
.product_info .txt{float: right;width:48%;color: #5f5f5f;}
.product_info .txt h3{font-size: 24px;color: #333;}
.product_info .txt3{color: #5f5f5f;margin-top: 30px;}

.show_title{background:#ddd; font-size:16px; line-height:2; padding-left:10px; color:#987245;}
.content{ font-size:14px; color:#333333; line-height:2;}

.new dl{background: #f5f5f5;padding:20px;margin-top: 60px;margin-bottom: 10px;box-sizing: border-box}
.new dl dd{float: left;margin: 0 1%;width:31.3%;line-height: 2;}
.new dl dd h3{font-size: 16px;}

.new ul li{padding: 36px 0;border-bottom: 1px solid #ededed}
.new ul li .img{width: 320px;float: left;}
.new ul li .txt{float: right;width: calc(100% - 350px);line-height: 1.7}
.new ul li .txt h3{font-size: 16px;color: #333;margin-bottom: 8px;}
.new ul li:hover .txt h3{color: #987245;}
.new ul li .txt p{}

.new ul li .txt .more{display: block;width: 100px;color: #fff;text-align:center;margin-top:20px;background: #999;line-height: 2.5}
.new ul li .txt .more:hover{background: #987245;}

.newinfo{padding: 30px 0}
.newinfo .title{text-align: center;color: #7e7e7e;margin-bottom: 30px;}
.newinfo .title h3{font-size: 18px;color: #4a4a4a;margin-bottom: 10px;font-weight:bold;}

.newinfo .next{margin-top: 30px;}
.newinfo .next a{float: left;width: 30%;}
.newinfo .next a:nth-child(2){float: right}





/*在线留言*/
.ms_box{margin-top: 70px;}
.ms_box ul li{margin-bottom: 20px; color: #666; line-height:30px;}
.ms_box ul li .ms_l{ float:left; width:90px;}
.ms_box ul li .ms_r{ float:right; width:calc(100% - 90px);}
.ms_box .inp{ width:100%; height:28px; border:#a9a9a9 1px solid; padding:0 10px;}
.ms_box .inp2{ width:100%; height:164px; border:#a9a9a9 1px solid; padding:0 10px;}
.ms_box .ms_bt{  width: 80px; height: 30px; background: #999; color: #fff; border: 0;}
.ms_box .ms_bt:hover{ background: #75312f;}


.lx_i_list{margin: 30px 0;}
.lx_i_list li{ float:left;margin-right: 20px;padding-top: 20px; background:#ececec; width:calc((100% - 40px) / 3);text-align: center}
.lx_i_list li:nth-child(3n){margin-right: 0;}
.lx_i_list li .ico img{height:50px;}
.lx_i_list li .txt{margin-top: 10px; color:#747474; line-height:25px; text-align:center;height: 130px;}

@media only screen and (max-width : 812px) {
	.new dl,.search{display: none}
	.new ul li{padding: 15px 0;}
	.new ul li .img{width: 32%;}
	.new ul li .txt{width: 66%;}

	.newinfo{padding:20px 0}
	.newinfo .title{margin-bottom:15px;}
	.newinfo .title h3{font-size: 16px;color: #4a4a4a;margin-bottom: 10px;}

	.newinfo .next{margin-top:10px;line-height: 2}
	.newinfo .next a{float: none;width: 100%;display: block}
	.category{padding-top: 20px;}
	.category span{padding-right: 10px;}
	.category span img{height: 22px;margin-right: 5px;}
	.category a{padding: 0 10px;}

	.product{padding:15px 0; }
	.product ul li{width: calc(33.3% - 10px)}
	.product ul li p{}

	.product_info .img,.product_info .txt{width: 100%;float: none}
	.product_info .txt h3{font-size: 18px;line-height: 2.2;text-align: center}
	.product_info .txt p{display: none}

	.lx_i_list li{width: 100%;float: none;margin: 10px 0 0;padding: 10px 0;}
	.lx_i_list li .ico img{height: 22px;}
	.lx_i_list li .txt{height: auto}



}
@media only screen and (max-width :414px) {
	.content{font-size: 12px;}
	.new ul li .img,.new ul li .txt{width: 100%;float: none}
	.new ul li .txt .more{display: none}

	.product ul li{width: calc(50% - 10px)}
	.product ul li p{line-height: 30px;}
}