@charset "UTF-8";
html, body, * {font-family:'思源黑体';font-weight: normal;}
*{padding: 0;margin: 0;list-style: none;text-decoration: none;}
body {margin: 0;padding: 0;font:14px/180% Microsoft Yahei;min-width: 640px; color:#000000;}
a{color:#000000;text-decoration:none;}
a:hover{text-decoration:none;}
ul{list-style-type: none;}
li{list-style-type: none;}
.clear{clear:both;font-size:0;margin:0;padding:0;}
.l{float:left;}
.r{float:right;}
/* *:hover */
	/* { */
		/* -webkit-transition: all .2s linear; */
		/* -moz-transition: all .2s linear; */
		/* -o-transition: all .2s linear; */
		/* transition: all .2s linear; */
	/* } */
	
.tra_s_4
	{
		-webkit-transition: all .4s linear;
		-moz-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}
.tra_s_3
	{
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		-o-transition: all .3s linear;
		transition: all .3s linear;
	}
.tra_s_2
	{
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
	}
.tra_s_ease_6{
		transition:all 0.6s ease 0s;
		-webkit-transition: all 0.6s ease 0s;
		-moz-transition: all 0.6s ease 0s;
		-o-transition: all 0.6s ease 0s;
	}
.box_s{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

/*顶部导航*/
.flexs{display:flex;justify-content:space-between;align-items:center;}
/* in_top */
.in_top{width:100%;font-size:14px;line-height:49px;color:#d5d5d6;letter-spacing:1px;background:#10141f;}
.in_top_con{display:flex;justify-content:space-between;align-items:center;}
.in_top_con img{width:19px;padding-right:10px;}
/* in_top end*/
.top{width:100%;position:absolute;left:0;top:50px;z-index:2000;}
.header{width:100%;padding:0px;}
.header .header_main{padding:30px 0 25px 0;display:flex;justify-content:space-between;align-items:center;}
.header .header_main .logo{width:216px;height:auto;}
.header .header_main .nav_header{height:36px;line-height:36px;margin-bottom:0;display:flex;justify-content:space-between;align-items:center;}
.header .header_main .nav_header .nav{height:100%;}
.header .header_main .nav_header .nav>ul{width:100%;height:100%;margin: 0; padding: 0;display:flex;justify-content:space-between;align-items:center;}
.header .header_main .nav_header .nav>ul>li{margin-right:1px;text-align:center;height:100%;position:relative;margin:0 20px;}
.header .header_main .nav_header .nav>ul>li>a{display:inline-block;font-size:18px;width:100%;height:100%;color:#000000;letter-spacing:1px;font-family:SourceHanSansCN Regular;}
.header .header_main .nav_header .nav>ul>li:hover>a{border-bottom:3px solid #fdbe3b;}
.header .header_main .nav_header .select_li>a{border-bottom:3px solid #fdbe3b;}
.header .header_main .nav_header .nav>ul>li ul {display:none;width:100%;position: absolute; left: 0;z-index: 100;top:66px;}
.header .header_main .nav_header .nav>ul>li ul>li{width: 100%;height:50px;line-height:50px;margin-top:1px;background:rgba(41,43,58,0.8);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header .header_main .nav_header .nav>ul>li ul>li a{display:block;width:100%;height:100%;font-size:15px; color:#fff;}
.header .header_main .nav_header .nav>ul>li>ul>li:hover{background:rgba(241,206,98,0.9);color:#000000;}
.header .header_main .nav_header .nav>ul>li>ul>li:hover a{color:#000000;}
.header .header_main .nav_header .nav>ul>li:hover ul{display: block;}
.header .header_main .nav_header .nav>ul>li:nth-child(4) ul{width:200%;}
.top_serch{width:300px;height:40px;border:1px solid #333333;margin-right:20px;}
.top_serch .top_serch_con{width:100%;height:100%;}
.top_serch .top_serch_con form{width:100%;height:100%;display:flex;align-items:center;}
.top_serch .top_serch_con form .ser_input{width:260px;height:100%;text-indent:1.0em;font-size:15px;border:none;}
.top_serch .top_serch_con form .ser_btn{cursor:pointer;border:none;border-left:1px solid #333333;font-size:15px;width:50px;height:100%;background:url(../images/ser.png) center no-repeat;background-size:auto 20px;padding:8px 10px;top:15px;color:#ffffff;}
/*顶部导航 end*/
/* get-que */
.get-que{cursor:pointer;background:#1c2a51;color:#ffffff;}
.get-que a{color:#ffffff;font-size:18px;line-height:42px;padding:0 20px;}
/* get-que */
/* banner-swiper*/
.swiper-container{width:100%;height:100%;overflow:hidden;}
.swiper-container .main_list{width:100%;}
.swiper-container .main_list .sl_img{width:100%;font-size:0;}
.swiper-container .main_list .sl_img img{width:100%;display:block;}
.swiper-container .swiper-pagination-bullet{opacity:1;width:12px;height:12px;display: inline-block;background:#ffffff;}
.swiper-container .swiper-pagination-bullet-active{background:#ff6a00;}
.swiper-container-horizontal>.swiper-pagination-bullets{width:100%;left:0;height:30px;bottom:50px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.swiper-container .main_list .sl_img .banner_info{position:absolute;font-family:"PingFang SC";font-size:15px;left: 0;top: 24%;width: 100%;}
.swiper-container .swiper-button-prev{z-index:10;left:70px;top:45%;width:41px!important;height:41px!important;background:url(../images/left.png) center center no-repeat;background-size:90% 90%;} 
.swiper-container .swiper-button-prev:after{content:''!important;} 
.swiper-container .swiper-button-next{right:70px;top:45%;width:41px!important;height:41px!important;background:url(../images/right.png) center center no-repeat;background-size:90% 90%;} 
.swiper-container .swiper-button-next:after{content:''!important;} 
.banner_info_con{width:55%;margin:0 auto;}
.banner_info_con h2{font-size:54px;line-height:80px;color:#ff5f00;letter-spacing:2px;font-family:"PingFang SC";}
.banner_info_con h3{font-size:54px;line-height:80px;color:#4d5068;letter-spacing:1px;font-family:"PingFang SC";}
.banner_info_con p{padding-left:5px;font-size:20px;line-height:1.8;color:#595757;letter-spacing:1px;margin-top:30px;font-family:"PingFang SC";}
.banner_info_con a{display:inline-block;margin-top:90px;font-size:16px;line-height:40px;color:#ffffff;letter-spacing:1px;padding:0 15px;background:url(../images/banner_more.png) center no-repeat;background-size:100% 100%;}
/* banner-swiper end*/
/* con_1 */
.con_1{width:100%;padding:20px 0;border-bottom:3px solid #f2f4f5;}
.con_1 .about_list{width:1230px;margin:0 auto;text-align:center;display: flex;align-items: center;justify-content:space-between;}
.con_1 .about_list li{font-size:15px;line-height:2.0;font-weight:normal;color:#000000;letter-spacing:2px;}
.con_1 .about_list li h6{font-size:15px;}
.con_1 .about_list li h6 span{font-size:40px;font-weight:bold;color:#000000;}
/* con_1 end*/
/* index_tit */
.index_tit{width:100%;text-align:center;}
.index_tit h2{font-size:32px;line-height:2.0;color:#000000;letter-spacing:2px;}
.index_tit p{font-size:16px;line-height:2.0;font-weight:normal;color:#000000;letter-spacing:2px;}
/* index_tit end*/
/* main-con */
.main-con{width:1480px;margin:0 auto;}
/* main-con end*/
/* about */
.about{margin:50px auto;display:flex;justify-content:space-between;}
.about-title h2{font-size:24px;}
.about-title h6{font-size:40px;color:#0c0a0b;line-height:1.4;font-weight:bold;margin:10px 0 20px 0;}
.about .about-left{width:40%;padding:70px 3%;background:#fdbe3b;font-size:20px;line-height:1.8;color:#0c0a0b;}
.about .about-more{display:inline-block;padding:0 45px;line-height:66px;margin-top:50px;background:#10141f;color:#ffffff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;}
.about .about-more img{height:15px;padding-left:15px;}
.about .about-more:hover{transform: translate(0,-6px);}
.about .about-right{width:54%;border:1px solid #eeeeee;}
.about .about-right .about-right-con{width:88%;min-height:85%;margin:5% 6%;display:flex;flex-wrap:wrap;justify-content:center;}
.about .about-right .about-right-con li{width:50%;padding:36px 2% 36px 0;display:flex;justify-content:left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
.about .about-right .about-right-con li .about-img{width:30%;font-size:0;}
.about .about-right .about-right-con li .about-img img{max-width:80%;}
.about .about-right .about-right-con li .about-info{width:65%;font-size:20px;line-height:1.6;color:#000000;}
.about .about-right .about-right-con li .about-info h5{font-size:34px;line-height:1.8;color:#000000;font-weight:bold;}
.about .about-right .about-right-con li .about-info h5 span{font-weight:bold;}
.about .about-right .about-right-con li .about-info p{opacity:0.85;}
.about .about-right .about-right-con li.about-1{border-bottom:2px solid #e5e5e5;border-right:2px solid #e5e5e5;}
.about .about-right .about-right-con li.about-2{border-bottom:2px solid #e5e5e5;padding-left:5%;}
.about .about-right .about-right-con li.about-3{border-right:2px solid #e5e5e5;}
.about .about-right .about-right-con li.about-4{padding-left:5%;}
/* about end*/
/* index-tit */
.index-tit{width:100%;text-align:center;}
.index-tit h6{font-size: 24px;}
.index-tit h2{font-size: 40px;color: #0c0a0b;line-height: 1.8;font-weight: bold;}
/* index-tit end*/
/* trade */
.trade{width:100%;padding:50px 0;}
.trade .trade-list{margin:30px auto;display:flex;flex-wrap:wrap;justify-content:space-between;}
.trade .trade-list li{width:31.3%;display:flex;justify-content:space-between;margin:25px auto;align-items:center;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.trade .trade-list li .trade-img{width:190px;height:190px;background:#f5f3f1;display:flex;justify-content:center;align-items:center;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.trade .trade-list li:hover{transform: translate(0,-6px);}
.trade .trade-list li:hover .trade-img{background:#fdbe3b;}
.trade .trade-list li .trade-img img{max-width:90%;max-height:90%;}
.trade .trade-list li .trade-info{width:calc(100% - 210px);}
.trade .trade-list li .trade-info h5{font-size:17px;text-transform: uppercase;font-weight:bold;line-height:1.6;}
.trade .trade-list li .trade-info .trade-price{margin-top:20px;font-size:20px;line-height:1.8;color:#000000;}
.trade .trade-list li .trade-info .trade-price span{font-weight:bold;}
.trade .trade-list li .trade-info .trade-price span:nth-child(2){padding-left:10px;font-size:18px;font-weight:normal;color:#676767;text-decoration: line-through;}
/* trade  end*/
/* index_more */
.index_more{
	display: flex;justify-content:center;align-items:center;
	width:210px;
    padding: 0 45px;margin:0 auto;
    line-height: 66px;
    margin-top: 50px;
    border:1px solid #13243a;
    color: #000000;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.index_more span{font-size:18px;font-weight:bold;}
.index_more img{height: 15px;padding-left: 15px;}
.index_more:hover{transform: translate(0,-6px);}
/* index_more end*/


/* oth */
.oth_more{width:100%;margin-top:55px;text-align:center;display:flex;justify-content:center;align-items:center;}
.oth_more a{display:flex;justify-content:center;align-items:center;border:2px solid #fdbe3b;
background:#fdbe3b;
font-size:18px;line-height:46px;padding:0 45px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.oth_more a img{width:13px;padding-left:25px;}
.oth_more:hover a{transform: translate(0,-6px);}
.oth{display:flex;justify-content:space-between;align-items:center;margin:10px auto 40px auto;}
.oth .oth_con{width:50%;padding:112px 0;text-align:center;color:#ffffff;background:url(../images/mid_left.jpg) center no-repeat;background-size:cover;
font-size:20px;line-height:2.0;}
.oth .oth_con h5{font-size:30px;line-height:2.0;}
.oth .oth_zx{background-image:url(../images/mid_right.jpg);color:#000000;}
.oth .oth_zx .oth_more a{border-color:#000000;}
/* oth end*/
/* news */
.news{margin:50px auto;}
.news_main{width:100%;margin-top:35px;overflow:hidden;}
.news_main .news_list{width:100%;}
.news_main .news_list li{background:#f9fafc;padding-bottom:20px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;}
.news_main .news_list li:hover{background:#fdbe3b;}
.news_main .news_list li .news_img{width:100%;height:240px;overflow:hidden;}
.news_main .news_list li .news_img img{width:100%;min-height:100%;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;}
.news_main .news_list li:hover .news_img img{opacity:0.9;transform: scale(1.1, 1.1);transition: .4s transform;z-index:1000;}
.news_main .news_list li .news_info{width:88%;margin:0 auto;font-size:14px;line-height:1.8;}
.news_main .news_list li .news_info h5{font-size:20px;line-height:2.0;padding-top:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-transform: uppercase;}
.news_main .news_list li .news_info p{opacity:0.8;}
.news_main .news_list li .news_info .news_more{display:inline-block;margin-top:10px;padding-right:35px;font-size:15px;line-height:2.0;color:#000000;background:url(../images/news_more.png) right center no-repeat;background-size:18px auto;}
/* news end*/
/* foot-more */
.foot-more{padding:40px 50px;display:flex;justify-content:space-between;align-items:center;background:#ffffff;
	box-shadow: 0 0 30px #f7f3f3;
	-moz-box-shadow:  0 0 30px #f7f3f3;
	-webkit-box-shadow: 0 0 30px #f7f3f3;
}
.foot-more .foot-more-img{width:216px;}
.foot-more .foot-more-info{font-size:24px;padding:0 20px;}
.foot-more-btn{width:200px;text-align:center;display:flex;justify-content:center;align-items:center;}
.foot-more-btn a{width:200px;display:flex;justify-content:center;align-items:center;border:2px solid #fdbe3b;
background:#fdbe3b;
font-size:18px;line-height:46px;padding:0;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.foot-more-btn a img{width:13px;padding-left:25px;}
.foot-more-btn:hover a{transform: translate(0,-6px);}
/* foot-more end*/
/* foots */
.foots{width:100%;padding:45px 0 5px 0;margin-top:40px;background:#222222;}
.foots_main{}
.foots_main .foots_1{padding-bottom:15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #757575;}
.foots_main .foots_1 p{text-transform:uppercase;font-size:25px;line-height:40px;color:#e7e7e7;letter-spacing:1px;font-weight:bold;}
.foots_main .foots_2{width:100%;padding:60px 0;font-size:15px;line-height:2.5;color:#ffffff;display:flex;justify-content:space-between;}
.foots_main .foots_2 h5{font-size:24px;line-height:2.0;margin-bottom:10px;color:#e7e7e7;}
.foots_main .foots_2 a{color:#d7d7d7;opacity:0.8;}
.foots_main .foots_2 a:hover{color:#ffffff;}
.foots_main .foots_2 p{opacity:0.8;}
.foots_main .foots_2 .foots_nav{width:52%;padding-right:8%;border-right:1px solid #818181;}
.foots_nav{display:flex;justify-content:space-between;}
.foots_main .foots_2 .foots_lx{width:30%;}
.foots_main .foots_2 .foots_lx .foots_email{background:#393939;width:200px;height:40px;padding:0 15px;display:flex;justify-content:space-between;align-items:center;}
.foots_main .foots_2 .foots_lx .foots_email img{width:15px;height:auto;}
.foots_lx_info{width:100%;margin-top:20px;}
.foots_lx_info h6{font-size:18px;line-height:2.5;padding-left:48px;background:url(../images/foot_phone.png) left center no-repeat;background-size:auto 25px;}
.foots_lx_info p{padding-left:48px;}
.links{width:100%;font-size:0;display:flex;margin-top:60px;}
.links li{width:40px;font-size:0;}
.links li .links-icon{width:31px;}
.copyright{width:100%;border-top:1px solid #757575;display:flex;justify-content:space-between;align-items:center;
font-size:14px;line-height:70px;color:#ffffff;opacity:0.75;}
.copyright a{color:#ffffff;}
/* foots end*/
/* products */
.products{width:100%;padding:50px 0 70px 0;background:#fcfcfd;}
.products .products-main{margin-top:25px;display:flex;justify-content:space-between;}
.products .products-son{width:290px;background:#f0f0f0;}
.products .products-son h3{font-size:18px;line-height:60px;color:#fdbe3b;background:#13243a;letter-spacing:0.5px;text-indent:40px;}
.products .products-son li{font-size:20px;line-height:1.6;cursor:pointer;padding:15px 0;color:#424242;border-bottom:1px solid #c9c9c9;}
.products .products-son li span{position:relative;display:inline-block;font-weight:400;padding:0 15px 0 36px;}
.products .products-son li:hover{background:#fdbe3b;}
.products .products-son li:hover span:before{content:"";position:absolute;left:20px;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:50%;background:#c2191e;}
.products .products-son li:hover span{color:#c2191e;}
.products .products-son li.active span{color:#c2191e;}
.products .products-son li.active span:before{content:"";position:absolute;left:20px;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:50%;background:#c2191e;}

.products .products-con{width:calc(100% - 310px);}
.products-con .products-list{width:100%;display:flex;flex-wrap:wrap;justify-content:left;}
.products-con .tabContent{display:none;}
.products-con .products-list li{width:30.3%;margin:15px 1.5% 15px 1.5%;background:#ffffff;overflow:hidden;}
.products-con .products-list li .products-info{width:80%;margin:0 auto;padding:0 0 20px 0;}
.products-con .products-list li .products-info .products-img{width:100%;height:250px;font-size:0;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.products-con .products-list li .products-info .products-img img{max-width:92%;max-height:92%;
-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;}
.products-con .products-list li:hover .products-info .products-img img{opacity:0.9;transform: scale(1.1, 1.1);transition: .4s transform;z-index:1000;}
.products-con .products-list li .products-info h5{font-size:14px;line-height:2.0;color:#000000;text-transform:uppercase;
	height:56px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;}
.products-con .products-list li .products-info p{font-size:25px;color:#c1161b;left:1px;margin-top:15px;padding:15px 0 10px 0;border-top:1px solid #c9c9c9;}
/* products end*/
/* mes */
.mes{display: none;width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.8);top:0px;left: 0px;z-index: 6000;}
.close{position: absolute; top: 10px;right: 10px;cursor:pointer;}
.mes-info{width: 900px;min-height: 260px;position: fixed;margin:auto;left: 0px;right:0; top:100px; background: #fff;padding:0;z-index: 9999;
display:flex;justify-content:space-between;}
.mes-info .mes-left{width:34%;padding:100px 5% 100px 5%;background:#494949;}
.mes-info .mes-left p{color:#fdbe3b;margin-top:30px;}
.mes-info .mes-left h2{font-size:36px;line-height:1.8;font-weight:bold;letter-spacing:2px;color:#fdbe3b;
margin-bottom:40px;
text-shadow:
    -1px -1px 0 #ffffff,  
     1px -1px 0 #ffffff,
    -1px 1px 0 #ffffff,
     1px 1px 0 #ffffff; 
}
.mes-info .mes-left li{font-size:14px;line-height:2.2;color:#ffffff;letter-spacing:1px;}
.mes-info .mes-right{width:46%;padding:30px 5%;}
.mes-info .mes-right h6{margin-top:20px;font-size:20px;font-weight:bold;text-transform:uppercase;}
.mes-info .mes-right form{width:100%;margin-top:15px;}
.mes-info .mes-right form .mes-div{width:100%;display:flex;justify-content:space-between;}
.mes-info .mes-right form input{text-indent:1.0em;font-size:15px;line-height:40px;margin-bottom:15px;border:1px solid #e7e2e2;}
.mes-info .mes-right form .input-text{width:48%;}
.mes-info .mes-right form .input-text2{width:calc(100% - 4px);}
.mes-info .mes-right form textarea{width:calc(100% - 34px);border:1px solid #e7e2e2;padding:6px 15px;
font-size:15px;line-height:40px;}
.submits .submit-btn{margin-top:20px;cursor:pointer;text-indent:0!important;padding:0 20px;text-transform:uppercase;font-weight:bold;
background:#fdbe3b;color:#000000;border:none;border-radius:6px;}
/* mes end*/

@media (max-width:1600px) {
}
@media (max-width:1500px) {
	.main-con{width:1300px;}
}
@media (max-width:1440px) {
	.main-con{width:1200px;}
}
@media (max-width:1300px) {
	.main-con{width:1100px;}
}
@media (max-width:1200px) {
	.main-con{width:1000px;}
}
@media (max-width:1000px) {
	.main-con{width:80%;}
}