@charset "utf-8";
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,form,input,textarea,th,tr,td,select,figure,figcaption{margin:0;padding:0;}
body{font-size:12px;font-family:Arial,微软雅黑;color:#333;overflow-x: hidden;}
h1,h2,h3,h4,h5{font-weight:normal;}
em,i{font-style:normal;}
li {list-style:none;}
a {text-decoration:none;color:inherit;}
a:focus{text-decoration: none;outline: none;}
a:hover{color:inherit;}
img {border:none;max-width:100%;max-height:100%;}
table{border-collapse:collapse;}
input,textarea{outline:none;background:#fff;font-family: '微软雅黑';}
textarea{resize:none;overflow:auto;}


/* public */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
.img_box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;}
.img_box img{-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.img_box:hover img{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}
.btn,.submit{font-family: '微软雅黑';cursor:pointer;display:inline-block;text-align:center;}
.main{width:100%;max-width:1300px;margin:0 auto; height: auto; overflow: hidden}
.mtop{margin-top:100px;}

/* 页眉 */
.header{
	color: #fff;
	font-size: 18px;
	width: 100%;
	height:90px;
	padding-top:15px;
	padding-bottom:15px;
	/* position: absolute;
	top: 0;
	left: 0; */
	position: relative;
	z-index: 99;
	background-color: #000;
	box-sizing: border-box;
}
.header .header_con{ width:100%; max-width:1440px; height:auto; margin:0 auto;}
.header h1{
	width:175px;
	height:42px;
	line-height: 80px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/logo.jpg);
	background-size: auto 100%;
}
.header h1 a{
	display:inline-block;
	width:100%;
	height:100%;
	text-indent: -9999px;
}







.header .a_grop{
	padding: 15px 0;
	float: right;
	margin-right: 25px;
}
.header .a_grop a{
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	background-image: url(../images/header_search.png);
	display: inline-block;
}



.header .form_box{
	width:100%;
	position: absolute;
	left:0;
	/* top:90px; */
	bottom: -105px;
	text-align: center;
	background:rgba(0,0,0,.4);
	display:none;
	z-index: 122;
}
.header .form_box form{
	display:inline-block;
	position: relative;
	margin:25px 0;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
	width:90%;
	max-width:650px;
}
.header .form_box form input.text{
	width:650px;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #ccc;
	background:none;
	font-size:15px;
	color:#666;
	background:#fff;
	padding-left:15px;
	box-sizing: border-box;
}
.header .form_box form input.submit{
	width:50px;
	height:50px;
	background: none;
	display:inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/header_search.png);
	position: absolute;
	right:0;
	top:0;
}



        .navbar {
            float:right;
    width:1000px; 
    overflow: visible; 
    position: relative;
        }
        
        /* 一级菜单样式 */
        .dropdown-level1 {
            position: relative;
			float: left;
        }
        
        .dropdown-btn-level1 {
           
            color: white;
            padding: 16px 20px;
            font-size: 16px;
            border: none;
            cursor: pointer;
            min-width: 100px;
            text-align: center;
            transition: all 0.3s;
			
        }
        
        .dropdown-btn-level1:hover {
            background-color: #555;
        }
        
        /* 二级菜单样式 - 黄色 */
        .dropdown-content-level2 {
            display: none;
            position: absolute;
            background-color: #ffcc00;
            min-width: 200px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index:999;
            left: 0;
            top: 100%;
        }
        
        /* 三级菜单样式 */
        .dropdown-content-level3 {
            display: none;
            position: absolute;
            background-color: #ffcc00;
            min-width: 200px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            left: 100%;
            top: 0;
        }
        
        /* 菜单项通用样式 */
        .menu-item {
            color: #333;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            transition: all 0.3s;
            position: relative;
            text-align: left;
            white-space: nowrap;
        }
		
		.has-level3{ position:relative}
        
        /* 当悬停三级菜单时保持二级父项为白色 */
        .has-level3:hover > .menu-item,
        .dropdown-content-level3:hover ~ .menu-item {
            background-color: white !important;
            color: #333;
        }
        
        /* 二级和三级菜单项悬停效果 */
        .menu-item:hover,
        .dropdown-content-level3 .menu-item:hover {
            background-color: white !important;
            color: #333;
        }
        
        /* 显示菜单 */
        .dropdown-level1:hover .dropdown-content-level2 {
            display: block;
        }
        
		
		
        .has-level3:hover .dropdown-content-level3 {
            display: block;
        }
        
        /* 箭头图标 */
        .has-children::after {
         
            float: right;
            font-size: 12px;
            margin-left: 10px;
        }
        
        .dropdown-btn-level1::after {
  
            float: right;
            font-size: 12px;
            margin-left: 10px;
        }
        
























/* 栏目 */
.pub_nav{
	color: #333;
	font-size: 16px;
	padding: 20px 0;
	line-height: 30px;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
}
.pub_nav .agrop{
	float: left;
}
.pub_nav .agrop li{
	margin-right: 15px;
	display: inline-block;
}
.pub_nav .agrop li.on{
	position: relative;
}
.pub_nav .agrop li.on::after{
	content: '';
	width: 100%;
	height: 2px;
	background-color: #ae8f7a;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.pub_nav .agrop li a{
	width: 100%;
	padding: 15px 40px;
	box-sizing: border-box;
	display: inline-block;
}


.pub_nav .breadcrumb{
	padding: 15px 0;
	float: right;
}
.pub_nav .breadcrumb li{
	padding-right: 20px;
	margin-right: 10px;
	display: inline-block;
	position: relative;
}
.pub_nav .breadcrumb li::after{
	content: '>';
	position: absolute;
	top: 0;
	right: 0;
}
.pub_nav  .breadcrumb li:last-child{
	padding-right: 0;
	margin-right: 0;
}
.pub_nav  .breadcrumb li:last-child::after{
	display: none;
}
.pub_nav  .breadcrumb li:hover a{
	color: #503829;
}



/* 公共标题 */
.pub_tit{
	text-align: center;
	margin-bottom: 15px;
}

.pub_tit span{
	display: block;
	width:14%;
	height:1px;
	background-color: black;
	margin:0 auto;
	margin-top:25px

}


 .pub_tit h3 {
    font-weight: 500;
    color: #545352;
    font-size:28px;
}

 .pub_tit p {
    font-weight: 500;
    color: #545352;
    font-size:18px;
	 line-height:2em;
}




.img-cover{width:100%;height:100%;overflow: hidden;}
.img-cover img{width:100%;height:100%;object-fit: cover;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.img-cover:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);}



.banner{ width:100%; margin:0 auto; height:auto; overflow: hidden;}
.banner img{ width:100%;}








/* 首页-关于 */
.iab {
	padding-bottom: 120px;
	background:#fff;
	padding-top:60px;
}




.iab .txt{
	color: #333;
	font-size: 16px;
	width:80%;
	margin:0 auto;
	line-height: 30px;
	margin-bottom:20px;
	text-align: center;
	position: relative;
}
.iab .txt::after{
	content: '';
	width: 630px;
	height: 590px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -315px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-image: url(../images/ab1_bg2.png);
}
.iab .txt p{
	text-indent:2em;
}



.iab .list_box .list{
	width:24%;
	height:192px;
	float: left;
	margin:5px;
	position: relative;
	text-align: center;
	box-sizing: border-box;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}


.iab .list_box .list p{
	color:#fff;
	z-index:2;
	font-size:26PX;
	position:absolute;
	top:85px;
	width:100%;
	text-align: center;
}
.iab .list_box .list .bgs{
	width:100%;
	height:0%;
	background-color: rgba(0,0,0,0.5);
	transform: scaleY(0);
}


.iab .list_box .list:hover .bgs{
    transform: scaleY(1);
	height:25%;
	
}



.iabnum{ height: auto; overflow: hidden; margin-top:50px}

.iabnum .num{ width:25%; height:auto; overflow: hidden; text-align: center;float: left; font-weight: bolder}
.num .num_1{ min-width:50%; height:70px; font-size:70px; float: left;text-align: right}
.num .num_2{ width:auto; height:70px; font-size:26px; float: left;text-align: left; display:flex;align-items: flex-end }
.num .num_3{ width:100%;font-size:30px; float: left; color: #6B6B6B; margin-top:15px}
.num:nth-child(2) .num_1{min-width:60%;}
.num:nth-child(3) .num_1{min-width:75%;}
.num:nth-child(4) .num_1{min-width:75%;}







.ied {
	padding-bottom: 120px;
	background:#fafafa;
	padding-top:60px;
	overflow: hidden
}

.ied_list{ float:left; width:30.33%; height:auto; margin: 20px 1.5%; overflow: hidden}

.ied_list h3{ font-weight: bold; font-size:28px; line-height:3em;}
.ied_list p{ font-size:18px; line-height:1.5em;}




.video{ overflow: hidden}
.video_txt{ width:38%; height: auto; float: left; color:#666;} 
.video_txt h3{ font-weight: bold; font-size:28px; line-height:2em; }
.video_txt h4{ font-weight: 100; font-size:18px; line-height:1.5em; margin:15px 0;}
.video_txt p{ font-weight:100; font-size:18px; line-height:1.5em; }
.video_txt span{ font-weight:100; font-size:18px; line-height:1.5em; background-color:#FBCB26;padding:10px 25px; color:#000;}


.video_com{ width:58%; height: auto; float: right;}
.video_com img{ width:100%; height: auto; }

















/* 首页-案例 */
.icase{
		margin-top: 100px;
	margin-bottom: 85px;
	color:#fff;
}
.icase .pub_tit{
	margin-bottom:20px;
}



.icase_box .kt{
	width:100%;
	height:430px;
	float: left;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-image: url(../images/by-1.jpg);
}
.icase_box .kt .mask{
	width:100%;
	height:100%;
	box-sizing: border-box;
	padding:20px;
	position: relative;

}
.icase_box .kt .mask:hover{
	background-color: rgba(0,0,0,0.2);
}

.icase_box .kt .mask h3{ color:#fff; font-size:30px; font-weight:bolder; margin-top:180px}
.icase_box .kt .mask p{
	font-size:18px;
	text-align:left;
	width:500px;
	height:auto;
	margin-top:10px;
}

.icase_box .kt .mask span{
	font-weight:100; font-size:18px; line-height:1.5em; background-color:#FBCB26;padding:10px 25px; color:#000;
	display: block; float: right;
}



.icase_box .item_box{
	width:100%;
	float:left;
/* 	border: 1px solid red; */
}
.icase_box .item_box .item{
	
	float: left;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	margin-bottom: 15px;
}
.icase_box .item_box .item:nth-child(1){
	width:49%;
	height:478px;
	background-image: url(../images/hoem1.png);
}
.icase_box .item_box .item:nth-child(2){
	width:49%;
	margin-left:2%;
	height:478px;
	background-image: url(../images/hoem1-1.png);
}

.icase_box .item_box .item .mask{
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	padding:20px;
}
.icase_box .item:hover .mask{
	background-color: rgba(0,0,0,0.2);
}
.icase_box .item_box  .item h3{color:#fff; font-size:30px; font-weight:bolder; margin-top:180px}
.icase_box .item_box  .item p{
font-size:18px;
	text-align:left;
	width:500px;
	height:auto;
	margin-top:10px;
	padding-bottom:20px
}




.icase_box .item_box .item span{
	font-weight:100; font-size:18px; line-height:1.5em; background-color:#FBCB26;padding:10px 25px; color:#000;
	
}





.qaq_img{width:48%; height:auto; overflow: hidden; float: left;}
.qaq_txt{width:48%; height:auto; overflow: hidden; float: right; padding-top:30px;}

.w50 {width:48%; float: left; }
.w51 {width:48%; float: left; margin-left:3%;}
.w100{ width:99%;float: left;}
.w101{ width:99%;float: left;border:1px solid #666; border-radius:5px; box-sizing:border-box;height:230px;padding:5px 0; margin-top:20px; }

.wbord{border:1px solid #666; box-sizing:border-box; height:40px; padding:5px 0; margin-top:20px;border-radius:5px;}

.fromcom{width:95%; padding:0 2.5%; border:none;line-height:30px;}
.fromcom1{width:95%; padding:0 2.5%; border:none; height:218px; line-height:38px;}

.sub{ margin-top:15px; float: left;}
.submit{ background-color:#FBCB26;padding:10px 25px; color:#000; border:none;
}



 .qaq  .pub_tit{
	text-align:left;
	margin-bottom: 15px;
}




 .qaq .pub_tit h3 {
    font-weight:bold;
    color: #000;
    font-size:28px;
	
}

 .qaq .pub_tit p {
    font-weight: 500;
    color: #000;
    font-size:18px;
	 line-height:2em;

}







/* 页尾 */
.footer{
	background-color: #5e5e5e;
	margin-top:100px;
}
.footer .top{
	padding: 60px 0;
	margin-bottom: 40px;
}

.footer .top ul {

}
.footer .top ul li{
	color: #fff;
	width:25%;
	font-size: 16px;
	height:50px;
	margin-left:7%;
	line-height: 50px;
	float:left;
}

.footer .top ul li img{ float: left; width:50px; height:50px;}
.footer .top ul li p{ float: left; padding-left:10px; font-size:20px}



.footer .center{
	padding-bottom: 65px;
	border-bottom: 1px solid #373737;
}



.footer .center .li_box{
	width:20%;
	float:left;
	color:#fff;
}
.footer .center .li_box h3{ font-size:22px;padding-bottom: 20px;}

.footer .center .li_box li{line-height:30px; height:30px; font-size:16px;}


.footer .center .li_box li span{  float: left; text-indent:0.5em}

.sps{display:flex; align-content: center; padding-top:5px; height:25px;}
.e-font-icon-svg{ fill: #fff; width:18px; height: 18px}

.ficon{width:35px; height: 35px; background:#000; icon-color: #fff;     align-items: center; border-radius:2px;
    cursor: pointer;
    display: inline-flex;
	justify-content: center;
    text-align: center;
margin-right:15px}

.ficon:nth-child(1){background-color:#000}
.ficon:nth-child(2){background-color:#3b5998}
.ficon:nth-child(3){background-color:#25d366}
.fspan{text-indent:0;}



.footer .copy{
	color: #666;
	font-size: 16px;
	line-height: 36px;
	padding: 35px 0;
}
.footer .copy span:first-child{
	float: left;
}
.footer .copy span:last-child{
	float: right;
}




/**/
/*内页*/


#body3{ width:100%; margin:0 auto; background-color:#fff; overflow:hidden; color:#2b2929; padding-bottom:50px; margin-top:50px;}

.botop{ width:100%;margin:90px auto 0 auto; background-color:#000; overflow:hidden; height: 145px; position: relative}
.botop .line{ width: 100%; height: 2px; background-color: white; position:absolute; z-index:1; top:50%;}	
.botop .til{width:220px; height:74px;position:absolute; z-index:1; line-height:74px; color:#ffcc66; font-size:22px; left:10%; }	
.botop .tils{width:220px; height:50px;line-height:50px; position:absolute; z-index:1; top:75px;color:#fff; font-size:22px;left:11%;}	
.botop .tilc{width:350px; height:50px;line-height:50px; position:absolute; z-index:1; top:75px;color:#fff; font-size:14px;left:11%;}	
	

.midcon{width:100%; margin:0 auto; background-color:#f5f3ef; overflow:hidden; height: auto; padding:80px 0;}
.bgc{background-color:#000;}
.midcon .midcon_con{width:1200px; height:410px; margin:0 auto;}
.midcon .midcon_con .con_img{width:540px; height:410px;background-size: cover}
.midcon .midcon_con .con_txt{width:450px; height:410px; margin-right:140px;}
.midcon .midcon_con .con_txt h3{font-size:28px; font-weight:bold; text-align: right; width:100%; float:right;}
.midcon .midcon_con .con_txt span{color:#777}
.midcon .midcon_con .con_txt h4{width:250px; height: 10px; float: right; display: block;  background-color:#777; margin:30px 0 80px;}
.midcon .midcon_con .con_txt p{width:370px; height:auto; margin-top:10px; font-size:14px; float: right; display: block; color:#333}
.midcon .midcon_con .con_txt a{width:146px; height:40px; border:1px solid #666; border-radius:15px; margin-top:30px; font-size:14px; float: right; display: block; color:#333; text-align: center; line-height:40px;}
.midcon .midcon_con .con_txt a:hover{ background:#ffcc66; font-size:14px; float: right; display: block; color:#333; border-color:#f5f3ef;}




.midcon .midcon_con .con_txt1{width:450px; height:410px; margin-right:140px;}
.midcon .midcon_con .con_txt1 h3{font-size:28px; font-weight:bold; text-align: right; width:100%; float:right;}
.midcon .midcon_con .con_txt1 span{color:#fff}
.midcon .midcon_con .con_txt1 h4{width:250px; height: 10px; float: right; display: block;  background-color:#fff; margin:30px 0 80px;}
.midcon .midcon_con .con_txt1 p{width:370px; height:auto; margin-top:10px; font-size:14px; float: right; display: block; color:#fff}
.midcon .midcon_con .con_txt1 a{width:146px; height:40px; border:1px solid #fff; border-radius:15px; margin-top:30px; font-size:14px; float: right; display: block; color:#fff; text-align: center; line-height:40px;}
.midcon .midcon_con .con_txt1 a:hover{ background:#ffcc66; font-size:14px; float: right; display: block; color:#333; border-color:#f5f3ef;}





.mnav{ width:247px; height:70px; text-align:center; margin:25px auto; background:url(../images/mbg.jpg) top center no-repeat; line-height:70px; font-size:22px; font-weight:700px; color:#999;}

.lMenu {margin:0 auto; width:1200px;  position: relative; color:white;height:56px;}
.lMenu h2{ text-align:center;font-size:16px; font-weight:normal; line-height:56px;  text-indent:10px; position: absolute; left:0;z-index:9}
.lMenu dl{ text-align:center; height:56px;}
.lMenu dl span{ position:relative; width:auto; padding:0 15px; text-align: center; display:inline-block; overflow:hidden;}
.lMenu dl span a{ color:#fff; font-size:18px;width:100%; padding:0 15px; height:35px; display: block; line-height:35px; box-sizing: border-box; background:#000}
.lMenu dl span a:hover{ color:#dfff; font-size:18px; background-color:#d41616}
.lMenu dl span.on{}
.lMenu dl span.on a{background-color:#d41616}


.nvabars{margin:0 auto; width:1200px; background-color:#fff; position: relative; color:white;height:auto; overflow: hidden ; border:1px solid #d41616; box-sizing: border-box; padding:0;}
.nvabar{width: 100%; margin: 0 auto;overflow: hidden;}
.nvabar p{width:172px; height:90px;  float: left; margin-right:15px; line-height:90px;  font-size:18px; color: white; font-weight:normal;background-color:#d41616; text-align: center}
.nvabar .type{ width:100%; margin:0px auto; height:90px;} 
.nvabar .type a{display: inline-block; padding:8px;  margin:3px; margin-top:20px; font-size:16px; color:#444; }
.nvabar .type a.active{  color: #444;}

.nvabar .type1{width:100%; margin:0px auto; height:90px;}
.nvabar .type1 a{display: inline-block; padding:8px;  margin: 3px;margin-top:20px; font-size:16px; color:#444; }
.nvabar .type1 a.active{  color: #444; }






.bnav{height:45px; line-height:45px;color:#4f4f4f; width:1200px; margin:15px auto; position: relative;font-size:15px; }
.bnav a{ font-size:15px; color:#4f4f4f;}
.bnav .back{width:150px; height:35px; position: absolute; top:5px;right:0; background:#ebeae8; border-radius:35px; line-height:35px; text-align: center; border-width: 700}
.bnav  .bgw{background:#fff;}

.body3_title{height:45px; line-height:45px;font-weight:bolder;color:#0d2f6c; width:1200px; margin:0 auto;}
.body3_title p{width:50%; text-align:left; font-size:16px; font-weight:normal;  padding-right:25px; text-indent:20px;}
.body3_title p a{ color:#0d2f6c;}
.body1{ width:100%; height:auto; margin:0 auto;padding-top:10px; overflow:hidden;  margin-bottom:15px; background-color:#0c2166; color:#FFF}
.body1 .pb{ padding-bottom:20px;}
.shiping{ width:1050px; margin:0 auto; height:500px; padding-bottom:20px;}
.shiping h3{ line-height:55px; font-size:20px !important; font-weight:normal !important}
.w1200{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:50px;}

.body3_r2{ padding:20px;line-height:200%; color:#6e5f4f;}
.body3_r3{width:100%; text-align:center; margin:0 auto;font-size:24px; color:#000;  padding-bottom:25px;}
.body3_r4{ width:1100px; height:50px; margin:0 auto; text-align:center; font-size:14px;}
.body3_r5{ padding:20px 15px; line-height:25px; border-top:1px solid #ccc;}



/**/


.catlist{width:100%; height:auto;overflow: hidden; margin-top:130px}
.catlist li{width:80%; height:500px;overflow: hidden; margin:60px auto; border:1px solid #515050; box-sizing: border-box;;}

.catlist .cat_img{width:45%; height:500px; float:left}
.catlist .cat_img img{width:100%;height:500px}
.catlist .cat_txt{ width:55%; height:500px; float:right; text-align: left; padding:8px; box-sizing: border-box; padding-left:30px; box-sizing: border-box }
.catlist .cat_txt h3{ font-size:36px; color:black; text-transform: uppercase; margin-top:150px;}
.catlist .cat_txt dd{ font-size:24px; color:white; line-height:26px; display: inline-block; background-color:#7d7d7d; padding:10px 20px; 
	border-radius:50px; margin-top:20px;}


.catlist li:nth-child(2n) .cat_img{ float: right}
.catlist li:nth-child(2n) .cat_txt{ float:left}






/*产品系列*/
.Content{ width:100%; overflow:hidden; position:relative; min-height:450px;}
.mainCont{ margin:30px 0;}
.Current{ font-size:14px; line-height:50px; position:relative; z-index:40;}
.Current,
.Current a{ color:#a0a0a0;}
.Current a:hover,
.Current span{ color:#000;}


.dot{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.Pic100{ position:relative; width:100%; height:0;}
.Pic100 img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.wid{ max-width:1280px; margin:0 auto;}


.list_menu{ text-align: center; padding: 3% 0 2%; position: relative;}
.list_menu li{ display: inline-block; margin: 0 2% 2%;}
.list_menu li img{ width: 54px; height: 54px; display: block; margin: 0 auto;}
.list_menu li p{ margin: 5px auto 2px; color: #000; font-size: 18px; border-bottom: 2px solid #fff;}
.list_menu li span{ font-size: 14px; display: block; color: #707070;}
.list_menu li .aon p{border-bottom-color: #000;}
.list_menu .line{ position:absolute; width:1920px; left:50%; margin-left:-960px; bottom:0; background:#e5e5e5; height:1px; overflow:hidden;}


.mainMenu{ position:relative; text-align:center; line-height:0; padding-bottom:1px;background:#fff;}
.mainMenu .line{ position:absolute; width:1920px; left:50%; margin-left:-960px; bottom:0; background:#e5e5e5; height:1px; overflow:hidden;}
.mainMenu .one{ display:inline-block;}
.mainMenu .one > li{ float:left; position:relative; }
.mainMenu .one > li{ margin: 0 30px;}
.mainMenu .one > li a{ display:block;}
.mainMenu .one > li > a{ font-size:16px; color:#000; line-height:20px; padding:20px 0 18px 0; border-bottom:2px solid #fff;}
.mainMenu .one > li > a:hover,
.mainMenu .one > li.on > a{ border-bottom-color:#000;}
.mainMenu .two{ display:none; position:absolute; left:50%; transform:translateX(-50%); top:60px; z-index:5; color: #fff; background:rgba(255,255,255,1); border:1px solid #e5e5e5;}
.mainMenu .two > li{ line-height:40px; display:block;}
.mainMenu .two > li > a{ color:#333; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;padding: 0 15px;}
.mainMenu .two > li > a:hover{ background:#e1e1e1;}




.wid{ max-width:1200px; margin:0 auto;}

.product_list { padding:3% 5px; height:auto; overflow:auto; width:100%; box-sizing:border-box;}
.product_list ul li{ float:left; width:46%;box-sizing: border-box; padding:10px; position: relative; margin:25px 2%}
.product_list ul li:hover{-webkit-box-shadow:0 0 0 1px #999;; -moz-box-shadow:0 0 0 1px #999;; box-shadow:0 0 0 1px #999;}


.product_list ul li h5{ font-size:20px; color:white; line-height:50px; text-align: center; width:100%; margin-top:5px; background-color:#333;;}
.product_list ul li h5 a{ display:block;}



.icon_vr{ position:absolute; width:50px; height: 50px;top:25px; right:13px;}
.icon_vr img{ width:100%;}







.pro_show_con{width:100%; height: auto; overflow: hidden; margin:0 auto; }

.showbg{ width:100%; height:auto; overflow:hidden; margin:25px auto;}
.showbg img{ width: 100%;}

.info_h2{ width:150px;height:30px; background-color:#d41616; border-radius:30px; text-align: center; font-size:14px; line-height:30px; float: right; display: block; color:#fff}


.conimg {width:1400px; height: auto; margin:0 auto;}
.showss{ width:610px; height: 630px; border:1px solid #d41616; padding:30px; box-sizing: border-box; float: left}

.conimg .bpic{width:100%; box-sizing: border-box; height:400px; overflow: hidden}
.conimg .bpic .cp_img{margin:0 0 35px 0;width:100%;position: relative;text-align: center;min-height: 200px;}
.conimg .bpic .cp_img img{max-height: 400px;max-width:100%;}
.conimg .bpic .cp_img .zhaun{vertical-align:top;box-shadow:2px 2px 0px #ddd,3px 3px 0px #ddd;max-width:100%;height:auto;}
.conimg .bpic .cp_img .zhauns{vertical-align: top;margin:0 13px;box-shadow:2px 2px 0px #ddd,3px 3px 0px #ddd;}
.conimg .bpic .cp_img .zoom{position: absolute;left:5px;z-index:5;top:5px;opacity:0.0;}


.conimg .info { color: #7b7b7b;height:auto; overflow: hidden; margin-top:40px; width:100%;}
.conimg .info .swiper-prev {width:30px; height:99px; float:left;text-decoration: none; outline: none; padding-top:30px}
.conimg .info .swiper-next {width:30px; height:99px; float:right;text-decoration: none; outline: none; padding-top:30px}
.conimg .info .swiper-container {width:488px; height:100px; float:left;}
.conimg .info  img{ width:100%; height: auto;}




.conimg .productText { padding-top:15px; width:700px; float:right; }
.conimg .productText h3 { font-size: 2.8em; color: #d41616; padding: 27px 0 25px;display: inline-block;vertical-align: middle }
.conimg .productText .name{font-size:22px;line-height:50px;height:50px; font-weight: 700;color:#d41616}
.conimg .productInfo { height: auto; overflow: hidden; padding-top: 23px; border-top: 1px solid #d41616; }
.conimg .productInfo .fed { height: auto; overflow: hidden; margin-top:10px;}
.conimg .productInfo .fed b { display: block; float: left; line-height:35px; width:100px; color:#fff; font-size: 16px; font-weight:normal;background: url(../images/ccc.jpg) no-repeat center; background-size:100% 100%; text-indent:1em;}
.conimg .productInfo .fed p { margin-left:120px; line-height:35px; color:#333; font-size:16px; font-weight:700}
.conimg .productInfo .fed img { margin-left:120px;}
.conimg .productInfo .icons {width:70%; float:left;margin-left:15px;}
.conimg .productInfo .icons li {float: left; margin: 0 0 4px 4px; width:50px; text-align:center; display: list-item; list-style: none; }
.conimg .productInfo .icons li img {display: block; width: 40px; height: 40px; }
.conimg .productInfo .icons p { margin-left:0; line-height: 42px; color: #7b7b7b; font-size:12px; }

.conimg .productInfo .vrbtn{
	width:130px;
	height:35px;
	line-height:35px;
	color:#d83131;
	font-size:16px;
	text-align:center;
	text-indent:15px;
	background:#fff;
	border:1px solid #d83131;
	display: inline-block;
	margin-left:20px;
}



.conimg .showvr{ width:200px;height:45px;line-height:45px; text-align: center; color: white; border-radius:45px; margin-top:15px;}



.spage{width:800px;height:90px;margin:0 auto;text-align: center;}
.spage a{display: inline-block;margin:0 12px;height:55px;line-height:55px;padding:0 30px;font-size:16px; color:#000000}
.spage a:hover{color:#c4a285;}

.remimg{ width:100%; height:auto; overflow: hidden; margin:30px auto;  text-align: center; padding-top:80px;}
.remimg h2{ font-size:24px;  color:#000000; position: relative; text-transform: uppercase}
.remimg h2:after{ content: ''; position:absolute; width:100px; height:3px; left:50%; margin-left:-50px;  top:50px; z-index:999; background-color:white}
.remcon{ width:1200px; height:auto; overflow: hidden; margin:50px auto; color:white; }
.remcon img{ max-width:100%; }




/**/


.case{width:1260px; height:auto; overflow: hidden; box-sizing: border-box; margin:0 auto; margin-top:50px}
.case .list{  }
.case .list .item{ float: left; width:400px; margin-right:30px; margin-bottom:35px; }
.case .list .item:nth-child(3n){ margin-right: 0; }
.case .list .item .img{ position: relative; width: 100%; padding-bottom: 63%; overflow: hidden;background-position: center center;
    background-repeat: no-repeat; background-size: cover; }
.case .list .item p{ margin-top: 15px; color: #000000; text-align: center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.case .item .img>div{ opacity: 0; }
.case .item .cover{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); }
.case .item .moveline{ position: absolute; left: -100%; bottom: 0; width: 100%; height: 10px; background-color: #99826e; }
.case .item .more{ opacity: 1; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; margin: -35px 0 0 -35px; background: url(../images/morepic.png) center center no-repeat; background-size: cover; }
.case .item:hover .img>div{ opacity: 1; }
.case .item:hover .moveline{ left: 0; }
.case .page{ padding:20px 11px 45px;  }

.case .item .img>div{ 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}





/* news */
.news{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:50px; }
.newslist{ width: 100%; padding:25px 0 30px; display: flex; margin-top:25px; }
.newslist .bimg{ max-width: 780px; overflow: hidden; }
.newslist .btext{ display: flex; flex-wrap: wrap; align-items: center; padding: 0 5%; width: 720px; font-size: 14px; color: #999; box-sizing: border-box; }
.newslist .btext h3{ width: 100%; font-size:20px; color: #000000; }
.newslist .btext .date{ width: 100%; margin: 4% 0 6%; }
.newslist .btext p{ width: 100%; line-height:30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.newslist .bigaa{ width: 100%; margin-top: 8%; }
.newslist .bigaa a{ display: inline-block; margin-right: 5%; width: 170px; line-height: 48px; border: 1px solid #aaa; text-align: center; color: #999; }
.newslist .bigaa a:hover,.newslist .bigaa a.hascolor{ border-color: #99826e; background-color: #99826e; color: #fff; }




/**/
.newsshow{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:50px; }
.newsshow .show_title{font-size:28px;color: #000000; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align: center}
.newsshow .show_info{  font-size: 16px; color: #999; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center; line-height:35px }
.newsshow .show_con{    border-top: 1px solid #666; color:000000}
.newsshow .show_con img{ max-width:100%;}


.dede_pages{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.dede_pages ul{
	
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	display:inline-block;
	font-family:Tahoma;
	margin-right:10px;
	border:1px solid #E9E9E9;
	min-width:20px;
	height:40px;
	line-height:40px;
		border-radius:5px;
}
.dede_pages ul li a{
	min-width:20px;
	padding: 0 10px;
	height:100%;
	color:#555;
	font-size: 16px;
	display:block;
		border-radius:5px;

	background-color: #ebeaea;
}
.dede_pages ul li a:hover{
	color:#fff;
	background-color: #d41616;
	text-decoration:none;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	font-weight:bold;
	color:#fff;
	background-color:#d41616;
		border-radius:5px;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
	
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}


.dede_pages .npr{ width:35px; background:url(../images/page_next.png) center no-repeat; background-size:80% auto; background-color: #e70114;}
.dede_pages .ppr{width:35px; background:url(../images/page_prev.png) center no-repeat; background-size:80% auto}