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;}
.logo{float:left; padding:35px 0px 35px 12%; width:650px;}
.logo a{ float:left;}
.logo h3{ float:left; padding-left:30px; line-height:10px; font-size:18px; color:#888; font-weight:normal;}
.t_nav{float:right; padding-right:6%;}

.header_no{position:fixed; width:100%; background:#fff; z-index:9999;-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; top:40px;}
.header_go{ position:fixed; width:100%; background:#fff; 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; }

.navbar-default{background:none;box-shadow:none;border:none; margin:0;}
.navbar-right{margin:40px 5% 0 0; font-size:16px;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#E95233;background:none;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#E95233;background:none;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{background:#E95233; color:#fff;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a{background:none; box-shadow:none; color:#E95233;}
.navbar-toggle{margin-top:40px;}


.banner{ width:100%; margin-top:120px;}
.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{background:#f6f6f6; padding:75px 0; width:100%;}
.pro h4{margin-bottom:50px;}
.pro a{ display:block; background:#fff; padding:30px; border:1px solid #eee; margin-bottom:4px;}
.pro a:hover{border:2px solid #e95233; margin-bottom:4px;}
.pro a img{width:100%;height: 200px;}
.pro p{padding:20px 0;}
.pro a span{border:1px solid #eee; padding:5px 10px; display:block; width:35%; font-size:12px; color:#aaa;}
.pro a:hover span{border:1px; background:#e95233; color:#fff;}

.ab{margin:75px 0;}
.ab img{width:100%; height: 250px; margin:0 0 30px 0;}
.at{border-bottom:1px solid #ddd; width:100%; float:left; margin-bottom:20px; height:70px;}
.ab h1{float:left; border-bottom:2px solid #ccc; line-height:70px; height:70px; margin-top:0px; padding-right:30px;}
.at a{float:right; margin-top:33px;}
.ab p{text-align:left;}

.news{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding-bottom:75px; padding-top:75px;}

.newsc a{border:1px solid #ddd; padding:10px 10px; display:inline-block; width:140px; font-size:16px; color:#555; margin:0 10px;}
.newsc a:hover{border:0px; background:#e95233; color:#fff;border:1px solid #e95233;}
.newsc ul li{display:inline-block;}
.newsc ul li.active a{border:0px; background:#e95233; color:#fff;border:1px solid #e95233;}

.newsl{padding:50px 0 0 0; display:none;}
.newsl ul li{float:left; text-align:left; height:180px;}
.newsl ul li .news_pic{float:left;}
.newsl ul li .news_pic img{border:0px solid #555;width: 220px; height: 140px;}
.newsl ul li .news_t{float:right; width:300px;}
.newsl ul li .news_t h3{padding:0 0 5px 0px; margin:0 0 5px 0; line-height:30px; border-bottom:dotted 1px #ccc; font-size:14px;}
.newsl ul li .news_t h3:hover{color:#F30;}

.active{display:block;}

.link{ margin:5px 0 30px 0;}
.link h1{margin-bottom:50px;}
.link2{text-align:left; line-height:50px; clear:both; margin-top:30px;}
.link2 a{margin:0 10px;}


.footer{background:#e4e4e4; width:100%; text-align:left; padding:20px 0 50px 0;}
.f_nav li a{ line-height:30px;}
.ct{font-size:14px;}

.bot{background:#666; color:#fff; line-height:60px;}
.bot p{color:#fff; line-height:60px; margin:0px;}
.bot a{color:#fff;}

.pban{width:100%;}
.pban img{width:100%;}

.cat {width:100%;}
.cat ul{border-bottom:1px solid #ddd; padding:30px 0; margin-bottom:30px;}
.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:#e95233; color:#fff;border:1px solid #e95233;}
.cat ul li{display:inline-block;}
.cat ul li.ac a{border:0px; background:#e95233; color:#fff;border:1px solid #e95233;}
.pagecon{padding:0 0 10px 0; text-align:left;line-height:2em; min-height:300px;}


.newnewlist ul li { border-bottom:1px solid #ddd; padding:40px 0; }
.newnewlist ul li img {width: 220px; height: 140px;}
.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 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:#2CA476; 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 { 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:260px; height: 204px;}
.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%;}
.index_ban{display:none;}
.index_ban img{width:100%;}

@media (max-width:1400px) {
	.logo{float:left; padding:35px 0px 35px 12%; width:400px;}
	.logo h3{display:none;}
	
	}

@media (max-width:1000px) {
	
	.header_no{ position:relative; top:30px;}
	.header_go{ position:relative;}
	.logo{padding:0px; width:70%; padding-top:0px; margin-top:0px;}
	.logo img{width:100%;}
	.navbar-toggle{margin:0px; margin-top:0px; margin-bottom:0px;}
	.newsl ul li .news_t{width:100%;}
	.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%;}
	.page_header{padding:30px 0 10px 0;}
	.index_ban{display:block;}
	.banner{display:none;}
	.pp{margin-top:20px;}
	.show_in img{width:100%;}
	.panes img{width:100%;}
	}