/*
Theme Name: 凯悦科技网站主题
Theme URI: https://www.xuewangzhan.com/
Description: 学做网站论坛开发主题，更多主题请访问：<a href="https://www.xuewangzhan.com/" target="_blank">学做网站论坛</a>，获得技术支持QQ：1730401718
Author: 学做网站论坛
Author URI: https://www.xuewangzhan.com/
Version: 1.5
Tags: 学做网站论坛
Time: 2019.07.18
*/


/*@font-face {
	font-family: 'Arial Black';
	src: url(images/'../fonts/ariblk.eot');
	src: local('☺'), url(images/'../fonts/ariblk.woff') format('woff'), url(images/'../fonts/ariblk.ttf') format('truetype'), url(images/'../fonts/ariblk.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
body,button,input,select,textarea{font:14px/1.5 "微软雅黑","Heiti SC",'黑体',tahoma,arial; color:#666}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
fieldset,img{border:0}
img{vertical-align:middle;}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-weight:500;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%; letter-spacing:1px}
q:before,q:after{content:''}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sup{top:-0.5em}
sub{bottom:-0.25em}
input,button,textarea,a,select{outline: none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
.fn-clear:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0}
.fn-clear{zoom:1}
.fn-hide{display:none}
.fn-left,.fn-right{display:inline}
.fn-left{float:left}
.fn-right{float:right}
a{color:#333333}
a:hover{color: #017F40}
.fleft {float: left;}
.fright {float: right;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;font-size: 0;visibility: hidden;}
.clearfix {*zoom:1;}

body { max-width:1920px; margin:0 auto;}
.index_box { width:100%;float:left; margin-bottom:30px;}
.index_box li{ float:left; width:25%; text-align:center;box-sizing:border-box;}
.index_box li img { width:100%;}
.index_box li span { display:block; line-height:30px; font-size:14px}
.index_img {border:1px solid #dbdbdb;border-right:0;padding:3px; border-right:1px solid #dbdbdb; margin-right:-1px}
.nextpre{padding:10px 0;margin:20px 0;}

.zixun{margin-right:-30px;}
.index_list { width:460px; float:left; margin-right:25px; margin-bottom:30px;}

.index_list .hd .more { float:right; font-size:12px; color:#00479d; font-weight:bold; display:inline-block; margin-top:7px;}
.index_list .bd { padding-top:10px;}
.index_list .bd li { font-size:14px; line-height:30px; border-bottom:1px dashed #CCCCCC}
.index_list .bd li a { padding-left:15px;background:url(images/dot.png) no-repeat left center;}
.index_list .bd li span { float:right;}

.news_bd img{display:block;margin:10px auto;max-width:96%;height:auto;}
.news_bd li{padding:10px 0;}
.ft_cs{max-width:8.5%;height:14em;overflow:hidden;}
.ft_cs li{overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
#leftb li{overflow: hidden;
    text-overflow: ellipsis;
white-space: nowrap;}

#leftb ul.children{ padding-left:20px; /* 默认都隐藏 */ }
#leftb ul.children li{line-height:40px !important;}
		#leftb>li{position:relative;}
		#leftb .cat-item-20:after{
		content:'+';
		font-size:20px;
		display:block;
		width:30px;
		height:30px;
		position:absolute;
		right:10px;
		top:0px; 
		color:#017F40;	
		}
		
.pro_list{position:absolute;left:-2000em;}
.pro_list_shuixingpige,.pro_list_huanbaopige,.pro_list_shuixingpu{width:33%;float:left;}







@media screen and (max-width: 1680px) {
.dyj_t2 h1 { font-size:40px;margin-top:40px;} 
.dyj_t2 h2 { font-size:20px;} 
.dyj_t2 h1 span { font-size:55px;}
}
@media screen and (max-width: 1366px) {
.dyj_t2 h1 { font-size:36px;margin-top:45px;} 
.dyj_t2 h2 { font-size:16px;} 
.dyj_t2 h1 span { font-size:50px;}
}

.page_box  h2 { color: #333; font-size: 34px;}
.page_box  p { margin-top: 10px; color: #666;font-size: 16px;line-height: 28px}

.page_3{ width:620px;position:absolute;top:40px; left: 50%; z-index: 10;margin-left: -310px; text-align:center}
.page_4{ width:620px; height:215px;position:absolute;top:30px; left: 50%; z-index: 10;margin-left: -310px; text-align:center; }
.page_4 p{ color:#FFF}
.page_5{ width:620px; position:absolute;top:125px; left:-30px; z-index: 10; text-align:center; }
.page_5 p{ color:#333}

.page_6{ width:460px; position:absolute;top:176px;right:30px; z-index: 10; text-align:center; }
.page_6 h2 { color:#FFF}
.page_6 p { color:#FFF}

.page_7{ width:620px; position:absolute;top:470px;left: 50%;margin-left: -310px;  z-index: 10; text-align:center; }
.page_7 p {margin-bottom: 20px;}


.page_8{ width:620px;position:absolute;top:270px;left:50%;margin-left:-100px;  z-index: 10; text-align:center; }

.page_9{ width:620px;position:absolute;top:515px;left: 50%;margin-left: -310px; z-index: 10; text-align:center; }
.page_9a {width:420px;position:absolute;top:200px;left: 0%;margin-left:10px;  z-index: 5;}
.page_9b {width:941px;position:absolute;top:0px;left: 50%;z-index: 5;}

.page_10{ width:620px;position:absolute;top:50px;left: 50%;margin-left: -510px; z-index: 10; text-align:center; }
.page_10 h2 { color:#FFF}
.page_10 p { color:#FFF}

.page_11{ width:620px;position:absolute;top:150px;left: 50%;margin-left: -160px; z-index: 10; text-align:center; }
.page_12{ width:620px;position:absolute;top:50px;left: 50%;margin-left:-310px; z-index: 10; text-align:center; }
.page_12 h2 { color:#FFF}
.page_12 p { color:#FFF}

.photo { width:800px; margin:0px auto;}
.onLoadingDiv { text-align:center;background:url(images/loading2.gif) no-repeat center center; font-size:36px; text-indent:-9999px;}
#myCar { margin-top:20px;}
.dyj_other { width:100%; background: rgba(255,255,255,0.9);font-size:16px; padding:10px  0; position:absolute; top:70px; z-index:99;-webkit-box-shadow: 0 0 3px #b0b0b0;
    box-shadow: 0 0 3px #b0b0b0;}
.dyj_name { margin-left:15px; line-height:27px;}
.dyj_cs { float:right}
.dyj_buy { color: #FFF; background-color:#ff6700; padding:4px 30px; font-size:12px; margin-left:35px; display:inline-block; line-height:19px; cursor:pointer}
.dyj_buy:hover {color: #FFF; }
.dyj_cs .sep {color: #e0e0e0; display: inline-block; margin:0 5px}
.dyj_cs .hover { color: #ff9104}
.xgwz h3{padding:10px 0;border-bottom:1px solid #ddd;}
.xgwz li{width:49%;float:left;padding:5px 0;}

.top_mb { float: left;background: url(images/nav_abg.jpg) no-repeat left bottom; height:70px;}
.top_mb .bd { margin-top:24px;}
.top_mb a { display:inline-block; margin-left:20px; font-size:14px;float:left; position:relative}
.buy_car { height:20px;background:url(images/buy_car.png) no-repeat left center; padding-left:25px;}
.car_num { width:17px; height:20px;background:url(images/car_num.png) no-repeat center center; text-align:center; display:inline-block; font-size:12px; line-height:14px; position:absolute; top:2px; left:25px;}

.gbclose { background-color:#666}
.loca {max-width: 1000px; margin: 0 auto; padding-bottom:10px;}
.contact .text {
    padding: 50px 130px;
}
.sevice  { margin-left:20px;}
.sevice li {list-style: disc;}

.banner { position:relative; margin-top:115px;}
.bn_text{
    width: 335px; display:none;
    height: 88px;
    position: absolute;
    top: 176px;
    left: 0;
    color: #FFF;
    padding-left: 35px;
    font-size: 18px;
}

.qtranxs_language_chooser,.qtranxs_language_chooser span{display:inline-block;vertical-align:bottom;}
.qtranxs_language_chooser li{display:inline-block;vertical-align:bottom;padding:0 5px;text-transform : uppercase}

.biaodan { width:500px; margin:0 auto; text-align:left}
.biaodan span { color:#666;}
.ipt { line-height:25px; margin-bottom:15px; font-size:14px}
.ipt label { display:inline-block; width:110px; text-align: right}
.submit_btn { margin-top:20px;}
.submit_btn .submit{ background-color:#162e57; padding:10px 50px; margin-left:114px; font-size:14px; color: #FFF; border:0;}
.text-input { border:1px solid #CCC; height:18px; padding:4px; border-radius:3px;}
.ipt_bz { width:300px ; height:50px; padding:4px;}
.mf_hd h1 { padding-bottom:15px; font-size:30px; font-weight:normal; padding-top:15px;}


.footer { width:100%;margin:0px auto; background:url(images/ft_bg.jpg) no-repeat bottom center;}
.footer .hd { max-width:1200px; margin:0 auto; padding:45px 0px 0px; overflow:hidden}
.ft_left{ width:100%; float:left; margin-right:0px;padding-bottom:20px;}
.ft_right{ float:left; }
.ft_right dt { font-size:16px; color:#FFF;margin-bottom:22px; }
.kefu { margin-bottom:10px;}
.ft_right dl { float:left; text-align:center;}
.ft_left p { line-height:21px;}
.ft_right dd { line-height:30px;}
.ft_nav {float:left; margin-right:30px;padding-right:30px;}
.lastnav { border-right:0; padding-right:0px; margin-right:0; float:right}
.ft_nav h3 { font-size:14px; margin-bottom:22px;color:#333}
.ft_nav h3 .ft_cn { font-size:14px; letter-spacing:2px;}
.ft_nav h3 .ft_en { font-size:12px;letter-spacing:0px; font-weight:normal}
.ft_nav li { margin-bottom:13px; margin-top:0px;font-size:12px;}
.ft_nav li a{ color:#333; font-size:12px;text-transform:capitalize}
.ft_nav li a:hover { color:#017F40;}

.flink,.flink a{color:#999; margin-right:5px}
.copyright,.flink {font-size:12px;height:30px; line-height:30px;text-align:center; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.copyright{color:#fff; }
.copyright span { display:inline-block; padding:0 10px;}
.dyj_p1 {width:100%; position: relative;z-index: 10;}
.dyj_p1 dl{ width:100%; float:left; text-align:center;}
.dyj_p1 dl dt { height:112px; margin-bottom:15px; color:#FFF; position:relative}
.dyj_p1 dl dt img { height:100%;}
.dyj_p1 dl dd h2 { font-size:15px; font-weight:normal; margin-bottom:5px; text-transform:uppercase}
.dyj_p1 dl dd h3 { font-size:15px; font-weight:normal; color:#333; opacity:0.6}
.dyj_p1 a:hover dl dd h2,.dyj_p1 .hover dl dd h2{ color:#19793a;}
.dyj_p1 a:hover dl dd h3,.dyj_p1 .hover dl dd h3{ color:#19793a;}

.prod_sidebg {background:url(images/prod_left_bg.png) repeat-y 0 bottom ;}
.product { max-width:1200px; padding:50px 15px; margin:0 auto}
.prod_left { width:265px; float:left;}
.prod_left .hd {height:95px;background: url(images/side_navbg.jpg) no-repeat top center;color:#FFF; padding-left:25px;}
.prod_left .hd h2{font-size:24px; padding-top:30px;font-weight: normal;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.prod_left .hd h3{font-size:20px;font-weight: normal; text-transform:uppercase}

.prod_left .bd {margin-bottom:15px;}
.prod_left ul {padding-bottom:5px;}
.prod_left ul li {line-height:50px;border-bottom:1px solid #CCC}
.prod_left ul .hover{ background-image:none}
.prod_left ul li a{background:url(images/p_nav.png) no-repeat left center; display:block;margin-left:15px; padding-left:15px; }
.prod_left ul li a:hover,.prod_left ul .hover a,.prod_left .children li a {background:url(images/p_nav_h.png) no-repeat left center;color:#017F40}
.prod_left ul .hover li {background: none; border:0; line-height:30px;}
.prod_left ul .hover li a { background: none; color:#333; padding-left:30px;}
.prod_left ul .hover li a:hover { color:#017F40}

.display_n { display:none}

.about_news { padding-bottom:50px;}
.news_left {  width:50%; float:left; box-sizing:border-box; padding-right:10px;}
.news_left img { width:100%;}
.news_left dt { margin-bottom:10px;}
.news_left dd { line-height:27px;}
.news_left dd h3 { font-size:16px; color:#000}
.news_right {  width:50%; float:left;box-sizing:border-box; padding-left:10px;}
.news_right dl { margin-bottom:20px; overflow:hidden; background-color:#eeeeee; padding:20px;}
.news_right dt { width:50px; float:left; text-align:center; font-size:36px; margin-right:30px;}
.news_right dd  span { float:right}
.news_right dd { width:450px;float:left;}
.news_right dd h3 { font-size:16px;}
.news_right a:hover dl { background-color:#0084c9; box-shadow:0 0 15px #99FFFF; color:#FFF}


.more_news { display:block; padding:20px 0; text-align: right; font-size:18px}
.more_news:hover { color:#0084c9}
.prod_right { width:910px; float:right}
.prod_right .hd { margin-bottom:30px; padding-top:5px;}
/*.prod_right .bdline {background: url(images/bdline.png) repeat-x left bottom;}*/
.prod_right .hd img{ width:100%;}

.prod_right .hd h2{font-size: 24px;color: #000;float:left; padding-right:10px; border-bottom:2px solid #19793b; padding-bottom:20px;}
.prod_right .hd h3{ display:none;font-size: 18px;font-weight: normal;float:left;color:#666; border-bottom:2px solid #19793b; padding-bottom:20px;text-transform: capitalize; letter-spacing:0}
.prod_right .local{ float:right; margin-top:10px; color:#888888}
.prod_right .local a { color:#888888}
.prod_right .local a:hover { color:#017F40}

.prod_list {margin-right:-15px;}
.prod_list li { width:25%; float:left; margin-bottom:20px;}
.prod_list li a { display:block;padding:10px; border:1px solid #CCC; margin-right:15px;}
.prod_list li a:hover { border:1px solid #19793b}
.prod_list li h3 { font-size:15px; line-height:30px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;background: url(images/icon_go.png) no-repeat right center;}
.prod_list li p { line-height:23px;    overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap;}
.pimg img { width:100%;height:194px;}
.prod_info { margin:0 auto;}
.prod_info h3 { margin-bottom:30px; font-size:20px; text-align:center; font-weight:normal}
.prod_info img { max-width:100%;height:auto;margin:10px auto;display:block;}

.p_text { font-size:16px; padding:30px 0px 30px; line-height:25px;}
.p_text span { display:inline-block; margin-right:8px; margin-bottom:5px; padding:0 5px; background-color:#19793a; color:#FFF}



.p_content { background-color:#f8f8f8; margin-top:0px;}
.p_hd { border-bottom:2px solid #666; font-size:16px; padding:20px 0;}
.p_hd h3 { margin-left:50px; background:url(images/p_hd.png) no-repeat left center; padding-left:15px; font-size:18px}
.p_hd h3 span { font-size:14px}
.p_xx {margin-left:100px;padding:30px 0; line-height:30px;}
.p_cc {padding:30px 50px; text-align: left; font-size:16px; line-height:30px;}


.media_list li { width:33.33%;}
.media_list li h3 { font-size:15px; line-height:36px;background:#19793a; text-align:center;  color:#FFF; font-weight:normal}


.techlist{ max-width:1280px; margin:0 auto}
.tj-list { max-width:1200px; margin:0 auto}
.techlist a {width:25%; float:left;  border-bottom:3px solid #c9c9c9; overflow:hidden; padding-bottom:30px; padding-top:30px;}
.techlist a:hover, .techlist a.hover { display:block; border-bottom:3px solid #107237}

.tech_t { height:30px;}
.techlist a span { height:112px; width:100%; display:block; position: absolute; top:0; left:0; text-align:center; display:none}
.techlist a:hover span,.techlist .hover span { display: block}


.tj-list dl{ margin-bottom:120px; overflow:hidden}
.tj-list img { width:100%;}
.tj-list dt { float:left}
.tj-list dd { float:left}

.tj1 dt { width:64.24%;}
.tj1 dd { width:35.76%;}

.tj2 dt { width:35.76%;}
.tj2 dd { width:64.24%;}

.wxewm { margin-top:50px; float:right}
.wxewm p {display:none}
.page-prod a:hover { color:#fff;}
.page-prod a:hover dl dd h3{ color:#fff; opacity:1}
.page-prod .dyj_p1 { width:100%; margin-left:-550px;}
.page-prod .dyj_p1 dl{ width:33%; float:left; text-align:center;}



.index_p1 { height:768px;}
.injobbg {background:url(images/index_about_bg.jpg) no-repeat center 342px }
.injoblistbg {background:url(images/bg.jpg) no-repeat  top center;}
.market_bg  {background:url(images/market_bg.jpg) no-repeat  center 342px }

.banner h3{ position:absolute; top:50%; margin-top:-21px; text-align:center; width:100%;text-align:center; font-size:42px;text-transform:uppercase; font-weight:normal; visibility:hidden; color:#FFF}
.locat { text-align:center;padding-top:0px;}
.locat a { display:inline-block;font-size:18px; padding-bottom:6px;}
.locat a:hover,.locat .current_page_item a{ color:#000;}

.locat li { display: inline-block; margin:0 25px; }
.prod-t img { height:34px;}
.prod-t { margin-top:40px;}
.inbanner { overflow: hidden; text-align:center; position:relative;}
.inbanner img { width:100%;}
.jsbox { height:598px;}

.in_cont { max-width: 1200px;margin: 0 auto;position:relative;}

.contact { padding:100px 0; text-align:center}
.contact img { max-width:600px;}
.in_cont .hd { text-align:center; padding-bottom:50px;}
.in_cont .hd h2 { font-size:34px; color:#000;font-family:Arial Black;padding-top:50px; text-transform: uppercase; font-weight:normal}
.in_cont .hd h3 { font-size:22px; font-weight:normal; color:#000}
.in_cont .hd h3 span { display:inline-block; border-bottom:4px solid #333; padding-bottom:5px; letter-spacing:5px;}
.in_cont .hd p {
    margin-top: 25px;
    color: #898989;
    font-size: 16px;
    line-height: 32px;
}

.hd_bd { padding-top:10px;}
.hd_bd h4 { margin-bottom:20px;    font-weight: normal;}
.hd_bd li { line-height:30px;background:url(images/hd-dian.jpg) no-repeat left center; padding-left:20px; }

.hd_sty1 { max-width:470px; margin-left:50px; float:left;}
.hd_ft { margin-top:50px;}
.hd_ft h2 { font-size:24px; margin-bottom:25px; text-align:center; font-weight:normal; color:#333}

.teambox .hd h3 {color:#333333; opacity:0.6}
.in_cont .text { padding: 0px 50px 0 50px; line-height: 32px; font-size:16px; color:#898989; margin:0 auto;}
.in_cont .text p { margin-bottom:25px;}
.about .text {max-width: 994px;padding: 50px 50px 0 50px;line-height: 32px;font-size: 16px;color: #898989;}
.tech .text {max-width: 994px; padding: 50px 15px 0 15px; line-height: 32px; font-size:16px; color:#898989}

.huodong {max-width: 980px;}
.huodong .inbanner { float:left;}
.huodong .text {padding: 0px 15px 0 15px; float: right; max-width:500px;}
.huodong .text h3 { font-size:22px; margin-bottom:50px; font-weight:normal }

.hdline { margin:50px 0 0}
.hdline .title { font-size:24px; text-align:center; margin-bottom:50px;background:url(images/hd-tbg.jpg) no-repeat center center }
.hdline .title span { display: inline-block; background-color:#FFF; padding:0 20px;}
.hdline p{ margin-bottom:25px; font-size:14px; line-height:30px;}
.hdline .inbanner { float:left;}

.xgpro h3{padding: 10px 0;border-bottom: 1px solid #ddd;}
.xgpro li{width:25%;float:left;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xgpro img{display:block;width:90%;height:180px;margin:10px auto;}
.teambox { height:768px;background:url(images/index_about_bg.jpg) no-repeat top center; overflow:hidden}
.inteambox { height:840px;background:url(images/in_team_bg.jpg) no-repeat top center; overflow:hidden}

.imgbd { border:1px solid #f0f0f0}
.hezuo ul{ margin-right:-32px;}
.hezuo li { width:33.33%; float:left;}
.hezuo li img { width:100%;}
.hezuo li a { display:block; border:1px solid #d7d7d7;margin:15px 30px 15px 0;}
.hezuo li a:hover { cursor: default}
.market { min-height:487px; position: relative;}
.ptag { margin-bottom:5px; overflow: hidden}
.ptag li { width:399px; height:225px; float:left; margin-right:1px; margin-bottom:80px; position:relative;}
.ptag a { width:100%; height:100%; display:block;background:url(images/ptag.png) repeat-x center -57px; text-align:center; overflow: hidden}

.ptag a span { display:block; width:72px; height:72px; margin:30px auto 0;}
.ptag a:hover,.ptag .hover {background:url(images/tag_bg.png) no-repeat center bottom;}
.ptag a:hover .icon_1,.ptag .hover .icon_1 {background:url(images/icon_h1.png) no-repeat top center; background-size:100%;}
.ptag a:hover .icon_2,.ptag .hover .icon_2 {background:url(images/icon_h2.png) no-repeat top center; background-size:100%;}
.ptag a:hover .icon_3,.ptag .hover .icon_3 {background:url(images/icon_h3.png) no-repeat top center; background-size:100%;}
.ptag a:hover h2 ,.ptag a:hover h3{ color:#FFF; opacity:1}
.ptag .hover h2 ,.ptag .hover h3{ color:#FFF; opacity:1}

.ptag a h2 { font-size: 20px;font-weight: normal;margin-bottom: 5px;padding-top:15px;}
.ptag a h3 { font-size: 16px;font-weight: normal;color: #333333;opacity: 0.6;}

.sub_tag { width:100%; position:absolute; bottom:-65px; left:0;}
.sub_tag div { float:left; display:inline-block;color: #FFF; width:40%;box-sizing:border-box; font-size:16px; text-align:center;
    background-color: #898989; padding:10px 15px; cursor:pointer; border-radius:0 0 10px 0;}
.sub_tag .segment-1 { float:right; margin-right:10px}
.sub_tag .st_hover {background-color: #fabf00;}

.icon_1 {background:url(images/icon_1.png) no-repeat top center; background-size:100%;}
.icon_2 {background:url(images/icon_2.png) no-repeat top center; background-size:100%;}
.icon_3 {background:url(images/icon_3.png) no-repeat top center; background-size:100%;}

.in_cont .lianxi { max-width:1200px; margin:0 auto; padding:0; overflow:hidden;}
.dizhi { float:left;width:260px; padding-right:30px;height: 310px;margin-left:15px; margin-right:0px; padding-top:75px;background:url(images/dizhi_bg.png) no-repeat top right; line-height:31px; font-size:15px}
.dizhi a:hover { color:#000}
.dz2 {margin-left:20px; margin-right:0px; padding-right:0px; background: none}
.cname { margin-bottom:15px;}
.cname span{ border-bottom:2px solid #dbdbdb; display:inline-block; font-size:17px; color:#333333;}
.dizhi a:hover .cname span { color:#fabf00;border-bottom:2px solid #fabf00;}
.dizhi .hover .cname span { color:#fabf00;border-bottom:2px solid #fabf00;}


.ctel {background:url(images/dz_icon.png) no-repeat 0 8px; padding-left:28px;}
.cfax {background:url(images/dz_icon.png) no-repeat 0 -33px; padding-left:28px;}
.cemail {background:url(images/dz_icon.png) no-repeat 0 -75px; padding-left:28px;}
.address {background:url(images/dz_icon.png) no-repeat 0 -117px; padding-left:28px;}
.gotop { width:45px; height:45px;background:url(images/go_top.png) no-repeat; background-size:100%;position: fixed;right: 15px;bottom: 100px;display: none;z-index: 9999;cursor: pointer;}
.lx_ewm { margin-top:128px; float:left}

.liuyan { width:820px; margin:0 auto;}
.liuyan .hd { text-align:left; padding-bottom:10px;}
.liuyan .hd span { display:inline-block; padding:20px; font-size:14px}
.liuyan .hd h2 { color:#333333; border-bottom:1px solid #c6c6c6; font-size:16px; padding-top:40px; padding-bottom:15px; margin-bottom:15px;}
.liuyan .hd h3 { color:#333333; font-size:14px}
.liuyan .bd {overflow:hidden; display:none}
.liuyan .lyhide { display: block}

.fineus{ width:100%; margin-bottom:30px;}

.fineus img{ width:100%;}


.map { position:relative;}
.zongbu {height:576px; position:absolute; top:0; left:50%; margin-left:-570px;}
.zongbu img { height:100%;}
.zongbu a { color:#FFF}
.zongbu .hd { height:133px; text-align:left; padding-left:30px;}
.zongbu .hd h2 { color:#FFF; padding-top:25px;}
.zongbu .hd h3 { color:#FFF; font-size:18px }
.zongbu .bd {padding-left:30px; font-size:18px; line-height:40px;} 

.bdline {border-bottom: 1px solid #c6c6c6;margin-bottom: 35px; padding-top:20px;}

.icon1 {background:url(images/ly_icon.png) no-repeat 10px 10px;}
.icon2 {background:url(images/ly_icon.png) no-repeat -400px 9px;}
.icon3 {background:url(images/ly_icon.png) no-repeat 10px -50px;}
.icon4 {background:url(images/ly_icon.png) no-repeat -405px -50px;}
.icon5 {background:url(images/ly_icon.png) no-repeat 10px -108px;}
.icon6 {background:url(images/ly_icon.png) no-repeat 10px -168px;}


.mkbox { width:149px; height:198px; position:absolute; text-align:center;}
.mkbox h3 { margin-top:33px; font-weight:normal; font-size:16px; margin-bottom:5px; color:#333}
.mkbox span { display:block; font-size:14px; color:#333; opacity:0.6}
.mkbg1 {background:url(images/mk_1.png) no-repeat top center;}
.mkbg2 {background:url(images/mk_2.png) no-repeat top center;}
.mkbg3 {background:url(images/mk_3.png) no-repeat top center;}

.mkqy1 {top:-117px; right:170px; -webkit-animation-delay: 0.9s;animation-delay: 0.9s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy2 {top:78px; right:134px; -webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy3 {top:171px; right:186px; -webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy4 {top:127px; right:285px; -webkit-animation-delay: 0.6s;animation-delay: 0.6s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy5 {top:128px; right:440px; -webkit-animation-delay: 1.2s;animation-delay: 1.2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy6 {top:172px; right:550px; -webkit-animation-delay: 1.5s;animation-delay: 1.5s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy7 {top:-15px; right:770px; -webkit-animation-delay: 1.8s;animation-delay: 1.8s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mkqy8 {top:48px; right:134px; -webkit-animation-delay: 0.3s;animation-delay: 0.3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}

.mkdouble h3 { margin-top:8px; font-size:15px; margin-bottom:0}
.mkdouble span { font-size:13px;}

.page-caring .market{width:1200px; position:absolute; top:230px; left:-50px; z-index:10}


.job {max-width: 100%;padding-bottom:0}
.job .hd h3 {color:#333333; opacity:0.6}
.job_list .hd h3 {color:#898989; opacity:1}
.job .text { max-width:1100px;padding: 0px 15px 95px 15px; margin:0 auto; color:#333333; position:relative}
.job .text p { margin-bottom:11px; padding-left:20px;background:url(images/job_dot.png) no-repeat 0 12px;}

.send_email {max-width:200px; position:absolute; top:175px; right:50px; padding-top:110px;background:url(images/send_email.png) no-repeat 53px 0; text-align:center; color:#FFF; font-size:21px}
.send_email a { color:#FFF; font-weight:bold} 

.job_list {}
.job_list .hd { max-width:1000px; margin:0 auto; padding:0 15px 45px;background:url(images/job_hdbg.png) no-repeat top center;}
.job_list .hd p { font-size:20px; margin-top:30px;}
.job_list .hd a { color:#fabf00}
.job_list .bd {max-width:1100px; margin:0 auto 100px; position:relative;}


.job_tag { text-align:center}

.event-tab-hd .owl-carousel { padding: 0 30px; width:auto}
.owl-carousel .owl-item { float: left; text-align:center}
.event-tab-hd .item { width:322px; height:50px; line-height:50px; font-size:18px; color:#FFF; background-color:#898989;text-align: center; display:inline-block; cursor:pointer}
.event-tab-hd .item.current  { background-color:#fabf00}




.event-tab-hd .owl-buttons > div {
  font-size: 0px;
  width: 30px;
  height: 50px;
  position: absolute;
  top: 0px;
}
.event-tab-hd .owl-prev {
  background: url(images/"../images/arr_2.png") center center no-repeat;
  left: 0px;
}
.event-tab-hd .owl-prev:hover {
  background: url(images/"../images/arr_2_h.png") center center no-repeat;
}
.event-tab-hd .owl-next {
  background: url(images/"../images/arr_1.png") center center no-repeat;
  right: 0px;
}
.event-tab-hd .owl-next:hover {
  background: url(images/"../images/arr_1_h.png") center center no-repeat;
}

.event-tab-bd-item {
  display: none;
}




.job_info {max-width:940px; margin:0 auto; padding:20px 0 0; font-size:16px;line-height:35px;color:#898989}
.job_info h3 { font-size:18px; margin:30px 0;}
.job_info p,.job_info div { padding-bottom:0px;color:#898989}
.job_list .ft {max-width:1000px;margin:0 auto; text-align:right; position:absolute; bottom:5px; right:46px;}
.job_list .ft a { display:inline-block; width:180px; height:50px; line-height:50px; text-align:center;background-color:#fabf00; color:#FFF; font-size:18px; letter-spacing:1px;}
.job_yq  {background:url(images/job_inbg.jpg) no-repeat top center;color:#fff;padding-bottom:100px;}
.job_provide .bd,.job_donot .bd {max-width:1200px; margin:0 auto;}
.job_donot .bd { text-align:center;}
.job_provide .hd {background: none;}
.job_donot .hd { background:none}
.job_donot .hd h2 { padding-top:80px;}
.job_donot p { font-size:18px; text-align:center; letter-spacing:2px;}
.job_yq .hd h2 {color:#fff}
.job_yq .hd h3 {color:#fff}


body.lightboxActive { height:100%;overflow:hidden;-webkit-overflow-scrolling: touch;}
#lightbox { display:none;
  position: fixed;
  width: 100%;
  background-color: rgba(0,0,0,0.75);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 800;
  opacity: 1;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  overflow-y: scroll;
}

#lightbox .loader {
  background: transparent url(images/"../images/loader-white.gif") no-repeat center center;
  position: absolute; width:100%; height:100%;
  left: 0;
  top: 0;
}

.lightboxContent { max-width:960px; padding:15px; margin: 80px auto;position: relative;line-height:30px; font-size:16px; background-color:#FFF;}
.lightboxContent .news_hd h2 { border-bottom:0;font-size:18px; line-height:40px;}
.lightboxContent .news_time {color:#666;font-size:16px;line-height:40px;margin-bottom:20px;}
.lightboxContent p { margin-bottom:30px;}
.lightboxContent img { max-width:100%; }


.closer {
  position:fixed;
  top:45px;
  left:50%;
  margin-left:350px;
  width: 25px;
  height: 25px; z-index:1000; display:none;background:url(images/close.png) no-repeat; background-size:cover; cursor:pointer;
}

.news_hd { margin-bottom:20px;}
/*
.indexmain{ position:relative; margin-right:-15px;}
.item {list-style:none;float:left;color:#fff;margin-bottom:15px; overflow:hidden}

*/
.indexmain .item{ width:50%;}
.prod_list .item{ width:33.3%;}

.news_list .item { margin-bottom:16px;}
.list-text p{ color:#fff; margin:0; line-height:22px; padding:0px 34px 30px 34px; font-size:14px}
.news_left .text_bug{ padding-bottom:50px;}
.item a:hover .cover {top:0; margin-top:0px;transition: all 0.5s ease-in-out}
.item a:hover .text_box {top:0; margin-top:0px;transition: all 0.5s ease-in-out 0.08s}
.list-pic img {width:100%;}

.more { position:absolute; right:0; bottom:0; text-align:right}
.list-text {width:100%; height:100%;position:absolute; left:0;top:0; color:#fff; overflow:hidden}

.list-text .cover {width:100%; height:100%;background:url(images/cover.png); position:absolute; top:100%; left:0; margin-top:-105px;transition: all 0.5s ease-in-out 0.08s}
.list-text .text_box {width:100%; height:100%; overflow:hidden;position:absolute; top:100%;left:0;margin-top:-123px;transition: all 0.5s ease-in-out}
.list-text h3 { height:54px;line-height:27px; font-size:17px;padding:30px 25px 5px 25px; overflow:hidden; font-weight:normal}
.list-text span { display:block;padding:0px 25px; line-height:30px; font-size:16px;margin-bottom:20px;}
.news_list .item a { display:block; margin-right:16px; overflow:hidden; position:relative;}

.in_cont .news_list { padding-bottom:1px; overflow:hidden}
.team_list { position:relative}
.team_list .team1 { position:absolute; top:0 ; left:0;}
.team_list .team1 span{ display: none; position:absolute; top:0; left:0;}


.search_box { width:100%; height:47px;  position: absolute; top:0px; left:0; z-index:9999; display:none; background-color:#3e3a39}
.search_box .hd1 {padding:10px 40px;box-sizing:border-box; margin:0 auto;}
.search_box .close_s { float:right; margin-right:0px;}
.close_s img { width:15px;}
.search_box a { float:left;}
.s_tag { width:1200px; margin:50px auto; text-align:center; display: none} 
.serch_left { transform:translateX(820px); width:200px; overflow:hidden; float:left; transition:all linear 0.2s}
.searchstr{ width:300px; height:20px; font-size:16px; padding:3px; border:0; float:left; margin-left:0px; background-color:transparent; margin-top:0px;transition:all linear 0.6s; color: #FFF}
.serch_active {transform:translateX(0px);width:700px;}


.search_box .button {
    width: 25px;
    height: 25px;
    background: url(images/search.png) no-repeat center center;
    border: 0;
    cursor: pointer;float: left;
    display: inline;
    text-indent: -4000px;
}
.job_provide li { display:inline-block; font-size:16px}
.job_icon1 span{ display:inline-block; width:100px; height:98px;background:url(images/job_icon-01.png) no-repeat 0 0;}
.job_icon2 span { display:inline-block; width:100px; height:98px;background:url(images/job_icon-01.png) no-repeat -136px 0; margin-left:17px; }
.job_icon3 span { display:inline-block; width:100px; height:98px;background:url(images/job_icon-01.png) no-repeat -273px 0;}
.job_icon4 span { display:inline-block; width:100px; height:98px;background:url(images/job_icon-01.png) no-repeat -410px 0; margin-left:32px; }
.job_icon5 span { display:inline-block; width:100px; height:98px;background:url(images/job_icon-01.png) no-repeat -553px 0;}
.job_icon6 span{ display:inline-block; width:100px; height:98px;background:url(images/job_icon-01.png) no-repeat -689px 0;}
.job_icon7 span{ display:inline-block; width:100px; height:98px;background:url(images/job_icon-01.png) no-repeat -827px 0;}
.job_icon8 span { display:inline-block; width:100px; height:98px;background:url(images/job_icon-01.png) no-repeat -963px 0;}
.job_icon9 span { display:inline-block; width:100px; height:98px;background:url(images/job_icon-01.png) no-repeat -1095px 0;margin-left:20px;}

.job_icon1 { margin-left:5px; margin-right:13px;}
.job_icon2 {margin-right:25px;}
.job_icon2 div{ text-indent:10px;}

.job_icon3 { margin-right:0px; }
.job_icon3 div{ text-indent:0px;}
.job_icon4 { margin-right:20px;}
.job_icon4 div{ text-indent:0px;}

.job_icon5 { margin-right:25px;}
.job_icon5 div{ text-indent:10px;}

.job_icon6 { margin-right:25px;}
.job_icon6 div{ text-indent:10px;}

.job_icon7 { margin-right:25px;}
.job_icon7 div{ text-indent:10px;}
.job_icon8 {margin-right:10px;}
.job_icon8 div{ text-indent:10px;}
.job_icon9 div{ text-indent:7px;}


.job_donot li { display:inline-block; font-size:16px}

.job2_icon1 span{ display:inline-block; width:100px; height:98px;background:url(images/job_icon-02.png) no-repeat 0 0;margin-left:15px;}
.job2_icon2 span { display:inline-block; width:100px; height:98px;background:url(images/job_icon-02.png) no-repeat -136px 0; margin-left:17px; }
.job2_icon3 span { display:inline-block; width:100px; height:98px;background:url(images/job_icon-02.png) no-repeat -273px 0;margin-left:5px; }
.job2_icon4 span { display:inline-block; width:100px; height:98px;background:url(images/job_icon-02.png) no-repeat -410px 0; margin-left:20px; }
.job2_icon5 span { display:inline-block; width:100px; height:98px;background:url(images/job_icon-02.png) no-repeat -553px 0;margin-left:15px; }

.job2_icon1 { margin-left:0px; margin-right:23px;}
.job2_icon2 {margin-right:58px;}
.job2_icon2 div{ text-indent:10px;}

.job2_icon3 { margin-right:60px; }
.job2_icon3 div{ text-indent:0px;}
.job2_icon4 { margin-right:70px;}
.job2_icon4 div{ text-indent:6px;}
.job2_icon5 { margin-right:20px;}
.job2_icon5 div{ text-indent:10px;}



.banner-h1 { color:#333; font-size:46px; font-weight:normal; margin-right:46.8%; width:680px;margin-top:-140px; letter-spacing:3px;}
.banner-h3 { color:#333; font-size:36px; font-weight:normal; margin-right:47%; width:680px;margin-top:-40px;}
.banner-h3 b{ display:inline-block; padding:5px 10px; background-color:#fabe00; color:#FFF}

.slide02 .banner-h1 { color:#FFF;margin-right:44%; text-align:left}

.slide03 .banner-h1 {/* color:#FFF;*/margin-right:0%;width:100%;margin-bottom:50px;}
.slide03 .banner-h3 { width:100%;margin-top:40px;margin-right:0;}
.slide03 .banner-h3 b{ display:inline-block; padding:12px 25px; background-color:#fabe00; color:#FFF; font-size:16px; font-weight:normal}
.slide03 p { text-align: left; color:#FFF}


.slide04 .banner-h1 { width:100%; color:#3e3a39;margin-right:0; text-align: center;}
.slide04 .banner-h3 { width:100%;color:#3e3a39;margin-right:0; text-align: center;}

.slide01 { z-index:10;}
.slide02 { z-index:1;}
.slide03 { z-index:1;}
.slide04 { z-index:1;}

.list-pic { position:relative;}
.list-pic img{ margin-top:0px;}


.slideBox .prev,.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }


.p_lb { position:absolute; top:0; left:0; width:100%; text-align:center; display:none}
.p_lb span { display:inline-block; background: url(images/big_bg.png); color:#FFF; padding:0 15px; line-height:30px;}

table {
    border-collapse: collapse;
    border-spacing: 0;border-radius:15px; overflow:hidden; margin-bottom:30px;
}
table td,table th  {
    position: relative;
	padding:0 5px;
}
table th { background-color:#d3d3d5; text-align:center; font-weight:bold}
.prod_info td p,.prod_info th p { margin:0;}

.pinfo p { margin-bottom:80px; text-align:center}
.pinfo p img { width:1000px;}
.info_img { float:left; margin:0 43px 25px 0}
.info_img img { width:450px;}
.tech dl { width:33.3%; float:left; padding:0 10px; box-sizing:border-box;}
.tech dt { text-align:center;}
.tech dd h2{ text-align:center; font-size:20px;font-weight: normal; margin-bottom:5px;}
.teambox .text { color:#333; padding-top:30px; overflow:hidden}


.game_pic_tab{width:1050px;margin:0px auto 0 auto;position:relative;}
.inteam {width:1050px;margin:0px auto 0 auto;height:500px;position:relative;overflow:hidden;}

.game_pic{position:relative;width:350px;}
.game_pic .team_st{ width:700px; margin-top:40px; opacity:0;margin-left:-350px; position:absolute; top:266px; left:50%; text-align:center; transition:all 0.5s linear}
.game_pic .team_st h2 { color:#333; font-size:32px; font-weight:normal}
.game_pic .team_st h3 {color:#333; opacity: 0.6; font-size:22px; font-weight:normal}
.game_pic .team_st p { background:none; font-size:16px; line-height:30px;color:#333;}

.game_pic_tab .active{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.game_pic_tab .active .team_st {-webkit-animation:right2left 0.5s ease-in-out 0.2s forwards;}
.game_pic_icon{overflow:hidden;display:block;width:60px;height:63px;position:absolute;text-indent:9999em;top:0px;z-index:9999}
.game_pic_icon_l{left:-70px;background:url(images/arr_2_hei.png) no-repeat left center;z-index:4;width:420px; height:266px;}
.game_pic_icon_l:hover {background:url(images/arr_2_th.png) no-repeat left center;}

.game_pic_icon_r{left:700px;background:url(images/arr_1_hei.png) no-repeat right center;z-index:4; width:420px; height:266px;}
.game_pic_icon_r:hover {background:url(images/arr_1_th.png) no-repeat right center;}

.prev_l,.next_r{top:0px;width:350px;height:266px;background:url(images/cover.png) repeat 0 0;z-index:3;position:absolute;}
.prev_l{left:0}
.next_r{right:0}

.teambox .hd_mid { padding-top:60px; line-height:26px}
.hd_mid li { margin-bottom:30px; font-size:14px}
.hd_mid li span { font-size:22px;}
.wenti { font-weight:bold}
.icon_ft {background:url(images/icon_ft.png) no-repeat 0 0; background-size:20px; padding-left:30px; font-size:12px; padding-bottom:20px;}

.gc-1a { float:left; width:50%}
	.gc-1a .pcimg { display:block; }
	.gc-1a .mimg { display:none; }

.gc-1b { float:left; width:50%}

.mteam { display:none;}

/*news*/
.news {
    margin: 0 auto;
    padding: 0px 15px;
    overflow: hidden;
}
.news_list {padding:0 0px}

.news_list .bd {}
.news_list dl {margin-bottom:10px; border-bottom:1px dashed #CCC; padding:15px;}
.news_list dt {width:100%;position: relative; overflow:hidden; color:#666}
.news_list a { display:block;}
.news_list dd h3{ height:23px; line-height:23px;font-size:20px;font-weight:normal;overflow:hidden; margin-bottom:5px;}
.news_list dd p { font-size:14px;color:#000;}
.news_list a:hover {color:#000}
.more span { display:inline-block; border:1px solid #CCC; padding:3px 20px}
.newsinfo { max-width:800px; min-height:360px; margin:0 auto;padding:0px 15px;}
.newsinfo h2,.newsinfo h1{ font-size:22px; text-align:center; border-bottom:1px dashed #CCCCCC; padding-bottom:10px; font-weight:normal; margin-bottom:6px;}
.news_time { color:#19793b; display:inline-block}
.news_link { float:right}
.jianjie { line-height:25px; overflow:hidden; color:#999;margin:10px 0; }


.icon_lx  { max-width:600px; margin:0 auto;  text-align:center;font-size: 20px; text-align:left}
.icon_lx li {  line-height:40px; padding-left:55px; margin-bottom:25px;}
.icon_lx_tel {background: url(images/icon_lx_tel.png) no-repeat 0 0; background-size:40px;}
.icon_lx_fax {background: url(images/icon_lx_fax.png) no-repeat 0 0; background-size:40px; }
.icon_lx_mail {background: url(images/icon_lx_mail.png) no-repeat 0 0; background-size:40px; }
.icon_lx_add {background: url(images/icon_lx_add.png) no-repeat 0 0; background-size:40px; }
.icon_lx li b { color:#333}

.about { width:1200px; margin:0 auto; padding:50px 0; line-height:26px;}
.about_left { width:570px; float:left}
.about_right { width:570px; float: right}
.about p { margin-bottom:20px;}

.about .about_zl {overflow:hidden; font-size:18px; padding:3px; margin-bottom:20px;}
.about .bg_white { width:30px; float:left;  height:30px; line-height:30px; color: #333; background-color:#FFF; border:3px solid #197738; text-align:center}
.about .bg_green { height:36px; line-height:36px; display: inline-block; float:left; color:#fff; background-color:#197738;padding-right:30px; padding-left:5px; border-radius: 0 50px 0 0}

.product { width:1200px; margin:0 auto; padding:50px 0; line-height:26px;}
.pindex { margin-right:-30px; padding:50px 0; overflow:hidden}
.pindex .listbox {float:left; width:408px;}
.pindex dl { margin-right:30px;border:1px solid #CCC;padding:5px;}
.pindex dl a {}
.pindex p { line-height:22px; padding:10px 0}
.pindex dd img{ width:100%;}


#dcms_pager .pages {PADDING: 3px;MARGIN: 3px;TEXT-ALIGN: center;}
#dcms_pager .pages a { BORDER: #eee 1px solid; display:inline-block;PADDING: 2px 5px; MARGIN: 2px;TEXT-DECORATION: none; line-height: normal}
#dcms_pager .pages a:hover {BORDER: #1b7037 1px solid;COLOR: #FFF;BACKGROUND-COLOR: #1b7037;}
#dcms_pager .pages .pgEmpty {BORDER: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid;}
#dcms_pager .pages .current {BORDER: #1b7037 1px solid; FONT-WEIGHT: bold; PADDING: 2px 5px; MARGIN: 2px; COLOR: #fff;BACKGROUND-COLOR: #1b7037;}


.stock { padding-top:50px;}
#tab_container1{ width:1188px;text-align:left; padding-top:0px; clear:both; border:#C2C2C2 solid 1px;}
.cls_tab_nav{
	overflow:hidden;
	font-size:12px;
	text-align:left;
}
.cls_tab_nav ul{}
.cls_tab_nav_li{
	width:107px;
	height:37px;
	line-height:37px;
	float:left;
	display:inline;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	background:#fff;
	border-right:#C2C2C2 solid 1px;
	border-bottom:#C2C2C2 solid 1px;
}
.cls_tab_nav_li_first{background-position:0px 0px; color:#0f7333; font-weight:bold;}
.cls_tab_nav_li a{text-decoration:none; color:#666;font-weight:bold; font-size:14px}
.cls_tab_body{border-top:none;min-height:460px; padding-top:5px; overflow:hidden}
.cls_div{display:none;}
.cls_div ul { margin-bottom:20px; overflow: hidden}
.cls_div h1 { font-size:24px; font-weight:normal; line-height:50px; color:#017F40}
.cls_div p { color:#666; font-size:14px}

.producttext{ float:left; width:700px; height:300px; border-bottom:#CCCCCC dotted 1px; padding:10px 0px;}
.producttext000{ float:left; width:915px; height:130px; border-bottom:#CCCCCC dotted 1px; padding:10px 0px; padding-left:15px;}

.index_box1 { margin-top:-9.5%; z-index:1}
.index_about { position:absolute; top:22%; left:7%; width:84.375%;}

.index_box2 { margin-top:-13%; z-index:0}
.index_tech { position:absolute; top:12%;right:10%; width:25.5729%;}

.index_box3 { margin-top:-110px; z-index:1}
.index_wenhua { position:absolute; top:23%;left:8%; width:21.4062%;}
.niu-1 { position:absolute; top:10%;right:21%; width:31.8229%;}
.niu-2 { position:absolute; top:5%;right:-3%; width:34.1154%;}
.niu-3 { position:absolute; top:45%;right:25%; width:32.3229%;}
.niu-4 { position:absolute; top:46%;right:0%; width:33.0229%;}

.index_box4 { margin-top:-128px; z-index:0; overflow:hidden}
.index_prod_text {position:absolute;bottom:15%;right:4%; width:45.625%;}
.prod_zuo { width:50%; float:left}
.prod_zuo_in { margin-right:-3px;}
.prod_zuo .prod_img { width:33.33%; float:left; position: relative;}
.prod_zuo .prod_img3 {width:33.34%;}
.prod_zuo .prod_img span { position:absolute; top:0; left:0; display:none;}
.prod_zuo .prod_img a:hover span { display: block;}
.prod_you { width:50%; float:left; position:relative}

.index_box5 { margin-top:-110px; z-index:1;}
.index_kehu{ position:absolute; top:12.8%;right:0%; width:77.8125%;}
.index_kehu_text {position:absolute; top:11%;left:6.5%; width:27.0833%;}
.index_box6 { margin-top:-90px;}


.index_liuyan { width:1060px; height:420px;background-color: rgba(232,233,235,0.9); position:absolute; top:53%; left:50%; margin:-200px 0 0 -530px; z-index:100}
.index_liuyan .hd { max-width:680px; margin:40px auto 20px; font-size:24px; color:#000; text-transform:uppercase; line-height:30px; }
.index_liuyan .bd { max-width:680px; margin:0 auto; }
.index_liuyan .fd { max-width:680px; margin:30px auto; }

.ipbox{ width:100%;color:#333;font-size:16px; margin-bottom:15px; line-height:35px;box-sizing: border-box}
.iptext { border:0; width:250px; height:25px; line-height:25px; padding:3px; background-color:transparent; border:1px solid #4f4f50; border-radius:3px;}

.textarea { width:100%; height:60px;background-color:transparent;border:1px solid #4f4f50; border-radius:3px;}
.botton { padding:0px 35px; height:32px; line-height:30px; text-align:center;border:0;color:#fff; background-color:#19793a; cursor:pointer; font-size:14px}
.UserName { margin-right:30px;}

.huanjing_list li{width:24%;float:left;margin-right:1.33333333333333333%;box-sizing:border-box;text-align:center;}
.huanjing_list li:nth-child(4n){margin-right:0;}
.huanjing_list img{display:block;width:100%;height:180px;}
.huanjing_list .ptitle{display:block;padding:10px 0;}




.in_liuyan { overflow:hidden; padding:0 115px;background: url(images/ly_bg.jpg) no-repeat top center; background-size: contain; margin:0 30px; }
.ly_hd { margin:30px auto 10px; font-size:18px; color:#000; text-transform:uppercase; line-height:30px; }
.in_liuyan .ipbox { margin-bottom:10px;}
.in_liuyan .iptext { width:220px;}


.header { width:100%; height:115px;background: url(images/top.png) no-repeat top center;}
.hd_top { width:100%; border-bottom:1px solid #fff; overflow: hidden}
.top_bd { max-width:1200px; margin:0 auto; color:#fff;padding-right:15px; box-sizing:border-box;}

.top_bd span { float:left; line-height:30px; display:block;}
.top_bd .lang { float:right;line-height:30px;}
.top_bd .lang a{ color: #FFF }
.top_bd .icon_search  { margin-left:10px; float:right}
.zimg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.joinindex h2 { font-size:24px; color:#017F40; text-transform:uppercase; letter-spacing:0;}

.joinindex .pindex .listbox { width:50%; margin-bottom:15px;}
.joinindex .pindex p {  font-size:13px; height:44px;}

.rightpagestock { text-align:right}
.rightpagestock li a { float:left;background: url(images/p_nav.png) no-repeat left center;} 
.rightpagestock li a:hover { background: url(images/p_nav_h.png) no-repeat left center;} 
.rightpagestock .newlibgstock,.rightpagestock .newlibg {
    width: 100%;
    height: 37px;
	line-height:37px;
	overflow:hidden;
	border-bottom:1px dashed #999999;
    text-indent: 15px;
}
.stock_name {background: url(images/p_nav.png) no-repeat left center; width:200px; float:left}
.rightpagestock .stocksina { text-align:left}
.stock_hd { margin-bottom:20px;}
@-webkit-keyframes right2left{
    0% { opacity:0;-webkit-transform: translateX(100px);}
    100%{ opacity:1;-webkit-transform: translateX(0);}
}


@media (max-width: 1680px) {

}

@media (max-width: 1440px) {
	.banner-h1 {  font-size:40px; width:600px;margin-top:-100px;}
	.banner-h3 {font-size:24px;width:600px;margin-top:-20px;}
}
@media (max-width: 768px) {

}


