/*导航栏*/
.navbar-default{background-color:#fff; margin-bottom:0px; padding-top:12px; padding-bottom:0px; position:relative; border:none; border-radius:0px;}/*整个导航栏的背景颜色*/
.navbar-default .navbar-collapse{padding-right:0px;padding-left:0px;}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;}
.navbar-nav>li>a{border-radius:0px; font-weight:600;}
.navbar-default .navbar-nav>li>a{ color:#666;  }
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#2c2c7c; font-weight:600; background:none;}/*链接HOVER颜色*/
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{ color:#181878; font-weight:bold; background:none; }/*active焦点背景，字体颜色*/
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#181878;background:none; margin-bottom:7px;}/*点击下拉菜单焦点背景*/
/*宽屏版电脑下拉菜单*/
.dropdown-menu{
	background-color:#181878;
	width:200px;
}
.dropdown-menu>li{
	border-bottom:rgba(255,255,255,0.4) solid 1px;
}
.navbar-default .dropdown-menu>li>a{
	padding:15px;
	color:#fff;	
}
.navbar-default .dropdown-menu>li>a:hover{color:#333;text-decoration:none;background:#f9bf00;}
.navbar-default .dropdown-menu>.active>a,.navbar-default.dropdown-menu>.active>a:focus,.navbar-default .dropdown-menu>.active>a:hover{color:#333; background:#f9bf00; text-decoration:none; outline:0}
.navbar-default .navbar-brand{
	padding-left:20px;
}
.navbar-default .navbar-brand img{ width:15rem;
}

/*缩略图*/
.navbar-toggle{
	background-color:#181878 !important;
	border:none;
}
.navbar-default .navbar-toggle:hover{
	background-color:#f18c3c;
}
.navbar-default .navbar-toggle:focus{
	background-color:#f18c3c;
}

@media only screen and (min-width: 768px) {
	.navbar-default{
		height:80px;
	}
	
}
@media only screen and (max-width: 767px) {
	.navbar-default .navbar-brand{
		color:#fff;
		position:absolute;
		z-index:10;
		left:0;
		top:10px;
	}
	.navbar-default{
		padding-top:6px; padding-bottom:6px;
	}
	.dropdown-menu{
		padding-top:0px;
		padding-bottom:0px;
}
	.navbar-default .navbar-brand img{ width:120px;}
	.navbar-default .navbar-collapse{ background-color:#181878;}/*手机版导航背景颜色*/
	.dropdown-menu>li{
	border-bottom:#888 solid 1px;
}
	.navbar-default .navbar-nav>li>a{color:#fff; font-size:14px;}/*手机版链接颜色*/
	
	.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{ text-indent:2em;}/*手机版菜单字体格式*/
	.navbar-default .navbar-nav>li{ border-bottom:#666 solid 1px; }
    .navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#fff;background-color:#181878; border:none;}/*手机焦点链接HOVER颜色*/
	.navbar-default .dropdown-menu>li>a{
	padding:10px !important;
	color:#fff;	
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{ color:#333;background-color:#f9bf00; }/*active焦点背景，字体颜色*/
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333!important;background-color:#f9bf00;}
	.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background:none; margin-bottom:7px;}/*点击下拉菜单焦点背景*/
	/*手机下拉菜单设置*/
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff; background-color:#000;}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#333;background-color:#f9bf00;}
	}
		

/*底部*/

#footer{background-image: linear-gradient(#191874 , #1a1a51);}
#footer h3{ color:#fff; font-weight:bold; padding-top:15px; padding-bottom:15px;}
#footer ul li,a{
	color:#c3c3c3;
	line-height:1.8em;}

#footer  li a:hover{
	color:#f9bf00;}	
#footer-bt{
	margin-top:8rem;
	color:#fff;}
.footer-bt-copy{
border-top:#666 solid 1px;
padding:15px 0;
color:rgba(255,255,255,0.3);
}	

@media only screen and (max-width: 768px){
#footer ul{
	margin-top:2rem;
	}	
}
/*---------------------------首页-----------------------------------*/
/*banner*/
#indexbar{
padding:0;
width:100%;
overflow:hidden;
position:relative;
}
.swiper-container2 .swiper-slide img{
        width:100%;
	height:100%;
	object-fit: cover;
    }
/*产品系列*/
.commendpro{
background-color:#f3f2f2;
}
.commendprotitle{
	background-image: linear-gradient(#191a5e, #181876);
	text-align:center;
}
.commendprotitle a{
	display:block;
	padding:2rem 0;
}
.commendprotitle a:hover{
	color:#333;
	background-color:#f9bf00;
}
.commendprogray{ padding-top:6rem;}
.indexpro-title{ color:#333; font-size:3rem;  padding-bottom:10px;font-weight:bold;}
.commendprogray p{ color:#999; font-size:1.1em;}
#commendprogreen  a{
	display:block;
	color:#666;
}
.swiper-container{
	overflow:hidden;
    }
.swiper-container .swiper-slide{
        width: 33%;
    }



#commendprogreen{
	position:relative;
	width:100%;
	overflow:hidden;
}
.swiper-container1 .swiper-slide{
        width: 33%;
    }
#commendprogreen .thumbnail{
	background-color:transparent;
	border:none;
	text-align:center;
	border-right:#e2e2e2 solid 1px;
}
@media only screen and (max-width: 767px) {
	.swiper-container1 .swiper-slide{
        width: 50%;
    }
	.swiper-container .swiper-slide{
		font-size:12px;
		padding:0 12px;
    }
	.commendprogray{ padding-top:0rem;}
	.commendpro .col-md-9{ margin-top:20px;}
	
}
#commendprogreen .thumbnail img{
	width:100%;	
	max-width:300px;
}


#commendprogreen .swiper-slide a:hover{
	color:#999;
	}
#commendprogreen .swiper-slide a:hover img{
	-webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
			    transition:0.8s ;
}
/*关于我们*/
#indexabout h3{ font-weight:bold;}
#indexabout h3 span{ color:#2c2c7c;}
#indexabout h1{ 
text-transform:uppercase; 
color:#ebebeb; 
padding-top:10px; 
padding-bottom:5px;
font-weight:bold;
}
.indexabout-title{ 
font-size:1.125em;
font-weight:bold;
padding:20px 0;
  }
#indexabout p{ 
color:#999;
max-width:800px;
}
#indexabout .indexaboutmore{ 
display:inline-block; 
background-color:#181878; 
width:18%;
border-radius:50px;
text-align:center;
padding:10px 20px;
margin-top:50px;
color:#fff;
}
#indexabout a:hover{ color:#ebebeb; background-color:#000000;}
#indexabout img:hover{opacity:0.6; }
@media only screen and (max-width: 767px){
#indexabout .indexaboutmore { width:30%;}
}
/*特殊工艺*/
#indexgy{
	background:url(../images/indexgy.jpg) no-repeat center center;
	height:70rem;
	background-size:100% auto;
	position:relative;
}
.indexgybg{
	background-color:rgba(255,255,255,0.3);
	position:absolute;
	left:0;
	top:0;
	width:46%;
	height:55%;
	margin-top:120px;
}
#indexgy .indexbg-li{
	position:relative;
	z-index:3;
	background-color:#f7f7f7;
	max-width:90%;
	height:100%;
}
.indexgy-info{ padding:70px 56px;}
#indexgy  small{ 
padding:30px 10px; 
text-transform:uppercase;
}
.indexgy-wz-title{
font-size:2.6em; 
color:#181878; 
padding-top:10px; 
padding-bottom:10px; 

}
#indexgy h3{
font-weight:bold;
padding-top:10px; 
padding-bottom:20px;
}
#indexgy p{
color:#999999;
}
#indexgy .indexgy-wzmore a{ 
display:inline-block; 
background-color:#181878; 
width:30%;
border-radius:50px;
text-align:center;
padding:10px 20px;
margin-top:40px;
color:#fff;
}
#indexgy .indexgy-play a{
position:absolute;
right:-15px;
top:180px;
color:#000000;
background-color:transparent;
}
.indexgy-wz1{ 
font-size:6.6em; 
font-weight:bold;
text-transform:uppercase; 
color:#e5e2e2; 
opacity:0.6;
position:absolute;
left:0;
bottom:0;
width:auto;
height:50%;
padding-top:220px;
overflow:hidden;
z-index:-1;
}
#indexgy .indexgy-wzmore a:hover{color:#fff; background-color:#000000;}
#indexgy .indexgy-play a:hover{background-color:transparent;}
@media only screen and (max-width: 767px){
#indexgy{height:220px;}
#indexgy .indexgybg{margin-top:15px;height:160px;}
#indexgy .indexbg-li{height:160px;}
#indexgy .indexgy-info{ padding:0;}
#indexgy .indexgy-wz h3{
font-size:15px; 
padding-top:6px;
padding-bottom:6px;
}
#indexgy .indexgy-wz p{
margin-top:5px;
margin-bottom:5px;
line-height:1.2em;
}
#indexgy .indexgy-wzmore a{
margin-top:15px; 
width:85%;
}
#indexgy .indexgy-play a{
right:-17px;
top:35px;
}
.indexgy-wz1{ overflow:hidden;}
}
@media (min-width: 831px) and (max-width:1000px){
#indexgy .indexgybg{height:260px;}	
#indexgy .indexbg-li{height:260px;}
#indexgy .indexgy-info{ padding:0; margin:0;}
#indexgy  small{
font-size:10px; 
text-transform:uppercase;
}
.indexgy-wz-title{
font-size:14px; 
color:#181878 !important;
font-weight:bold;
padding:0; 
}
#indexgy .indexgy-wz h3{
font-size:13px; 
padding:5px 0;
}
#indexgy .indexgy-wz p{
line-height:1.3em;
}
#indexgy .indexgy-wzmore a{
margin-top:10px; 
width:35%;
}
#indexgy .indexgy-play a{
right:-17px;
top:85px;
}
#indexgy  .indexgy-wz1{display:none;}
}
@media (min-width: 1024px) and (max-width:1440px){
#indexgy .indexgybg{height:300px;}	
#indexgy .indexbg-li{height:300px;}
#indexgy .indexgy-info{ padding:20px 10px;}
#indexgy  .indexgy-wz1{ font-size:80px; z-index:-1;}
#indexgy  small{
font-size:10px;
padding:30px 5px; 
text-transform:uppercase;
}
.indexgy-wz-title{
font-size:14px; 
color:#181878 !important;
font-weight:bold;
padding:0 5px; 
}
#indexgy .indexgy-wz h3{
padding-top:10px; 
padding-bottom:10px;
padding-left:5px;
}
#indexgy .indexgy-wz p{
line-height:1.4em;
}
#indexgy .indexgy-play a{
right:-17px;
top:100px;
}
#indexgy .indexgy-wzmore a{
	margin-top:15px;
}
}
/*新闻*/
#indexnew{
background-color:#eaeaea;
}
.new-title{
font-size:7.6em; 
text-align:center; 
color:#dcdbdb;
text-transform:uppercase;}
.new-s-title{
font-size:1.75em;
text-align:center;
color:#181878;
font-weight:bold;
margin-top:-20px;
}
#indexnew h3,#indexnew p{
padding-top:10px;
padding-bottom:20px;
padding-left:20px;
}
#indexnew h3{
font-weight:bold;
}
#indexnew  p{ color:#999; max-width:500px; padding-bottom:20px;}
.indexnews-qt{ padding-top:30px; padding-bottom:20px; padding-left:10px;}
.indexnews-qt a{
display:inline-block; 
background-color:#181878; 
width:33%;
border-radius:50px;
text-align:center;
padding:10px 20px;
color:#fff	
}
.indexnews-qt em{ 
display:block; 
float:right;
padding-top:10px;
padding-bottom:10px;
color:#333333;
}
#indexnew img:hover{
	opacity:0.2;
}
#indexnew .indexnews-qt a:hover{color:#fff; background-color:#000000;}
@media only screen and (max-width: 767px){
#indexnew{ margin-bottom:0;} 
#indexnew .row{ padding-top:20px;}
}
/*--------------------------------内页----------------------------------------------*/
/*内页banner*/
#nybanner{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	  color:#fff;
	text-transform:uppercase;
	position:relative;
	z-index:10;
	padding-bottom:0px;
	padding-top:20rem;
}
#nybanner .ab-top{
	display:inline-block;
	background-color:rgba(33,89,168,0.6);
	line-height:1em;
	padding:4.2rem 3rem 6rem 3rem;
	font-size:4.2rem;
	font-weight:bold;
	margin-bottom:-1rem;
	border-bottom:#f6c814 solid 1rem;
}
@media only screen and (max-width: 767px){
	#nybanner .ab-top{
		font-size:3rem;
		}
		#nybanner .ab-top{
			padding:4.2rem 3rem 4rem 3rem;
		}
	#nybanner{
		padding-top:12rem;
	}
	}
#nybanner .ab-top span{ font-size:1.8rem;}

.nyprobannerimg{
	background-image:url(../images/banner/pro-bar.jpg);
}

.nyabbannerimg{
	background-image:url(../images/banner/ab-bar.jpg);
}

	
.nynewbannerimg{
	background-image:url(../images/banner/news-bar.jpg);
	}
.nyserbannerimg{
	background-image:url(../images/banner/ser-bar.jpg);
	}
.nyserbannerimg-1{
	background-image:url(../images/banner/ser-bar-1.jpg);
	}
.nycontbannerimg{
	background-image:url(../images/bar/cont-bar.jpg);
	}	
/*关于我们*/
.product-gray{
	background-color:#e6e9ea; 
}
.about-title{
font-size:1.3em;
font-weight:bold;
padding-top:15px;
padding-bottom:15px;
}
.about-line{
width:24rem;
height:2px;
background-color:#32368a;
margin-top:5px;
margin-bottom:10px;
}
.about-s-line{
width:50px;
height:5px;
background-color:#f0c212;
}	
.product-white p{
color:#999;
padding-top:10px;
padding-bottom:10px;
}

.product-gray h3{
font-weight:bold;
padding-bottom:20px;
}
.product-gray .about-lc{
color:#666;
padding-bottom:40px;
}
.product-gray .about-title{
font-size:1.2em;
color:#666;
font-weight:bold;
}
.product-gray  p{
color:#2c2c7c; font-weight:bold;}
.aboutOEM{
	width:60%;
	margin-top:2rem;
	max-width:200px;
}

.aboutimgcolor{
 box-shadow: 10px  10px  rgba(249,191,0,1);
}
.about-q-wz{
text-align:center;
padding-top:20px;
padding-bottom:20px;
color:#99999b;
font-size:1.25em;

}
.product-gray .col-md-5{
	padding-top:2rem;
}
@media only screen and (max-width: 767px){
.product-white .col-md-7,.product-gray .col-md-7{
	margin-top:10px;	
}
}
/*产品中心*/
/*产品导航栏*/
#product-list{
background-color:#e6e9ea;
padding:1rem 0;
}
#product-list ul{
	text-align:right;
	list-style:none;
}
#product-list ul li{
}
#product-list ul li a{
 display:block;
 padding:10px 20px;
 color:#333;}

#product-list .active,#product-list ul li a:hover{
 background-color:#f9bf00;
}
/*产品系列*/
#product-gray{
	background-color:#e6e9ea; 
}
#product-white h2,#product-gray h2{
	font-size:5rem;
	margin-top:3vw;
	color:#f1c313;
	line-height:1.5em;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
}
#product-white h3,#product-gray h3{
	font-size:1.7em;
	color:#26297d;
	font-weight:bold;
}
.pro-line{
	width:140px;
	height:4px;
	background-color:#d1d3d4;
	margin:1.5rem 0;
}
#product-white ul,#product-gray ul{
	line-height:1.6em;
	padding-top:3em;
}
#product-white li,#product-gray li{
	list-style:none;
	color:#221612;
	font-size:1.3em;
	line-height:1.7em;

}
 .products-promore{
	display:block;
	background-color:#181878; 
	border-radius:50px;
	font-size:1.1em;
	width:25%;
	padding:10px 10px;
	text-align:center;
	color:#fff;
	margin-top:2em;
}
 .products-promore:hover{
	background-color:#000;
	color:#fff;
	text-decoration:none;
}

/*产品详情*/
#productsview{ padding-top:12rem; }
.proname{
	font-size:1.7em;
	color:#1e2380;
	line-height:24px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.5em;
	
}
.proname strong{
	font-size:5rem;
	color:#f1c313;
	text-transform:uppercase;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}
.proviewgs p{
	line-height:2em;
    color:#666;
	margin-bottom:1.6rem;
	word-wrap: break-word;
    word-break: normal;
	font-size:1.1em;
}
.proviewgs h3{
	padding:10px 0;
	color:#000;
	font-weight:bold;
	
}
.promidtop{
	background-color:#e9ebec;
	text-transform:uppercase;
	margin-top:6vh;
	font-size:2rem;
	font-weight:bold;
	padding:1rem 0;
	}
.promidtitle{
	display:inline-block;
	padding:2.5rem;
	position:relative;
	color:#f1c313;
	background-color:#1e2380;
	top:-2.5rem;
}

.nyjiacondetc{
	overflow:hidden;
	display:none;
	overflow-x: scroll;
	display:block;
}

.proviewbgny{
	overflow:hidden;
	color:#333;
}
.proviewbgny h3{
	color:#999;
	padding:15px 0;
	font-weight:bold;
	padding-left:2rem;
	margin-top:2rem;
	
}
.proviewbgny p{
	font-size:1.1em;
	line-height:25px;
	word-wrap: break-word;
    word-break: normal;
	padding-top:2rem;
	}
.proviewbgny img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
}
.proviewbgny table{
	width:100%;
	margin-top:2rem;
}
.proviewbgny table tr:nth-child(1) {
   background-color:#181878;
  color:#fff;
  text-align:center;
  font-weight:bold;
}
.proviewbgny table td{
	padding:5px 10px;
	border:#CCC solid 1px;
	text-align:center;
	margin:0 auto;
}
.specialtalbe{
	  background-color:#888 !important;
  color:#fff !important;
  font-weight:bold !important;
}
.proviewbgny a{ color:#26297d; font-weight:bold; text-decoration:none;}
.proviewbgny a:hover{color:#333;}
@media (max-width:1000px){
	.proviewbgny table{
		margin:0;
	}
	.proviewbgny table td{
	padding:0px 0px;
}
#products-t .row{padding:0;}
}
@media (max-width:768px){
 .proviewbgny{ padding:0; margin:0;}
  .promidtitle{left:0;}
}

/*销售网络*/
/*网络服务*/
#service p a{ color:#1e2380;}
#service p a:hover{color:#f1c313;}
#service h4,.service-wz{ text-align:center;}
#service h4{ font-weight:bold;
font-size:1.4em;
margin-top:1rem;
}
#service img{
	width:80%;
	max-width:200px;
	}
.service-wz{ color:#404040; line-height:1.5em;margin-top:1rem;
}
.service-net-title{

color:#1e2380;
font-size:2.8rem;
font-weight:bold;
margin-top:1rem; 
margin-bottom:2rem;

}
/*新闻资讯*/
#news{
	background-color:#f7f9fb;
	}
#news .row{
	margin:1rem auto;
	background-color:#fff;
}
#news h2{
	font-size:1.5em;
	font-weight:bold;
	color: #1e2380;
	text-align:left;
	line-height:1.2em;
	white-space:nowrap
}
#news h6{
	font-size: 1em;
	margin-top:1rem;
	color: #999999;
	}
#news .col-md-9{
		padding-left:3rem;
	}
#news .col-md-9 p{
	color: #666666;
	word-wrap:break-word;
	word-break:break-all;
	margin-top:3rem;
	max-width:900px;
	}

#news a:hover img{
	filter:alpha(opacity:50); opacity:0.5;  -moz-opacity:0.5;-khtml-opacity: 0.5;
}
#news a{
	position:relative;
	transition: all .3s ease-in-out;
}
#news .newsmore{
	display:inline-block;
	background-color:#181878;
	border-radius:50px;
	padding:12px 2.5em;
	margin-top:2rem;
	color:#fff;
	border:#bfbfbf solid 1px;
	}	
	
#news .newsmore:hover,#news .newsmore1:hover{
	background-color:#000000;
	color:#fff;
	border:none;
	}	
@media (max-width:1024px){
	#news .col-md-9{
		padding-bottom:15px;
	}
	#news .row{
		margin-top:5em;
}
}
/***新闻详细***/
#newsview img{
	width:100%;
	max-width:100%;
	width:auto!important;
	height:auto!important;
	display:block;
	margin:0 auto;
}
.SiteLink p{
	margin-top:10px;
	margin-bottom:20px;
}
.SiteLink a{
	color:#52aa33;
}
.SiteLink a:hover{
	text-decoration:underline;
		color:#666;
}
.newsview-name{
	font-size:1.3em;
	text-align:center;
	font-weight:bold;
	}
.newsview-time{
	color:#787878;
	text-align:center;
	margin-top:1rem;
	margin-bottom:2.5rem;
	padding-bottom:1em;
	border-bottom:#eeeeee solid 2px;
}
.newsview-div{
	text-align:right;
}
.newsview-page{
	border-top:#CCC solid 3px;
}
.newsview-page1{
	border-top:none;
}

.newsview-page a,.newsview-page1 a{
	color:#ccc;
	}
.newsview-page a:hover,.newsview-page1 a:hover{
	color:#181878;
	}

/*联系我们*/
/*联系方式*/
#contact-d .col-md-5{ padding-left:6rem;}
#contact-d h3{color:#38383a; font-weight:bold; }
#contact-d p{ padding-top:3rem; }
#contact-d h2{ padding-top:5px;  }
#contact-d h2 a{color:#333; font-weight:bold;}
#contact-d ul{
text-decoration:none;
padding-top:3rem;
line-height:2em;
}
#contact-d ul li i{
color:#181878;
}
#contact-d ul li,#contact-d ul li a{
color:#38383a;
}
#contact-d h2 a:hover,#contact-d ul li a:hover{
color:#f9bf00;
}
/*地图*/
#dtcontainer{
	min-height:600px;
}
@media (max-width:1000px){
	#dtcontainer{
		min-height:400px;
	}
}		
@media (max-width:768px){
#contact-d .col-md-5{ padding-left:2rem;}
}