/*! * Start Bootstrap - Creative v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/creative) * Copyright 2013-2017 Start Bootstrap * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE) */
body,html{width:100%;height:100%}
body{font-family:   宋体, SimSun, 宋体}
hr{max-width:80px;border-width:5px;border-color:#f05f40}
hr.light{border-color:#fff}
a{color: #0064C8;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
a:hover{color:#f05f40}
h1,h2,h3,h4,h5,h6{font-family:  宋体, SimSun, 宋体}


.bg-textile{

	/*	background-color: #feedd9!important;*/
 background-color:    #FFF!important;  
	 background-image: url(../img/bg1.jpg); 
	 background-repeat: repeat; 
}
.bg-textile-2{
	border-top-width: 1px;
	border-top-style:dashed;
	border-top-color: rgba(204, 204, 204, 0.562);
}
.bg-dark{background-color: #284986!important}
.text-faded{color:rgba(255,255,255,.7)}
section{padding:4rem 0}
.section-heading{margin-top:0}
::-moz-selection{color:#fff;background:#212529;text-shadow:none}
::selection{color:#fff;background:#212529;text-shadow:none}
img::selection{color:#fff;background:0 0}
img::-moz-selection{color:#fff;background:0 0}
body{-webkit-tap-highlight-color:#212529}

#mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}

#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#f05f40;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover{color:#f05f40}
#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#212529}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#f05f40}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#f05f40!important;background-color:transparent}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}
@media (min-width:992px){#mainNav{border-color:transparent;background-color: #FFF}
#mainNav .navbar-brand{ color: #666;)}
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover{color:#f05f40}
#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}
#mainNav .navbar-nav>li.nav-item>a.nav-link, #mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(0,0,0,.7)}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover, #mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color: #F60}
#mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff; border-bottom-style:solid; border-bottom-color:#CCC; border-bottom-width:1px;  }
#mainNav.navbar-shrink .navbar-brand{color:#f05f40}
#mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover{color:#f05f40}
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}
#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover, #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#f05f40}
}

 	
header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/header.gif);
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

header.masthead hr{margin-top:30px;margin-bottom:30px}
header.masthead h1{font-size:2rem}
header.masthead p{font-weight:300}
@media (min-width:768px){header.masthead p{font-size:1.15rem}
}
@media (min-width:992px){header.masthead{height:500px;min-height:350px;padding-top:0;padding-bottom:0}
header.masthead h1{font-size:3rem}
}
@media (min-width:1200px){header.masthead h1{font-size:4rem}
}




.service-box{max-width:400px;margin-top:0.5rem!important;border-radius:10px; padding-bottom:2rem; padding-top:2rem;min-height:500px; }
.service-box:hover{ background-color: #FFF; cursor:pointer}
.service_content{ padding-left:1rem;!important; font-size:0.9rem; color: #666666;line-height: 1.5rem; }
 
.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(240,95,64,.9);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
.portfolio-box:hover .portfolio-box-caption{opacity:1}
.portfolio-box:focus{outline:0}
@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}
}
.text-primary{color:#f05f40!important}
.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'SimSun','Open Sans','Helvetica Neue',Arial,sans-serif}
.btn-xl{padding:1rem 2rem}
.btn-primary{background-color:#f05f40;border-color:#f05f40}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#ee4b28!important}
.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}
.text-orange{color:#f05f40}
.down-50{ }
#new_left{ float:left; text-align:left}
#new_left{ float:left;text-align:left}

.list-group-item {
	font-size:0.95rem;
    position: relative;
    display: block;
    padding: .35rem 1.25rem;
    margin-bottom: -1px;
	background-color: #fff;
 
    border: 1px solid rgba(0,0,0,.125);
}
.list-group-item:hover
{
	background:rgb(211, 230, 255)}
	
.list-group-item a:hover{
	color: #000;
	 text-decoration:none;

}

 .list-group-item  a{
color:#000;

 }
#portfolio{
	padding-top:2rem;!important;
	}
.text-about-us{
	font-size:0.95rem;
	color:#666666;
	line-height: 1.5rem;
	}
.row .map{
	background-image: url(../img/map.jpg);
	height:211px;
 
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	
	margin-bottom:2rem;}	
	
.navbar-brand{
font-size:1rem;
font-weight:bold;
}
.navbar
{padding:0.5rem 0rem 0rem 0.6rem;}

.production{
 
    background-color: #FFF!important;
 
    background-image: url(../img/bg3.jpg);
    background-repeat: repeat;
}

.bottom_border{
 
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color:   #CCC;
	}
.breif-intro
{
	font-size:14px;}

.breif-intro .list-unstyled 
{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #777;
	}
	
	.breif-intro .no-border
{
	border-right-style:none;
	}
 

	
.foo{
	padding:15px;
	background: #003;
	font-size:13px;
	}
	
.big-gap{
	line-height:2rem;
	font-size:15px;	
}
.text-white-underline
{

display:table;
padding-left: 20px;
padding-right: 20px;
 

background-color:#0064C8;
opacity: 0.8;
line-height: 4rem;
 
}

.text-white-underline-2
{
 white-space: normal;
padding-left: 20px;
padding-right: 20px;
background-color:rgb(204, 26, 13);
opacity: 1;
line-height: 4rem;
}

.text-white-underline-3
{
 
padding-left: 20px;
padding-right: 20px;
padding-top:5px;
padding-bottom:5px;
background-color:rgba(183, 183, 183, 0.61);
opacity: 0.8;
color: #212529;
line-height: 2rem;
}

.text-white-underline-4
{
font-weight: bolder; 
padding-left: 20px;
padding-right: 20px;
padding-top:5px;
padding-bottom:5px;
 
background-color: rgb(255 151 151 / 64%);
opacity: 0.8;
color: #000000;


opacity: 0.8;
 
line-height: 2rem;
}
.big-pic-button{

margin-top:30px;
 
 }

 .big-pic-button button{
	 padding-left:10px;
	 padding-right:10px;
	 margin-left:10px;
	 }
.fp-bg-color-a{
	background-color: #ccc;

}

.card-small-text{
	font-size: 0.9rem;

}
.no-border{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}
.a-gap{
padding-top:5px;
padding-bottom:20px;

}
.wrapper_content{
	margin-left:20px;
	font-family: "宋体";
	font-size: 1rem;
}

.li-head{
	padding:.15rem 1.25rem 0.15rem 1.25rem;
	/* border-bottom:1px solid rgb(233, 233, 233); */
 }
.li-gap{

	padding:0.5r1rem 0rem 0.5rem 0rem;

}
 .list-group-item{
	 border:none;

 }

 .left-nav{
	 border-right-style: solid;
	 border-right-width: 1px;
	 border-right-color:rgb(228, 228, 228);
 
 }
 .content_details
 {font-size: 1rem;
font-family: '宋体';}
 
 .content-head{
	  margin-bottom:2rem;
	  
	  font-family: '宋体','宋体';
 
	  
 }
 .content-sub-head{
	margin-bottom:1rem;
	margin-top:3rem;
	font-family: '宋体';
	
}
 .content_details  p{
 line-height: 1.8rem;
 } 
 .text-red{
	 color:#dc3545;   
	 font-weight: bold;
 
 
 }
 .content-list{
	 background-color:rgba(255, 238, 0, 0.041);
	 border: 1px solid rgba(0, 0, 0, 0.068);
 }

 
 .list-group-item.active a {
    z-index: 2;
    color: #fff;
    background-color: #007bff;
	border-color: #007bff;}
	
	.list-group-item.active:hover {
		z-index: 2;
		color: #fff;
		background-color: #007bff;
		border-color: #007bff;
    
	 }
	 .content-emph{
		 background-color: #f5c6cb;
		 color:#721c24;
		 border-radius: 4px;
		 margin:1rem,1rem,1rem,1rem;
		 border: 1px solid rgba(0,0,0,.125);
  		  display: block;
		 padding: .45rem 1.25rem;
		 font-weight: bold;
 
	 }

	 .content-img{
   margin-top:2rem;
   margin-bottom:2rem;
 
	 }
	 .content-download-link{

		padding: 0.75rem;
		margin-top: 0.75rem;
		margin-bottom: 0.75rem;
		border: 1px solid #eee;
		border-left-width: .25rem;
		border-radius: .25rem;
		border-left-color: #f0ad4e;
	 }
	 .content-important{

		padding: 0.75rem;
		margin-top: 0.75rem;
		margin-bottom: 0.75rem;
		border: 1px solid #eee;
		border-left-width: .25rem;
		border-radius: .25rem;
		border-left-color: #f06e4e;
display:block; }


	 .text-bold{
		 font-weight:bold;
	 }
	 .content_details table{
		 font-size: 0.75rem;
	 }
	 .content_details table td{
		font-size: 0.95rem;
	}
	.content_details table th{
		font-size: 0.95rem;
	}
 

	 .table th{
	 
		 font-family: "宋体";
	 }

	.table tr:hover{
		 background-color: rgba(194, 194, 194, 0.253);
		 cursor: pointer;
	 }

	 .table{
		 border-bottom-style: solid;
		 border-bottom-width: 1px;
		 border-bottom-color: rgb(239, 238, 252);
		 margin-bottom: 3rem;
	 }

 .content_details h5{
font-size:1.3rem;
font-family: '宋体';
margin-top:2rem;
margin-bottom:1.5rem;

 }

 .text-bg-border{
	background-color: #ff110027;
	color:#000000;
	border-radius: 4px;
 
	border: 1px solid rgba(0,0,0,.125);
	   
	padding: .25rem .25rem;
 
	display: inline;
	
 }

 .list-news a:hover 
 {
	 background-color: #007bff;
color:#fff;

} 

.list-news a  
{
	margin-bottom:0px;
 
	border-bottom: rgba(228, 227, 227, 0.404);
	border-bottom-style: solid;
	border-bottom-width: 1px;
  
} 

.list-news h3{
margin-bottom:2rem;
margin-left:2rem;

}

.list-group-item.icon-jpg{
padding-left:30px;

background-image: 	url(../img/f_jpg.gif);
background-repeat: no-repeat;
background-position-y: center;
}

.list-group-item.icon-jpg:hover
{
	background-image: 	url(../img/f_jpg.gif);
	background-repeat: no-repeat;
	background-position-y: center;
	margin-left:-1rem;
 
 
}



.icon-link{
padding-left:30px;

background-image: 	url(../img/f_link.gif);
background-repeat: no-repeat;
background-position-y: center;
}

.icon-link:hover
{
	background-image: 	url(../img/f_link.gif);
	background-repeat: no-repeat;
	background-position-y: center;
	margin-left:-1rem;
}

.icon-vedio{
	padding-left:30px;
	background-image: 	url(../img/f_vedio.gif);
	background-repeat: no-repeat;
	background-position-y: center;
	}
	
.icon-vedio:hover
{
		background-image: 	url(../img/f_vedio.gif);
		background-repeat: no-repeat;
	background-position-y: center;
	margin-left:-1rem;
}

#back-to-top{
	color:#000;
	font-size: 0.9rem;
 
 
}

#foo-ul {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgba(204, 204, 204, 0.13);
	font-family: '宋体','宋体';
 
}
#foo-ul li{
margin-top:0.3rem;
margin-bottom:0.3rem;
}

#foo-ul a{
	font-family: '宋体','宋体';
	color:rgb(238, 238, 238);
 }

 .card-deck{
	 margin-bottom: 10px;
 }
 .card-with-type:hover{
	 background-color: #007bff;
	 color:#fff;
	 cursor: pointer;
     top:0px;
	 -webkit-animation: mymove 1s ease 1; /* Chrome, Safari, Opera */
	 animation: mymove 1s  ease 1;
	 box-shadow: 1px 1px 45px 0px #557bce;
	 
 }


 .card-less-image{
	 margin :10px 10px 10px 0px;
 
 
 
}
	
.card-less-image:hover{

cursor: pointer;
top:8px;
-webkit-animation: mymove 1s ease 1; /* Chrome, Safari, Opera */
animation: mymove 1s  ease 1;

padding :1px 1px 1px 1px;

background-color: #007bff;
box-shadow: 1px 1px 12px 0px #007bff;
}








.card-columns{
padding-top:10px;
padding-bottom:10px;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
	50% {top: -10px;
	 
	}
}

/* Standard syntax */
@keyframes mymove {
    50% {top: -10px;}
}


.card{
border:none;
 
}

 .card-text{
	 font-size:1rem;
	 
 } 
 .card-title{
	 font-size:1.0rem;
	 font-weight: bold;
 
 
 }
 
 #production li{
padding-left:4px;
 }
 #production li:hover{
	background-color: #007bff;
	color:#fff;
	cursor: pointer;
	box-shadow: 1px 1px 12px 0px #557bce;
	-webkit-animation: mymove2 1s ease 1; /* Chrome, Safari, Opera */
	animation: mymove2 1s  ease 1;
 
 }


 #production  li.list-group-item-danger:hover{
	background-color: #da2020c5;
	color:#fff;
	cursor: pointer;
	box-shadow: 1px 1px 12px 0px #ce5555;
	-webkit-animation: mymove2 1s ease 1; /* Chrome, Safari, Opera */
	animation: mymove2 1s  ease 1;
 
 }



 /* Chrome, Safari, Opera */
@-webkit-keyframes mymove2 {
	50% {padding-left: 10px;
	 
	}
}

/* Standard syntax */
@keyframes mymove2 {
    50% {padding-left: 10px;}
}

 .nav-item{

	font-size:1.0rem;
 
 }
 

  
 .dropdown-item:hover{
	background-color: #007bff;
	color:rgb(255, 255, 255);
	cursor: pointer;
	border-radius: 4px;
	 
 } 

.dropdown-menu a{
font-size:0.9rem;

}
 .dropdown-menu{
	 background-color:rgba(255, 255, 255, 0.884);
	 border-style: none;
	 
 }
 
 .h-mark:hover{ 
	 background-color:#fff;
	 cursor: pointer;

 }
 .qq-contact{
 
	 color:#000;
	 padding:15px 15px 15px 15px;
	

	 background-color: #007bff33;
	 color:#ffffff;
	 border-radius: 4px;
  
	 border: 1px solid rgba(0,0,0,.125);

 }

 .qq-contact p{
	color:#000;
   
 }

 
 .dropdown-divider
 {
 
	height: 0;
    margin: .2rem 0;
    overflow: hidden;
	border-top: 1px solid #cccccc;
 

 
 }
 .list-group-title{
	color: rgb(0, 79, 174);
	 font-size:1rem;
	 font-weight:bolder;
 }

 .table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}
 
tr.table-colspan  {

	background-color: rgba(194, 194, 194, 0.253);
	cursor: pointer;
}

.content_details img{

	margin:0px 0px 40px 0px;
}

.card-small-text
{font-size:0.95rem;
line-height: 1.8rem;}

.contact-bar{

margin-top:20px;
 
}

h2.section-heading{
	font-family: '微软雅黑', SimSun;
}
h4.section-heading{
	font-family: '微软雅黑', SimSun;
	font-weight: lighter;

}
.bg-baner{

	background-color: #fcf8e1;
	font-family:   SimSun;

	 padding:1rem 0rem;
	 border-bottom:1px dotted rgba(204, 203, 203, 0.438);
 
}

.bg-baner h2{
 font-weight: lighter;
	 font-size:1.5rem;
	 vertical-align: bottom;
	 line-height: 2.5rem;
 }

 

 
.ie-vertical:before {
    content: '';
    display: inline-block;
 
 
    vertical-align: middle;
}
.ie-vertical  {
    display: inline-block;
    vertical-align: middle;
	content: '';
	height:50%;
	padding-top:20px;
	width: 100%;
 
 }
 /* ie兼容 */
 .ie-vertical-card:before {
    content: '';
    display: inline-block;
 
 
    vertical-align: middle;
}
.ie-vertical-card  {
    display: inline-block;
    vertical-align: middle;
	content: '';
 
 
	width: 100%;
 
 }

.card-img img {
margin-bottom:10px;

}
.card-img .card-body{
    padding: 0rem;

}

.card-img .card-small-text{
    padding: 0.1rem 1.2rem 0.2rem 1.2rem;
 
}
.card-img .card-title{
    padding: 0.1rem 1.2rem 0.2rem 1.2rem;
 
}

 /* ie兼容 */

 .font-yahei{
	 font-family: '微软雅黑';
 }
 .media-object{
	 width:100px;
	 height:100px;
	 padding:0px 10px 0px 10px;
 }
 .media-body{padding:0 0 0 10px;}
 .media{
	    padding:20px 0 10px 10px;

		border-bottom-style: solid;
		border-bottom-color: #e9e9e966;
		min-height: 150px;
 }


 .wp-slt{
	 width:100px;
 
 }
 .h5_brief{
	 margin:15px 0px 5px 0px;
	 font-size: 1rem;

	 display: block;
 }
.pagination a{
	text-align: center;
}
 .pagination li{
 
    display: block;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25;
    background-color: white;
    border-style: solid;
    color: black;
    border-color: #95c2e3;
    margin: 5px;
	text-align: center;
    width: 2rem;

}