/* CSS Document */

body{font-size:12px; line-height:22px;font-family:"微软雅黑"; color:#666; margin:0px; padding:0px;}
p,td,form,ul,dl,dt{ font-family:"微软雅黑"; font-size:12px; color:#666; margin:0px; padding:0px;}
a{ color:#666; text-decoration:none;}
a:hover{ color:#f39801; text-decoration:none}
img{ border:0px;}
.clr{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.wrap{ margin:0 auto; padding:0px; width:1004px; text-align:left;}
.h20{ margin-top:20px;}
p {
    line-height: 22px;
    text-align: justify;
}

.top{ height:80px;position:relative;}

.logo{ float:left; width:160px;}
.logo img{ margin-top:9px;}

.menu{ float:right; width:765px;}
.menu ul{ list-style:none; margin:0px; padding:0px; }
.menu ul li{ list-style:none; float:left; position:relative; padding-top:7px;}
.menu ul li a{ color:#000; display:block;height:73px; line-height:73px; font-size:14px; padding:0px 16px; position:relative;}
.menu ul li a:hover{ color:#f39800;}
.menu ul li.sel a{color:#f39800;}
.menu ul li.sel a:after{content:""; width:50px; height:5px; background:#f39800; position:absolute; bottom:0px; left:19px; }
.menu ul li a:after{content:""; width:0px; height:0px; background:#f39800; position:absolute; bottom:0px; left:44px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease;-ms-transition: all .5s ease; -o-transition: all .5s ease;transition: all .5s ease;}
.menu ul li a:hover:after{content:""; width:50px; height:5px; background:#f39800; position:absolute; bottom:0px; left:19px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease; -o-transition: all .5s ease;transition: all .5s ease;}
.menu ul li.home a:after{content:""; width:0px; height:0px; background:#f39800; position:absolute; bottom:0px; left:30px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease;-ms-transition: all .5s ease; -o-transition: all .5s ease;transition: all .5s ease;}
.menu ul li.home a:hover:after{content:""; width:30px; height:5px; background:#f39800; position:absolute; bottom:0px; left:15px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease; -o-transition: all .5s ease;transition: all .5s ease;}

.subnav{ position:absolute; top:80px; width:100%; height:70px; overflow:hidden; z-index:100;}
.subnav .item{ position:absolute;top:0px; left:0px; z-index:100; width:100%;display:none; height:70px; line-height:70px; background:#fff; opacity:0.9; border-top:1px solid #eee;}
.subnav .item a{ position:relative;  padding:0px 10px 0px 12px; margin-right:15px; color:#333;}
.subnav .item a i{ position:absolute; background:#666; height:3px; width:3px; border-radius:50%; top:8px;left:0px;}
.subnav .item a:hover{ color:#f39800;}
.subnav .item a:hover i{ background:#f39800}
.subnav .m1{ padding-left:315px;}
.subnav .m2{ padding-left:0px;}
.subnav .m3{ padding-left:493px;}
.subnav .m4{ text-align:right; padding-right:340px;}
.subnav .m5{ text-align:right; padding-right:260px;}
.subnav .m6{ text-align:right; padding-right:170px;}
.subnav .m7{ text-align:right; padding-right:80px;}
.subnav .m8{ text-align:right; padding-right:0px;}


.banner1{ height:260px; width:100%; overflow:hidden; text-align:center; }

/*  Banner 图CSS  #banner{ position:absolute; left:0px; top:0px; height:500px; overflow:hidden;width:100%;}*/

    #glume{width:100%; position:relative; height:100%;}
    #glume .Limg{width:100%;height:100%;}
    #glume .Limg li{width:100%;height:100%;position:absolute;cursor:pointer; left:0px; top:0px;}
	#glume .Limg li a{ display:block; height:100%; width:100%;}
    #glume .Nubbt{ position:absolute; bottom:5px; left:475px;height:12px; z-index:10;}
    #glume .Nubbt span{background:url(../imgs/b_ico1.png) no-repeat left top;display:block; float:left; height:11px; width:11px;margin:0 3px;cursor:pointer;}
    #glume .Nubbt span.on{background:url(../imgs/b_ico2.png) no-repeat left top;}
	
	.banner_info{ position:absolute; bottom:0px; left:0px; height:26px; line-height:26px; width:100%;}
	.banner_con{ margin:0 auto; padding:0px; width:1004px; text-align:left; position:relative;  height:26px;}
/*  Banner 图CSS END  */


.foot{ background:#494949; height:50px; line-height:50px; color:#c4c4c4;}
.foot a{ color:#c4c4c4;}
.foot a:hover{ color:#c4c4c4; text-decoration:underline;}

.index{ height:988px; position:relative; background:#efefef;}
.i_hotnews{ background:#fff; opacity:0.8; height:55px; line-height:55px;}
.i_infos{ position:absolute; top:570px; width:100%; z-index:100;}
.i_hn_tit{ float:left; width:100px; text-indent:20px; font-size:14px; color:#c87d01;}
.i_hn_list{ float:left; width:880px; height:55px;}
.i_hn_list a{ color:#000; padding-right:30px;}
.i_hn_list a:hover{ color:#f39801;}

#demo { height:55px;overflow:hidden; width: 880px; } 
#indemo { 
float: left; 
width: 800%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; 
} 

.i_con{ padding-top:23px;}
.i_box{  width:320px; background:#fff; height:295px;}
.list1{float:left;}
.list2{float:left; margin-left:21px;}
.list3{ float:right;}
.i_info_img img{ width:320px; height:110px;}
.i_list{ padding:20px;}
.i_list_tit{ font-size:18px;}
.i_list_tit a{ color:#333;}
.i_list_tit a:hover{ color:#f39801}
.i_list_info{ margin-top:20px; line-height:18px; height:72px; overflow:hidden;}
.i_list_info p{ height:18px; line-height:18px; overflow:hidden;}
.i_more{ padding-top:10px;}
.i_more a{ color:#f39801;}
.i_more a:hover{ text-decoration:underline;color:#f39801;}


.msg_tit{ width:80px;}
.msg_txt{ border:1px solid #eee; border-radius:2px; height:26px;}
.msg_con{border:1px solid #eee; border-radius:2px; line-height:22px; height:88px; width:395px;}
.msg_btn{ margin-top:10px;color:#fff;background:#f39801;border-radius:3px; border:none; cursor:pointer; height:30px; width:80px; font-family:微软雅黑;transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;}
.msg_btn:hover{ box-shadow:inset 1px 1px 3px #333; background:#d48603}


.node_banner{ height:210px; width:100%;}
.main{ margin-top:10px; margin-bottom:20px;}
.left{ float:left; width:200px;}
.right{ float:right; width:784px;}
.right_info{ padding-left:30px;}

.tree{ }
.tree_tit{ height:35px; line-height:35px; border-bottom:1px solid #eee; font-size:14px; font-weight:bold; position:relative;}
.tree_tit span{ display:block; position:absolute; left:0px; top:0px; height:34px; line-height:34px; border-bottom:2px solid #f39801; padding-right:15px;color:#1d9e93;}

.tree_list{ padding-top:7px;}
.tree_list p{line-height:40px; height:40px;overflow:hidden; padding:0px;margin:0px; margin-top:3px; }
.tree_list p a{ display:block;list-style:none; font-size:14px;position:relative; height:40px; padding-left:20px;
	transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.tree_list p a:hover{color:#ff6602;}
.tree_list p a i{ display:block; font-style:normal; position:absolute; left:0px; top:0px; line-height:40px;
	transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.tree_list p a:hover i{
	 transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}
.tree_out a{ color:#666;}
.tree_sel a{ color:#ff6602;}
.tree_list span{ display:block;}
.tree_list span a{ font-size:12px; display:block; line-height:20px; padding:5px 0px; padding-left:20px;}


.bclass{line-height:41px; height:41px; overflow:hidden; padding:0px;margin:0px; margin-top:3px; }
.bclass a{ display:block;list-style:none; font-size:14px; padding-left:30px;}
.bclass a:hover{color:#fff;background:url(../imgs/tree_sel.jpg) no-repeat; opacity:0.8;}
.b_out a{ color:#333;background:url(../imgs/tree_out.jpg) no-repeat;}
.b_sel a{ color:#fff;background:url(../imgs/tree_sel.jpg) no-repeat;}
.sclass{ padding:8px 0px 8px 30px; line-height:20px; border-bottom:1px solid #ededed; background:url(../imgs/ico_sclass.jpg) no-repeat 12px 14px;}
.sclass_list{ padding:5px 0px;}
.stree_out a{ color:#666;}
.stree_sel a{ color:#ff6602;}


.l_pro{ margin:10px 0px; width:200px; height:175px; overflow:hidden; position:relative;}
.l_pro #inhome_pro2{ margin:0px; padding:0px; list-style:none;}
.l_pro #inhome_pro2 li{ float:left; list-style:none; width:200px;}
.l_p_img{width:200px; height:143px; overflow:hidden;}
.l_p_img img{ width:200px; height:143px;-webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.l_p_info p{ text-align:center; padding:5px 0px;}
.l_p_img img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.btn_left2{ position:absolute; left:10px; top:12px; width:17px; height:137px; background:url(../imgs/left.png) no-repeat left 50px; cursor:pointer; z-index:100;}
.btn_left2:hover{background:url(../imgs/left.png) no-repeat left 50px;}
.btn_right2{ position:absolute; right:5px;top:12px;width:17px; height:137px;background:url(../imgs/right.png) no-repeat left 50px; cursor:pointer; z-index:100;}
.btn_right2:hover{background:url(../imgs/right.png) no-repeat left 50px;}

.left_contact{ margin-top:20px;padding-bottom:10px;}
.left_contact p{line-height:18px;  padding-left:48px; font-weight:bold; margin-top:10px;}
.left_contact p#tel{ background:url(../imgs/ico_l_tel.jpg) no-repeat left top;}
.left_contact p#email{ background:url(../imgs/ico_l_email.jpg) no-repeat left top;}
.left_contact p#add{ background:url(../imgs/ico_l_add.jpg) no-repeat left top;}
.left_contact p span{ display:block; font-weight:normal; color:#666;}

.location{height:40px; line-height:40px; border-bottom:1px solid #eee; padding-top:10px;}
.loc_tit{ float:left; width:220px; height:40px; position:relative;}
.loc_tit span{ display:block; position:absolute; top:0px; left:0px; border-bottom:2px solid #ff6602; height:39px; line-height:39px; padding-right:15px;color:#02acec; font-size:16px; }
.loc_info{ float:right; width:600px; text-align:right;}
.loc_info .ico_home{ background:url(../imgs/home.png) no-repeat left 2px; padding-left:18px;}
.loc_info .ico_tit{ background:url(../imgs/ico.png) no-repeat 10px 6px; padding-left:23px;}
.loc_info span{background:url(../imgs/ico.png) no-repeat 10px 6px; padding-left:23px; font-weight:bold;}

.content{ padding:15px 0px; text-align:justify; }




.content1{ margin:0px 15px;}
.news_info{ border-bottom:1px dashed #e0e0e0; padding:15px 0px;}
.news_img{ float:left; width:145px; height:95px; border:1px solid #eee; position:relative;}
.news_img img{ width:145px; height:95px;}
.news_para{ float:right; width:590px;}
.news_tit{ font-weight:bold; height:20px; line-height:20px; margin-bottom:5px; font-size:14px; overflow:hidden;}
.news_date{ color:#909090;}
.news_small{ color:#909090; line-height:20px; margin-top:5px; height:40px; overflow:hidden;}

.n_s_tit{ font-size:16px; color:#333; font-weight:bold; padding:10px 0px;}
.n_s_info{ padding-bottom:15px;}
.n_s_time{ color:#747683;}
.n_s_share{ padding-bottom:10px;}


.pic_info{ float:left; width:198px; margin:20px 16px 0px 17px;}
.pic_img{width:190px; height:250px; overflow:hidden; position:relative; border:1px solid #eee; padding:4px;}
.pic_img img{ width:190px; height:250px;}
.pic_img:hover .hover-box {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.pic_img:hover .hover-box a {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.pic_tit{ text-align:center; line-height:20px; padding-top:10px;}

.prolist{}
.product_info{ float:left; width:220px; margin:25px 45px 0px 0px;}
.product_img{width:220px; height:157px; overflow:hidden; position:relative;}
.product_img img{ width:220px; height:157px;}
.product_tit{height:35px; text-align:center; line-height:35px; border:1px solid #eee; border-top:none;}

.product_img:hover .hover-box,.news_img:hover .hover-box,.project_img:hover .hover-box {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.product_img:hover .hover-box a,.news_img:hover .hover-box a,.project_img:hover .hover-box a {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}


.honor_info{ float:left; width:183px; margin:25px 102px 0px 0px;}
.honor_img{width:181px; height:260px; border:1px solid #eee; overflow:hidden; position:relative;}
.honor_img img{ width:181px; height:260px;}
.honor_tit{height:35px; text-align:center; line-height:35px; }

.honor_img:hover .hover-box,.news_img:hover .hover-box,.project_img:hover .hover-box {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.honor_img:hover .hover-box a,.news_img:hover .hover-box a,.project_img:hover .hover-box a {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}


.hover-box{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);}

.hover-box a {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    top: 50%;
	left:50%;
    margin-top: -25px;
	margin-left:-25px;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    -webkit-backface-visibility: hidden;
}





.hover-box a:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
	left:0px;
	top:0px;
    background: url('../imgs/zoom-after.png') center center no-repeat;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.hover-box a:hover:after {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    opacity: 0;
}

.hover-box a#zoom {
    right: 50%;
    margin-right: 5px;
    background: url('../imgs/zoom.png') center center no-repeat;
}

.hover-box a#page {
    
    background: url('../imgs/page.png') center center no-repeat;
}



.project_info{ border-bottom:1px dashed #d5d5d5; padding:15px 0px;}
.project_img{ float:left; width:145px; height:95px; border:1px solid #eee; position:relative}
.project_img img{ width:145px; height:95px;}
.project_para{ float:right; width:585px;}
.project_tit{ font-weight:bold; height:20px; line-height:20px; overflow:hidden; padding-bottom:5px;}
.project_time,.project_small{ color:#747474; height:20px; line-height:20px; overflow:hidden;}
.project_more{ padding-top:5px;}
.project_more a{ color:#f0424c;}
.project_more a:hover{ color:#f0424c; text-decoration:underline}

.job_info{ padding:20px 0px; border-bottom:1px solid #eee;}
.job_tit{ font-size:18px; font-weight:bold;}
.job_para{ background:#f3f3f3; padding:10px; margin:15px 0px;}
.job_para span{ padding-left:180px;}
.job_con{}
.job_con span{ font-size:14px; font-weight:bold; display:block; padding-bottom:10px;}


.fanye{ padding-top:15px;}
.fanye a{ background:#fff; color:#666;border:1px solid #eee; padding:3px 8px; font-weight:bold;}
.fanye font{background:#f39801;  color:#fff; padding:3px 8px;font-weight:bold;}



.sl-slider-wrapper {
	width: 100%;
	height: 758px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}

.slide_word{ padding-top:160px;}
.bg-1 .slide_word,.bg-2 .slide_word{ margin-top:140px; opacity:0.75; width:360px; padding:20px;}
.bg-1 .slide_word{ background:#51a3cb;}
.bg-2 .slide_word{ background:#575757;}
.slide_word h2{ color:#fff; font-size:26px; font-weight:normal; line-height:34px;}
.bg-1 .slide_word blockquote,.bg-2 .slide_word blockquote{padding-top:20px;}
.slide_word blockquote{ color:#fff;}
.slide_word blockquote i{ font-size:60px; color:#fff; font-family:Arial, Helvetica, sans-serif; display:block; font-style:normal; line-height:60px; padding-top:10px;}
.slide_word blockquote span{ display:block; font-size:40px;padding-top:10px;}
.bg-3 .slide_word p,.bg-4 .slide_word p{  line-height:40px;  margin-top:50px; height:40px;}
.bg-1 .slide_word p,.bg-2 .slide_word p{  line-height:40px;  margin-top:25px; height:40px;}
.slide_word p a{  font-size:20px; padding:10px 0px;}
.bg-3 .slide_word p a,.bg-4 .slide_word p a{color:#51a3cb;border-top:1px solid #51a3cb; border-bottom:1px solid #51a3cb;}

.bg-1 .slide_word p a{color:#e8c38d;border-top:1px solid #e8c38d; border-bottom:1px solid #e8c38d;}
.bg-2 .slide_word p a{color:#fff;border-top:1px solid #fff; border-bottom:1px solid #fff;}