*,html,body{margin: 0; padding: 0;}
body{background: #FFFFFF;}
a{color: #464646; }
a:hover{text-decoration: none;}
input,button{outline: none; display: inline-block;}
li{list-style: none;}
img{border:0;max-width: 100%;}
.text-uppercase{text-transform:uppercase;}
.i-block{display: inline-block; width: 100%;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	padding: 0px;
}   
.listpage{ display: inline-block; width: 100%;margin-bottom: 50px;}
.pagination,#pages{margin-top: 70px;}
.pagination li,#pages a,#pages span{float: left;}
.pagination li a,#pages a,#pages span{padding: 3px 8px; margin: 0 5px; border: 1px solid #c8c8c8;border-radius: 5px; font-size: 14px;}
.pagination li a:hover,#pages a:hover,#pages span:hover{background: #8d0000; color: #FFF;border: 1px solid #8d0000;}
.pagination .current,#pages span{background: #8d0000!important; color: #FFF; border: 1px solid #8d0000!important;}

.nav-1{background: #FFF; height: 73px; line-height: 73px;  z-index: 999; position: absolute; width: 100%;}
.navbar{border: 0;}
.top-bg{background: #505050; height: 50px; line-height: 50px; width: 100%;}
.top-center{max-width: 1200px; margin: 0px auto;}
.top-wel{color: #b4b4b4;}
.top-search{display:block;}
.hid-x{display: none;}
.search-input{height: 32px; line-height: 32px; width: 370px; text-indent: 10px; border: 1px solid #505050; font-family: "Verdana"; font-size: 13px;    margin-top: 9px;}
.sub-btn{background: url(../images/search.jpg) no-repeat -2px 0px; width: 64px; height: 32px; border: 0px; margin-top: 9px;} 
.search-btn{margin-top: 9px;}
.logo{width: 100%; margin-top: 25px; text-align: center;}
.nav-1200{max-width: 1200px; margin: 0 auto;}
/* .banner{margin-top: 70px;} */
/***************导航样式 **************************************************/
.navbar-default{background: #FFFFFF; border-color: #FFFFFF;}
.navbar-default .navbar-nav>li>a{color: #464646; font-family: "Gotham Medium"; font-size: 14px; text-transform: uppercase; font-weight: bolder;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color: #ffffff;color: #8d0000;}
.navbar-nav>li>a{line-height: 72px; height: 72px; display: block; }
.nav>li>a{padding: 0px;}
.nav>li{margin: 0;  margin-right: 40px;}
.nav>li:last-child{margin-right: 0;}
.navbar-collapse{padding: 0}
.navbar{margin-bottom: 0px;}
.dropdowns:hover > .dropdown-menu{display: block; }
.dropdown-menu{background: url(../images/over1.png); border: 0; filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8;-webkit-opacity: 0.8; left: -20px;padding:0; margin: 0; min-width: 220px; top:100%;}
.dropdown-menu li a{color: #FFF; line-height: 42px; height: 42px; display: block;font-family: "Gotham Medium"; font-size: 14px; text-transform: uppercase; }
.dropdown-menu li a:hover{background: #d2deee; color: #8d0000;}

/*************************about-index************************************/
.about-mods{max-width: 1200px;margin: 0px auto; }
.about-title{ font-size: 36px; color: #464646; font-family: "Gotham";  font-weight: bolder; margin: 20px 0;}
.about-des{font-size: 16px;font-family: "verdana";  color: #787878; margin-bottom: 45px; line-height: 40px;}
.about-who{margin-top: 45px; margin-bottom: 50px; width: 100%;}
.we-are,.wo-do{font-size: 30px;font-family: "Gotham";  font-weight: bolder; margin-bottom: 20px;}
.wo-do{margin-left: 5%; width: 95%;}
.we-hr{border-bottom: 2px solid #ccc; width: 90%;}
.we-line{border-bottom: 3px solid #8d0000; width: 22%; margin-top: -3px;}
.about-we{font-family: "verdana"; font-size: 15px; color: #646464; line-height: 30px; margin: 40px 0 20px 0;width: 90%;}
.about-more a{padding: 15px 40px; background: #8d0000; color: #FFF; text-decoration: none; font-family: "FuturaT"; font-size: 17px; width: 200px; text-align: center;}
.do-hr{margin-left: 5%;border-bottom: 2px solid #ccc; width: 95%;}
.do-line{margin-left: 5%;border-bottom: 3px solid #8d0000; width: 16%; margin-top: -3px;}
.about-do{margin-left: 5%;width: 95%;}
.about-do p span{font-weight: bolder;}
/*****************************brands css********************************/
.brands-bg{background: #e6e6e6; width: 100%; margin-bottom: 50px;}
.brands-center{max-width: 1200px; margin: 0 auto;}
.brands-h1,.brands-h1 a{ font-size: 48px; color: #464646; font-family: "Gotham"; font-weight:bolder; margin-top: 60px; margin-bottom: 40px;}
.brands-logo{margin-bottom: 60px; width: 100%;line-height: 124px;}
.brands-img{margin:0px 2.2%; text-align: center;}
.brands-img img{}
.brands-img:first-child{margin:0px 1.5% 0 0; text-align: left;}
.brands-img:last-child{margin:0px 0 0 1.5%; text-align: right;}
/************************product-index css********************************************/
.product-list{max-width:1200px;margin: 0 auto;}
.product-title{margin: 50px 0 30px 0; font-family: "Gotham"; font-size: 48px; font-weight: bold;}
.product-des{font-family: "Verdana"; font-size: 16px; color: #787878; line-height: 30px;text-align: left; margin-bottom: 40px;}
.product-list-1{margin: 50px 0; text-align: center;}
.product-list-1 li p a{}
.product-1{    
	position: absolute;
    bottom: 0%;
    color: #000;
    left: 10%;
    font-family: "Verdana;"; font-size: 15px; color: #646464; font-weight: bold; line-height: 20px;
}
.facts-img{margin-bottom: 50px;}

.contact-1{margin: 50px 0px;}
.contact-2,.contact-2 a{font-family: "Gotham"; font-size:48px; font-weight: bold; margin-bottom: 20px;}
.contact-3,.contact-10{font-family: "verdana"; font-size:16px;margin-top: 20px; margin-bottom: 40px; color: #787878; width: 90%; line-height: 30px;}
.contact-4,.contact-9{font-family: "Gotham"; font-size:30px;font-weight: bold; margin-top: 40px; margin-bottom: 10px; color: #8d0000;}
.contact-5{font-family: "Gotham"; font-size:20px;font-weight: bold; margin-top: 10px; margin-bottom: 10px; color: #646464; width: 90%; line-height: 30px;}
.contact-6{font-family: "verdana"; font-size:15px; margin-top: 10px; margin-bottom: 15px; color: #646464; width: 90%; line-height: 35px;}
.contact-7,.contact-8,.contact-11{font-family: "verdana"; font-size:15px; margin-top: 5px; color: #646464; width: 90%; }
.contact-7 span,.contact-8 span,.contact-11 span{font-weight: bold;}
.contact-10{margin-bottom: 15px;}
.contact-right{text-align: right;}
.map{margin-bottom: 40px;}
.contact-12 input,.contact-12 textarea{width: 93%; line-height:45px; height: 45px; text-indent: 15px; margin: 10px 0; border: 1px solid #E0E0E0; color: #666;}
.contact-12 input:focus,.contact-12 textarea:focus{border:1px solid #8d0000; color: #464646; outline: none;}
.contact-12 textarea{height: 120px;}
.yanzhengma{width: 93%;}
.yanzhengma input{width: 50%; text-align: left;}
.am-submit{outline: none; color: #FFF!important; background: #8d0000; text-align: center!important;text-indent: 0px!important;}

.footer{background: #e6e6e6;padding: 54px 0; }
.foot{margin-top: -30px;}
.footer-3-1,.foot{font-family: "Gotham"; font-size:24px; font-weight: bolder; color: #878787;}
.foot,.footer-4-1,.footer-5-1{text-align: right;}

.footer-4-1 li a,.footer-5-1 li a{ line-height: 30px; font-family: "Gotham Medium"; font-size:14px; color: #505050; font-weight: bold;}
.fooer-bt{background: #505050; width: 100%;}
.footer-6{color: #969696; font-family: "Verdana"; font-size: 12px; line-height: 50px;}
/**
 *内页css 
/*************************************************************************************************/
/****
 *about us page 
 */
.about{margin-bottom: 49px;}
.about-1{margin:59px 0 20px 0}
.about-1 a{font-family: "Verdana"; font-size: 13px; color: #464646;}
.about-1 a:last-child{color: #8D0000;}
.about-2{/* color: #8d0000; */ color: #505050; font-family: "Verdana"; font-size: 36px; font-weight: bolder; margin: 50px 0px;}
.about-3{/* color: #8d0000; */ color: #505050; font-family: "Verdana"; font-size: 26px; margin: 40px 0px 25px 0px;}
.about-4{margin-bottom: 42px; line-height: 30px; color: #646464; font-family: verdana; font-size: 14px;}
.about-5 img{margin-bottom: 45px;display: -webkit-box;}
.about-6{margin: 40px 0px 30px 0px;}
.about-7 p{line-height: 30px; color: #646464; font-family: verdana; font-size: 14px;}
.about-7 p span{font-weight: bolder;}
.about-8 p{font-family: "Verdana"; font-size: 14px; color: #464646; line-height: 30px;}
.about-9{margin-bottom:60px;}
.about-10{margin-top: 50px;}
.about-10 img{margin-bottom: 50px;}
.about-11{font-weight:bold; margin-top: 35px;}
.about-12 p{line-height: 25px;font-family: "Verdana"; font-size: 14px; color: #464646;}
.about-13{margin-bottom: 100px;}
.about-14 img{margin-top: 70px;}
.about-test-1{font-family: "Verdana"; font-size: 14px; color: #464646; font-weight: bold;margin-bottom: 10px;}
.about-design{margin-bottom:20px; margin-top: 40px;}
.about-design-1 img{margin-top: 35px;}
/**********************brands css********************************/
.brands{text-align: center;}
.brands-1{ text-align: center;}
.brands-1 p{line-height: 15px;}
.brands-2{display: inline-block; width: 100%;}
.logo-1{font-size:15px; line-height: 35px; margin-right: 80px; margin-top: 85px; width: 74%;}
.logo-2{margin-top: 70px;}
.logo-3{margin-top: 65px;}
.logo-4{margin-top: 65px;}
.logo-5{margin-top:70px; }
.brands-imgs{margin: 30px 0;}
.cus-s-1{color: #464646; font-family: "Verdana"; font-size: 24px; font-weight: bolder; margin: 40px 0px;}
.cus-s-2{font-size: 14px; font-weight:100; line-height: 30px;}
.cus-s-3{font-size: 14px; font-weight:100;}
.down-1{text-align: right; margin-top: 30px; margin-bottom: 70px;}
.down-2{margin-top: 30px;}
.cus-s-3 p{line-height: 35px;}
.down{margin-top: 40px;}
.down-tu{margin-left: 2%;}
.cus-s-3 p a:hover{color: #8D0000;}
.be{width: 100%;}
.besp-1{font-family: verdana; font-size: 14px; color: #464646;}
.besp-left{margin-bottom: 35px;}
.besp-2{margin-bottom: 35px;}
/***************************************/
.product-2{font-weight: bold; color: #464646; font-size: 14px;}
.product-detail-left{margin: 100px auto;}
.product-title{font-family: verdana; font-size: 30px;color: #8d0000; font-weight: bold; width: 70%; margin: 0 auto;}
.product-detail-right{margin-top: -10px;}
.product-detail-right p{font-family: verdana; font-size: 14px;color: #464646;width: 70%; margin:15px auto; margin-bottom: 30px;}
.detail-1{width: 100% ; display: inline-block; text-align: center;border-top: 2px solid #d8d8d8;}
.detail-1-1,.detail-1-2,.detail-1-3{font-family: verdana; font-size: 14px;color: #464646;font-weight: bold;line-height: 48px;}
.product-detail-right a{padding: 10px; color: #8d0000; border: 2px solid #8D0000; margin-right: 10px; margin-bottom: 15px; font-weight: bold;}
.product-detail-right a:hover{background: #8d0000; color: #FFF;font-weight: bold;}
.product-detail-right p font{font-weight: bold;}
.color{padding: 5px 10px; margin-right: 10px;}
.color-1{ color: #1d2d55; background: #1d2d55;}
.color-2{ color: #030303; background: #030303;}
.color:hover { border: 2px solid #8D0000;}


#tabs_container p{width: 100%;margin-bottom: 0px;    text-align: left;
    line-height: 35px;
    font-size: 15px;
    color: #464646;
    font-family: verdana;    text-indent: 5%;}
#tabs-2,#tabs-3{display: none;}
#back-to-top{width: auto;}
/***************************************************************/
.news-margin{margin: 15px 0;}
.news-1{display: block; margin-top: 25px;}
.news-3{font-family: verdana; font-size: 19px;font-weight: bold;}
.news-4{font-family: verdana; font-size: 14px;color: #969696;}
.news-5{font-family: verdana; font-size: 14px;color: #646464;line-height: 30px;}
.news-6{margin: 45px 0;}
.news-6 a{font-family:"FuturaT"; font-size: 17px;color: #FFF; background: #c8c8c8; padding: 15px 35px;text-transform: uppercase;}
.news-6 a:hover{background: #8d0000;}
.news-time{margin-bottom: 60px;}
.news-9{margin-top: 30px;}
.news-9,.news-9 p{text-align: left; color: #646464; line-height: 25px;}

/****************************************************************************************/
.contact-add{padding-left: 5%; padding-top: 2%;}
.con-font{font-size: 15px; font-family: verdana; color: #464646; line-height: 30px;border-bottom: 1px dashed #ccc; padding-bottom: 20px;  margin-bottom: 20px;}
.contact-add-1{}
#maps{float: left; width: 100%; height: 500px;}
.pc{display: block;}
.mc{display: none!important;}
.deta{
    font-family: Arial;font-size: 18px;line-height: 36px;color: #464646
}
.deta1{
    max-width: 959px;margin: 0 auto
}
.deta2{
    max-width: 1200px;margin: 0 auto
}
.deta3{
    width: 25%;float: left
}

.index-vr{
	background-color: #d0d0d0;
}
.index-vr .index-vr-body{
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 0 50px;
}
.index-vr .index-vr-list{
	margin: 0;
	display: flex;
}
.index-vr .index-vr-list .index-vr-item{
	width: 32%;
	margin-right: 2%;
	position: relative;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);
	background-color: #fff;
}
.index-vr .index-vr-list .index-vr-item:last-child{
	margin-right: 0;
}
.index-vr .index-vr-list .index-vr-item .index-vr-item-img{
	font-size: 0;
	overflow: hidden;
}
.index-vr .index-vr-list .index-vr-item .index-vr-item-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
}
.index-vr .index-vr-list .index-vr-item .index-vr-item-info{
	margin: 20px 15px;
}
.index-vr .index-vr-list .index-vr-item .index-vr-item-info .index-vr-logo{
	font-size: 0;
}
.index-vr .index-vr-list .index-vr-item .index-vr-item-info .index-vr-item-tit{
	font-family: "verdana";
	font-size: 18px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.index-vr .index-vr-list .index-vr-item .index-vr-item-info .index-vr-item-desc{
	font-family: "verdana";
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	margin-top: 20px;
}
.index-vr .index-vr-list .index-vr-item .index-vr-item-link{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.index-vr .index-vr-list .index-vr-item:hover .index-vr-item-img img{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
}

.navbar-nav{
	float: none;
	display: flex;
	justify-content: center;
}

.indexban-link{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* 超小设备（手机，小于 768px） */
@media (max-width: 767px) {
    /* .dropdowns:hover > .dropdown-menu{display: none; } */
	.about-1{margin-top: 19px;}
	.sub-btn{margin-top: 0px;}
	.hid-x{ z-index:99999; display:none; position:absolute; right:-40px; top:0px;color: #FFF;border-radius: 30px; border: 1px solid #fff; font-size: 16px; line-height: 22px; padding: 5px 10px;}
	.top-search{position: absolute; top: 50px; left: 15%; z-index: 99999;}
	.top-search{display: none;}
	.top-bg{padding:0 15px;}
	.search-input{width: auto; min-width: 200px; border: 1px solid #ffffff; margin-top: 0px;}
	.search-btn button{border: 1px solid #FFFFFF;}
	.dropdown-menu{left: 10px;}
	.logo{position: absolute; top: 65px; left: 10px; width: auto; margin-top: 0; z-index: 10000;}
  .logo img{ width:60%;}
	.nav-1{right: 0px; top: 60px;}
	 
	.banner{ margin-top: 90px; clear: both; display: inline-block; width: 100%;}
	.nav>li{padding-left: 30px;}
	.about-title{font-size: 28px;margin-bottom: 15px;margin-top: 0px;}
	.about-des{margin-bottom:0px; font-size:15px;line-height:26px;}
	.about-more a{ max-width: 200px;}
  .contact-2 a{ font-size:28px;}
  .facts-img{ margin-bottom:45px;}
  .we-are, .wo-do{ font-size:28px; margin-bottom:15px;}
    .about-we{ margin:10px 0px; width:100%;}
	.wo-do,.do-hr,.do-line,.about-do{margin-left: 0px;}
  .wo-do{ margin-top:22px;}
	.brands-center{}
	.brands-img:last-child,.brands-img:first-child{text-align: center;margin:0 2.2%;}
	.brands-img{min-height: 90px;}
	.product-list,.brands-center,.about-who,.about-des,.about-title,.footer-6{padding: 0 15px;}
	.product-title{margin-top:0; font-size: 20px;}
	.product-des{width: 100%;}
	.product-list-1{margin-top: 10px;}
	.map{margin-top: 40px;  text-align: center; }
    .contact-1{text-align: center;}
    .contact-3, .contact-10{width: 100%;line-height:22px; margin-top:0;}
  .contact-4, .contact-9, .contact-5{ font-size:20px;}
  
    .contact-12{text-align: center; width: 100%;}
    .footer{padding: 50px 15px;}
    .foot, .footer-4-1, .footer-5-1{text-align: left;}
    .foot{margin-bottom: 20px;}
    .footer-right{margin-top: 20px;}
    #back-to-top{display: none;}
    .about{padding: 0 15px;}
    .brands-imgs{text-align: center; float: none!important;}
    .logo-1{width: 100%; text-align: center;margin-right:0;}
    .logo-2,.logo-3,.logo-4,.logo-5 { margin-top: 15px;}
    .about-2,#accordion{display: none;}
    .product-2{margin: 20px 0px;}
    .maps{display: none;}
    #maps{height: 300px;}
    .contact-add{margin-top: 15px;}
    .contact-1{margin-top: 0px;}
    .contact-3{text-align: center;}
    .contact-11{margin-bottom: 10px;}
    #tabs_container{padding-bottom:0px!important;}
    #tabs{margin-bottom: 0px!important;}
    .about-more a{margin-bottom: 25px;}
   .o-slider-textWrap{left: 25%!important; top: 10%; width:240px!important;}
   .in{margin-right: 0px!important;}
   .navbar-collapse{margin-top:20px!important;}
   .brands-h1, .brands-h1 a{font-size: 28px; margin-bottom: 20px;margin-top: 20px;}
   .brands-logo{margin-bottom: 20px;}
   #vcsImg{height: 40px!important; line-height: 40px!important;width: 85px!important;}
   .contact-12 input, .contact-12 textarea{ line-height:40px;height: 40px;}
   table th, table td{padding: 5px!important;}
   .product-detail-left{margin:10px auto;}
   .pc{display: none!important;}
   .mc{display: block!important;}
   .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#FFF!important;}
    .deta{
        font-size: 14px;
    }
    .deta3{
        width: 50%;
    }
.contact-3, .contact-6, .contact-7, .contact-8, .contact-10, .contact-11 { text-align:left; width:90%; margin:auto;}
  .footer-6{ padding:15px; line-height:normal;}
  .contact-4, .contact-9{ margin-top:26px;}
 }
 
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 768px) and (max-width: 991px) { 
	
 }
 
/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) and (max-width:1119px) {


 }
 
/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) { 

}

@media screen and (max-width: 480px) {
	.index-vr .index-vr-list{
		display: block;
	}
	.index-vr .index-vr-list .index-vr-item{
		width: auto;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.index-vr .index-vr-list .index-vr-item .index-vr-item-info{
		margin: 0 15px;
		padding: 20px 0;
	}
}

.footer-3-2{margin-top: 40px;}
.fb,.tw,.in,.google{margin-right: 15px;}
.icon-facebook,.icon-twitter,.icon-linkedin,.icon-google-plus{font-size: 20px; color: #999999; cursor: pointer;}
.icon-twitter:hover,.icon-linkedin:hover,.icon-google-plus:hover,.icon-facebook:hover{color: #000;}
/*********************************/
#back-to-top{
        position:fixed;
        bottom:100px;
        right:60px;
        z-index: 99999;
    }
    #back-to-top a{
        text-align:center;
        text-decoration:none;
        color:#d1d1d1;
        display:block;
        width:80px;
        /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
        -moz-transition:color 1s; 
        -webkit-transition:color 1s;
        -o-transition:color 1s;
    }
    #back-to-top a:hover{color:#979797;}
    #back-to-top a span{
        background:#d1d1d1;
        border-radius:6px;
        display:block;
        height:80px;
        width:80px;
        background:#d1d1d1 url(../images/arrow-up.png) no-repeat center center;
        margin-bottom:5px;
        -moz-transition:background 1s;
        -webkit-transition:background 1s;
        -o-transition:background 1s;
    }
    #back-to-top a:hover span{
        background:#979797 url(../images/arrow-up.png) no-repeat center center;
}