/*---------------------------
[Template Structure]
Project:	 Material
Version:	 1.0
Primary Use: Site Template 
Layout:      Responsive
Platforms:   Mobile & Tablet
-----------------------------
@charset "UTF-8";
/* Reset Framework For Material Specific */
body{
	height:100%;
    background-color:#ececec;
}a{text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none;}
a:hover{text-decoration:none;}

h1, h2, h3, h4, h5, h6{ font-weight: 500;   }
p{    color:#595959;   }
h6{    color:#595959;   }
#content{    background:#ececec;}
.delimiter{ height:2px; border-bottom:1px solid #FFF; border-top:1px solid #cfcfcf; margin-bottom: 20px;}
::-webkit-scrollbar { 
    display: none; 
}
.material-box{
    background-color:#FFFFFF;
    margin-left:10px;
    margin-right:10px;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:10px;
    padding-right:10px;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
    box-shadow:         0 2px 5px 1px rgba(0,0,0,0.1);
    margin-bottom:15px;
    -webkit-appearance: none; display:block; overflow:hidden;
    border-radius:2px;
}
@media (min-width:768px){
    .responsive-columns{
        margin-left:50px;
        margin-right:50px;
    }
    
    .one-third-responsive .material-box{
        margin-left:0px;
        margin-right:0px;
    }
    
    .material-box{
        margin-left:50px;
        margin-right:50px;
    }
}
.all-elements{
	position:absolute;
	overflow-x:hidden!important;	
	width:100%;
	height:100%;
	min-height:100%;
	max-height:100%;
}
.header{
    padding-top:5px;
    padding-bottom:5px;
    margin-top:10px;
	background-image:#fff;
	background-size:cover;
}
.header-top-logo{ width:60%; margin:auto; }
.header-nav-left{
    float:left;
    color:#000;
    font-size:36px;
    margin-right:0px;
    width:50px;
    height:90px;
    margin-top:-15px;
    text-align:center;
    line-height:90px;
    margin-bottom:-15px;
    margin-left:0px;
}
.header-nav-right{
 
    text-align:center;
    margin-right:0px;
    float:right;
    color:#000;
    font-size:1rem;    
}
.header-nav-left:hover{
    color:#f1f1f1;
}
.slider-container{
    padding:0px;
}
.more{
    margin-left:-20px;
    margin-right:-20px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:13px;
    margin-top:20px;
    border-top:solid 1px rgba(0,0,0,0.1); 
    border-bottom:solid 1px rgba(0,0,0,0.1);
    margin-bottom:-30px;
}
.more .more-link{
    margin-right:-15px;
    margin-top:15px;
    font-weight:600;
    float:right;
    padding-left:15px;
    padding-right:15px;
	color:#000000;
}
.more .simple-link{
    margin-right:-20px;
    margin-top:15px;
    font-weight:600;
    float:right;
    padding-left:20px;
    padding-right:20px; 
    color:#1f1f1f;
}
.more .active{
    color:#27ae60;
}
.more .share-link{
    margin-top:15px;
    font-weight:600;
    float:left;
    padding-left:15px;
    padding-right:15px;
    color:#1f1f1f;
}
.more .link{
    margin-top:15px;
    font-weight:600;
    float:right;
    padding-left:15px;
    padding-right:15px;
    color:#1f1f1f;   
}
.share{
    margin-top:45px;
    margin-bottom:-15px;
}
.share li{ float:left; margin:0.5%; text-align:left; list-style-type:none;}
.share a{
    font-size:11px;
    float:left;
    padding-left:15px;
    padding-right:15px;
    font-weight:600;
    text-transform:uppercase;
    color:#1f1f1f;
}
.share a:first-child{
    padding-right:10px;
}
.service-column img{
    width:150px;
    height:150px;
    border-radius:150px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    margin-top:10px;
}
.service-column h3{
    text-align:center;
    margin-bottom:0px;
}
.service-column em{
    color:#0085ca;
    font-style: italic;
    display:block;
    text-align:center;
    margin-bottom:10px;
}
.service-column p{
    text-align:center;
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

.newsOne1{ margin-bottom:5px; background:#FFFFFF; padding:10px 10px 10px 10px;border-radius: 2px; border-bottom:1px dashed #efefef; display:block; overflow:hidden;}
.newsOne1 .name1{ font-size:1rem; line-height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#4d4d4d; margin:0; padding:0;}
.newsOne1 .info{ font-size:0.8rem; line-height:28px; text-align:right; color:#bebdbd; float:right;}
.newsOne img{ height:145px; width:145px; float:left; margin-right:20px; border:1px solid #ccc;}
.newsOne .name{ font-size:1rem; line-height:28px; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#4d4d4d;}
.newsOne .text{ font-size:0.9rem; line-height:26px; height:84px; overflow:hidden; color:#bebdbd;}
.newsOne .info{ font-size:0.8rem; line-height:28px; text-align:right; color:#bebdbd; float:right;}
    
/*Quote Slider*/
/* 8. Quote Slider */
.quote-slider h4{
	font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;
	font-size:16px;
	font-weight:300;	
	width:90%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	line-height:36px;
    color:#595959!important;
}
.quote-slider a{
	text-align:center;
	margin-top:20px;	
}
.quote-slider span{
    margin-top:20px;
    width:80px;
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.quote-slider span i{
    color:#f1c40f;
    font-size:14px;
}
    
/*Featured Project*/
.featured-item img{
    width:230px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px; margin:1% !important;
	border: 1px solid #F8F8F8;
	padding:5px !important;
}
@media (min-width:768px){
    .featured-project p{
        width:70%!important;
    }
}
.featured-project{ margin:auto; width:98%;}
.featured-project h3{
    padding-bottom:0px;
    margin-bottom:5px;
    text-align:center;
	font-size:24px;
	line-height:30px;
	color:#666666;
}
.featured-project .enx{
    color:#cccccc;
    text-align:center;
    display:block;
	margin-top:10px;
    margin-bottom:10px;
	font-size:24px;
}
.featured-project p{
    text-align:center;
    margin-bottom:0px;
    width:80%;
    margin-left:auto;
    margin-right:auto;
	font-size:16px;
}
/*Homepage Gallery*/
.homepage-gallery h3{
    margin-bottom:0px;   
}
.homepage-gallery .gallery{
    margin-top:15px;
    margin-bottom:0px;
}
/*Footer*/
.footer {
     background-color:#FFFFFF;
    margin-left:10px;
    margin-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
    box-shadow:         0 2px 5px 1px rgba(0,0,0,0.1);
    -webkit-appearance: none;
    border-radius:2px; margin-bottom:0.5%;
}
.footer p{ margin:0; padding:0;}
.show-left-sidebar{
    background-color: #db4437;
    width:50px;
    height:50px;
    border-radius:50px;
    color:#000;
    text-align:center;
    line-height:50px;
    font-size:14px;
    position:fixed;
    z-index:999999;
    bottom:30px;
    left:25px;
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.3);
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
    transition:all 350ms ease-in-out;
}
.show-left-sidebar-ball{
    -webkit-transform:scale(0,0);
    transform:scale(0,0);
    transition:all 300ms ease-in-out;
}
.show-left-sidebar i{
    text-shadow:0px 1px 0px rgba(0,0,0,0.2);  
}
.show-left-sidebar:hover{color:#000!important;}
.show-right-sidebar:hoveR{color:#000!important;}
.show-right-sidebar{
    background-color: #db4437;
    width:50px;
    height:50px;
    border-radius:50px;
    color:#000;
    text-align:center;
    line-height:50px;
    font-size:14px;
    position:fixed;
    z-index:999999;
    bottom:30px;
    right:25px;
    box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: -2px 2px 8px 0px rgba(0, 0, 0, 0.3);
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
    transition:all 350ms ease-in-out;
}
.show-right-sidebar-ball{
    -webkit-transform:scale(0,0);
    transform:scale(0,0);
    transition:all 300ms ease-in-out;
}
.show-right-sidebar i{
    text-shadow:0px 1px 0px rgba(0,0,0,0.1);
}
/*Sidebar*/
.sidebar-header{
    color:#000;
	background:#fff;
    background-size:270px 170px;
    width:270px;
    height:100px;
}
.sidebar-navigation li:hover{
    background-color: #545454;
    transition:all 450ms ease;
}
.sidebar-header p{
    color:#c8c7c7;
    padding-left:30px;
    font-weight:500;
    font-size:12px;
    letter-spacing:0.8px
}
.sidebar-logo{ padding-top:20px !important;
    margin-left:30px;
    background-image:url(../ke01_img/logo-light.png);
    background-size:200px 75px;
    width:200px;
    height:75px;
    display:block;
}
/*Sidebar Navigation*/
.selected{
    background-color: #404040;
}
.selected a em{
    color:#c3c3c3!important;   
}
.selected a i{
    color:#DADADA!important;
}
.qrcode{
    padding-left:30px;
    list-style:none;
	padding-bottom:30px;
	}
.sidebar-navigation{
    margin-bottom:0px;
    list-style:none;
    padding-top:0px;
	background:#303030;
}
.sidebar-navigation li{
    transition:all 450ms ease;
    padding-left:30px;
    list-style:none;
}
.sidebar-navigation li *{
    list-style:none;
    line-height:40px;
    font-size:14px;
    color:#c3c3c3;
}
.sidebar-navigation li em{
    font-style:normal;
    padding-left:50px;
    font-weight:500;
}
.sidebar-navigation li a{
    font-weight:500;
}
.sidebar-navigation li a i{
    font-weight:200!important;
    font-size:18px;
    color:##C8C7C7;
    width:25px;
    text-align:center;
    margin-right:30px;
    position:absolute;
    margin-top:0px;
}
.sidebar-copyright{
    font-size:12px;
    padding-left:30px;
    line-height:24px;
    margin-bottom:0px;
    padding-bottom:32px;
    opacity:0.5;
}
/*Sidebar Form*/
.sidebar-form{
}
.sidebar-form .contactField{
    font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu
    color:rgba(46, 46, 46, 0.5);
    font-size:14px;
    font-weight:500;   
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:solid 1px rgba(0, 0, 0, 0.1);
    padding-left:30px;
    line-height:70px!important;
    line-height:100%!important;
    height:70px;
    vertical-align:middle;
    padding-bottom:0px;
    padding-top:5px;
    margin-bottom:0px;
    transition:all 400ms ease;
}
.sidebar-form .contactField:focus{
    color:#595959;
    transition:all 400ms ease;
    border-bottom:solid 1px rgba(104, 159, 56, 1)!important;
}
.sidebar-form .contactTextarea{
    font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu
    color:rgba(46, 46, 46, 0.5);
    font-size:14px;
    font-weight:500;
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:solid 1px rgba(0, 0, 0, 0.1);
    padding-left:30px;
    height:65px;
    max-height:150px;
    padding-bottom:20px;
    padding-top:20px;
    line-height:24px!important;
    transition:all 400ms ease;
    margin-bottom:0px;
}
.sidebar-form .contactTextarea:focus{
    color:#595959;
    height:150px;
    transition:all 400ms ease;
    border-bottom:solid 1px rgba(104, 159, 56, 1)!important;
    
}
.sidebar-form .button{
    margin-top:0px;
    height:50px!important;
    line-height:50px!important;
    padding-top:0px;
    font-weight:600;
    -webkit-appearance: none;
    width:103%!important;
}
.sidebar-form #contactSubmitButton{
    -webkit-appearance: none;
    margin-bottom:-0px;
    transition:all 350ms ease;
}
.show-sidebar-form-button{
    margin-top:0px!important;
    transition:all 350ms ease;
}
.sidebar-form .button:hover{
    transform:none!important;
}
.sidebar-form-message{
    padding-left:30px;
    padding-right:30px;
    font-style:italic;
    color:#b2b2b2;
    font-weight:300;
}
.sidebar-form .static-notification-red{
    margin-bottom:5px;
    height:50px!important;
}
.maps-container{
    padding:0px!important;   
}


.en{ float:right;
    color:#000;
    font-size:0.95rem;
    margin-right:0px;
    width:50px;
    height:90px;
    margin-top:-15px;
    text-align:center;
    line-height:90px;
    margin-bottom:-15px;
    margin-left:0px;}
.en a{color:#000;}

.feilei{ margin:auto; width:95%; padding-left:3%; padding-bottom:2%;}
.feilei li{ float:left; width:25%; line-height:30px; font-size:1rem; font-weight:bold; color:#000; list-style-type:none; background:url(../ke01_img/01.png) left no-repeat; text-indent:15px;}
.feilei li a:hover{ color:#F00;}
.feilei li a{ color:#000;}
.logo{ margin:auto; width:40%;}
.logo img{ margin:auto; max-width:60%;}





.page011{text-align:center; color:#444; margin:20px; clear:both !important;}
.page011 a{ margin:0; padding:0; left:0; width:0; color:#444 !important;}


.product {background: none ;margin: 5px 0px;padding: 0px;}
.productlist li 
{
    float:left;width: 48%;	height:160px;	border-radius: 0px;	margin-top: 4%;	margin-bottom: 3%;	margin-right: 0%;
	margin-left: 2%;
}
.quanjing {
	width: 92%;
	border-radius: 0px;
	box-shadow: 0 1px 3px 0;
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 2%;
	margin-left: 4%;
}
.quanjing img{
	width:100%;
}
.pro_img1{width:100%;height:130px;overflow:hidden;}
.pro_img1 a {display:block;width:100%;height:100%;text-align:center;vertical-align:middle;}
.pro_img1 .vertical-align-span { 
display:inline-block; 
width:1px; 
height:100%; 
margin-left:-10px; 
vertical-align:middle; 
} 
.pro_img1 img 
{
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
}
.quanjing .pro_title {
    color: #000000;
    text-align: center;
    font-family:"Microsoft YaHei","????",Arial;
}
.productlist .pro_title 
{
    width:100%;
    height:30px;
    line-height:30px;
	text-align: center;
	color: #000000;
    font-family:"Microsoft YaHei","????",Arial;
    overflow:hidden;
}
.productlist .pro_title span{color:#9d0129;}
.productlist ul {
	width: 100%;
}
.content_box {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 5px;
    padding: 2px;
}
.content_box_text {
	background-color: #FFFFFF;
	color: #303030;
	font-size: 14px;
	padding: 5px;
}
.content_box_text p{ line-height:22px; margin-bottom:10px;}
.addmapbut {
    border-bottom: 1px solid #E0E0E0;
    color: #303030;
    line-height: 35px;
    padding: 2px;
}
.addmapbut2 {
    color: #303030;
    line-height: 35px;
    padding: 2px;
}
.addmapbut a, .addmapbut2 a {
    color: #000000;
}
.item-img {
    float: left;
    height: 18px;
    margin-right: 10px;
    margin-top: 10px;
    vertical-align: middle;
    width: 18px;
}
.addmapbut span {
    vertical-align: middle;
}
.item-name {
    line-height: 35px;
}
.item-value {
    line-height: 35px;
    margin-left: 15px;
}
.form_button {
    background: none repeat scroll 0 0 #CC4434;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 40px;
    margin: 10px 0;
    text-align: center;
	display: block;
}
.input_txt, .input_area {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    box-shadow: 0 0 3px 0 inset;
    margin: 5px 0;
    width: 100%;
}
.message_table {
	background-color: #FFFFFF;
	color: #303030;
	font-size: 12px;
	padding: 5px;
}
.message_table td{
    border-left: 0 none;
    padding-left: 3px;
    text-align: left;
}
table {
	width: 100%;
}
.input_txt {
    height: 25px;
}
.contact_box_head {
	background: none repeat scroll 0 0 #bbb;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	font-family:YaHei;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-radius: 8px;
    box-shadow: 0 1px 3px 0;
}
.index_main {
	margin: auto;
	height: auto;
	line-height:0px;
	padding-bottom: 5px;
}
.index_main li {
	float: left;
    overflow: hidden;
}
.index_main li img {
    border: 0 none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    margin-bottom:10px;
    width: 100%;
}
.index_main li a {
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}
.index_main dt {
	float: left;
	height: 83px;
	width: 174px;
}
.m1{display:inline;margin-left:2%;margin-right:2%;margin-bottom:1em;width:46%;}
.index_main li .m1a{margin-top:5px;display:block;width:100%;height:24px;line-height:24px;color:#ffffff;text-align:center;font-family:"Microsoft YaHei",Arial;font-size:1.2em;}
.index {
	background-color: #0e0000;
}
.fenlei {
	margin-bottom: 5px;
	text-align:center;
}
.fenleiCon{
	margin-left:7.8125%;
	width:92.1875%;
	text-align:left;
}
.fenlei a {
	background-color: #b1b0b0;
	border-radius: 0px;
	color: #ffffff;
	font-size: 1.1em;
	margin: 0px;
	text-align: center;
	text-decoration: none;
	display:block;
	margin-right:4.0625%;
	margin-bottom:10px;
	width:25.625%;
	padding-top: 10px;
	padding-bottom: 10px;
	display:inline-block;
    font-family:"Microsoft YaHei","????",Arial;
}
.fenlei a:hover {background-color: #b61f28;}

/**************************ProductShow********************************/
#main_proCon{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:left;
}
#main_proCon_img{
	width:100%;
	text-align:center;
}
#main_proCon_img img{max-width:100%;}
#main_proCon_js{
	margin-top:20px;
	width:100%;
}
#main_proCon_jsTit{
	font-size:20px;
}
#main_proCon_jsCon{
	margin-top:15px;
	font-size:14px;
	line-height:200%;
}
#main_proCon_jsCon p{
	text-indent:2em;
}
#main_proCon_xjTit{
	margin-top:33px;
	margin-bottom:20px;
}
#main_proCon_xjCon{
	width:100%;
}
#main_proCon_xjCon img{
	margin-bottom:14px;
}
.f00l{ width:70% !important; float:left;}
.f00r{ width:30% !important; float:right;}



@media screen and (max-width:640px){
	#imain_box{width:100%;}
}
#recruit_img{width:100%;}
#recruit_img img{max-width:100%;}




.product .pic{line-height:24px; text-align:center; position:relative;}
.product .pic img{max-width:100%;}
.product .pic .sxan{position:absolute; top:50%; margin-top:-50px;}
.product .pic .anl{
	left:-12px;
}
.product .pic .anr{
	right:-9px;
}
.product .cs, .product .sm{line-height:180%;}



#item_detail {
    padding: 10px;
}
#detail_wrap {
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
	background-color: #fff;
    border-radius: 3px;
	padding:10px;
}
#detail_wrap > img {
    display: block;
}
.i_title {
    color: #333;
    font-size: 14px;
    height: 26px;
    left: 0;
    line-height: 26px;
    top: 0;
    width: 100%;
    z-index: 2;
}