html { overflow-x: hidden !important; }
body { line-height:1.5em; border: 0; margin: 0 auto; padding: 0; text-align:center;}
ol, ul, dl { margin:0; padding:0; list-style-type:none; }
a { text-decoration: none!important; }
a:focus { outline: 0; }
.no-padding { padding: 0; }
*{  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
/* Global styles
================================================== */
body { font-family: '微软雅黑', sans-serif; font-weight:normal; color: #6a6a6a!important;}
h1, h2, h3, h4, h5, h6 { font-family: '微软雅黑', sans-serif; font-weight:700; color: #262626; }
h1 { font-size:30px; margin-bottom:25px; font-weight:normal;}
h2 { font-size:20px;  font-weight:normal; margin-bottom:30px;}
h3 { font-size:16px; font-weight:400; text-transform:uppercase; line-height:60px; font-weight:bold;}
h4 { line-height:25px; font-size: 14px; font-weight:normal;}
h5 { line-height:25px; font-weight:600; }
p { line-height:25px; font-weight:400; color: #6a6a6a; }
a { text-decoration:none!important; color:#333;}
a:hover{color:#E95233;}

.top{background:#1e1e1e; height:40px; line-height:40px; margin:0 auto;}
.wel{float:left; color:#aaa; padding-left:6%;}
.info{float:right; padding-right:6%;}
.lug{float:left;}
.fo{float:left; padding:0 20px ;}
.popover{ z-index:9999999;}

.sch{float:left;}
.sch input{height:24px; line-height:24px; padding:0 20px; border-radius:20px; border:none; color:#aaa; font-size:12px; background:#4f4f4f url(../is.png) no-repeat 10px center; padding-left:40px;}
.link img{width:100%; border:1px solid #ddd; margin-bottom:20px;}
.navbar-header{padding:10px 30px 10px 5%;}
.logo a{float:left;}
.logo h3{float:left; padding-left:20px; line-height:30px; font-size:16px; color:#000; font-weight:normal; border-left:2px solid #d3a85a; margin-left:20px;}
.t_nav{float:right;}

.header,.headroom{ background:#fafafa; padding:15px 0;transition: all .5s ease-in-out;}

.header_no{position:fixed; width:100%;z-index:9999; top:0px;}
.header_go{ position:fixed; width:100%; background:#fafafa; z-index:9999; margin:0px;top:0px; box-shadow:0 0 3px #ddd;-webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
.headroom--unpinned {top: -130px;}  
.headroom--pinned {top: 0;} 
.navbar-default{background:none;box-shadow:none;border:none; margin:0;}
.navbar-right{margin:20px 5% 0 0; font-size:16px;}
.navbar-default .navbar-nav>li>a{color:#000;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#db1f2d;background:none;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#db1f2d;background:none;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{background:#db1f2d; color:#fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a{background:none; box-shadow:none; color:#db1f2d;}
.navbar-toggle{margin-top:40px;}


.banner{ width:100%; margin-top:110px;}
.banner img{width:100%;}
.pp{margin:75px 0; width:100%;}
.pp h4{margin-bottom:70px;}
.pp h2{margin-bottom:20px;}
.pp p{padding:0 20px;}
.pc ul li{margin-bottom:50px;}
.pc2p{border:1px solid #ddd; padding:20px 0 20px 50px;}
.pc2p li{text-align:left; padding:0px 10px; list-style-type:disc; width:80%; line-height:30px;}

.pp img{width:123px;}
.pp1{ background:url(../p1_.jpg) no-repeat center 0;}
.pp2{ background:url(../p2_.jpg) no-repeat center 0;}
.pp3{ background:url(../p3_.jpg) no-repeat center 0;}
.pp4{ background:url(../p4_.jpg) no-repeat center 0;}
.pp1:hover img,.pp2:hover img,.pp3:hover img,.pp4:hover img{opacity:0;}

.pro{padding:75px 0 0 0; width:100%;}
.pro .t1{color:#000; margin-bottom:20px;}
.pro h4.t2{margin-bottom:50px; background:#C00; height:4px; width:60px; display:block;}
.pro h2{border-bottom:0px solid #db1f2d; width:70%; padding-bottom:0px; margin-bottom:0px; font-size:18px; margin-top:30px; color:#990000;}
.pro a{ display:block; background:#fff; padding:0px; border:1px solid #eee; padding-bottom:30px;}
.pro a:hover{ margin-bottom:0px;}
.pro a img{width:100%;}
.pro p{padding:30px; text-align:left;}
.pro a span{border:1px solid #ddd; padding:5px 10px; display:block; width:35%; font-size:12px; color:#aaa; background:#fff; color:#555; border-radius:15px;}
.pro a:hover span{border:1px solid #db1f2d; background:#db1f2d; color:#fff;}


.ab{margin:75px 0 0 0; background:#ececf4 url(../bg.jpg) no-repeat center 0; min-height:600px; text-align:left;}
.ab img{margin:0 0 30px 0;}
.about{padding-top:70px; color:#555; line-height:2em;}
.at{border-bottom:1px solid #ddd; width:100%; float:left; margin-bottom:20px; height:70px;}
.ab h1{ line-height:70px; height:70px; margin-top:0px; color:#333; margin-bottom:50px; text-align:center;background:url(../ic2.png) no-repeat center bottom;}
.ab a{ color:#FFCC00;}
.ab p{text-align:left;}
.ab img{margin-top:20px;}
.ab ul{padding:50px 0 0 0;}
.ab ul li{width:230px; height:230px; float:left; margin:10px; text-align:center; background:url(../w_bg.png);}
.ab ul li:hover{ background:#C00;}
.ab ul li p{ padding:0 20px; color:#000;}
.ab ul li:hover p{color:#fff;}

a.more2{border:1px solid #ddd; padding:5px 10px; display:block; width:30%; font-size:14px; color:#aaa;  color:#555; border-radius:18px; text-align:center; margin-top:50px;}
a.more2:hover{border:1px solid #db1f2d; background:#db1f2d; color:#fff;}

.news{padding-bottom:30px; padding-top:75px;}

.news h1{background:url(../ic2.png) no-repeat center bottom; padding-bottom:20px;}
.newsc a{border:1px solid #ddd; padding:10px 10px; display:inline-block; width:180px; font-size:16px; color:#555; margin:0 10px;}
.newsc a:hover{border:0px; background:#db1f2d; color:#fff;border:1px solid #db1f2d;}
.newsc ul li{display:inline-block;}
.newsc ul li.active a{border:0px; background:#db1f2d; color:#fff;border:1px solid #db1f2d;}

.newsl{padding:50px 0 0 0; display:none;}
.newsl ul li{float:left; text-align:left;margin-bottom:20px;}
.newsl ul li a{ display:block; height:180px;  background:#ececf4; padding-top:20px; padding-left:20px; padding-right:20px;}
.newsl ul li .news_pic{float:left;}
.newsl ul li .news_pic img{border:0px solid #555;}
.newsl ul li .news_t{float:right; width:280px;}
.newsl ul li .news_t h3{padding:0 0 5px 0px; margin:0 0 5px 0; line-height:30px; border-bottom: solid 0px #ddd; font-size:14px;}
.newsl ul li .news_t h4{ overflow:hidden; width:80px; height:20px; line-height:20px; display:none;}

.newsl ul li a:hover{background:#db1f2d; color:#fff;}
.newsl ul li a:hover h3{color:#fff;}
.newsl ul li a:hover p{color:#fff;}

.p_more a{width:100%; margin-top:20px; height:40px; line-height:38px; background:#fff; border:1px solid #ddd; padding:0px; color:#999;}
.p_more a:hover{border:1px solid #db1f2d; background:#db1f2d; color:#fff;}


.case{padding-bottom:30px; padding-top:25px;}
.case h1{background:url(../ic2.png) no-repeat center bottom; padding-bottom:20px;}
.case ul li{margin-bottom:30px; overflow:hidden;}
.case ul li img{width:100%;}
.case ul li a{position:relative;}
.case ul li a span{position:absolute; z-index:99; left:0px; top:-125px; background:#C00; color:#fff; width:100%; height:300px; display:block;opacity:0;transition: all .2s ease-in-out;}
.case ul li a span h1{margin:0px; background:none; text-align:center; color:#fff; font-size:18px; margin-top:50px;}
.case ul li a span p{color:#fff; padding:0 20px; text-align:left;}
.case ul li a:hover span{opacity:0.9;}

.active{display:block;}

.link{ margin:75px 0 30px 0; padding-bottom:50px;}
.link h1{background:url(../ic2.png) no-repeat center bottom; padding-bottom:20px;}
.link ul{padding-bottom:50px;}
.link2{text-align:left; clear:both; margin-bottom:-110px; background:#E93F43; padding:20px 0; color:#fff; z-index:99; position:relative;}
.link2 a{margin:0 10px; color:#fff;}
.link2 p{margin:0px; color:#fff; padding-left:20px;}

.team{width:100%; background:#ececf4; margin:50px 0; padding:50px 0;}
.team h1{background:url(../ic2.png) no-repeat center bottom; padding-bottom:20px; margin-bottom:50px;}
.team img{width:100%;}
.team .team_c span{width:100%; background:#c5c7de; position:absolute;  display:block; z-index:9; bottom:-28%;}
.team .team_c:hover span{bottom:0px;}
.team_c{position:relative; overflow:hidden; width:100%;}
.team_c h2{margin:0px; padding:0px; padding-top:30px; font-size:25px; text-align:left; padding-left:20px;}
.team_c h3{ text-align:left; padding-left:20px; margin:0px;}
.team_c p{text-align:left; padding:0 20px;}


.footer{background:#36404a; width:100%; text-align:left; padding:20px 0 50px 0; color:#fff;}
.f_nav li{ line-height:30px; text-align:center;}
.f_nav li img{width:100%; margin-top:10px;}
.footer h3{text-align:center; color:#fff;}
.ct h3{text-align:left;}
.ct{font-size:14px;}
.footer a{color:#aaa;}
.footer a:hover{color:#fff;}

.content h1{background:url(../ic2.png) no-repeat center bottom; padding-bottom:20px; text-align:center; margin:50px 0;}
.case_all {margin-top:50px;}

.bot{background:#2d363f; color:#fff; line-height:60px; font-size:12px;}
.bot p{color:#fff; line-height:60px; margin:0px;}
.bot a{color:#fff;}

.pban{width:100%; margin-top:100px;}
.pban img{width:100%;}

.cat {width:100%;border-bottom:1px solid #ddd; margin-bottom:50px;}
.cat ul{ padding:0px 0; margin-bottom:0px; margin-top:20px;}
.cat a{border:1px solid #ddd; padding:10px 0px; display:inline-block; width:100%; font-size:16px; color:#555; margin:0 0px; text-align:center;}
.cat a:hover{border:0px; background:#db1f2d; color:#fff;border:1px solid #db1f2d;}
.cat ul li{display:inline-block; margin-bottom:20px;}
.cat ul li.ac a{border:0px; background:#db1f2d; color:#fff;border:1px solid #db1f2d;}
.pagecon{padding:0 0 50px 0; text-align:left;line-height:2em; min-height:300px;}
.pagecon h1{margin-top:50px;}


.newnewlist ul li { border-bottom:1px solid #ddd; padding:40px 0; }
.newnewlist ul li img { }
.newnewlist ul li .nlr { overflow:hidden; word-wrap:break-word;}
.newnewlist ul li .nlr h3 { font-weight: bold; font-size:16px; padding-bottom:8px; color:#666; margin:0px; padding:0px; line-height:30px;}
.newnewlist ul li .nlr:hover h3{ color:#C30}
.newnewlist ul li .nlr span { display:block; font-size:14px; color:#999; padding-top:8px; }
.newnewlist ul li .nlr span b { color:#ff3300; font-weight:normal; }
.newnewlist ul li .nlr p { line-height:150%; font-size:13px; color:#999; padding-top:10px; word-wrap:break-word; }
.newnewlist ul li .nlr .gomore { display:block; width:115px; height:26px; text-align:left; line-height:26px; color:#C30; font-size:14px; margin-top:20px; }
.newnewlist ul li .nlr .gomore:hover { color:#000; }
.thenav { margin-top:30px; margin-bottom:30px; }

.newthumb { margin:50px auto 0; width:150px; height:150px; border-radius:100%; }
.pagecon h1.newst { font-size:34px; margin-top:20px; font-weight:normal; text-align:center; color:#333; line-height:40px;}
.news2 { display:block; margin:10px 0; text-align:center; font-size:14px; color:#999; }
.news2 b { color:#ff3300; font-weight: normal; padding:0 10px; }
.newszy { padding:20px; background:#f9f9f9; margin:20px 0; line-height:180%; font-size:14px; color:#666; }
.newszw { line-height:200%; padding:20px 0; font-size:14px; color:#555; }
.newszw img { max-width:100%; }
.newszw span { display:block; margin:20px 0; clear:both; padding-left:20px; background:url(../tag.png) no-repeat 0 center; }
.newszw span a { font-size:14px; color:#FF7F00; padding:0 5px; }
.newszw span a:hover { text-decoration:underline; color:#000; }
.othernews { margin-top:0px; }
.othernews h4 { font-size:24px; color:#000; border-bottom:1px solid #ccc; font-weight:normal; padding:10px 0; }
.othernews ul li { padding:10px 0; }
.othernews ul li h5 { font-size:14px; color:#ff3300; font-weight:normal; }
.othernews ul li p { line-height:31px; font-size:14px; color:#999; }

.pban2{height:200px; overflow:hidden;}

.page{ border-top:1px solid #ddd; padding:20px 0;}


.feedback_table{width:100%;}
.feedback_table td { padding:5px; }
.feedback_table input { border:1px solid #ccc; background:#fff; height:30px; line-height:30px; width:200px; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:0 10px; }
.feedback_table textarea { border:1px solid #ccc; background:#fff; height:200px; line-height:20px; width:700px; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:10px; }
.feedback_table input.submit { width:120px; height:40px; background:#000; color:#fff; line-height:40px; text-align:center; border:1px solid #000; cursor:pointer; font-size:14px; }
.feedback_table .info{padding:0 0 0 10px;}

.pro_list2 li{text-align:center; margin-bottom:20px;}
.pro_list2 li h1{font-size:16px; font-weight:normal; color:#555;}
.pro_list2 li a .po{display:block; border:1px solid #ddd; padding:20px 0;}
.pro_list2 li a .po span{display:block; border:1px solid #ddd; line-height:28px; height:30px; width:100px; padding:0px 0; margin-top:30px; color:#999;}
.pro_list2 li a .po img{width:100%;}
.pro_list2 li a:hover .po{ border:1px solid #e95233;}
.pro_list2 li a:hover .po span{background:#e95233; border:1px solid #e95233; color:#fff;}
.pro_list2 li a:hover h1{ color:#e95233;}

.pro_con_t{float:left; width:100%; border-bottom:1px solid #ccc; margin-top:60px;}
.pro_con_t h1{ width:140px; height:44px; background:#3ca27d; text-align:center; line-height:44px; font-size:14px; color:#fff;}
.pro_con{line-height:200%; width:100%; float:left; padding:30px 0; font-size:14px;}


/* root element for tabs  */
.tabs { list-style:none; margin-top:20px; !important; padding:0; height:44px; border-bottom:1px solid #ccc; padding:0px 0; margin-bottom:30px; float:left; margin-left:0px; width:1000px; display:inline;}
/* single tab */
.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }
/* link inside the tab. uses a background image */
.tabs li a {font-size:14px; display:block; height: 44px; line-height:44px; width: 150px; text-align:center; text-decoration:none; color:#000; padding:0px; margin:0px; position:relative; top:0px; border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd; font-weight:normal;}
/* when mouse enters the tab move the background image */
.tabs li a:hover { background:#ED775F; color:#fff; border-top:0px solid #ccc;border-left:0px solid #ccc;border-right:0px solid #ccc;}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {background:#ED775F; color:#fff;border-top:0px solid #ccc;border-left:0px solid #ccc;border-right:0px solid #ccc;}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */



/* initially all panes are hidden */ 
.panes .pane { display:none; }
.panes{float:left; padding:0 0 0 0px; width:100%}
.modal-open .modal{ z-index:99999;}
.modal.in .modal-dialog{width:80%;}

.carousel-indicators{display:none;}

.about ul li{ display:inline-block; margin:20px 20px 10px 0;}
.about ul li a{display:block; height:85px; width:85px; border:5px solid #fff;border-radius:50px; line-height:75px; text-align:center; font-size:20px; font-weight:bold; color:#fff; cursor:pointer;}
.about ul li a:hover{background:#db1f2d;}
.index_ban{display:none;}
.index_ban img{width:100%;}
	.about-team:hover{
	background: #f9f5f5;
}
@media (max-width:1000px) {
	
	.header_no{ position:relative;}
	.header_go{ position:relative;}
	.logo{padding:0px; width:70%; padding-top:10px;}
	.logo img{width:100%;}
	.navbar-toggle{margin:0px; margin-top:00px;}
	.newsl ul li .news_t{width:100%;}
	.newsl ul li a{width:100%; display:block;}
	.newsl ul li{height:auto; padding-bottom:20px;}
	.banner{ margin-top:50px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
	.newsc a{border:1px solid #ddd; padding:10px 10px; display:inline-block; width:100px; font-size:14px; color:#555; margin:0 10px;}
	.pc2p_1{border-bottom:0px;}
	.pc2p_2{border-top:0px;}
	.cat ul li{float:left; margin-bottom:10px;}
	.cat ul li a{padding:10px 20px; font-size:14px;}
	.pagecon h1.newst{font-size:20px;}
	.pro_info img{width:100%;}
	.tabs{width:100%;}
	.tabs li a{width:100px;}
	.modal.in .modal-dialog{width:100%;}
	.ab{background-position:right center;}
	.ab img{width:100%;}
	.show_in img{width:100%;}
	.navbar-right{margin:0;}
	.index_ban{display:block;}
	.banner{display:none;}
	.pban{margin-top:0px;}
	.pagecon .content img{width:100%;}
	.about-team td{width:100%; display:block; text-align:center;}
	}