@charset "utf-8";
/* CSS Document */

/*默认样式重置  黑体：SimHei  宋体：SimSun  微软雅黑：Microsoft YaHei*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#656565; font-size:12px; font-family:Microsoft YaHei;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#656565; text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
i,b,em{font-style:normal;}


/*常用样式提取*/
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.clear{clear:both; height:0; font-size:0; line-height:0; display:block; visibility: hidden;}
.w1200{margin:0 auto; width:1200px; position:relative;}
.fl{float:left;}
.fr{float:right;}
.center{text-align:center;}



/*index*/
.header{background:#fff; position:relative; height:115px; *z-index:2;}
.header .w1200{*z-index:3;}
#logo{float:left; width:180px; height:115px;}
.header-info{position:absolute; right:22px; top:23px;}
.header-info p span{padding:0 20px 0 10px;}
.header-info p span i{font-family:arial; font-size:18px; color:#af0100;}
.nav{float:right; margin-top:58px;}
.nav ul li{float:left; margin-left:40px; position:relative; z-index:9999;}
.nav ul li>a{display:block; font-size:16px; color:#2d2d2d; text-align:center; height:57px;}
.nav ul li>a span{display:block; margin-top:5px; font-size:8px; -webkit-transform:scale(0.67); -o-transform:scale(0.67); font-family:arial;}
.nav ul li>a:hover{color:#af0100;}
.header .black{background:#000; height:40px; position:absolute; bottom:-40px; width:100%; z-index:2; display:none;}
.nav ul li .sub-nav{position:absolute; height:40px; line-height:40px; bottom:-40px; left:0; display:none; width:500px; background:url(../images/sj1.jpg) no-repeat center top; *z-index:99999;}
.nav ul li .sub-nav a{color:#fff; font-family:SimSun; padding:0 15px; float:left;}
.nav ul li .sub-nav a:hover{color:#E44342;}
.banner{position:relative;}
.banner .bd li img{max-width:100%;  visibility:hidden; display:block; margin:0 auto;}
.banner .hd{position:absolute; width:100%; height:5px; font-size:0; line-height:0; left:0; bottom:30px; text-align:center;} 
.banner .hd li{display:inline-block; *display:inline; *zoom:1; width:58px; height:5px; background:#fff; cursor:pointer; margin-right:10px;}
.banner .hd li.on{background:#f70100;}
.index-title{text-align:center; margin-bottom:70px;}
.index-title h2{color:#af0100; font-size:30px; font-weight:bold; margin-bottom:20px;}
.index-title p{color:#4e4e4e; margin-bottom:10px;}
.index-title .more{width:167px; padding-top:10px; display:block; margin:0 auto; font-family:arial; color:#af0100; border-top:1px solid #af0100;}
.news-wrap{padding:110px 0 150px;}
.news-bg{height:418px; background:url(../images/news-bg.jpg) no-repeat center top;}
.news-bg .news-tab{position:relative; top:-19px; text-align:center;}
.news-bg .news-tab a{display:inline-block; *display:inline; *zoom:1; width:128px; height:36px; line-height:36px; text-align:center; color:#af0100; font-size:14px; border:1px solid #cfcfcf; margin-right:10px; background:#fff;}
.news-bg .news-tab a.cur{background:#af0100; border-color:#af0100; color:#fff;}
.news-con{width:1042px; margin:80px auto 0; overflow:hidden; display:none;}
.news-con ul{overflow:hidden; width:1100px;}
.news-con ul li{float:left; background:#fff; padding:41px 36px; overflow:hidden; width:423px; height:113px; margin-right:50px;}
.news-con ul li .img{width:170px; height:113px; float:left;}
.news-con ul li .img img{width:100%; height:100%;}
.news-con ul li .text{float:right; width:238px;}
.news-con ul li .text i{display:block; color:#828282;}
.news-con ul li .text b{display:block; font-size:14px; color:#373737; padding:15px 0;}
.news-con ul li .text span{line-height:2; color:#939393;}
.product-wrap{padding-bottom:108px;}
.pro-box{overflow:hidden;}
.pro-box ul{overflow:hidden; width:1300px;}
.pro-box ul li{float:left; width:275px; height:342px;  margin-right:30px;}
.about-wrap{height:650px; background:url(../images/about_bg.jpg) no-repeat center top; padding-top:90px;}
.about-box{width:1054px; margin:0 auto;}
.video-box{width:475px; height:341px;}
.about-text{width:522px;}
.about-text h3{font-size:24px; color:#1d1d1d; padding:10px 0 18px; border-bottom:6px solid #abaab0; margin-bottom:50px;}
.about-text p{line-height:2; color:#535353;}
/*.about-text p span{color:#af0100;}*/
.about-text .more{width:100px; height:27px; display:block; border:2px solid #999999; color:#525252; margin-top:50px; text-align:center; line-height:27px; background:#fff;}
.about-text .more:hover{background:#af0100; color:#fff; border-color:#af0100;}
.footer{text-align:center; padding:60px 0 75px;}
.footer h2{color:#af0100; font-size:30px; font-weight:bold; margin-bottom:30px;}
.footer .location{color:#828282;}
.footer .lxfs{margin:110px auto 30px; width:328px; height:56px; line-height:56px; border:1px solid #af0100; color:#252525; position:relative;}
.footer .lxfs p{color:#5e5e5e;}
.footer .lxfs span{position:absolute; font-size:36px; color:#af0100; width:252px; font-family:arial; background:#fff; top:-20px; left:50%; margin-left:-126px; line-height:36px;}
.f-nav{overflow:hidden; display:inline-block; *display:inline; *zoom:1; margin-bottom:18px;} 
.f-nav a{float:left; color:#464646; padding:0 8px; border-right:1px solid #747474; line-height:12px; position:relative; right:-1px;}
.menu-btn{display:none;}
.ab-text{overflow:hidden}
.ab-text div dl{display:inline-block;text-align:center;margin:0 50px;}

/*新闻中心*/
.sub_banner{background:url(../images/sub_banner.jpg) no-repeat center top;}
.sub_banner img{display:block; margin:0 auto; max-width:100%; visibility:hidden;}
.sub_tab_nav{text-align:center; background:#f7ebeb; padding:18px 0;}
.sub_tab_nav a{font-size:18px; color:#000; padding:5px 25px 13px; text-align:center; display:inline-block; *display:inline; *zoom:1; position:relative;}
.sub_tab_nav a span{display:block; position:absolute; bottom:0; left:50%; margin-left:-20px; width:40px; height:2px; font-size:0; line-height:0; background:#af0100; visibility:hidden;}
.sub_tab_nav a:hover,.sub_tab_nav a.cur{color:#af0100;}
.sub_tab_nav a:hover span,.sub_tab_nav a.cur span{visibility:visible;}
.sub-footer{background:#1b1f27;}
.sub-footer h2{color:#5e5e5e;}
.sub-footer .lxfs{border-color:#5e5e5e;}
.sub-footer .lxfs span{color:#5e5e5e; background:#1b1f27;}
.news-list-wrap{padding:80px 0; overflow:hidden;}
.news-list-box{width:1300px; position:relative;}
.news-list-box dl{width:262px; float:left; margin:0 50px 50px 0;}
.news-list-box dl dt{width:100%; position:relative;}
.news-list-box dl dt img{width:100%; display:block;}
.news-list-box dl dt span{background:#000 url(../images/news_li_h.png) no-repeat center; position:absolute; top:0; left:0; width:100%; height:100%;  -moz-opacity:0.7; -ms-opacity:0.7; -o-opacity:0.7; -webkit-opacity:0.7; opacity:0.7;filter:alpha(opacity=70); display:none;}
.news-list-box dl dd h2{font-size:16px; color:#3f3f3f; font-weight:bold; padding:15px 0 5px;}
.news-list-box dl dd .time{color:#3f3f3f; padding-bottom:15px; display:block;}
.news-list-box dl dd p{line-height:1.8; color:#767676;}
.news-list-box dl:hover dt span{display:block;}
.news-list-box dl:hover dd h2{color:#af0100;}
.page-box{text-align:center; margin-bottom:60px;}
.page-box a{display:inline-block; *display:inline; *zoom:1; width:30px; height:30px; text-align:center; line-height:30px; color:#252525; font-size:14px; border:1px solid #5e5e5e; border-radius:5px;}
.page-box a:hover,.page-box a.cur{color:#fff; background:#5e5e5e;}
.mask{width:100%; height:100%; position:fixed; top:0; left:0; background:#353535; z-index:999998; display:none; overflow:hidden;}
.popup-box{position:absolute; width:1200px; margin-left:-600px; left:50%;  top:120px; z-index:999999; display:none;}
.popup-details{width:1030px; background:#fff; padding:40px;}
.news-details .img{text-align:center; margin-bottom:40px;}
.news-details .img img{max-width:100%;}
.popup-box .close{width:61px; height:61px; position:absolute; right:0; top:-18px; background:url(../images/close.png) no-repeat; overflow:hidden; line-height:100;}
.popup-box .prev{width:50px; height:89px; background:url(../images/left_btn.jpg) no-repeat; position:absolute; top:82px; right:0; overflow:hidden; line-height:100;}
.popup-box .next{width:50px; height:89px; background:url(../images/right_btn.jpg) no-repeat; position:absolute; top:173px; right:0; overflow:hidden; line-height:100;}
.product-box{overflow:hidden; padding:80px 0;}
.product-box ul{width:1300px; overflow:hidden;}
.product-box ul li{float:left; width:275px; height:342px; border:1px solid #d1d1d1; margin:0 30px 30px 0; position:relative;}
.product-box ul li img{width:100%; height:85%; display:block;}
.product-box ul li p{position:absolute; bottom:0; left:0; width:100%; height:60px;  background:#fff; display:block;}
.product-box ul li p b{width:90%; margin:10px auto 0; color:#af0100; font-size:16px; display:block; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.product-box ul li p span{display:block; color:#a0a0a0; width:90%; margin:0 auto; overflow:hidden; white-space:nowrap;text-overflow: ellipsis; padding-bottom:10px;}
.pro-info .img{float:left; margin-right:40px; width:422px;}
.pro-info .img img{width:100%;}
.pro-info .info h3{color:#3e3e3e; font-size:16px; font-family:SimSum; font-weight:bold; margin-bottom:35px;}
.pro-info .info h3 span{display:block; color:#e20000; font-size:14px; font-family:Microsoft YaHei; font-weight:normal; margin-top:3px;}
.pro-info .info p{margin-bottom:20px; font-size:14px;}
.pro-info .info p b{font-size:14px; font-family:SimSum; font-weight:bold; color:#323232; margin-bottom:20px;}
.buy{display:inline-block; *display:inline; *zoom:1; width:180px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:#c40000;}
.pro-text{padding:70px 0;}
.pro-text h3{border-bottom:1px solid #dfdfdf; margin-bottom:40px;}
.pro-text h3 span{width:76px; height:38px; line-height:38px; padding-left:27px; border-bottom:1px solid #c40000; display:block; background:url(../images/ico1.jpg) no-repeat 0 center; color:#c40000; font-size:18px; font-weight:bold;}
.pro-text img{max-width:100%;}
.sales-wrap{height:742px; background:url(../images/sales_bg.jpg) no-repeat center top; margin:80px auto;}
.sales-info{font-size:14px; color:#fff; padding:75px 0 0 60px;}
.sales-info h2{font-size:24px; margin-bottom:30px;}
.sales-info p{line-height:2;}
.earth{width:580px; height:580px; position:absolute; top:82px; right:100px;}



/*关于我们*/
.sub-about-wrap{padding:80px 0;}
.sub-about-wrap .top-img img{max-width:100%;}
.ab-text{padding:60px 0 80px;}
.ab-text h2{text-align:center; border-bottom:1px solid #e2e2e2; margin-bottom:30px;}
.ab-text h2 span{font-size:24px; color:#373737; width:280px; display:block; margin:0 auto; border-bottom:1px solid #af0100; padding-bottom:15px;}
.ab-text p{line-height:2; color:#626262; font-size:14px;}
.purpose{overflow:hidden;}
.purpose dl{float:left; padding:0 75px; border-right:1px solid #e2e2e2; width:299px;}
.purpose dl dd{line-height:2; color:#7a7a7a; font-size:14px; margin-top:15px;}
.purpose dl.p1{padding-left:0;}
.purpose dl.p3{padding-right:0; border:none;}


/*联系我们*/
.contact-wrap{padding:80px 0 40px;}
.contact-info{overflow:hidden;}
.contact-info-box{width:1400px; overflow:hidden; margin-bottom:100px;}
.contact-info dl{width:333px; margin-right:100px; float:left; text-align:center;}
.contact-info dl dt{margin-bottom:50px;}
.contact-info dl dd h3{color:#343434; font-size:18px; margin-bottom:15px;}
.contact-info dl dd p{line-height:2; font-size:14px;}
.contact-info dl .erweima{background:#fff; width:140px; margin:0 auto; background:#f1f1f1; padding:10px 0 5px; position:relative;}
.contact-info dl .erweima span{display:block; margin-top:10px;}
.contact-info dl .erweima i{position:absolute; top:-6px; left:50%; margin-left:-7px; width:13px; height:7px;}


/*招聘*/
.recruit-wrap{padding:0 0 65px; overflow:hidden; background:url(../images/recruit_bg.jpg) no-repeat center; margin:80px auto 40px; background-size:auto 100%;}
.recruit-wrap dl{float:left; width:560px; cursor:pointer; margin-top:60px; overflow:hidden;}
.recruit-wrap dl dt{float:right; margin-left:20px; background:url(../images/jp-img1.jpg) no-repeat; background-size:100% 100%; width:117px; height:117px;}
.recruit-wrap dl dd{text-align:right;height:11em;overflow:hidden}
.recruit-wrap dl dd h3{font-size:24px; color:#3a3a3a; padding-bottom:15px;}
.recruit-wrap dl dd p{line-height:1.7; font-size:14px !important; color:#717171;}
.recruit-wrap dl dd p span{font-size:14px !important;}
.recruit-wrap dl:hover dt{ background:url(../images/jp-img2.jpg) no-repeat;}
.recruit-wrap dl:hover dd h3{color:#af0100;}
.recruit-wrap dl.even{float:right;}
.recruit-wrap dl.even dt{float:left; margin:0 20px 0 0;}
.recruit-wrap dl.even dd{text-align:left;}
.page-box2{text-align:center; clear:both; padding-top:40px;}
.page-box2 a{display:inline-block; *display:inline; *zoom:1; width:38px; height:38px; line-height:38px; text-align:center; color:#000; border:1px solid #000; margin:0 38px; font-size:18px; font-family:SimSum; font-weight:bold;}
.page-box2 a:hover{color:#af0100; border-color:#af0100;}
.recruit-details p{font-size:14px; color:#4d4d4d;}



/*投资者*/
.investor-wrap{padding-top:80px;}
.investor-wrap .inv-left{width:270px; float:left; border-top:1px solid #dedede; margin-right:50px;}
.inv-left ul li a{padding:20px 40px; color:#5c5c5c; font-size:16px; border:1px solid #dedede; border-top:none; background:#f7f7f7 url(../images/jt1.png) no-repeat 88% center; display:block;}
.inv-left ul li a:hover,.inv-left ul li a.cur{background:#af0100 url(../images/jt2.png) no-repeat 88% center; color:#fff;}
.inv-right{float:right; width:870px;}
.inv-top-text{margin-bottom:50px;}
.inv-top-text h2{font-size:24px; color:#1c1c1c; padding-bottom:20px; border-bottom:1px solid #d5d5d5; margin-bottom:30px;}
.inv-top-text p{color:#797979; line-height:2;}
.inv-list dl{overflow:hidden; margin-bottom:60px;}
.inv-list dl a{display:block; overflow:hidden;}
.inv-list dl dt{float:left; margin-right:18px; width:248px; height:134px;}
.inv-list dl dt img{width:100%; display:block;}
.inv-list dl dd h3{color:#434343; font-size:14px; font-weight:bold; padding:15px 0 10px;}
.inv-list dl dd p{color:#797979; font-family:SimSum; line-height:1.8;}
.inv-text-box{padding-bottom:80px; text-align:center;}
.inv-text-box img{max-width:100%;}

.popup-boxpro{position:absolute; width:1200px; margin-left:-600px; left:50%;  top:120px; z-index:999999; display:none;}
.product-details .img{text-align:center; margin-bottom:40px;}
.product-details .img img{max-width:100%;}
.popup-boxpro .close{width:61px; height:61px; position:absolute; right:0; top:-18px; background:url(../images/close.png) no-repeat; overflow:hidden; line-height:100;}
.popup-boxpro .prev{width:50px; height:89px; background:url(../images/left_btn.jpg) no-repeat; position:absolute; top:82px; right:0; overflow:hidden; line-height:100;}
.popup-boxpro .next{width:50px; height:89px; background:url(../images/right_btn.jpg) no-repeat; position:absolute; top:173px; right:0; overflow:hidden; line-height:100;}

@media screen and (max-width:1200px){
	body{min-width:320px;}
	.header{height:auto;}
	.w1200{width:100%;}
	#logo{float:none; display:block;}
	.nav{float:none; margin:0; background:#1b1f28; display:none;}
	.menu-btn{display:block;}
	.header-info{right:20px;}
	.banner .hd{bottom:3%;}
	.nav ul li{float:none; width:100%; margin:0;}
	.nav ul li>a{text-align:left; color:#fff; padding-left:10px; height:auto; line-height:40px; border-bottom:1px solid #000;}
	.banner .bd li{height:auto; background-size:160% auto !important;}
	.sub_banner{background-size:160% auto !important;}
	.nav ul li>a span{-webkit-transform:scale(1); display:inline; margin-left:8px;}
	.nav ul li .sub-nav{background:none; width:auto; position:relative; top:0; left:0; display:none !important;}
	.nav ul li .sub-nav a{width:100%; padding:0; border-bottom:1px solid #000; padding-left:25px;}
	.menu-btn{position:absolute; right:20px; top:60px; cursor:pointer;}
	.news-con{width:100%;}
	.news-con ul{width:98%; padding-left:2%;}
	.news-con ul li{padding:3% 2%; width:44%; margin:0; height:auto; margin-right:2%;}
	.news-con ul li .img{width:30%; height:auto; margin-right:10px;}
	.news-con ul li .text{width:auto; float:none;}
	.news-con ul li .text b{padding:8px 0;}
	.news-wrap{padding:30px 0;}
	.pro-box ul{width:98%; padding-left:2%;}
	.about-box{width:96%; padding:0 2%; overflow:hidden;}
	.video-box{width:40%; height:auto;}
	.video-box img{width:100%;}
	.about-text{width:58%;}
	.pro-box ul li{width:23%; height:auto; box-sizing:border-box; margin:0 2% 2% 0;}
	.pro-box ul li a img{width:100%; height:100%; display:block;}
	.product-wrap{padding-bottom:50px;}
	.about-wrap{height:auto; background-repeat:repeat; background-color:#E5E4EA; padding-top:50px;}
	.about-text h3{margin-bottom:2%;}
	.index-title{margin-bottom:40px;}
	.about-text .more{margin:50px 0;}
	.news-list-box{width:98%; padding-left:2%; height:auto !important;}
	.news-list-box dl{width:23%; margin-right:2%; position:relative !important; top:0 !important; left:0 !important; padding:0 !important;}
	.popup-box{width:100%; margin:0; left:0;}
	.popup-boxpro{width:100%; margin:0; left:0;}
	.popup-details{width:82%; padding:3%;}
	.product-box ul{width:98%; padding-left:2%;}
	.product-box ul li{width:23%; margin:0 2% 2% 0; box-sizing:border-box; height:auto;}
	.product-box ul li p{display:block !important; height:auto !important;}
	.pro-info .img{width:40%; float:none; margin-right:3%; min-width:100px;  margin-bottom:10px;}
	.pro-info{display:-webkit-box; display:box;}
	.pro-info .info{-webkit-box-flex: 1;-moz-box-flex: 1;-o-box-flex: 1;-ms-box-flex: 1;box-flex: 1;}
	.earth{width:48%; height:auto; right:2%;}
	.sales-info{padding-left:20px;}
	.sub-about-wrap{padding:50px 0;}
	.sub-about-wrap .top-img{padding:0 2%;}
	.ab-text p{padding:0 2%;}
	.purpose dl{width:27%;  padding:0 3% 0 0 !important; margin-right:4%;}
	.purpose dl:first-child{padding-left:3% !important;}
	.purpose dl:last-child{padding:0 !important; margin:0 !important;}
	.purpose dl dt img{max-width:100%; display:block;}
	.contact-info-box{width:97%; padding-left:3%; margin-bottom:30px;}
	.contact-info-box dl{margin:0; width:31%; margin-right:2%;}
	.investor-wrap{padding-top:30px;}
	.recruit-wrap dl{width:46%;}
	.investor-wrap .inv-left{float:none; width:100%; border:none;}
	.inv-left ul{overflow:hidden; padding:0 2%;}
	.inv-left ul li{float:left; margin-right:20px; margin-bottom:10px;}
	.inv-left ul li a{padding:10px 15px; display:inline-block; border:1px solid #dedede; text-align:center; background-image:none !important; border-radius:3px;}
	.inv-top-text{margin-top:30px;}
	.inv-right{float:none; width:96%; margin:0 auto;}
	.inv-list dl{border-bottom:1px dotted #898989; padding-bottom:30px; margin-bottom:40px;}

	
}



@media screen and (max-width:600px){
	#logo{width:30%; height:auto;}
	#logo img{width:100%;}
	.header-info{top:8px;}
	.header-info img,.header-info span{display:none;}
	.menu-btn{top:28px;}
	.banner .hd li{width:30px;}
	.news-con ul li{padding:3% 2%; width:94%;  margin-right:2%; margin-bottom:2%;}
	.news-con{margin-top:40px;}
	.pro-box ul li{width:48%;}
	.video-box{width:80%; margin:0 auto; float:none;}
	.about-text{width:96%; margin:30px auto 0; float:none;}
	.footer .lxfs{width:300px; margin:50px auto 30px;}
	.f-nav a{margin-bottom:10px; float:none; display:inline-block;}
	.f-nav a:last-child{border:none;}
	.news-list-box dl{width:48%;}
	.popup-box .close{width:30px; height:30px; background-size:100% 100%;}
	.popup-box .prev,.popup-box .next{width:32px; height:57px; background-size:100% 100%;}
	.popup-box .next{top:140px;}
	.popup-boxpro .close{width:30px; height:30px; background-size:100% 100%;}
	.popup-boxpro .prev,.popup-boxpro .next{width:32px; height:57px; background-size:100% 100%;}
	.popup-boxpro .next{top:140px;}
	.product-box ul li{width:48%;}
	.product-box{padding:40px 0;}
	.pro-info{display:block !important;}
	.pro-info .img{float:left;}
	.pro-info .info p{clear:both;}
	.earth{display:none;}
	.purpose dl{float:none; padding:0 !important; width:96%; margin:0 auto 20px; border:none; border-bottom:1px solid #ccc; box-sizing:border-box;}
	.purpose dl dd{padding-bottom:10px;}
	.purpose dl:last-child{margin:0 auto 20px !important;}
	.contact-info-box dl{width:97%; margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:20px;}
	.contact-info dl dt{margin-bottom:15px;}
	#dituContent{height:300px !important;}
	.recruit-wrap{background:none;}
	.recruit-wrap{width:96%; padding-left:2%; padding-right:2%; margin:0;}
	.recruit-wrap dl{width:100%; border-bottom:1px dotted #ccc; padding-bottom:30px; margin-top:35px;}
	.inv-list dl dt{width:40%; height:auto;}

}