*{ margin:0; padding:0; list-style:none; }
body{ font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft YaHei";}
img{ border:0;  }
a{ text-decoration:none; color:#333;  }

::selection {
	color:#ffffff;
	background-color: #17e6df;
}
::-moz-selection {
	color:#ffffff;
	background-color: #17e6df;
}

img{ max-width: 100%;}

@media screen and (max-width: 800px) {
	.pc{ display:none !important;}

	.container {
		width: 100%;
		max-width: none !important;
	  }
	  .index .col-xs-4{ width: 100% !important;}
	  .article .col-xs-4{ width: 50%;height: 180px;}
	.headers{ width:100%; position:fixed; top:0; left:0; right:0; background:#808080; height:64px;z-index: 9999999999; }
.headers .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:20px;right:15px;}
.headers .ydd_btn span{display:block;width:100%;height:4px;background:#342c2a;}
.headers .ydd_btn span.span02{margin:5px 0;}
.headers .ydd_btn.click span{background:#342c2a;}
.headers .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
.headers .ydd_btn.click span.span02{margin:0.5px 0;}
.headers .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-2px;margin-top:0px;}
.headers .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}

.headers .sjdnav{display:none;width:150px;height:auto;position:absolute;right:0;top:64px;z-index:2000;}
.headers .sjdnav ul{padding:0;margin:0;}
.headers .sjdnav li{display:block;padding:0;text-align:center;margin-bottom:1px;background:#342c2a;}
.headers .sjdnav li a{display:block;color:#fff;line-height:30px;font-size:14px;}
.headers .sjdnav li a:hover{background:rgba(0,0,0,0.6);color:#fff;}


.head{ display:block; padding:10px; overflow: hidden; }
.logo{ float:left; width:25%; padding-top: 5px;}

/**底部**/
.botm{position:fixed;bottom:0; left:0;width:100%; height:5em; background:#342c2a;}
.bottom ul{margin:0.5em auto;}
.bottom ul li{ float:left;width:23%;margin:0 0 0 2%;text-align:center; }
.bottom ul li span{ display:block; line-height:1.7em;font-size:0.9em;color:#fff;} 
.bottom ul li img{height:2em;} 


/* banner start */

.thumbnail > img, .thumbnail a > img {
    height: 108px !important;
    margin-right: auto;
    margin-left: auto;
}


.nav{}
.nav ul{margin-top: 5px; margin-left: 5px; text-align: center;}
.nav ul li{display: inline-block; padding: 0 5px ; height:35px; line-height: 35px;}
.nav ul .active a{color: #17e6df;}
.nav ul li a{color: #6C6C6C;}
.nav ul li a:hover{ text-decoration: none; color: #17e6df;}

.article div{ max-width: 100%;}
.caption p{ font-size: 12px !important;}
.slideBox{ width:100%; height:160px;overflow:hidden; position:relative;/*min-width: 990px;*/}
.slideBox .hd{height:16px; overflow:hidden; position:absolute; left: 50%;margin-left: -100px; bottom:5px; z-index:1;  width: 200px; display: none;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#ffffff; float:left; margin:0 .5em;}
.slideBox .hd ul li.on{background:#eb5f11;}
.slideBox .bd{ height:260px; width: 100%; z-index:0;}
.slideBox .bd ul{ padding-left: 0px;}
.slideBox .bd ul li{overflow: hidden;width: 100%; height:160px;position: relative;}
.slideBox .bd li a{display:block; width: 100%; height: 100%; margin:0 auto; position: relative;}
.slideBox .bd li a .text{position: absolute; display: none;}

.slideBox .prev,
.slideBox .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:52px; height:52px; background:url(../img/banner-btn.png) 0px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{left:auto; right:3%; background-position: -52px 0px;}
.slideBox .prev:hover,
.slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{display:none;}
.slideBox .nextStop{display:none;}

.banner{background: url(../img/banner-shadow.png) center bottom repeat-x;padding-bottom: 9px;}
.banner .banner-img .container{height: inherit;}
.banner .banner-img .container .row{height: inherit;position: relative;}
.banner .banner-img .text1{font-size: 30px; color: #17e6df;top: 40%;left: 120px;position: relative;}
.banner .banner-img .text2{ font-size: 22px; color: #17e6df;top: 50%;position: relative;}

.banner .about .banner-img{ background: url(../img/banner3.png) center center no-repeat; width: 100%; height: 300px; display: block;}
.banner .case .banner-img{ background: url(../img/banner2.png) center center no-repeat; width: 100%; height: 300px; display: block;}
.banner .contact .banner-img{ background: url(../img/banner2.png) center center no-repeat; width: 100%; height: 300px; display: block;}
.banner .culture .banner-img{ background: url(../img/banner2.png) center center no-repeat; width: 100%; height: 300px; display: block;}
.banner .detail .banner-img{ background: url(../img/banner3.png) center center no-repeat; width: 100%; height: 300px; display: block;}
.banner .message .banner-img{ background: url(../img/banner2.png) center center no-repeat; width: 100%; height: 300px; display: block;}
.banner .product .banner-img{ background: url(../img/banner3.png) center center no-repeat; width: 100%; height: 300px; display: block;}
.banner .recruit .banner-img{ background: url(../img/banner2.png) center center no-repeat; width: 100%; height: 300px; display: block;}
/* banner end */


/* top start */
.top{height: 40px;}
.top .name{height: 40px; float: left;}
.top .name a{ line-height: 40px; text-decoration: none;color: #808080;}
.top .nav{height: 40px; float: right;color: #808080;}
.top .nav .left{float:left; width:240px; height:40px; margin:0; padding:0;}
.top .nav .left a{ line-height: 40px; text-decoration: none;color: #808080;}
.search-box{position: relative;float: right;width: 160px; height: 40px; right:80px;}

.search-text{display: block; float:left;width: 100px; margin-top: 10px;line-height: 20px;padding-left: 5px;}
.search-text input{border: none;background-color:#fff;height: 25px;width:100px;border:1px solid #808080; outline: none;}
.search-btn{display: block; float:left; height: 60px;}


.navbar-default{margin-bottom: 0px;border: none; border-radius: 0px; background-color: #808080;}
.navbar-default a{padding: 0px;}
.navbar-default .navbar-nav li a{color: #ffffff;font-size: 15px;padding: 20px 15px;}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus{color: #17e6df;}
.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus{color: #17e6df;background-color: #808080; background: url(../img/navli.png) center bottom no-repeat;}
.navbar-default .navbar-collapse{margin-right: -15px;}
/* top end */




/* main start */

#main{margin: 30px 0px;}

.showBox{ width:100%; height:180px;overflow:hidden; position:relative;/*min-width: 990px;*/}
.showBox .hd{height:16px; overflow:hidden; position:absolute; left: 50%;margin-left: -100px; bottom:5px; z-index:1;  width: 200px; display: none;}
.showBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.showBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#ffffff; float:left; margin:0 .5em;}
.showBox .hd ul li.on{background:#eb5f11;}
.showBox .bd{ height:180px; width: 100%; z-index:0;}
.showBox .bd ul{ padding-left: 0px;}
.showBox .bd ul li{overflow: hidden;width: 100%; height:180px;position: relative;}
.showBox .bd li a{display:block; width: 100%; height: 100%; margin:0 auto; position: relative;}
.showBox .bd li a img{border: 1px solid #C7C7C7;border-radius: 5px;}

.showBox .prev,
.showBox .next{position:absolute; left:3%; top:50%; margin-top: -15px; display:block; width:30px; height:30px; background:url(../img/show-btn.png) 0px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.showBox .next{left:auto; right:3%; background-position: -30px 0px;}
.showBox .prev:hover,
.showBox .next:hover{filter:alpha(opacity=100);opacity:1;}
.showBox .prevStop{display:none;}
.showBox .nextStop{display:none;}

#productBox{height: 220px;}
#productBox .title{position: relative;width: 100%;height: 30px;line-height: 30px;margin-bottom: 10px;}
#productBox .title .icon{ float: left; width: 3px; height: 24px; background-color: #279fde;margin-top: 4px;margin-right: 10px;}
#productBox .title h4{ float: left;height: 30px;line-height: 30px; margin: 0px;font-size: 16px;}
#productBox .title .more{ float: right; text-transform: uppercase;font-size: 12px;height: 30px;line-height: 40px;}
#productBox .title .more a{text-decoration: none;color: #279fde;}

#caseBox{height: 220px;}
#caseBox .title{position: relative;width: 100%;height: 30px;line-height: 30px;margin-bottom: 10px;}
#caseBox .title .icon{ float: left; width: 3px; height: 24px; background-color: #279fde;margin-top: 4px;margin-right: 10px;}
#caseBox .title h4{ float: left;height: 30px;line-height: 30px; margin: 0px;font-size: 16px;}
#caseBox .title .more{ float: right; text-transform: uppercase;font-size: 12px;height: 30px;line-height: 40px;}
#caseBox .title .more a{text-decoration: none;color: #279fde;}

#aboutBox{height: 260px;}
#aboutBox .title{position: relative;width: 100%;height: 30px;line-height: 30px;margin-bottom: 10px;}
#aboutBox .title .icon{ float: left; width: 3px; height: 24px; background-color: #279fde;margin-top: 4px;margin-right: 10px;}
#aboutBox .title h4{ float: left;height: 30px;line-height: 30px; margin: 0px;font-size: 16px;}
#aboutBox .title .more{ float: right; text-transform: uppercase;font-size: 12px;height: 30px;line-height: 40px;}
#aboutBox .title .more a{text-decoration: none;color: #279fde;}

#aboutBox .caption img{ border: 1px solid #C7C7C7;border-radius: 5px; width: 100%;}
.col-xs-10{ width: 100%;}

.aside{color: #6c6c6c; display: none;}
.aside .title{border-bottom: 1px solid #B3B3B3;}
.aside .title .icon{width: 3px; height: 20px; display: block; background-color: #279fde;margin-left: 5px;margin-right: 10px;float: left;}
.aside .title h4{margin-top: 15px;}
.aside .nav{}
.aside .nav ul{margin-top: 5px; margin-left: 5px;}
.aside .nav ul li{width: 100%;height: 24px; line-height: 24px;}
.aside .nav ul .active a{color: #17e6df;}
.aside .nav ul .active a .icon{background: url(../img/aside-lih.png) left center no-repeat;}
.aside .nav ul li a{color: #6C6C6C;}
.aside .nav ul li a .icon{background: url(../img/aside-li.png) left center no-repeat;display: block; width: 15px;height: 24px;float: left;}
.aside .nav ul li a:hover{ text-decoration: none; color: #17e6df;}
.aside .nav ul li a:hover .icon{background: url(../img/aside-lih.png) left center no-repeat;}
.aside h4{font-size: 16px;}
.aside .contact .icon4{background: transparent url(../img/icon-pic.png) -87px 0px no-repeat; width: 22px; height: 20px; display: block;float: left; margin-right: 10px;}
.aside .contact ul li{line-height: 24px;}
.article1{margin-left: 20px;}
.article1 img{ border:1px solid #ccc; padding:2px;}
.article .content{padding: 20px; overflow: hidden;}
.article .content .img{float: left; margin-right: 20px; margin-bottom: 120px;}
.article .content h2, .article .content h3, .article .content h4, .article .content h5, .article .content p{color: #6c6c6c;}
.article .content .thumbnail{padding: 0px; border: 1px solid transparent;border-radius: 0px; margin-bottom: 0px;}
.article .content .thumbnail .caption{text-align: center; padding: 0px; margin: 10px 0px;}
.article .content .title{font-size: 16px; color: #3db19e; margin-top: 15px;}
.article .content ul li{color: #6C6C6C; line-height: 24px;}
.article .content .submit table{}
.article .content .submit table tr{position: relative;}
.article .content .submit table tr td{padding-bottom: 24px; position: relative;}
.article .content .submit table tr td input{border: 1px solid #808080;}
.article .content .submit table tr td textarea{border: 1px solid #808080;}
.article .content .submit .text{text-align: right;}
.article .content .submit .submit-btn{text-align: right; background: url(../img/submit-btn.png) center top no-repeat; width: 54px; height: 26px;}
.article .content .submit .submit-btn a{display: block; width: 54px; height: 26px;}

.article .content .recruit table{color: #6C6C6C;}
.article .content .recruit table tr{position: relative;}
.article .content .recruit table tr th{padding-bottom: 10px;position: relative;color: #3DB19E; font-size: 16px; font-weight: 200;}
.article .content .recruit table tr th a{ text-decoration: none; color: #3DB19E;}
.article .content .recruit table tr td{padding-bottom: 10px; position: relative;}
.article .content .recruit table tr td a{ text-decoration: none;}
.article .content .recruit table tr td input{border: 1px solid #808080;}
.article .content .recruit table tr td textarea{border: 1px solid #808080;}

.article .paging{text-align: center;}
.article .paging .pagination{margin-top: 0px;}
.article .paging .pagination li a, .pagination li span{color: #666;}
.article .pagination .active a, .pagination .active a:focus, .pagination .active a:hover, .pagination .active span, .pagination .active span:focus, .pagination .active span:hover{background-color: #279FDE; border-color: #279FDE;color: #ffffff !important;}


#main .col-xs-12 .title{display: block;height: 30px; border-bottom: 1px solid #b3b3b3;}
#main .col-xs-12 .title .icon{background: url(../img/title-icon.png) center center no-repeat; width: 20px; height: 20px; display: block; float: left;}
#main .col-xs-12 .title h4{text-transform: uppercase;margin: 0px; font-size: 14px;}
#main .col-xs-12 .title .more{background: url(../img/title-logo.png) center center no-repeat; width: 65px; height: 20px;display: block; float: right;}


/* main end */




/* footer start */
.footer{border-top: 1px solid #b3b3b3; width: 100%; height: 70px;position: relative;bottom: 0px;}
.footer .contact ul{margin-top: 8px;}
.footer .contact li{width: 100%;display: inline-block; height: 22px; line-height: 22px; position: relative;color: #6c6c6c;}
.footer .contact li span{float: left;}
.footer .contact li a{float: left;margin-left: 10px; cursor: pointer;color: #6c6c6c;}
.footer .contact li .weixin{border: 1px solid #ddd;background-color: #ffffff;margin-top: -130px; display: none;}
.footer .contact .email{text-transform: uppercase;}
.footer .contact .icon1{background: url(../img/icon-pic.png) 0px 0px no-repeat; width: 22px; height: 20px; display: block;}
.footer .contact .icon2{background: url(../img/icon-pic.png) -28px 0px no-repeat; width: 22px; height: 20px; display: block;}
.footer .contact .icon3{background: url(../img/icon-pic.png) -57px 0px no-repeat; width: 22px; height: 20px; display: block;}
.footer .contact .icon4{background: url(../img/icon-pic.png) -87px 0px no-repeat; width: 22px; height: 20px; display: block;margin-left: 101px;position: absolute;}

.footer .pull-right{ text-align: right;}
/* footer end */
}
@media screen and (min-width: 801px) {
	.phone{ display:none !important;}

	.container {
		width: 1024px;
		max-width: none !important;
	  }

	.slideBox{ width:100%; height:560px;overflow:hidden; position:relative;/*min-width: 990px;*/}
	.slideBox .hd{height:16px; overflow:hidden; position:absolute; left: 50%;margin-left: -100px; bottom:5px; z-index:1;  width: 200px; display: none;}
	.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
	.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#ffffff; float:left; margin:0 .5em;}
	.slideBox .hd ul li.on{background:#eb5f11;}
	.slideBox .bd{ height:560px; width: 100%; z-index:0;}
	.slideBox .bd ul{ padding-left: 0px;}
	.slideBox .bd ul li{overflow: hidden;width: 100%; height:560px;position: relative;}
	.slideBox .bd li a{display:block; width: 100%; height: 100%; margin:0 auto; position: relative;}
	.slideBox .bd li a .text{position: absolute; display: none;}
	
	.slideBox .prev,
	.slideBox .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:52px; height:52px; background:url(../img/banner-btn.png) 0px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
	.slideBox .next{left:auto; right:3%; background-position: -52px 0px;}
	.slideBox .prev:hover,
	.slideBox .next:hover{filter:alpha(opacity=100);opacity:1;}
	.slideBox .prevStop{display:none;}
	.slideBox .nextStop{display:none;}
	
	.banner{background: url(../img/banner-shadow.png) center bottom repeat-x;padding-bottom: 9px;}
	.banner .banner-img .container{height: inherit;}
	.banner .banner-img .container .row{height: inherit;position: relative;}
	.banner .banner-img .text1{font-size: 30px; color: #17e6df;top: 40%;left: 120px;position: relative;}
	.banner .banner-img .text2{ font-size: 22px; color: #17e6df;top: 50%;position: relative;}
	
	.banner .about .banner-img{ background: url(../img/banner3.png) center center no-repeat; width: 100%; height: 300px; display: block;}
	.banner .case .banner-img{ background: url(../img/banner2.png) center center no-repeat; width: 100%; height: 300px; display: block;}
	.banner .contact .banner-img{ background: url(../img/banner2.png) center center no-repeat; width: 100%; height: 300px; display: block;}
	.banner .culture .banner-img{ background: url(../img/banner2.png) center center no-repeat; width: 100%; height: 300px; display: block;}
	.banner .detail .banner-img{ background: url(../img/banner3.png) center center no-repeat; width: 100%; height: 300px; display: block;}
	.banner .message .banner-img{ background: url(../img/banner2.png) center center no-repeat; width: 100%; height: 300px; display: block;}
	.banner .product .banner-img{ background: url(../img/banner3.png) center center no-repeat; width: 100%; height: 300px; display: block;}
	.banner .recruit .banner-img{ background: url(../img/banner2.png) center center no-repeat; width: 100%; height: 300px; display: block;}
	/* banner end */
	
	
	/* top start */
	.top{height: 40px;}
	.top .name{height: 40px; float: left;}
	.top .name a{ line-height: 40px; text-decoration: none;color: #808080;}
	.top .nav{height: 40px; float: right;color: #808080;}
	.top .nav .left{float:left; width:240px; height:40px; margin:0; padding:0;}
	.top .nav .left a{ line-height: 40px; text-decoration: none;color: #808080;}
	.top .nav .search-box{position: relative;float: right;width: 210px; height: 40px;}
	
	.top .nav .search-text{display: block; float:left;width: 167px; margin-top: 10px;line-height: 20px;padding-left: 5px;}
	.top .nav .search-text input{border: none;background-color: transparent;height: 20px;width:165px;border:1px solid #808080;}
	.top .nav .search-btn{display: block; float:left; height: 40px;}
	
	
	.navbar-default{margin-bottom: 0px;border: none; border-radius: 0px; background-color: #808080;}
	.navbar-default a{padding: 0px;}
	.navbar-default .navbar-nav li a{color: #ffffff;font-size: 15px;padding: 20px 15px;}
	.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a:focus{color: #17e6df;}
	.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus{color: #17e6df;background-color: #808080; background: url(../img/navli.png) center bottom no-repeat;}
	.navbar-default .navbar-collapse{margin-right: -15px;}
	/* top end */
	
	
	
	
	/* main start */
	
	#main{margin: 30px 0px;}
	
	.showBox{ width:100%; height:180px;overflow:hidden; position:relative;/*min-width: 990px;*/}
	.showBox .hd{height:16px; overflow:hidden; position:absolute; left: 50%;margin-left: -100px; bottom:5px; z-index:1;  width: 200px; display: none;}
	.showBox .hd ul{ overflow:hidden; zoom:1; float:left;}
	.showBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#ffffff; float:left; margin:0 .5em;}
	.showBox .hd ul li.on{background:#eb5f11;}
	.showBox .bd{ height:180px; width: 100%; z-index:0;}
	.showBox .bd ul{ padding-left: 0px;}
	.showBox .bd ul li{overflow: hidden;width: 100%; height:180px;position: relative;}
	.showBox .bd li a{display:block; width: 100%; height: 100%; margin:0 auto; position: relative;}
	.showBox .bd li a img{border: 1px solid #C7C7C7;border-radius: 5px;}
	
	.showBox .prev,
	.showBox .next{position:absolute; left:3%; top:50%; margin-top: -15px; display:block; width:30px; height:30px; background:url(../img/show-btn.png) 0px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
	.showBox .next{left:auto; right:3%; background-position: -30px 0px;}
	.showBox .prev:hover,
	.showBox .next:hover{filter:alpha(opacity=100);opacity:1;}
	.showBox .prevStop{display:none;}
	.showBox .nextStop{display:none;}
	
	#productBox{height: 220px;}
	#productBox .title{position: relative;width: 100%;height: 30px;line-height: 30px;margin-bottom: 10px;}
	#productBox .title .icon{ float: left; width: 3px; height: 24px; background-color: #279fde;margin-top: 4px;margin-right: 10px;}
	#productBox .title h4{ float: left;height: 30px;line-height: 30px; margin: 0px;font-size: 16px;}
	#productBox .title .more{ float: right; text-transform: uppercase;font-size: 12px;height: 30px;line-height: 40px;}
	#productBox .title .more a{text-decoration: none;color: #279fde;}
	
	#caseBox{height: 220px;}
	#caseBox .title{position: relative;width: 100%;height: 30px;line-height: 30px;margin-bottom: 10px;}
	#caseBox .title .icon{ float: left; width: 3px; height: 24px; background-color: #279fde;margin-top: 4px;margin-right: 10px;}
	#caseBox .title h4{ float: left;height: 30px;line-height: 30px; margin: 0px;font-size: 16px;}
	#caseBox .title .more{ float: right; text-transform: uppercase;font-size: 12px;height: 30px;line-height: 40px;}
	#caseBox .title .more a{text-decoration: none;color: #279fde;}
	
	#aboutBox{height: 220px;}
	#aboutBox .title{position: relative;width: 100%;height: 30px;line-height: 30px;margin-bottom: 10px;}
	#aboutBox .title .icon{ float: left; width: 3px; height: 24px; background-color: #279fde;margin-top: 4px;margin-right: 10px;}
	#aboutBox .title h4{ float: left;height: 30px;line-height: 30px; margin: 0px;font-size: 16px;}
	#aboutBox .title .more{ float: right; text-transform: uppercase;font-size: 12px;height: 30px;line-height: 40px;}
	#aboutBox .title .more a{text-decoration: none;color: #279fde;}
	
	#aboutBox .caption img{ border: 1px solid #C7C7C7;border-radius: 5px;}
	
	
	.aside{color: #6c6c6c;}
	.aside .title{border-bottom: 1px solid #B3B3B3;}
	.aside .title .icon{width: 3px; height: 20px; display: block; background-color: #279fde;margin-left: 5px;margin-right: 10px;float: left;}
	.aside .title h4{margin-top: 15px;}
	.aside .nav{}
	.aside .nav ul{margin-top: 5px; margin-left: 5px;}
	.aside .nav ul li{width: 100%;height: 24px; line-height: 24px;}
	.aside .nav ul .active a{color: #17e6df;}
	.aside .nav ul .active a .icon{background: url(../img/aside-lih.png) left center no-repeat;}
	.aside .nav ul li a{color: #6C6C6C;}
	.aside .nav ul li a .icon{background: url(../img/aside-li.png) left center no-repeat;display: block; width: 15px;height: 24px;float: left;}
	.aside .nav ul li a:hover{ text-decoration: none; color: #17e6df;}
	.aside .nav ul li a:hover .icon{background: url(../img/aside-lih.png) left center no-repeat;}
	.aside h4{font-size: 16px;}
	.aside .contact .icon4{background: transparent url(../img/icon-pic.png) -87px 0px no-repeat; width: 22px; height: 20px; display: block;float: left; margin-right: 10px;}
	.aside .contact ul li{line-height: 24px;}
	.article1{margin-left: 20px;}
	.article1 img{ border:1px solid #ccc; padding:2px;}
	.article .content{padding: 20px; overflow: hidden;}
	.article .content .img{float: left; margin-right: 20px; margin-bottom: 120px;}
	.article .content h2, .article .content h3, .article .content h4, .article .content h5, .article .content p{color: #6c6c6c;}
	.article .content .thumbnail{padding: 0px; border: 1px solid transparent;border-radius: 0px; margin-bottom: 0px;}
	.article .content .thumbnail .caption{text-align: center; padding: 0px; margin: 10px 0px;}
	.article .content .title{font-size: 16px; color: #3db19e; margin-top: 15px;}
	.article .content ul li{color: #6C6C6C; height: 24px; line-height: 24px;}
	.article .content .submit table{}
	.article .content .submit table tr{position: relative;}
	.article .content .submit table tr td{padding-bottom: 24px; position: relative;}
	.article .content .submit table tr td input{border: 1px solid #808080;}
	.article .content .submit table tr td textarea{border: 1px solid #808080;}
	.article .content .submit .text{text-align: right;}
	.article .content .submit .submit-btn{text-align: right; background: url(../img/submit-btn.png) center top no-repeat; width: 54px; height: 26px;}
	.article .content .submit .submit-btn a{display: block; width: 54px; height: 26px;}
	
	.article .content .recruit table{color: #6C6C6C;}
	.article .content .recruit table tr{position: relative;}
	.article .content .recruit table tr th{padding-bottom: 10px;position: relative;color: #3DB19E; font-size: 16px; font-weight: 200;}
	.article .content .recruit table tr th a{ text-decoration: none; color: #3DB19E;}
	.article .content .recruit table tr td{padding-bottom: 10px; position: relative;}
	.article .content .recruit table tr td a{ text-decoration: none;}
	.article .content .recruit table tr td input{border: 1px solid #808080;}
	.article .content .recruit table tr td textarea{border: 1px solid #808080;}
	
	.article .paging{text-align: center;}
	.article .paging .pagination{margin-top: 0px;}
	.article .paging .pagination li a, .pagination li span{color: #666;}
	.article .pagination .active a, .pagination .active a:focus, .pagination .active a:hover, .pagination .active span, .pagination .active span:focus, .pagination .active span:hover{background-color: #279FDE; border-color: #279FDE;color: #ffffff !important;}
	
	
	#main .col-xs-12 .title{display: block;height: 30px; border-bottom: 1px solid #b3b3b3;}
	#main .col-xs-12 .title .icon{background: url(../img/title-icon.png) center center no-repeat; width: 20px; height: 20px; display: block; float: left;}
	#main .col-xs-12 .title h4{text-transform: uppercase;margin: 0px;}
	#main .col-xs-12 .title .more{background: url(../img/title-logo.png) center center no-repeat; width: 65px; height: 20px;display: block; float: right;}
	
	
	/* main end */
	
	
	
	
	/* footer start */
	.footer{border-top: 1px solid #b3b3b3; width: 100%; height: 70px;position: relative;bottom: 0px;}
	.footer .contact ul{margin-top: 8px;}
	.footer .contact li{width: 100%;display: inline-block; height: 22px; line-height: 22px; position: relative;color: #6c6c6c;}
	.footer .contact li span{float: left;}
	.footer .contact li a{float: left;margin-left: 10px; cursor: pointer;color: #6c6c6c;}
	.footer .contact li .weixin{border: 1px solid #ddd;background-color: #ffffff;margin-top: -130px; display: none;}
	.footer .contact .email{text-transform: uppercase;}
	.footer .contact .icon1{background: url(../img/icon-pic.png) 0px 0px no-repeat; width: 22px; height: 20px; display: block;}
	.footer .contact .icon2{background: url(../img/icon-pic.png) -28px 0px no-repeat; width: 22px; height: 20px; display: block;}
	.footer .contact .icon3{background: url(../img/icon-pic.png) -57px 0px no-repeat; width: 22px; height: 20px; display: block;}
	.footer .contact .icon4{background: url(../img/icon-pic.png) -87px 0px no-repeat; width: 22px; height: 20px; display: block;margin-left: 101px;position: absolute;}
	
	.footer .pull-right{ text-align: right;}
}