/*鈫損ublic鈫�*/

.icon{ background:url(../image/icon.png) no-repeat; display:block;}
.w100{ width:100%;}
.w1200{ width:1210px;margin-left: auto;margin-right: auto;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.cRed{ color:#e30a21;}
.cGreen{ color:#0d7a43;}
.bgRed{ background:#e30a21;}
.sub-con{display:none; }
.cur-sub-con{ display:block;} 
.sub-con img{ display:block; max-width:100%;}





.Left{ float:left;}
.Right{ float:right;}
	.body_bar {
    height: auto;
    padding: 40px 0;
    width: 100%;
}
.body_bar .index_body {
    height: auto;
    margin: 0 auto;
    width: 1200px;
}
.body_bar .index_body .body_box_l {
    border-right: 1px solid #e5e5e5;
    padding-right: 27px;
}
.txtScroll-left1 {
    border: 0 solid #ccc;
    height: 292px;
    margin: auto;
    position: relative;
    width: 370px;
}
.txtScroll-left1 .hd {
    color: #ffffff;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 3px;
    width: auto;
    z-index: 3333;
}
.txtScroll-left1 .hd ul {
    float: right;
    height: auto;
    margin-right: 3px;
    margin-top: 7px;
}
.txtScroll-left1 .hd ul li {
    background: rgba(0, 0, 0, 0) url("../images/anniu.jpg") no-repeat scroll center top;
    cursor: pointer;
    float: left;
    height: 10px;
    margin-left: 7px;
    text-indent: -999px;
    width: 10px;
}
.txtScroll-left1 .hd ul li.on {
    background-position: center bottom;
}
.txtScroll-left1 .bd {
    height: 292px;
    overflow: hidden;
    position: relative;
    width: 370px;
}
.txtScroll-left1 .bd a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.txtScroll-left1 .bd ul {
    overflow: hidden;
}
.txtScroll-left1 .bd ul li .box_11 #container embed {
    height: 245px;
    width: 370px;
}
.body_bar .index_body .b_title a {
    color: #0e7a42;
    display: block;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
}
.body_bar .index_body .b_title a.gs_more {
    color: #787878;
    display: block;
    font-size: 12px;
    line-height: 24px;
}
.body_bar .index_body .b_title a.gs_more:hover {
    color: #0068b7;
}
.body_bar .index_body .body_box_l2 {
    padding: 0 25px;
    width: 470px;
}
.body_bar .index_body .body_box_l2 .box_2 {
    height: auto;
    width: auto;
}
.body_bar .index_body .box_2 ul li {
    height: auto;
    width: auto;
}
.body_bar .index_body .box_2 ul li i {
    background: rgba(0, 0, 0, 0) url("../images/index_02.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 9px;
    margin-right: 8px;
    margin-top: 10px;
    width: 6px;
}

.box {
    background: rgba(0, 0, 0, 0) url("../images/index_11.png") repeat scroll 0 0;
    bottom: -142px;
    height: auto;
    left: 0;
    line-height: 18px;
    padding: 8px 15px;
    position: absolute;
    width: 340px;
}


.box p a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    padding: 0;
    text-indent: 2em;
}

.box a {
    background: #2b8940 none repeat scroll 0 0;
    border: 1px solid #2b8940;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 24px;
    margin-top: 5px;
    padding: 0 10px;
}

.body_bar .index_body .box_2 ul li a {
    color: #444;
    display: block;
    float: left;
    font-size: 13px;
    line-height: 30px;
}
.body_bar .index_body .box_2 ul li:hover a {
    color: #015db2;
}
.body_bar .index_body .box_2 ul li span {
    color: #999;
    display: block;
    float: right;
    font-size: 13px;
    line-height: 30px;
}
.body_bar .index_body .body_box_r {
    border-left: 1px solid #e5e5e5;
    height: auto;
    padding-left: 25px;
    width: auto;
}
.body_bar .index_body .body_box_r .box_3 {
    background: rgba(0, 0, 0, 0) url("../images/index_a01.png") no-repeat scroll 0 0;
    height: 40px;
    padding-top: 40px;
    width: 251px;
}
.body_bar .index_body .body_box_r .box_3 .box-c {
    border: 1px solid #848c94;
    height: 25px;
    margin: 0 auto;
    position: relative;
    width: 200px;
}
.body_bar .index_body .body_box_r .box_3 .box-c a.box-1 {
    background: #fff url("../images/index_a02.png") no-repeat scroll right center;
    color: #555;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-indent: 10px;
    width: 200px;
}
.body_bar .index_body .body_box_r .box_3 .box-c ul.box-2 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #848c94;
    bottom: 25px;
    height: auto;
    left: -1px;
    position: absolute;
    width: 200px;
}
.body_bar .index_body .body_box_r .box_3 .box-c ul.box-2 li {
    border-bottom: 1px solid #848c94;
    position: relative;
}
.body_bar .index_body .body_box_r .box_3 .box-c ul.box-2 li a {
    background: #fff url("../images/index_a03.png") no-repeat scroll 180px 8px;
    color: #555;
    display: block;
    font-size: 12px;
    line-height: 25px;
    text-indent: 10px;

}
.body_bar .index_body .body_box_r .box_3 .box-c ul.box-2 li:hover a {
    background-color: #0068b7;
    background-position: 180px -23px;
    color: #fff;
}
.body_bar .index_body .body_box_r .box_3 .box-c ul.box-2 li.hover a {
    background-color: #0068b7;
    background-position: 180px -23px;
    color: #fff;
}
.body_bar .index_body .body_box_r .box_3 .box-c ul.box-2 li.hover ul.box-3 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #848c94;
    opacity: 1;
    padding: 15px 0 15px 28px;
    position: absolute;
    top: -1px;
    z-index: 666;
}
.body_bar .index_body .body_box_r .box_3 .box-c ul.box-2 li.hover ul.box-3 h3 {
    color: #0068b7;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 5px;
}
.body_bar .index_body .body_box_r .box_3 .box-c ul.box-2 li.hover ul.box-3 li {
    border: medium none;
}
.body_bar .index_body .body_box_r .box_3 .box-c ul.box-2 li.hover ul.box-3 li a {
    background: #fff none repeat scroll 0 0;
    color: #555;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-indent: 0;
    width: 210px;
}
.body_bar .index_body .body_box_r .box_3 .box-c ul.box-2 li.hover ul.box-3 li:hover a {
    background: #fff url("../images/index_a04.png") no-repeat scroll right center;
    color: #555;
}
.body_bar .index_body .hot_zt {
    height: auto;
    margin-top: 20px;
    width: auto;
}
.txtScroll-left {
    border: 0 solid #ccc;
    height: 90px;
    margin: auto;
    position: relative;
    width: 251px;
}
.txtScroll-left .hd {
    bottom: 0;
    color: #ffffff;
    height: 24px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: auto;
    z-index: 3333;
}
.txtScroll-left .hd ul {
    float: right;
    height: auto;
    margin-right: 3px;
    margin-top: 7px;
}
.txtScroll-left .hd ul li {
    background: rgba(0, 0, 0, 0) url("../images/index_05.png") no-repeat scroll left center;
    cursor: pointer;
    float: left;
    height: 9px;
    margin-right: 7px;
    text-indent: -999px;
    width: 9px;
}
.txtScroll-left .hd ul li.on {
    background: rgba(0, 0, 0, 0) url("../images/index_06.png") no-repeat scroll left center;
}
.txtScroll-left .bd {
    height: 90px;
    overflow: hidden;
    position: relative;
    width: 251px;
}
.txtScroll-left .bd a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.txtScroll-left .bd ul {
    overflow: hidden;
}
.txtScroll-left .bd ul li {
    height: 90px;
    line-height: 24px;
    overflow: hidden;
    text-align: left;
}
.txtScroll-left .bd ul li span {
    color: #999;
}
.imgtxt {
    background: rgba(0, 0, 0, 0) url("../images/picbg_07.png") repeat-x scroll 0 0;
    border: 0 solid #000;
    bottom: 0;
    color: #ffffff;
    display: block;
    height: 24px;
    line-height: 24px;
    padding-left: 8px;
    position: absolute;
    text-align: left;
    width: 243px;
    z-index: 222;
}
.imgtxt a {
    color: #ffffff;
}
.imgtxt .num_2 {
    bottom: 0;
    color: #ffffff;
    height: 20px;
    overflow: hidden;
    padding-right: 8px;
    position: absolute;
    right: 0;
    width: 75px;
    z-index: 3333;
}
.imgtxt .num_2 li {
    background: rgba(0, 0, 0, 0) url("../images/img2/index_05.png") no-repeat scroll left center;
    cursor: pointer;
    float: left;
    height: 12px;
    margin-right: 3px;
    text-indent: -999px;
    width: 12px;
}
.imgtxt .num_2 li.on {
    background: rgba(0, 0, 0, 0) url("../images/index_03.png") no-repeat scroll left center;
}
.food_img {
    height: 245px;
    overflow: hidden;
    position: relative;
    width: auto;
}













er{ background:#fff; height:100px; position:absolute; top:0; left:0; z-index:9; box-shadow:0 2px 6px rgba(0,0,0,.2);}
	.logo{ margin:8px 0 0 0;}
	.tel{ width:150px; height:26px; line-height:26px; background:#dc3c5c; color:#fff; border-radius:14px; font-size:14px; font-weight:700; text-align:center; position:relative; margin:10px 0 0 0;}
		.tel span{ width:20px; height:20px; background-position:0 0; position:absolute; top:3px; left:10px; z-index:1;}



.kv,.kv .item{ height:580px;}
.kv .item{ background-repeat:no-repeat; background-position: center top;}
.kv .owl-pagination{ position:absolute;position: absolute;left: 50%; bottom:30px;}
.kv.owl-theme .owl-controls{ margin:0;}
	.kv.owl-theme .owl-controls .owl-page span{ width:100px; height:3px; padding:0; border-radius:0; background:#716f6e; top:-50px;}
	.kv.owl-theme .owl-controls .owl-page.active span,.kv.owl-theme .owl-controls.clickable .owl-page:hover span{ background:#f7cb09;}


.index_box{ padding:60px 0 40px 0; background:#f2f2f2;}
	.index_about,.index_case,.index_news{ width:390px; height:340px; position:relative; overflow:hidden; margin-right:15px; overflow:hidden; z-index:0;}
	.index_news{ margin-right:0;}
		.index_box a{ display:block; width:390px; height:340px; position:relative;}
			.index_box a img{ display:block; position:absolute; top:0; left:0; z-index:-1;}
			.index_box a .infor{ width:390px; height:200px; background:url(../image/bg.png) no-repeat top left; position:absolute; left:0; bottom:-30px; transition: all 200ms ease-in;-webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;}
			.index_box a:hover .infor{ bottom:0;}
				.index_box h6{ font-size:18px; color:#fff; margin:50px 0 15px 40px; position:relative; z-index:2;}
				.index_box p{ color:#fff; margin:0 0 0 40px; width:310px; line-height:18px; position:relative; z-index:2;}
				.index_box span{ display:block; color:#fff; margin:10px 0 0 40px; position:relative; z-index:2;}
		/*.index_about a:after{ content:""; display:block; width:390px; height:80px; background:url(../image/index_about_bg.jpg) no-repeat; position:absolute; bottom:25px; left:0; z-index:1;transition: all 200ms ease-in;-webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;}*/
		.index_box a:hover::after{ bottom:50px;}



.index_title{ border-bottom:1px solid #f2f2f2; height:50px; margin:50px 0 60px 0;}
	.index_title h4{ font-size:30px; color:#333;}
	.index_title h4:after{ content:""; display:block; width:30px; height:3px; background:#e60012; margin:18px auto 10px auto;}
	.index_title span{ color:#adadad; font-size:14px; font-weight:400;}


.tab_box{ margin-bottom:40px;}
.tab_box a{ display:block; width:170px; height:45px; border:1px #0195a3 solid; font-size:16px; color:#0195a3; text-align:center; line-height:44px; float:left; margin:0 5px; position:relative; overflow:hidden;}
.tab_box a span{ display:block; width:0; height:43px; position:absolute; top:0; left:50%; margin-left:-85px; background:#0195a3; z-index:-1;}
.tab_box a.cur{ color:#fff; background:#0195a3;}
.tab_box a.active{ color:#fff;}
.tab_box a.cur span{ top:0}
.index_product .tab_container,.index_product_box{ height:624px; position:relative;}
.index_product .tab_container{ position:absolute; left:0; top:0;}

.index_product ul{ width:1202px; margin-left:-2px; margin-right:10px;}
.index_product li{ float:left; margin:0 0 2px 2px; height:310px;}
.index_product li a{ display:block; height:310px; position:relative; z-index:0;}
.index_product li a:after{ content:""; display:block; height:90px; width:100%; margin:0; position:absolute; bottom:0; left:0; z-index:1;}
.index_product li a img.bg{ position:absolute; top:0; left:0; z-index:-1;}
.index_product li a img.pro{ position:absolute; bottom:30px; right:30px; z-index:2;}
.index_product li a h5{ font-size:18px; font-weight:400; text-shadow:0 2px 6px rgba(0,0,0,.2); padding:20px; color:#fff; position:absolute; bottom:30px; left:0; z-index:2; transform: translateY(0); width: auto; transition: all 0.3s ease;}
.index_product li a span{ display:block; width:50px; height:30px; position:absolute; bottom:85px; left:50%; margin-left:-25px; z-index:2;}
.index_product li a span:before{ content:""; display:block; width:50px; height:30px; background:url(../image/icon.png) -20px 14px; position:absolute; top:0; left:0;}

.index_product1{ width:310px;}
	.index_product1 a:after{ background:#ffb900;}
		.index_product1 a span{ background-position:0 -20px;}
		.index_product1 a:hover h5{ background:rgba(255,185,0,.9);transform: translateY(-56px);}
.index_product2{ width:580px;}
	.index_product2 a:after{ background:#4f8ffd;}
		.index_product2 a span{ background-position:-50px -20px;}
		.index_product2 a:hover h5{ background:rgba(79,143,253,.9);transform: translateY(-56px);}
.index_product3{ width:306px;}
	.index_product3 a:after{ background:#000;}
		.index_product3 a span{ background-position:-100px -20px;}
		.index_product3 a:hover h5{ background:rgba(0,0,0,.9);transform: translateY(-56px);}
.index_product4{ width:310px;}
	.index_product4 a:after{ background:#601986;}
		.index_product4 a span{ background-position:-150px -20px;}
		.index_product4 a:hover h5{ background:rgba(96,25,134,.9);transform: translateY(-56px);}
.index_product5{ width:310px;}
	.index_product5 a:after{ background:#e02520;}
		.index_product5 a span{ background-position:-200px -20px;}
		.index_product5 a:hover h5{ background:rgba(224,37,32,.9);transform: translateY(-56px);}
.index_product6{ width:576px;}
	.index_product6 a:after{ background:#0095a2;}
		.index_product6 a span{ background-position:-250px -20px;}
		.index_product6 a:hover h5{ background:rgba(0,149,162,.9);transform: translateY(-56px);}
.index_product7{ width:306px;}
	.index_product7 a:after{ background:#601986;}
		.index_product7 a span{ background-position:-100px -20px;}
		.index_product7 a:hover h5{ background:rgba(96,25,134,.9);transform: translateY(-56px);}
.index_product8{ width:621px;}
	.index_product8 a:after{ background:#e02520;}
		.index_product8 a span{ background-position:-250px -20px;}
		.index_product8 a:hover h5{ background:rgba(224,37,32,.9);transform: translateY(-56px);}

.contactus{ height:240px; background:url(../image/footer.jpg) no-repeat center top #fff; margin-top:70px; padding-top:30px;}
	.footer_title{ font-size: 18px; color: #222; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom:20px;}
	.address{ width:520px;}
		.address .tab{ width: 150px;}
			.address .tab li{ margin-bottom: 7px; position: relative;}
				.address .tab a:before{ content:""; display: none; width:10px; height: 20px; background:url(../image/icon.png) no-repeat -70px 0; position: absolute; left: 0; top:0; z-index: 0;}
				.address .tab a{ font-size: 16px; font-weight: 700; color: #999; line-height: 20px; padding-left: 30px;}
				.address .tab a:hover,.address .tab a.cur{ color: #0095a2;}
				.address .tab a.cur:before{ display: block;}
		.address .tab_container{ width: 350px;}
			.address .tab_container h6{ font-size: 14px; color: #555; font-weight: 400; line-height:20px; margin-bottom: 10px;}
			.address .tab_container p{ font-size: 12px; color: #999; line-height: 24px; margin: 0;}
	.link{ width:300px; margin-left: 40px;}
		.link p{line-height: 20px; margin-right: 5px;}
		/*2017-07-03*/
		.link_icon{ margin-left:-7px; margin-top:10px;}
			.link_icon a{ width:40px; height:40px; background-image:url(../image/link_icon.png); background-repeat:no-repeat; margin:0 2px;}
			.link_icon1{ background-position:0 0;}
			.link_icon2{ background-position:-40px 0;}
			.link_icon3{ background-position:-80px 0;}
			.link_icon4{ background-position:-120px 0;}
			.link_icon5{ background-position:-160px 0;}
			.link_icon6{ background-position:-200px 0;}

	.weixin{ width:200px; margin-left: 50px;} 
		.weixin p{ width: 110px; line-height: 24px; color: #555; margin-left: 10px;}
	.goto_top{ display: block; width: 50px; height: 50px; background-position: -300px 0; margin-top: 35px;}

.guid{ background: #222; color: #0d7a43;}
	.guid a{ color: #0d7a43;}
	.guid a:hover{ color: #0d7a43;}
	.guid p{ margin: 0;}
	.guid_menu{ border-bottom: 1px solid #0d7a43; padding: 40px 0 30px 0;}
		.guid_menu ul{ margin-left:-30px;}
			.guid_menu li{ float:left; border-left: 1px solid #0d7a43; padding:0 30px;}
.copyright{ margin: 20px 0;}
.copyright span{ margin:0 15px;}
#hgwab{ margin-left:15px; position:relative; padding-left:20px;}
#hgwab:before{ content:""; display:block; width:20px; height:20px; background:url(../image/gaba.png); position:absolute; left:0; top:50%; margin-top:-10px;}











.banner{ height: 359px; background-repeat:no-repeat; background-position: center bottom; padding-top:110px;}



.menu{ border-bottom: 1px solid #f2f2f2; height: 50px; background: #fff; margin-bottom: 80px;}
.menu ul{ border-right: 1px solid #f2f2f2;}
.menu li{ float: left; border-left: 1px solid #f2f2f2;}
.menu li a{ font-size: 14px; color: #333; text-align: center; display: block; height: 49px; line-height: 52px;}
.menu li a:hover{ color: #0d7a43;}
.menu li a.cur{ border-bottom: 3px solid #0d7a43;}

.about_title{ font-size: 20px; color: #a3a3a3; margin-bottom: 70px; font-weight:400;}
.about_title span{ font-size: 80px; color: #333; display:block; margin-top: 10px; font-weight:700; }


.brand{height: 670px; background: url(../image/about1.jpg) no-repeat right top;}
.brand h6{ width: 450px; font-size: 18px;}
.brand p{ font-size: 14px; color: #333; line-height: 34px; margin: 0;}




.inner_title{ background:url(../image/meier.jpg) no-repeat top center; padding-top:80px; text-align:center; margin-bottom:70px;}
.inner_title h6{ font-size:30px; color:#333;}
.inner_title h6:after{ content:""; display:block; width:30px; height:4px; background:#e60012; margin:20px auto;}
.inner_title p{ font-size:14px; line-height:30px; color:#adadad; width:630px; margin:0 auto;}




.product{ position:relative;}
.picbox { width:1050px;	height:580px; background:#fff;overflow:hidden;position:relative;}
.picbox ul {height:580px;}
.piclist {position:absolute;left:0px;top:0px;}
.picbox .piclist li.goodlist{ width:340px; height:280px; background:#f2f2f2; overflow:hidden; position:relative; margin:5px;float:left;}
.picbox .piclist li.goodlist a{ display:block; width:340px; height:280px; overflow:hidden; position:relative;}
.goodlist img{ max-height:70%; max-width:70%; margin:30px auto; display:block; }
.goodlist span{display:block; width:100%; height:280px; background:#0095a2; position:absolute; bottom:-280px; left:0; z-index:1;}
.goodlist p{ display:block; line-height:50px; font-size:15px; color:#000; text-align:center; width:150px; position:absolute; bottom:0; left:50%; margin-left:-75px; margin-bottom:10px; z-index:3;/* border-top:0px solid #fff; border-bottom:0px solid #fff; */}
.goodlist p:before,.goodlist p:after{ -webkit-backface-visibility: hidden;backface-visibility: hidden;border-top: 1px solid rgba(255, 255, 255, 0);bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;-webkit-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;width: 0;}
.goodlist a:hover p:after,.goodlist a:hover p:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #fff;-webkit-transition: width 650ms ease-in-out;transition: width 650ms ease-in-out;width: 70%;}
.goodlist a:hover p{ color:#fff;}
/*
.goodlist p.on{ background:rgba(0,149,162,.7); height:100%;}
.goodlist p.on span{ color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; margin-top:105px; }
*/






.swaplist {position:absolute;left:-2800px;top:0px;}
.og_prev, .og_next {width:20px;height:20px;background:url(../image/icon.png) no-repeat; position:absolute; top:570px;z-index:9;cursor:pointer;}
.og_prev a,.og_next a{ display:block;width:20px;height:20px;}
.og_prev {background-position:-80px 0; left:0;}
.og_prev:hover {background-position:-100px 0;}
.og_next {background-position:-120px 0;right:0;}
.og_next:hover {background-position:-140px 0;}


1.page{ margin:30px auto;}
1.page a{ display:block; width:60px; height:30px; margin:5px; text-align:center; line-height:30px; font-size:16px; color:#333; float:left;}
1.page a:hover,.page a.cur{ background:#f7cb09;}


.back{ display:block; position:relative; line-height:18px; color:#959595; width:70px; text-align:right; margin-bottom:20px;}
.back:before{ content:""; display:block; width:20px; height:20px; background:url(../image/icon.png) no-repeat; background-position:-260px 0; position:absolute; left:0; top:0; }
.back:hover{color: #0095a2;}

.words_part{ background:#f7f7f7; width:400px; height:380px; padding:70px 40px 30px 40px;}
.words_part h6{ font-size:36px;}
.words_part h6:after{ content:""; display:block; width:20px; height:3px; background:#0095a2; margin:50px 0 30px 0;}
.words_part p{ font-size:15px; line-height:32px; color:#333; margin-bottom:0;}

.pic_part{ width:780px; height:380px; border:1px solid #efefef;}
#marquee2{ background:#f7f7f7;width:588px;height:378px;overflow:hidden;}
#marquee2 ul li{float:left;height:378px;}
#marquee2 ul li a{ display:table;}
#marquee2 img{ /*max-height:70%; max-width:70%; margin:0 auto; vertical-align:middle;*/ display:block;}

.control a{ display:block; width:189px; height:189px; background:#fff; border-left:1px solid #efefef; border-bottom:1px solid #efefef; overflow:hidden;}
.control a span{ width:10px; height:10px; margin:89px auto 0 auto;}
.control a#goU span{ background-position:-240px 0;}
.control a#goD span{ background-position:-250px 0;}

.detail .tab li{ width:402px; height:74px; margin-bottom:10px; }
.detail .tab li a{ display:block; border:1px solid #e5e5e5; background:#fff; width:400px; height:70px; line-height:70px; text-align:center; color:#333; font-size:16px; position:relative;}
.detail .tab li a:hover{ color:#0095a2; border-color:#0095a2;}
.detail .tab li a.cur{ background:#0095a2; border-color:#0095a2; color:#fff;}
.detail .tab li a span{ display:none; color:#fff; font-size:24px; font-weight:700; width:60px; margin:0; background:none; position:absolute; left:20px; top:0; z-index:1;}
.detail .tab li a.cur span{ display:block;}

.detail .tab_container{ width:780px; min-height:228px; border:1px solid #efefef; background:#fff; padding:40px 40px 70px 40px; }
.detail .canshu td{ background:#f5f5f5; border:1px solid #fff;}
.detail .canshu td.bgGray{ background:#dbdbdb;}
.detail .canshu td p{ margin-bottom:0; line-height:36px; margin:0 10px;}



.case{ margin-top: 50px;}
.case_part1{ margin-bottom: 40px;}
.case_part1 td{ position:relative;}
.case_part1 td div{ clear: both; margin: 0; position: absolute; top:0; left:0;}
.case_part1 td .case1{ width:600px; height: 440px;}
.case_part1 td .case2{ width:600px; height: 220px;}
.case_part1 td .case3{ width:300px; height: 220px;}
.case_part1 td .case4{ width:300px; height: 220px;}
.case_part1 td .case5{ width:600px; height: 220px;}
.case_part1 td .case6{ width:300px; height: 440px;}
.case_part1 td a{ display:block; width:100%; height:100%;}
.case_part1 td h6{ display:none; width: 100%; height: 100%; color: #333; background:rgba(247,203,9,.9); box-shadow:0 0 10px rgba(0,0,0,.3); position: absolute; z-index: 3;}
.case_part1 td h6 span{ display:block; width: 180px; height: 70px; line-height: 70px; font-size: 20px; font-weight: 400; margin:0 auto 20px auto; text-align: center;border-top: 1px solid #333; border-bottom: 1px solid #333;}
/*.case_part1 td h6 span:before,.case_part1 td h6 span:after{ -webkit-backface-visibility: hidden;backface-visibility: hidden;border-top: 1px solid rgba(0, 0, 0, .7);bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;-webkit-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;width: 0;}*/

.case_part1 td h6 p{ margin: 0 auto; font-size: 14px; line-height: 24px; overflow:hidden;}
.case_part1 td .case1 h6 span{ margin-top:180px;}
.case_part1 td .case1 h6 p{ width:400px; height:140px;}
.case_part1 td .case2 h6 span{ margin-top:70px;}
.case_part1 td .case2 h6 p{ width:400px; height:70px;}
.case_part1 td .case3 h6 span{ margin-top:70px;}
.case_part1 td .case3 h6 p{ width:230px; height:70px;}
.case_part1 td .case4 h6 span{ margin-top:70px;}
.case_part1 td .case4 h6 p{ width:230px; height:70px;}
.case_part1 td .case5 h6 span{ margin-top:70px;}
.case_part1 td .case5 h6 p{ width:400px; height:70px;}
.case_part1 td .case6 h6 span{ margin-top:160px;}
.case_part1 td .case6 h6 p{ width:230px; height:180px;}
.case_part1 td img{ display: block; width: 100%; position:relative; z-index:2;}

/*.case_part1 a:hover span:after,.case_part1 a:hover span:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: rgba(0, 0, 0, .7);-webkit-transition: width 650ms ease-in-out;transition: width 650ms ease-in-out; width: 180px;}*/



.case_part2{ margin-bottom:120px;}
.case_part2 .item{ position:relative; width:300px; height:440px;}
.case_part2 .item h6{ width:100%; height:100%; font-weight:400; background:rgba(0,149,162,.8); color:#fff; position: absolute; bottom:-380px; left:0; z-index:2;}
.case_part2 .item h6 span{ display:block; font-size:18px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; /*border-top:1px solid #fff; border-bottom:1px solid #fff;*/ text-align:center; width:180px; margin:5px auto 50px auto;}
.case_part2 .item h6 span:before,.case_part2 .item h6 span:after{ -webkit-backface-visibility: hidden;backface-visibility: hidden;border-top: 1px solid #fff;bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;-webkit-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;width: 0;}
.case_part2 .item h6 span:before{ margin-bottom:10px;}
.case_part2 .item h6 span:after{ margin-top:10px;}
.case_part2 a:hover span:after,.case_part2 a:hover span:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #fff;-webkit-transition: width 650ms ease-in-out;transition: width 650ms ease-in-out; width: 180px;}
.case_part2 .item h6 p{ font-size:14px; line-height:30px; width:230px; height:120px; overflow:hidden; margin:0 auto;}
.case_part2 .owl-controls{ position:relative; height:20px; margin-top:40px;}
.case_part2 .owl-controls .owl-pagination{ margin-top:40px;}
.case_part2.owl-theme .owl-controls .owl-page span{ width:30px; height:3px; border-radius:0; background:#716f6e;}
.case_part2.owl-theme .owl-controls .owl-page.active span{ background:#f7cb09;}
.case_part2.owl-theme .owl-controls .owl-buttons div{ width:20px; height:20px; border-radius:0; text-indent:-99999px; background:url(../image/icon.png) no-repeat; position:absolute; bottom:-5px;}
.case_part2.owl-theme .owl-controls .owl-buttons .owl-prev{ background-position:-80px 0; left:30px;}
.case_part2.owl-theme .owl-controls .owl-buttons .owl-next{ background-position:-120px 0; right:30px;}

.case_detail{ margin-top:110px;}
.case_detail .fR{ width:780px; height:380px; border:1px solid #efefef; background:#fff; padding:20px;}
.case_title,.related_title{ font-size:24px;}
.case_title:after,.related_title:after{ content:""; display:block; width:20px; height:3px; background:#0095a2; margin:30px 0 40px 0;}

.related{ margin-top:20px; border:1px solid #efefef; background:#fff; padding:30px 40px;}
.related ul{ margin-left:-50px; width:1170px;}
.related li{ width:340px; height:280px; background:#f2f2f2; overflow:hidden; position:relative; margin:0 0 30px 50px;float:left;}
.related li a{ display:block; width:340px; height:280px; overflow:hidden; position:relative;}
.related li img{ max-height:70%; max-width:70%; margin:30px auto; display:block; }
.related li span{display:block; width:100%; height:280px; background:#0095a2; position:absolute; bottom:-280px; left:0; z-index:1;}
.related li p{ display:block; line-height:50px; font-size:14px; color:#000; text-align:center; width:150px; position:absolute; bottom:0; left:50%; margin-left:-75px; z-index:3;/* border-top:0px solid #fff; border-bottom:0px solid #fff; */}
.related li p:before,.related li p:after{ -webkit-backface-visibility: hidden;backface-visibility: hidden;border-top: 1px solid rgba(255, 255, 255, 0);bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;-webkit-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;width: 0;}
.related li a:hover p{ color:#fff;}
.related li a:hover p:after,.related li a:hover p:before {-webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #fff;-webkit-transition: width 650ms ease-in-out;transition: width 650ms ease-in-out;width: 70%;}




.news ul{ border-top:1px solid #c1c1c1;}
.news li{ border-bottom:1px solid #c1c1c1; height:50px; }
.news li a{ display:block; line-height:50px;}
.news li a .date{ display:block; width:130px; height:26px; text-align:center; line-height:26px; color:#fff; font-size:14px; background:#ccc; margin-left:90px; margin-top:11px;}
.news li a p{ float:left; margin-left:100px; margin-bottom:0; line-height:50px; color:#555; font-size:16px; width:670px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news li a .more{ color:#b6b6b6; line-height:50px; margin-right:90px;}
.news li a:hover .date{ background:#0095a2;}
.news li a:hover p,.news li a:hover .more{ color:#0095a2;}

.news .page,.job .page,.honor .page{ margin-top:60px; margin-bottom:80px;}
.news .page a,.job .page a,.honor .page a{line-height:20px; width:20px; height:20px; margin:0 10px;}
.news .page a:hover,.news .page a.cur,.job .page a:hover,.job .page a.cur,.honor .page a:hover,.honor .page a.cur{ background:none; padding:0; color:#0095a2; }
.news .page .prev,.news .page .next,.job .page .prev,.job .page .next,.honor .page .prev,.honor .page .next{ width:20px; height:20px;}
.news .page .prev,.job .page .prev,.honor .page .prev{ background-position:-80px 0;}
.news .page .prev:hover,.job .page .prev:hover,.honor .page .prev:hover{ background:url(../image/icon.png); background-position:-100px 0;}
.news .page .next,.job .page .next,.honor .page .next{ background-position:-120px 0;}
.news .page .next:hover,.job .page .next:hover,.honor .page .next:hover{ background:url(../image/icon.png); background-position:-140px 0;}

.article_title{ height:50px; border-bottom:1px solid #f2f2f2; margin-bottom:90px;}
.article_title h5{ font-size:30px; color:#333; font-weight:400;}
.article_title h5:after{content:""; display:block; width:30px; height:3px; background:#e60012; margin:20px auto 15px auto;}
.article_title p{ color:#adadad; font-size:14px;}

.article_detail img{ /*display:block;*/ max-width:100%;}
.article_page{ margin:60px 0 120px 0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.article_page a{ height:50px; border-bottom:1px solid #f2f2f2;}
.article_page span{ width:20px; height:20px; margin-left:20px; margin-top:15px;}
.article_page a.prev span{ background-position:-160px 0;}
.article_page a.next span{ background-position:-200px 0;}
.article_page p{ margin-left:20px; margin-bottom:0; width:1060px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:50px; font-size:16px; color:#666;}
.article_page a:hover p{ color:#0095a2;}
.article_page a.prev:hover span{ background-position:-180px 0;}
.article_page a.next:hover span{ background-position:-220px 0;}


.contact{ background:url(../image/contact.jpg) no-repeat top center; margin-bottom:120px;}
.feedback{ width:442px; margin-left:160px; margin-top:20px;}
.feedback label{ display:block; margin-bottom:10px; width:440px; 1border:1px solid #c2c2c2; height:40px; clear:both;}
.feedback label p{ width:80px; height:40px; line-height:40px; margin-left:30px; font-size:16px; color:#333; float:left;}
.feedback label .text{ float:left; width:300px; border:0; height:36px; float:left; margin-top:1px; font-size:14px; padding:0 5px; background:none;}
.feedback label.message{ height:auto; overflow:hidden;}
.feedback label.message textarea{ max-width:300px; height:160px; line-height:36px; padding:5px;}
.feedback .submit{ width:220px; height:60px; line-height:60px; background:#0095a2; color:#fff; font-size:20px; border:none; cursor:pointer; margin-top:20px;}
.feedback .submit:hover{ background:#06a6b4;}

.addr{ margin:5px 170px 0 0;}
.addr p{ width:160px; font-size:14px; line-height:24px;}
.addr h6{ width:220px; font-size:18px; line-height:32px; margin-bottom:40px; color:#333;}



.job{ background:url(../image/talent.jpg) no-repeat 600px top; margin-bottom:120px;}
.job .tab{ width:300px; border-top:1px solid #f2f2f2; margin-top:-180px;}
.job .tab li{ width:300px; height:60px; line-height:60px; border-bottom:1px solid #f2f2f2;}
.job .tab li a{ display:block; height:60px; line-height:60px; font-size:16px; color:#333; padding-left:60px;}
.job .tab li a:hover{ color:#0095a2;}
.job .tab li a.cur{ background:#0095a2; color:#fff;}

.job .tab_container{ width:600px;}
.job_title{ width:600px; height:100px; background:#f2f2f2; margin-bottom:30px;}
.job_title h6{ font-size:24px; margin:20px;}
.job_title p{ font-size:14px; color:#333; margin:20px;}
.job_title p span{ margin-right:30px;}
.job_detail{ margin:20px;}
.job_detail h6,.job_detail p{ font-size:14px; color:#666;}
.job_detail h6{ margin-bottom:20px;}






.market{ position:relative;}
.market .pignose-parallaxslider .slide-visual{width:700px;height:460px;}
	.market li{ position:relative; width:700px; margin:0 5px;}
		.market img{ display:block;}
		.market.pignose-parallaxslider .slide-visual .slide_tint{ z-index:7;}

	.market .script-wrap{ width:700px; margin:0 auto;}
	.market .script-wrap a{ display:block; width:20px; height:20px; background:url(../images/icon.png) no-repeat; margin-top:30px;}
	.market .script-wrap a:hover{ opacity:.8;}
	.market .script-wrap a.btn-prev{ background-position:-80px 0; float:left;}
	.market .script-wrap a.btn-next{ background-position:-120px 0; float:right;}














.history{ height:640px; position:relative; margin-top:-100px;}
#timeline{padding: 0 50px;height:420px;overflow: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#issues{overflow: hidden; height:300px;}
#issues li{width: 1200px;}
#issues li>*{display: inline-block;vertical-align: middle;}
#issues li .lbox{width:500px;text-align:center;text-indent: 110px;}
#issues li .lbox .time{font-size: 100px;color: #0d7a43;margin-bottom: 20px;}
#issues li .lbox .des{font-size: 16px;color: #0d7a43;text-transform:uppercase}
#issues li .line{width: 2px;height: 110px;background-color: #333;}
#issues li .rbox{width: 460px;padding: 0 60px 0 90px;}
#issues li .rbox p{font-size: 14px;color: #333;line-height: 24px;margin: 0;}
#dates li{width: 200px;font-size: 28px;height: 40px;text-align: center;background: url(../images/timeline.png) no-repeat; float:left;}
#dates li a{color: #0d7a43;margin-top: 50px;display: block;}
#dates li a.selected{color: #0d7a43;}
#next,#prev{width:100px;height:100px;display: block;background: url(../images/icon.png) no-repeat;position: absolute;top:100px;}
#prev{ background-position:0 -60px; left:0;}
#next{ background-position:-100px -60px; right:0;}
#prev:hover{background-position:0 -160px;}
#next:hover{background-position:-100px -160px;}


#issues li img{ margin-left:80px; padding-right:50px; border-right:1px solid #f2f2f2; margin-right:60px; width:450px;}
#issues li h6{ font-size:60px; color:#0d7a43; font-weight:400;}
#issues li h6:after{ content:""; display:block; width:30px; height:2px; background:#0d7a43; margin:30px 0 40px 0;}
#issues li p{ font-size:15px; color:#333; width:420px; line-height:30px; height:100px; overflow:hidden;}
#dates{ margin-top:30px;}


.honor{ margin-bottom:120px; margin-left:-20px; /*background:url(../image/about3.jpg) no-repeat top center;*/}
.honor li{ float:left; background:#f2f2f2; width:380px; height:260px; margin:0 0 20px 20px;}
.honor li a{ display:table; width:380px; height:260px; position:relative;}
.honor li a img{ display:table-cell; max-width:380px; max-height:260px; margin:0 auto; text-align:center; vertical-align:middle;}
.honor li a p{ position:absolute; width:380px; height:40px; left:0; bottom:0; background:rgba(0,0,0,.55); font-size:16px; line-height:40px; color:#fff; text-align:center; margin:0; }
/*.honor li a:hover p{ background:rgba(0,149,162,.8); height:70px; font-weight:700; line-height:70px;}*/
.honor li a p.cur{ background:rgba(0,149,162,.8); font-weight:700; line-height:70px;}

@-moz-document url-prefix() { .honor li a img { display:block; } }






.profile{ margin-bottom:100px; background:url(../images/about2-1.jpg) no-repeat top left;}
.profile .about_title span,
.culture .about_title span{ font-size:46px;}
.culture{ height:360px; margin-bottom:100px; background:url(../images/about2-2.jpg) no-repeat top right;}
.tech1pic{ margin-bottom:100px; background:url(../images/tech1-1.jpg) no-repeat top left;}
.tech1pic .about_title span{font-size: 46px;}

.tech2pic{ margin-bottom:100px; background:url(../images/tech2-1.jpg) no-repeat top left;}
.tech2pic .about_title span{font-size: 46px;}

.tech3pic{ margin-bottom:100px; 1background:url(../images/tech3-1.jpg) no-repeat top left;}
.tech3pic .about_title span{font-size: 46px;}

.tech4pic{ margin-bottom:100px; background:url(../images/tech4-1.jpg) no-repeat top left;}
.tech4pic .about_title span{font-size: 46px;}

.con2pic{ margin-bottom:100px; background:url(../images/con2-1.jpg) no-repeat top left;}
.con2pic .about_title span{font-size: 46px;}

.lead{ height:360px; margin-bottom:100px; background:white no-repeat top right;}
.lead .about_title span{ font-size:46px;}