/* CSS Document */
html, body {
-webkit-text-size-adjust: none;
}
* {
margin: 0px;
padding: 0px;
}
ul, li {
list-style: none;
margin: 0px;
padding: 0px;
}
img {
border: 0 none;
vertical-align: middle;
display: block;
max-width: 100%;
}
a {
text-decoration: none;
color: #878787;
}
a:hover {
text-decoration: none;
}
input, textarea, select {
vertical-align: middle;
}
body {
margin: 0px auto;
font-family: dinpro-regularregular, 'Microsoft YaHei', 微软雅黑, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #949494;
background-color: #FFF;
}
.clear {
clear: both;
}
h2 {
font-size: 16px;
}
h3 {
}
h4 {
font-size: 12px;
}
.fl {
float: left;
}
.fr {
float: right;
}
.mr8 {
margin-right: 8px;
}
.pl8 {
padding-left: 8px;
}
.pl10 {
padding-left: 10px;
}
.pl4 {
padding-left: 4px;
}
.pl20 {
padding-left: 20px;
}
.dis {
display: block;
}
.blank6 {
height: 6px;
line-height: 6px;
clear: both;
visibility: hidden;
}
@media screen and (max-width: 420px) {
.nav_box {
position: fixed;
top: 0px;
background: url(../images/nav_bgbg.png);
width: 100%;
height: 73px;
z-index: 99;
border-bottom: 1px solid #E9E9E9;
}
.logo {
float: left;
padding-top: 14px;
}
.right_nav {
float: right;
display: none;
}
.wxqq {
float: left;
padding-top: 12px;
padding-right: 16px;
}
.wxqq img {
float: left;
padding-right: 16px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.nav {
min-width: 520px;
line-height: 74px;
position: relative;
z-index: 9999;
}
.nav a {
}
.nav .nLi {
float: left;
position: relative;
display: inline;
}
.nav .nLi h3 {
float: left;
}
.nav .nLi h3 a {
display: block;
width: 116px;
font-size: 16px;
font-weight: 200;
text-align: center;
color: #000000;
}
.nav .nLi h3 a .n_c {
display: none;
letter-spacing: 3px;
}
.n_e {
font-family: Arial;
font-size: 14px;
font-weight: 600;
}
.nav .sub {
display: none;
width: 180px;
left: 0;
top: 73px;
position: absolute;
background: #000;
line-height: 26px;
padding: 20px 0;
}
.nav .sub li {
zoom: 1;
}
.nav .sub li a em {
font-style: normal;
padding: 0 8px 0 20px;
letter-spacing: 3px;
font-size: 14px;
font-weight: 200;
}
.nav .sub li a {
font-family: Arial;
font-size: 14px;
font-weight: 200;
}
.nav .sub a {
display: block;
line-height: 40px;
color: #FFF;
}
.nav .sub a:hover {
background: #161C29;
color: #fff;
}
.nav .on h3 a {
background: #000;
color: #FFF;
}
.nav .on h3 a .n_e {
display: none;
}
.nav .on h3 a .n_c {
display: block;
}
.nav h3 a:hover .n_e {
display: none;
}
.nav h3 a:hover .n_c {
display: block;
}
.demo, .lobo {
display: none;
}
.nav_img {
float: right;
padding-top: 14px;
}
.nav_u_down2 {
display: none;
overflow: hidden;
position: absolute;
top: 70px;
left: 0px;
z-index: 100;
width: 100%;
background: #313746;
text-align: center;
padding:35px 0;
}
.nav_u_down2 li {
width: 420px;
line-height: 62px;
height: 62px;
text-align: center;
}
.nav_u_down2 li a {
text-align: center;
display: block;
font-size: 24px;
font-weight: 400;
}
.prod_foot1,.right_nav {
display: none;
}
.banner_page{ height:320px; margin-top:73px; background-size:cover; background-position:center; background-color:#000;}
.banner_page2{ height:320px; margin-top:73px; background-size:cover; background-position:center;}
.banner_newsc{ height:320px; margin-top:50px; background-size:cover; background-position:center;}
.prod_top{ color:#4D4D4D; padding-top:30px; padding-bottom:30px;}
.name_en{ font-size:24px; line-height:36px;font-family:Arial;}
.name_cn{ font-size:16px;}
.prod_text{ padding-top:26px; line-height:24px; font-size:12px;}
.text_right{ display:none;}
.text_left{ font-size:12px;}
.prod_img{ padding-bottom:30px;}
.prod_foot_2{ height:160px; background:#1F2134; width:100%;margin:0 auto; padding-top:20px;}
.pf_left{
width:300px; margin:0 auto;
padding-top: 8px;
height:50px;
display:none;}
.pf_left a{ display:block; margin-right:20px; height:39px; width:39px; float:left;}
.pf1 {
background: url(../images/pro_fa.png) 0 0 no-repeat;
}
.pf1:hover {
background: url(../images/pro_fa.png) 0px -46px no-repeat;
}
.pf2 {
background: url(../images/pro_fa.png) -56px 0 no-repeat;
}
.pf2:hover {
background: url(../images/pro_fa.png) -56px -46px no-repeat;
}
.pf3 {
background: url(../images/pro_fa.png) -111px 0 no-repeat;
}
.pf3:hover {
background: url(../images/pro_fa.png) -111px -46px no-repeat;
}
.pf4 {
background: url(../images/pro_fa.png) -166px 0 no-repeat;
}
.pf4:hover {
background: url(../images/pro_fa.png) -166px -46px no-repeat;
}
.pf5 {
background: url(../images/pro_fa.png) -222px 0 no-repeat;
}
.pf5:hover {
background: url(../images/pro_fa.png) -222px -46px no-repeat;
}
.pf_right{
width:100%;
}
.r_logo {
margin-top:12px;
display: block;
background: url(../images/foot_logo.png) center bottom no-repeat;
width:100%;
background-size:195px 80px;
height: 40px;
}
.r_logo:hover {
display: block;
background: url(../images/foot_logo.png) center top no-repeat;
width:100%;
background-size:195px 80px;
height: 40px;
}
.r_logo_txt {
color: #404256;
padding-top:12px;
line-height:24px;
text-align:center;
}
.r_logo_txt a{color: #404256;}
/**/
.banner_about{ height:320px; margin-top:73px; background-size:cover; background-position:center; }
.about_cont{ color:#808080; padding-top:73px; width:100%; margin:0 auto;}
.about_t1{ margin:0 auto; color:#4D4D4D;}
.ab_title{ color:#3A3A3A; }
.ab_title h2{ font-size:17px; font-weight:100; padding:0 6px;}
.ab_title p{ font-size:12px; font-weight:100; line-height:20px;color:#808080; padding:0 6px;}
.ab_text_box{color:#808080; padding:0 6px;}
.ab_text_left{ float:left; font-size:12px;line-height:18px;}
.ab_text_box h2{ font-size:16px; font-weight:400; line-height:40px; padding-top:24px; color:#3a3a3a;}
.ab_text_right{ float:left; font-size:12px; line-height:18px;}
.ab_t1_img{ padding-top:20px; padding-right:2%; padding-left:2%;}
.ab_t1_img img{ padding-bottom:40px;}
.ab_title_box{width:100%; margin:0 auto; height:60px; background:#303030; padding-top:20px;}
.abt_left{ float:left; font-size:14PX; color:#FFF; padding-top:24px; display:none; font-weight:200;}
.abt_left p{ font-size:12px; color:#FFF; font-weight:200PX; font-family:Arial; line-height:36px; color:#3FB9B1;font-weight:200;}
.abt_right{ font-size:36px; padding-left:24px; font-weight:200PX; color:#FFF; font-weight:200;}
.about_t2{ background:#EEEEEE; padding-top:30px; padding-bottom:50px;}
.ab_t2_img2{ padding-top:20px;padding-bottom:0px; color:#424241; text-align:center; font-size:17px; }
.ab_t2_img2 p{ font-size:10px;}
.t2_img2{ width:30%;}
.ab_t2_img3{ padding-top:20px; padding-right:2%;}
.ab_t3_left{ float:left;}
.ab_t3_right{ float:left;}
.about_t3{ background:#FFF; padding:20px 0;}
.ab_t4_box{ text-align:center;}
.about_t4{ background:#fff; padding:20px 0 50px 0;}
.ab_t4_box img{ margin:0 auto; display:block;}
.about_t5{background:#FFF; padding:20px 0 30px 0;}
.ab_t5_box{ margin:0 auto; font-size:12px; line-height:20px; color:#7C7C7C; padding-left:8px;}
.ab_foot_img{ background:url(../images/about_bottom.jpg) center top no-repeat; height:90px; background-size:cover; background-position:center;}
.foot_box {
width: 100%;
margin: 0 auto;
}
.foot_fx {
background: #45C9C3;
height: 46px;
width: 100%;
}
.foot_fx img{ margin:0 auto; padding-top:14px; }
.fx_left {
float: left;
padding-top:16px;
width:50%;
display:none;
}
.fx_left a {
display: block;
float: left;
width: 13px;
height: 13px;
margin-right:5px;
background-size:82px;
}
.fx_right{ padding-left:40px;}
.fx_right img{ width:32%;}
.ab_foot_logo{ background:#26283C;}
.ab_foot_logo{ position:relative;}
.ab_foot_logo img{ margin:0 auto 0 auto; padding:30px 0 50px; width:60%;}
.fh_s {
display: block;
background: url(../images/fh_ba2.png) bottom center no-repeat;
background-size:cover;
width: 31px;
height: 26px;
bottom: 0px;
position: absolute;
left:50%;
margin-left:-15px;
}
.fh_s:hover {
background: url(../images/fh_ba.png) bottom center no-repeat;
}
.ab_foot_txt{ height:30px; background:#1F2134; margin:0 auto; width:100%; text-align:right; color:#404256; font-size:8px; padding-top:12px;}
.ab_foot_txt p{ padding-right:40px;}
.ab_foot_txt a{color: #404256;}
/*fuwu*/
.zp_cont_box,.fuwu_cont_box{ width:100%; margin:0 auto;}
.fuwu_top{ margin:0 auto; padding-top:60px;}
.fw_tleft{ line-height:24px; font-size:12px; color:#7C7C7C; padding-left:2%;padding-right:2%;}
.fw_tright{ font-size:16px; margin-top:24px; padding-left:34px; background:url(../images/fw_sj.png) left center no-repeat;}
.fwt_title_box{width:100%; margin:0 auto; height:60px; background:#303030; padding-top:20px;}
.ab_e{ font-size:16px; color:#FFF; font-weight:bold; font-family:Arial;}
.ab_c{ font-size:12px;color:#FFF; line-height:20px; font-weight:200px;}
.fw_timg{ padding:30px 0 30px 0;}
.fw_t2{margin:0 auto; padding:30px 0;}
.fw_t3{ }
.fw_t2_co{ margin:0 auto; padding:30px 0 0 0; color:#808080;}
.fw_t3 dl{ width:45%; padding-left:5%; height:220px;float:left; }
.fw_t3 dl dt{ padding-bottom:8px; font-size:13px; }
.fw_t3 dl dt p{ font-size:14px; line-height:20px;}
.fw_t3 dl dd{ height:20px; line-height:20px; font-size:10px;}
/*招聘*/
.hui_text{ background:#9B9B9B; width:100%; margin:0 auto; height:90px;}
.htext{margin:0 auto; color:#FFF; font-size:20px; font-weight:200; line-height:26px; padding-top:18px;}
.zp1_box{wmargin:0 auto;padding-top:30px; color:#6c6c6d; }
.zp1_box h2{padding-right:2%; padding-left:2%;}
.zp1_left{ line-height:24px; font-size:14px; padding-right:2%; padding-left:2%;}
.zp1_right{float:left; position:relative;height:50px; line-height:50px; color:#000;padding-right:2%; padding-left:2%;}
.zp1_right span{ width:100%; font-size:16px; font-weight:200;}
.zp_zb_box{ font-size:14px; padding-bottom:50px;}
.zhaopin{ padding-top:18px;}
.zhaopin div{ width:50%; float:left; cursor:pointer;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.zhaopin div:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; background-size:cover;}
.zp2_right{position:relative;height:160px; width:350px; display:none;}
.zp2_right img{}
.zp2_bott{ padding:30px 0 60px 0;}
/*联系*/
.lx_dh{ height:60px; background:#45B7B1; width:100%; }
.lx_jvzhong{ margin:0 auto;}
.lx_topz{ padding-top:20px; padding-bottom:20px;}
.lxt_left{ }
.lxt_right{ margin:0 auto; text-align:center;}
.fx_right2 img{ height:20px; margin:0 auto; padding-top:20px;}
.wenzi1{ color:#000; font-size:18px; text-align:center;}
.lx_img{ padding-top:20px;}
.lx_img img{ display:block; margin:0 auto;}
.lx_ten{ font-size:20px; font-family:Arial; font-weight:bold;color:#45B7B1;padding:0 12px; padding-top:30px;}
.lx_tt2 { color:#666;padding:0 12px; padding-top:20px;}
.lx_tt2 p{ font-size:14px;font-family:Arial; }
.lx_tt2 span{ font-size:16px;}
.lx_tt3{ color:#666; font-size:12px; line-height:20px; font-weight:200; padding:15px 12px;}
.lx_erm img{ margin:0 auto;}
.lx_bottom{ background:#26283C; }
.lxb_zhong{ padding-top:12px;}
.ly_text p{ padding:0 12px; font-size:16px; font-family:Arial; font-weight:200;color:#6D779B;letter-spacing:-1px;}
.ly_text span{ padding:0 12px;font-size:12px; letter-spacing:10px; color:#6D779B;}
.txt1{ height:36px; background:#303349; display:block; margin-bottom:1px; line-height:36px; padding:0 12px; font-size:12px; color:#6D779B;}
.txt1 input[type="text"]{border:0; outline:none; background:#303349; height:36px; line-height:36px; float:left; padding:0 12px; font-size:12px; color:#6D779B;}
.txt1 span{ float:left;letter-spacing:3px;}
.txt2{ height:180px; background:#303349; display:block; padding:0 12px; font-size:12px; color:#6D779B;}
.txt2 span{letter-spacing:3px; display:block; line-height:24px;}
.wenben{ font-size:16px; color:#6D779B;border:0; outline:none; background:#303349; overflow:hidden;}
.ly_butt{ height:42px; line-height:42px; width:100%; border:0; background:#45B7B1; color:#000;letter-spacing:12px; text-align:center; font-size:16px; font-weight:200px; margin-top:1px;}
.ly_box{ padding-top:12px;}
.foot_bb { background: #1F2134;}
.qixia{ height:5px;}
.qi_top {
display:none;
}
.qx_left{ display:none;}
/*客户*/
.kz_text{ margin:0 auto; padding-top:40px; padding-bottom:20px;}
.kh_left{ font-size:20px; font-weight:200px; padding-bottom:20px; color:#000000;}
.kh_right{font-size:12px; line-height:20px;}
.kh_img_box{margin:0 auto;}
.kh_dlogo{margin:0 auto; padding-top:30px; padding-bottom:80px;}
.kh_lname{ font-size:14px; color:#D8D8D8; font-weight:700; width:100%; padding-bottom:24px;}
/*news*/
.newsc_cont{ width:100%; margin:0 auto;font-size:12px; line-height:20px;}
.newsc_top_box{ padding-top:20px;}
.news_sj{ font-size:12px; padding-top:40px; display:none;}
.newsc_title{ font-size:14px; font-weight:600; width:100%; line-height:40px; color:#3A3A3A;}
.weixin_img{ display:none;}
.fx004:hover .weixin_img{ position:absolute; display:block; margin-left:-55px; margin-top:-186px;}
.qixia_gs{ }
.qixia_gs a{ float:left; display:block; width:16%; padding:2%;}
.qixia_gs a:hover{filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;}
.prod_zhong{ padding:0 2%;}
.fw_t2{ padding-left:2%; padding-right:2%;}
}
/* 本例子css */
@media screen and (min-width:421px){
.nav_u_down2 {
display: none;
}
.nav_img{
display: none;
}
.nav_box {
position: fixed;
top: 0px;
background: url(../images/nav_bgbg.png);
width: 100%;
height: 73px;
z-index: 99;
border-bottom: 1px solid #E9E9E9;
}
.logo {
float: left;
padding-top: 14px;
padding-left: 12px;
padding-left:40px;
}
.right_nav {
float: right;
}
.wxqq {
float: left;
padding-top: 12px;
padding-right: 16px;
}
.wxqq img {
float: left;
padding-right: 16px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.nav {
min-width: 520px;
line-height: 74px;
position: relative;
z-index: 9999;
}
.nav a {
}
.nav .nLi {
float: left;
position: relative;
display: inline;
z-index:9999;
}
.nav .nLi h3 {
float: left;
}
.nav .nLi h3 a {
display: block;
width: 116px;
font-size: 16px;
font-weight: 200;
text-align: center;
color: #000000;
}
.nav .nLi h3 a .n_c {
display: none;
letter-spacing: 3px;
}
.n_e {
font-family: Arial;
font-size: 14px;
font-weight: 600;
}
.nav .sub {
display: none;
width: 180px;
left: 0;
top: 73px;
position: absolute;
background: #000;
line-height: 26px;
padding: 20px 0;
}
.nav .sub li {
zoom: 1;
}
.nav .sub li a em {
font-style: normal;
padding: 0 8px 0 20px;
letter-spacing: 3px;
font-size: 14px;
font-weight: 200;
}
.nav .sub li a {
font-family: Arial;
font-size: 14px;
font-weight: 200;
}
.nav .sub a {
display: block;
line-height: 40px;
color: #FFF;
}
.nav .sub a:hover {
background: #161C29;
color: #fff;
}
.nav .on h3 a {
background: #000;
color: #FFF;
}
.nav .on h3 a .n_e {
display: none;
}
.nav .on h3 a .n_c {
display: block;
}
.nav h3 a:hover .n_e {
display: none;
}
.nav h3 a:hover .n_c {
display: block;
}
.banner_page{ height:480px; margin-top:73px; background-color:#000;}
.banner_page2{background-position:center top; background-repeat:no-repeat; min-width:1200px; height:480px;}
.prod_cont{ width:100%; min-width:1200px; margin:0 auto;}
.prod_top{ color:#4D4D4D; padding-top:70px; padding-bottom:50px; width:100%; min-width:1200px; margin:0 auto;}
.prod_zhong{width:1200px; margin:0 auto;}
.name_en{ font-size:30px; line-height:36px;font-family:Arial;}
.name_cn{ font-size:20px;}
.prod_text{ padding-top:20px; line-height:24px; font-size:12px;}
.text_left{ float:left; width:650px; }
.text_right{ float:left; padding-left:205px;}
.prod_img{padding-bottom:30px;}
.prod_foot1{ height:588px; background:#26283C; width:100%; min-width:1200px;overflow:hidden; position:relative;}
.workList{width:1850px; margin:0 auto; padding-top:60px; height:430px;}
.workList li {
float: left;
width: 368px;
height: 370px;
position: relative;
z-index:0;
margin-top: 12px;
}
.prd_name {
background: url(../images/pro_bbg.jpg) left top;
width: 336px;
padding-left: 32px;
height: 127px;
*height: 130px;
*margin-top:-3px;
}
.e_name {
font-size: 15PX;
font-family: Verdana;
font-weight: 600;
color: #999999;
display: block;
padding-top: 24px;
letter-spacing: -1px;
}
.cn_name {
font-size: 13px;
font-weight: 400;
color: #B4B4B4;
line-height: 24px;
}
.en_name {
font-size: 10px;
color: #B9B9B9;
font-weight: 200;
display: block;
padding-top: 18px;
}
.foot_gd{ display:block; background:url(../images/gdgd.png) bottom center no-repeat; height:18px; width:224px; margin:0 auto 0 auto; padding-top:
40px;}
.fh_s {
display: block;
background: url(../images/fh_ba2.png) bottom center no-repeat;
width: 61px;
height: 51px;
bottom: 0px;
position: absolute;
right: 120px;
}
.fh_s:hover {
background: url(../images/fh_ba.png) bottom center no-repeat;
}
.prod_foot_2{ height:110px; background:#1F2134; width:100%; min-width:1200px; margin:0 auto; padding-top:40px;}
.pf_left{
float: left;
width: 500px;
padding-left: 40px;
padding-top: 8px;}
.pf_left a{ display:block; margin-right:20px; height:39px; width:39px; float:left;}
.pf1 {
background: url(../images/pro_fa.png) 0 0 no-repeat;
}
.pf1:hover {
background: url(../images/pro_fa.png) 0px -46px no-repeat;
}
.pf2 {
background: url(../images/pro_fa.png) -56px 0 no-repeat;
}
.pf2:hover {
background: url(../images/pro_fa.png) -56px -46px no-repeat;
}
.pf3 {
background: url(../images/pro_fa.png) -111px 0 no-repeat;
}
.pf3:hover {
background: url(../images/pro_fa.png) -111px -46px no-repeat;
}
.pf4 {
background: url(../images/pro_fa.png) -166px 0 no-repeat;
}
.pf4:hover {
background: url(../images/pro_fa.png) -166px -46px no-repeat;
}
.pf5 {
background: url(../images/pro_fa.png) -222px 0 no-repeat;
}
.pf5:hover {
background: url(../images/pro_fa.png) -222px -46px no-repeat;
}
.pf_right{ float: right;
padding-right: 40px;}
.qx_right{padding-right: 40px;}
.r_logo {
display: block;
background: url(../images/foot_logo.png) right bottom no-repeat;
width: 234px;
height: 47px;
float: right;
}
.r_logo:hover {
display: block;
background: url(../images/foot_logo.png) right top no-repeat;
}
.r_logo_txt {
color: #404256;
padding-top:12px;
line-height:30px;
text-align: right;
padding-right:40px;
}
.r_logo_txt a{color: #404256;}
/*about*/
.banner_about{ height:480px; padding-top:73px; background-position:center 73px; background-repeat:no-repeat; min-width:1200px;}
.about_page{ width:100%; min-width:1200px; margin:0 auto;}
.about_cont{ color:#808080; padding-top:80px; width:100%; min-width:1200px; margin:0 auto;}
.about_t1{width:1200px; margin:0 auto; color:#4D4D4D;}
.ab_title{color:#3A3A3A; }
.ab_title h2{ font-size:38px; font-weight:100;}
.ab_title p{ font-size:20px; font-weight:100; line-height:50px;color:#808080;}
.ab_text_box{color:#808080; padding-top:64px;}
.ab_text_left{ float:left; width:564px; font-size:14px;line-height:24px;}
.ab_text_left h2{}
.ab_text_box h2{ font-size:24px; font-weight:400; line-height:60px; color:#3a3a3a;}
.ab_text_right{ float:left; width:570px; margin-left:66px; font-size:14px; line-height:24px;}
.ab_t1_img{ padding-top:90px;}
.ab_t1_img img{ padding-bottom:170px;}
.ab_title_box{width:100%; min-width:1200px; margin:0 auto; height:180px; background:#303030; padding-top:75px;}
.abt_left{ float:left; font-size:28PX; color:#FFF; padding-top:24px; font-weight:200;}
.abt_left p{ font-size:18px; color:#FFF; font-weight:200PX; font-family:Arial; line-height:36px; color:#3FB9B1; font-weight:200;}
.abt_right{ float:right; font-size:78px; font-weight:200PX; color:#FFF; font-weight:200;}
.about_t2{ background:#FFF; padding-top:100px; padding-bottom:180px;}
.ab_t2_img2{ padding-top:70px; font-size:30px; text-align:center; font-weight:200; color:#424241; letter-spacing:2px;}
.ab_t2_img2 p{ font-size:17px; color:#808080;letter-spacing:1px;}
.ab_t2_img3{ padding-top:70px; }
.ab_t2_img3 img{ float:left;}
.ab_jt{ padding:18px 41px 0px 65px;}
.ab_t3_left{ float:left;}
.ab_t3_right{ float:left;}
.about_t3{ background:#fff; padding:80px 0;}
.ab_t4_box{width:1200px; margin:0 auto;}
.about_t4{ background:#fff; padding:80px 0 150px 0;}
.ab_t4_box img{ float:left;}
.about_t5{background:#FFF; padding:50px 0 80px 0;}
.ab_t5_box{width:1200px; margin:0 auto; font-size:15px; line-height:30px; color:#7C7C7C; font-weight:200;}
.ab_foot_img{ background:url(../images/about_bottom.jpg) center top no-repeat; height:334px; min-width:1200px; margin:0 auto;}
.foot_box {
width: 100%;
margin: 0 auto;
}
.foot_fx {
background: #45C9C3;
height: 100px;
width: 100%;
}
.fx_left {
float: left;
padding-top: 36px;
}
.fx_left a {
display: block;
float: left;
width: 40px;
height: 40px;
margin-right: 18px;
}
.fx001 {
background: url(../images/fenxiang.png) 0 0 no-repeat;
}
.fx001:hover {
background: url(../images/fenxiang.png) 0px -50px no-repeat;
}
.fx002 {
background: url(../images/fenxiang.png) -54px 0 no-repeat;
}
.fx002:hover {
background: url(../images/fenxiang.png) -54px -50px no-repeat;
}
.fx003 {
background: url(../images/fenxiang.png) -110px 0 no-repeat;
}
.fx003:hover {
background: url(../images/fenxiang.png) -110px -50px no-repeat;
}
.fx004 {
background: url(../images/fenxiang.png) -165px 0 no-repeat;
}
.fx004:hover {
background: url(../images/fenxiang.png) -165px -50px no-repeat;
}
.fx005 {
background: url(../images/fenxiang.png) -221px 0 no-repeat;
}
.fx005:hover {
background: url(../images/fenxiang.png) -221px -50px no-repeat;
}
.fx_right {
float: right;
padding-top: 36px;
}
.fx_right2 {
float: right;
padding-right: 36px;
padding-top: 36px;
}
.ab_foot_logo{ background:#26283C; height:470px;}
.ab_foot_logo{ position:relative;}
.ab_foot_logo img{ margin:0px auto 0 auto; padding-top:140px;}
.fh_s {
display: block;
background: url(../images/fh_ba2.png) bottom center no-repeat;
width: 61px;
height: 51px;
bottom: 0px;
position: absolute;
left:50%;
margin-left:-30px;
}
.fh_s:hover {
background: url(../images/fh_ba.png) bottom center no-repeat;
}
.ab_foot_txt{ height:90px; min-width:1200px; background:#1F2134; margin:0 auto; width:100%; text-align:right; color:#404256; line-height:90px;}
.ab_foot_txt p{ padding-right:40px;}
.ab_foot_txt a{color: #404256;}
/*fuwu*/
.zp_cont_box,.fuwu_cont_box{ width:100%; min-width:1200px; margin:0 auto;}
.fuwu_top{width:1200px; margin:0 auto; padding-top:120px;}
.fw_tleft{ float:left; width:550px; line-height:24px; font-size:14px; color:#7C7C7C;}
.fw_tright{ float:left; margin-left:370px; font-size:20px; padding-left:34px; background:url(../images/fw_sj.png) left center no-repeat; color:#3A3A3A;}
.fwt_title_box{width:100%; min-width:1200px; margin:0 auto; height:180px; background:#303030; padding-top:75px;}
.ab_e{ font-size:30px; color:#FFF; font-weight:bold; font-family:Arial;}
.ab_c{ font-size:28px;color:#FFF; line-height:50px; font-weight:200px;}
.fw_timg{ padding:90px 0 140px 0;}
.fw_t2{width:1200px; margin:0 auto; padding:150px 0;}
.fw_t3{ padding-left:320px;}
.fw_t2_co{width:1200px; margin:0 auto; padding:150px 0 0 0; color:#7C7C7C;}
.fw_t3 dl{ width:340px; height:420px; padding-left:100px; float:left; }
.fw_t3 dl dt{ padding-bottom:20px; font-size:28px; line-height:30px; color:#424241; }
.fw_t3 dl dt p{ font-size:26px; line-height:40px;}
.fw_t3 dl dd{ height:30px; line-height:30px; font-size:14px;}
/*招聘*/
.hui_text{ background:#9B9B9B; width:100%; min-width:1200px; margin:0 auto; height:191px;}
.ZPhui_text{ background:url(../images/zhaopin_iii.jpg) top center no-repeat #000; height:300px;}
.htext{ width:1200px; margin:0 auto; color:#FFF; font-size:39px; font-weight:200; line-height:64px; padding-top:28px;}
.zp1_box{width:1200px; margin:0 auto;padding-top:90px; color:#6c6c6d}
.zp1_box h2{ color:#000000; font-size:33px; font-weight:200; padding-bottom:50px; line-height:60px;}
.zp1_left{ width:750px; float:left; line-height:24px; font-size:14px; }
.zp1_right{width:350px; padding-left:100px; float:left; position:relative;height:130px;}
.zp1_right span{ display:block; position:absolute; right:0px; bottom:0px; font-size:24px; font-weight:200;}
.zp_zb_box{ padding-top:100px; font-size:14px; padding-bottom:150px;}
.zhaopin{ padding-top:18px;}
.zhaopin div{ width:400px; float:left; height:238px; cursor:pointer;filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.zhaopin div:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.zp2_right{padding-left:100px; float:left; position:relative;height:240px; width:350px;}
.zp2_right img{ position:absolute; right:0; bottom:0;}
.zp2_bott{ padding:60px 0 150px 0;}
/*联系*/
.lx_dh{ height:120px; background:#45B7B1; width:100%; min-width:1200px;}
.lx_jvzhong{width:1200px; margin:0 auto;}
.lx_topz{width:1200px; margin:0 auto; padding-top:150px; padding-bottom:190px;}
.lxt_left{ width:770px; float:left;}
.lxt_right{ width:430px; float:left;}
.wenzi1{ color:#000; font-size:33px;}
.lx_img{ padding-top:216px;}
.lx_ten{ font-size:50px; font-family:Arial; font-weight:bold;color:#45B7B1;}
.lx_tt2 { color:#666; padding-top:80px;}
.lx_tt2 p{ font-size:18px;font-family:Arial; }
.lx_tt2 span{ font-size:20px;}
.lx_tt3{ color:#666; font-size:16px; padding-top:15px; height:240px; line-height:28px; font-weight:200;}
.lx_bottom{ background:#26283C; height:790px;}
.lxb_zhong{ background:url(../images/jixiangwu.png) right bottom no-repeat; width:1200px; margin:0 auto; height:640px; padding-top:60px;}
.ly_text p{ font-size:19px; font-family:Arial; font-weight:200;color:#6D779B;letter-spacing:0px;}
.ly_text span{ font-size:26px; letter-spacing:6px; color:#6D779B;}
.txt1{ width:530px; height:57px; background:#303349; display:block; margin-bottom:1px; line-height:56px; padding-left:34px; font-size:16px; color:#6D779B;}
.txt1 input[type="text"]{border:0; outline:none; background:#303349; height:54px; line-height:54px; float:left; width:420px; padding-left:12px; font-size:16px; color:#6D779B;}
.txt1 span{ float:left;letter-spacing:3px;}
.txt2{width:530px; height:225px; background:#303349; display:block; padding-left:34px; font-size:16px; color:#6D779B;}
.txt2 span{letter-spacing:3px; display:block; line-height:54px;}
.wenben{width:420px; font-size:16px; height:160px; color:#6D779B;border:0; outline:none; background:#303349; overflow:hidden;}
.ly_butt{ height:57px; line-height:57px; width:564px; border:0; background:#45B7B1; color:#000;letter-spacing:12px; text-align:center; font-size:18px; font-weight:200px; margin-top:1px;}
.ly_box{ padding-top:40px;}
.foot_bb {
height: 182px;
background: #1F2134;
min-width: 1024px;
}
.qi_top {
padding-top: 30px;
background: url(../images/diandian.png) 40px 32px no-repeat;
padding-left: 58px;
height: 30px;
color: #777C80;
}
.qx_left {
float: left;
width: 710px;
padding-left: 40px;
padding-top: 30px;
}
.fa1 {
background: url(../images/foot_nav1.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa2 {
background: url(../images/foot_nav2.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa3 {
background: url(../images/foot_nav3.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa4 {
background: url(../images/foot_nav4.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa5 {
background: url(../images/foot_nav5.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa6 {
background: url(../images/foot_nav6.png) top left no-repeat;
width: 96px;
height: 30px;
display: block;
margin-right: 16px;
float: left;
}
.fa1:hover {
background: url(../images/foot_nav1.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.fa2:hover {
background: url(../images/foot_nav2.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.fa3:hover {
background: url(../images/foot_nav3.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.fa4:hover {
background: url(../images/foot_nav4.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.fa5:hover {
background: url(../images/foot_nav5.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
.fa6:hover {
background: url(../images/foot_nav6.png) left -30px no-repeat;
width: 96px;
height: 30px;
display: block;
}
/*客户*/
.kz_text{ width:1200px; margin:0 auto; padding-top:100px; padding-bottom:90px;}
.kh_left{ width:650px; float:left; font-size:33px; font-weight:200px;color:#000;}
.kh_right{ width:550px; float:left; font-size:14px; line-height:24px;}
.kh_img_box{ width:1200px; margin:0 auto;}
.kh_dlogo{width:1200px; margin:0 auto; padding-top:100px; padding-bottom:200px;}
.kh_lname{ font-size:14px; color:#D8D8D8; font-weight:700; width:100%; padding-bottom:24px;}
/*news*/
.newsc_cont{ width:1200px; margin:0 auto;font-size:14px; line-height:28px;}
.newsc_title{ color:#3A3A3A;}
.banner_newsc{ height:300px; padding-top:73px; background-size:cover; background-position:center 73px; background-repeat:no-repeat; min-width:1200px;}
.newsc_top_box{ padding-top:70px;}
.news_sj{ font-size:14px; float:right; padding-top:40px;}
.newsc_title{ font-size:28px; font-weight:600; float:left; line-height:80px; color:#3A3A3A;}
.crumbs{ font-size:14px; line-height:120px; }
.weixin_img{ display:none;}
.fx004:hover .weixin_img{ position:absolute; display:block; margin-left:-55px; margin-top:-186px;}
.pf4:hover .weixin_img{ position:absolute; display:block; margin-left:-55px; margin-top:-198px;}
.qixia_gs{ height:315px; margin-right:-56px;}
.qixia_gs a{ float:left; padding-right:56px;}
.qixia_gs a:hover{filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;}
}