@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ margin:0 auto; padding:0 auto; color:#333; font-size:12px; font-family:"微软雅黑"; background:#ffffff; border:none; text-align:center;}
.clear{ float:none; clear:both; height:auto; border:none;}
a{ text-decoration:none;}
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover{ text-decoration:underline; color:#333;}
a:active{ text-decoration: none; color: #333; }
ul,li{ list-style-type:none; margin:0; padding:0;}
input{ vertical-align:top;}
img{ border:none;}
p{ margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0;}


.top{ width:80%; height:92px; margin:0px auto; padding:20px 10%;}
.logo{ float:left; width:45%; text-align:left;}
.logo img{ width:100%;}
.set{ float:right; padding-top:15px;}
.inav{ width:80%; background:#177CF9; height:60px; padding:0px 10%;}
.nav{ width:100%; margin:0px auto; height:60px;}
.nav ul li{ float:left; width:12%; height:60px;}
.nav ul li a{ display:block; width:100%; height:42px; color:#ffffff; padding-top:18px; font-size:16px; font-family:"微软雅黑";}
.nav ul li a:hover{ background:url(../images/nav_li.jpg) repeat-x; font-weight:bold; color:#333;}
.nav ul li.li{ float:right; width:10%; background:#559FFB;}
.nav ul li.li a{ width:100%;}
.nav ul li.li a:hover{ background:none; color:#333;}

.flash{ width:100%; height:auto;}
.flash img{ width:100%; height:auto;}

.youshi{ width:80%; height:auto; margin:0px auto; margin-top:50px; padding:0px 10%;}
.ys_top{ width:100%; margin:0px auto;}
.ys_top img{ width:auto;}
.ys_bot{ width:100%; margin-top:40px;}
.ys_b_left{ width:19%; float:left; min-height:300px; border:2px solid #CCCCCC; padding:2%; border-radius: 5%; cursor:pointer; margin-right:2.2%;}
.ys_b_left:hover{ border:2px solid #177CF9; background:#f6f6f6;}
.ys_b_left img{ height:100px;}
.ys_b_left h2{ margin-top:30px; font-size:16px;}
.ys_b_left p{ line-height:180%; text-align:left; font-size:14px; margin-top:20px; color:#999999;}
.ys_b_right{ margin-right:2.0%; margin-right:0px; float:right;}

.products{ width:80%; height:auto; margin:0px auto; margin-top:50px; padding:0px 10%;}
.pd_cer{ width:100%; height:auto; margin:0px auto; margin-top:30px;}
.pd_cer ul li{ width:21%; background:#f6f6f6; height:60px; border-radius: 5px; float:left; margin-left:2%; margin-right:2%;}
.pd_cer ul li a{ display:block; width:100%; background:#f6f6f6; height:42px; font-size:16px; padding-top:18px; border-radius: 5px;}
.pd_cer ul li a:hover{ background:#177CF9; color:#FFFFFF;}
.pd_bot{ width:100%; height:auto; margin:0px auto; margin-top:10px;}
.pd_bot ul{ margin-left:2%;}
.pd_bot ul li{ width:30%; height:auto; float:left; margin-left:1%; margin-right:2%; margin-top:20px; overflow:hidden;}
.pd_bot ul li img{ border-radius: 3px; width:100%; height:auto; overflow:hidden;}
.pd_bot ul li span{ display:block; margin:0px auto; width:100%; height:40px; border-radius: 5px; background:#177CF9; font-size:16px; padding-top:15px; color:#FFFFFF; position:relative; z-index:99;}

.about{ width:80%; height:auto; margin:0px auto; margin-top:50px; background:url(../images/about_bg.jpg) no-repeat 100% #ebebeb; padding:0px 10%; padding-bottom:180px;}
.boxabo{ width:100%; margin:0px auto; padding-top:80px;}
.ba_left{ float:left; width:48%; text-align:left;}
.ba_left h2{ font-size:46px;}
.ba_left h3{ font-size:20px; margin-top:20px; color:#666; font-weight:400;}
.ba_left p{ font-size:16px; line-height:180%; color:#666; margin-top:30px;}
.ba_left a{ width:130px; display:block; height:37px; background:url(../images/jian.png) no-repeat 120px #177CF9; border-radius: 50px; font-size:16px; color:#FFFFFF; padding-left:30px; padding-top:15px; margin-top:100px;}
.ba_right{ float:right; width:35%; padding-top:10px;}
.ba_right img{ width:100%;}
.guanggao{ width:70%; margin:0px auto; height:120px; background:#177CF9; margin-top:-100px; border-radius: 30px; padding:40px 5%;}
.gg_left{ width:50%; float:left;}
.gg_left h2{ text-align:left; color:#FFFFFF; font-size:24px; font-weight:400;}
.gg_left h3{ width:85%; height:36px; background:#000000; color:#FFFFFF; border-radius: 50px; font-size:18px; font-weight:400; padding-top:10px; margin-top:38px;}
.gg_right{ float:right; width:30%;}
.gg_r_left{ float:left; width:70%; color:#FFFFFF;}
.gg_r_left h2{ background:url(../images/dianhua.png) no-repeat left center; text-align:left; font-size:14px; font-weight:400; padding-left:50px; margin-bottom:20px;}
.gg_r_left h2 b{ font-size:22px; font-weight:bold;}
.gg_r_right{ float:right; width:25%;}
.gg_r_right img{ width:100%;}

.anli{ width:80%; height:auto; margin:0px auto; margin-top:50px; padding:0px 10%;}
.al_bot{ width:100%; height:auto; margin:0px auto; margin-top:10px;}
.al_bot ul{ margin-left:10px;}
.al_bot ul li{ width:30%; height:auto; float:left; margin-left:1%; margin-right:2%; margin-top:20px; overflow:hidden;}
.al_bot ul li img{ border-radius: 3px; width:100%; height:auto; overflow:hidden;}
.al_bot ul li span{ display:block; width:100%; height:30px; border-radius: 5px; background:#f6f6f6; font-size:14px; padding-top:10px; color:#333; position:relative; z-index:99;}

.fuwu{ width:100%; margin:0px auto; margin-top:50px;}
.fw_left{ width:33.333%; float:left; background:url(../images/chengbao.jpg); min-height:640px; cursor:pointer;}
.fw_left:hover{opacity: 0.8;z-index: -1; }
.fw_left1{ background:url(../images/jianshe.jpg);}
.fw_left2{ background:url(../images/buju.jpg);}
.fw_left h2{ color:#FFFFFF; font-size:38px; margin-top:60%; font-weight:400;}
.fw_left h2 a{ color:#FFFFFF;}
.fw_left p{ font-size:18px; color:#FFFFFF; line-height:180%; margin-top:20px;}

.weizhi{ width:100%; margin:0px auto; height:50px; background:#F7F7F7;}
.weizhi h2{ text-align:left; width:1200px; font-size:14px; margin:0px auto; color:#666666; font-weight:100; padding-top:15px;}
.weizhi h2.h33{ width:1400px;}
.main{ width:1200px; margin:0px auto; margin-top:30px; min-height:400px;}
.m_top{ width:100%; margin:0px auto; height:40px;}
.m_top h2{ float:left; width:280px; height:40px; font-size:14px; background:#F1F1F1; font-weight:100; margin-right:20px;}
.m_top h2.h22{ background:#177CF9; color:#FFFFFF;}
.m_top h2.h22 a{ color:#FFFFFF;}
.m_top h2 a{ display:block; width:280px; height:30px; padding-top:10px;}
.m_top h2 a:hover{ background:#177CF9; color:#FFFFFF;}
.m_bot{ width:1200px; margin:0px auto; margin-top:30px; min-height:400px; text-align:left;}
.m_bot img{ margin-bottom:20px; max-width:1200px;}
.m_bot p{ text-align:left; line-height:180%; font-size:14px;}
.m_t_di{ float:left; width:621px; min-height:585px; background:#F8F8F8;}
.m_t_lian{ float:right; width:579px; background:#F8F8F8; min-height:585px; text-align:left;}
.m_t_lian ul{ padding-top:30px; padding-left:90px;}
.m_t_lian ul h2{ margin-bottom:20px;}
.m_t_lian ul li{ line-height:180%; font-size:14px;}
.m_t_lian ul img{ margin-top:40px;}
.liu{ width:1200px; margin:0px auto; height:480px; margin-top:30px; background:#F7F7F7;}
.l_left{ float:left; width:350px; padding-left:50px; padding-top:50px;}
.l_left h2{ float:left; width:100%; height:70px; border-left:3px solid #177CF9; text-align:left; font-size:30px; font-weight:400; padding-left:30px; line-height:40px;}
.l_left h2 span{ font-size:14px; color:#999999;}
.l_left p{ float:left; width:100%; text-align:left; margin-top:20px;}
.l_right{ float:right; width:770px; padding-top:50px;}
.l_right ul li{ float:left; margin-bottom:10px;}
.l_right ul li input{ width:690px; height:40px; border:1px solid #CCCCCC; border-radius:5px; padding-left:10px; color:#999999;}
.l_right ul li textarea{ width:690px; height:100px; border:1px solid #CCCCCC; border-radius:5px; padding-left:10px; color:#999999; padding-top:5px;}
.l_right ul li input.input{ width:120px; height:40px; border:none; background:#177CF9; color:#FFFFFF; float:left;}

.show{ width:1200px; margin:0px auto; margin-top:30px;}
.show_top{ width:1200px;}
.s_t_left{ width:500px; float:left; overflow:hidden;}
.s_t_left img{ width:500px;}
.s_t_right{ float:right; width:550px; height:400px; background:#F7F7F7; padding:50px; padding-left:100px; text-align:left;}
.s_t_right h2{ font-size:24px; font-weight:400; margin-bottom:15px;}
.s_t_right ul li{ line-height:200%; font-size:14px;}
.s_t_right p{ margin-top:30px; font-size:14px;}
.s_t_right p b{ font-size:30px; color:#177CF9;}
.s_t_right h3{ float:left; margin-right:25px; width:200px; height:40px; background:#FF9900; text-align:center; font-size:16px; padding-top:10px; border-radius:5px; color:#FFFFFF; margin-top:40px;}
.s_t_right h3.h3333{ background:#50B674;}
.s_t_right h3.h3333{ background:#50B674;}
.s_t_right h3 a{ color:#ffffff;}
.s_t_right h3 a:hover{ color:#ffffff;}
.show_bot{ width:1200px; margin:0px auto; margin-top:20px;}
.s_b_top{ width:1200px; height:40px; background:#177CF9;}
.s_b_top h3{ text-align:left; padding-left:20px; padding-top:10px; font-size:14px; color:#FFFFFF;}
.s_b_bot{ width:1200px; text-align:left; margin-top:20px; line-height:200%;}
.s_b_bot img{ max-width:1200px;}

.zixun{ width:1200px; margin:0px auto; height:200px; margin-top:30px; background:#F7F7F7;}
.zx_left{ float:left; width:300px; overflow:hidden;}
.zx_left img{ width:300px; max-height:200px;}
.zx_right{ float:right; width:820px; text-align:left; margin-right:30px;}
.zx_right h2{ font-size:16px; margin-top:20px; margin-bottom:20px;}
.zx_right p{ line-height:180%; color:#999999;}
.zx_right a{ display:block; width:100px; height:25px; border-radius:5px; background:#177CF9; text-align:center; color:#FFFFFF; padding-top:5px; float:right; margin-top:30px;}

.main1{ width:1200px; margin:0px auto; margin-top:50px; min-height:400px;}
.main1 img{ max-width:1200px;}
.main1 h2{ font-size:20px; font-weight:400; margin-bottom:10px;}
.main1 span{ display:block; margin:0px auto; margin-bottom:30px; font-size:12px; color:#999999;}
.main1 p{ text-align:left; line-height:220%; font-size:14px;}
.main1 a{ display:block; margin:0px auto; width:120px; height:24px; background:#177CF9; border-radius:5px; margin-top:30px; padding-top:8px; color:#FFFFFF;}

.main2{ width:1400px; margin:0px auto; margin-top:30px; min-height:400px;}

.yb_conct{position:fixed;z-index:9999999;top:350px;*top:300px;_top:300px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#177CF9 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#177CF9 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#177CF9 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#177CF9 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.xunjia{position:fixed;z-index:9999999;top:550px;*top:550px;_top:550px;left:2px;cursor:pointer;}
.xunjia h3{ width:200px; height:36px; background:#FF9900; text-align:center; font-size:16px; padding-top:14px; border-radius:5px; color:#FFFFFF; margin-top:40px;}
.xunjia h3.h3333{ background:#50B674;}
.xunjia h3.h3333{ background:#50B674;}
.xunjia h3 a{ color:#ffffff;}
.xunjia h3 a:hover{ color:#ffffff;}

.f_nav{ width:80%; margin:0px auto; background:url(../images/foot_bg.jpg) no-repeat #BCBCBC; min-height:490px; margin-top:50px; padding:0px 10%;}
.footer{ width:100%; margin:0px auto; padding-top:80px;}
.f_left{ float:left; width:18%; text-align:left; margin-right:5%;}
.f_left h2{ font-weight:bold; font-size:20px; margin-bottom:20px; border-bottom:1px solid #CCCCCC; padding-bottom:20px;}
.f_left hr{ width:30px; border:none; height:2px; background:#177CF9; margin-top:-21px;}
.f_left ul{ margin-top:20px;}
.f_left ul li{ line-height:250%; font-size:14px; color:#666666;}
.f_left ul li a{ color:#666666;}
.f_left ul li a:hover{ color:#666666;}
.f_right{ float:right; width:30%; text-align:left;}
.f_right h2{ font-weight:bold; font-size:20px; margin-bottom:20px; border-bottom:1px solid #CCCCCC; padding-bottom:20px;}
.f_right hr{ width:30px; border:none; height:2px; background:#177CF9; margin-top:-21px;}
.f_right ul{ margin-top:20px;}
.f_right ul li{ line-height:250%; font-size:14px; color:#666666;}
.f_right ul li span{ font-size:30px; font-weight:bold; color:#177CF9;}
.f_right ul li a{ color:#666666;}
.f_right ul li a:hover{ color:#666666;}
.f_nav hr.hr{ border:none; height:2px; background:#b7b7b7; margin-top:50px;}
.foot{ width:100%; height:60px;}
.foot h2{ width:100%; margin:0px auto; font-size:14px; font-weight:100; padding-top:20px; color:#6E6E6E;}
.foot h2 p{ float:left;}
.foot h2 a{ float:right;}
.links{ width:100%; margin:0px auto; text-align:left; margin-top:20px;}
.links h2{ font-weight:400; font-size:16px;}

@media (max-width: 800px) {
.top{ width:90%; height:auto; margin:0px auto; padding:2% 5%; padding-bottom:10px;}
.logo{ float:left; width:55%; text-align:left; padding-bottom:10px;}
.logo img{ width:100%;}
.set{ float:right; width:25%; padding-top:0px; padding-bottom:10px;}
.set img{ width:100%;}
.inav{ width:98%; background:#177CF9; height:36px; padding:0px 1%;}
.nav{ width:100%; margin:0px auto; height:36px;}
.nav ul li{ float:left; width:12%; height:36px;}
.nav ul li a{ display:block; width:100%; height:26px; color:#ffffff; padding-top:10px; font-size:12px; font-family:"微软雅黑";}
.nav ul li a:hover{ background:url(../images/nav_li.jpg) repeat-x; font-weight:bold; color:#333;}
.nav ul li.li{ float:right; width:10%; background:#559FFB;}
.nav ul li.li a{ width:100%;}
.nav ul li.li a:hover{ background:none; color:#333;}

.youshi{ width:90%; height:auto; margin:0px auto; margin-top:20px; padding:0px 5%;}
.ys_top{ width:100%; margin:0px auto;}
.ys_top img{ width:50%;}
.ys_bot{ width:100%; margin-top:20px;}
.ys_bot img{ width:30%;}
.ys_b_left{ width:41%; float:left; min-height:160px; border:2px solid #CCCCCC; padding:2%; border-radius: 5%; cursor:pointer; margin-right:3%; margin-bottom:15px;}
.ys_b_left:hover{ border:2px solid #177CF9; background:#f6f6f6;}
.ys_b_left img{ height:45px;}
.ys_b_left h2{ margin-top:20px; font-size:14px;}
.ys_b_left p{ line-height:180%; text-align:left; font-size:12px; margin-top:15px; color:#999999;}
.ys_b_right{ margin-right:0px; float:left;}

.products{ width:90%; height:auto; margin:0px auto; margin-top:40px; padding:0px 5%;}
.pd_cer{ width:100%; height:auto; margin:0px auto; margin-top:30px;}
.pd_cer ul li{ width:44%; background:#f6f6f6; height:40px; border-radius: 5px; float:left; margin-left:2%; margin-right:2%; margin-bottom:10px;}
.pd_cer ul li a{ display:block; width:100%; background:#f6f6f6; height:30px; font-size:14px; padding-top:10px; border-radius: 5px;}
.pd_cer ul li a:hover{ background:#177CF9; color:#FFFFFF;}
.pd_bot{ width:100%; height:auto; margin:0px auto; margin-top:10px;}
.pd_bot ul{ margin-left:2%;}
.pd_bot ul li{ width:44%; height:auto; float:left; margin-left:1%; margin-right:2%; margin-top:20px; overflow:hidden;}
.pd_bot ul li img{ border-radius: 3px; width:100%; height:auto; overflow:hidden;}
.pd_bot ul li span{ display:block; margin:0px auto; width:98%; height:auto; border-radius: 5px; background:#177CF9; font-size:14px; padding:1%; color:#FFFFFF; position:relative; z-index:99;}

.about{ width:90%; height:auto; margin:0px auto; margin-top:50px; background:url(../images/about_bg.jpg) no-repeat 100% #ebebeb; padding:0px 5%; padding-bottom:50px;}
.boxabo{ width:100%; margin:0px auto; padding-top:40px;}
.ba_left{ float:left; width:100%; text-align:left;}
.ba_left h2{ font-size:30px;}
.ba_left h3{ font-size:16px; margin-top:20px; color:#666; font-weight:400;}
.ba_left p{ font-size:14px; line-height:180%; color:#666; margin-top:30px;}
.ba_left a{ width:130px; display:block; height:32px; background:url(../images/jian.png) no-repeat 120px #177CF9; border-radius: 50px; font-size:16px; color:#FFFFFF; padding-left:30px; padding-top:10px; margin-top:50px;}
.ba_right{ float:right; width:35%; padding-top:10px; display:none;}
.ba_right img{ width:100%;}
.guanggao{ width:90%; margin:0px auto; height:120px; background:#177CF9; margin-top:-100px; border-radius: 30px; padding:40px 5%; display:none;}
.gg_left{ width:50%; float:left;}
.gg_left h2{ text-align:left; color:#FFFFFF; font-size:20px; font-weight:400;}
.gg_left h3{ width:85%; height:36px; background:#000000; color:#FFFFFF; border-radius: 50px; font-size:16px; font-weight:400; padding-top:10px; margin-top:38px;}
.gg_right{ float:right; width:35%;}
.gg_r_left{ float:left; width:70%; color:#FFFFFF;}
.gg_r_left h2{ background:url(../images/dianhua.png) no-repeat left center; text-align:left; font-size:16px; font-weight:400; padding-left:50px; margin-bottom:20px;}
.gg_r_left h2 b{ font-size:20px; font-weight:bold;}
.gg_r_right{ float:right; width:25%; display:none;}
.gg_r_right img{ width:100%;}

.anli{ width:90%; height:auto; margin:0px auto; margin-top:40px; padding:0px 5%;}
.al_bot{ width:100%; height:auto; margin:0px auto; margin-top:10px;}
.al_bot ul{ margin-left:10px;}
.al_bot ul li{ width:44%; height:auto; float:left; margin-left:1%; margin-right:2%; margin-top:20px; overflow:hidden;}
.al_bot ul li img{ border-radius: 3px; width:100%; height:auto; overflow:hidden;}
.al_bot ul li span{ display:block; width:100%; height:auto; border-radius: 5px; background:#f6f6f6; font-size:14px; padding:1%; color:#333; position:relative; z-index:99;}

.fuwu{ width:100%; margin:0px auto; margin-top:50px;}
.fw_left{ width:100%; float:left; background:url(../images/chengbao.jpg); min-height:340px; cursor:pointer; padding-bottom:5%;}
.fw_left:hover{opacity: 0.8;z-index: -1; }
.fw_left1{ background:url(../images/jianshe.jpg);}
.fw_left2{ background:url(../images/buju.jpg);}
.fw_left h2{ color:#FFFFFF; font-size:28px; margin-top:50%; font-weight:400;}
.fw_left h2 a{ color:#FFFFFF;}
.fw_left p{ font-size:16px; color:#FFFFFF; line-height:180%; margin-top:20px;}

.f_nav{ width:90%; margin:0px auto; background:url(../images/foot_bg.jpg) no-repeat #BCBCBC; min-height:390px; margin-top:50px; padding:0px 5%;}
.footer{ width:100%; margin:0px auto; padding-top:40px;}
.f_left{ float:left; width:18%; text-align:left; margin-right:5%; display:none;}
.f_left h2{ font-weight:bold; font-size:16px; margin-bottom:20px; border-bottom:1px solid #CCCCCC; padding-bottom:20px;}
.f_left hr{ width:20px; border:none; height:2px; background:#177CF9; margin-top:-21px;}
.f_left ul{ margin-top:20px;}
.f_left ul li{ line-height:250%; font-size:12px; color:#666666;}
.f_left ul li a{ color:#666666;}
.f_left ul li a:hover{ color:#666666;}
.f_right{ float:left; width:100%; text-align:left;}
.f_right h2{ font-weight:bold; font-size:20px; margin-bottom:20px; border-bottom:1px solid #CCCCCC; padding-bottom:20px;}
.f_right hr{ width:30px; border:none; height:2px; background:#177CF9; margin-top:-21px;}
.f_right ul{ margin-top:20px;}
.f_right ul li{ line-height:250%; font-size:14px; color:#666666;}
.f_right ul li span{ font-size:30px; font-weight:bold; color:#177CF9;}
.f_right ul li a{ color:#666666;}
.f_right ul li a:hover{ color:#666666;}
.f_nav hr.hr{ border:none; height:2px; background:#b7b7b7; margin-top:30px;}
.foot{ width:100%; height:60px;}
.foot h2{ width:100%; margin:0px auto; font-size:14px; font-weight:100; padding-top:20px; color:#6E6E6E; text-align:left; line-height:180%;}
.foot h2 p{ float:left;}
.foot h2 a{ float:right; display:none;}
.links{ width:100%; margin:0px auto; text-align:left; margin-top:20px; display:none;}
.links h2{ font-weight:400; font-size:16px;}

.weizhi{ width:100%; margin:0px auto; height:50px; background:#F7F7F7;}
.weizhi h2{ text-align:left; width:90%; font-size:14px; margin:0px auto; color:#666666; font-weight:100; padding:0px 5%; padding-top:15px;}
.weizhi h2.h33{ width:90%; padding:0px 5%;}
.main{ width:90%; margin:0px auto; margin-top:30px; min-height:400px; padding:0px 5%;}
.m_top{ width:100%; margin:0px auto; height:40px;}
.m_top h2{ float:left; width:45%; height:40px; font-size:14px; background:#F1F1F1; font-weight:100; margin-left:2%; margin-right:2%; margin-bottom:10px;}
.m_top h2.h22{ background:#177CF9; color:#FFFFFF;}
.m_top h2.h22 a{ color:#FFFFFF;}
.m_top h2 a{ display:block; width:100%; height:30px; padding-top:10px;}
.m_top h2 a:hover{ background:#177CF9; color:#FFFFFF;}
.m_bot{ width:100%; margin:0px auto; margin-top:30px; min-height:400px; text-align:left;}
.m_bot img{ margin-bottom:20px; max-width:100%;}
.m_bot p{ text-align:left; line-height:180%; font-size:14px;}
.main2{ width:90%; margin:0px auto; padding:0px 5%;}
.m_bot{ width:100%; margin:0px auto; margin-top:20px; min-height:400px; text-align:left;}
.m_bot img{ margin-bottom:20px; max-width:100%;}
.m_bot p{ text-align:left; line-height:180%; font-size:14px;}
.m_t_di{ float:none; width:100%; height:auto;}
.m_t_di img{ width:100%; height:auto;}
.m_t_lian{ float:none; width:100%; background:#F8F8F8; height:auto; text-align:left; padding-bottom:30px;}
.m_t_lian ul{ padding-top:20px; padding-left:40px;}
.m_t_lian ul h2{ margin-bottom:20px;}
.m_t_lian ul li{ line-height:180%; font-size:14px;}
.m_t_lian ul img{ margin-top:40px;}
.liu{ width:100%; margin:0px auto; height:430px; margin-top:30px; background:#F7F7F7; display:none;}
.l_left{ display:none; float:left; width:350px; padding-left:50px; padding-top:50px;}
.l_left h2{ float:left; width:100%; height:70px; border-left:3px solid #177CF9; text-align:left; font-size:30px; font-weight:400; padding-left:30px; line-height:40px;}
.l_left h2 span{ font-size:14px; color:#999999;}
.l_left p{ float:left; width:100%; text-align:left; margin-top:20px;}
.l_right{ float:none; width:100%; padding-top:50px;}
.l_right ul li{ float:left; margin-bottom:10px;}
.l_right ul li input{ width:90%; float:left; height:40px; border:1px solid #CCCCCC; border-radius:5px; padding-left:10px; color:#999999;}
.l_right ul li textarea{ width:90%; height:100px; border:1px solid #CCCCCC; border-radius:5px; padding-left:10px; color:#999999; padding-top:5px;}
.l_right ul li input.input{ width:120px; height:40px; border:none; background:#177CF9; color:#FFFFFF; float:none;}

.show{ width:100%; margin:0px auto; margin-top:30px;}
.show_top{ width:100%;}
.s_t_left{ width:100%; overflow:hidden;}
.s_t_left img{ width:100%;}
.s_t_right{ width:90%; height:auto; background:#F7F7F7; padding:5%; text-align:left;}
.s_t_right h2{ font-size:24px; font-weight:400; margin-bottom:15px;}
.s_t_right ul li{ line-height:200%; font-size:14px;}
.s_t_right p{ margin-top:30px; font-size:14px;}
.s_t_right p b{ font-size:30px; color:#177CF9;}
.show_bot{ width:100%; margin:0px auto; margin-top:20px;}
.s_b_top{ width:100%; height:40px; background:#177CF9;}
.s_b_top h3{ text-align:left; padding-left:20px; padding-top:10px; font-size:14px; color:#FFFFFF;}
.s_b_bot{ width:100%; text-align:left; margin-top:20px; line-height:200%;}
.s_b_bot img{ max-width:100%;}

.zixun{ width:100%; margin:0px auto; height:auto; margin-top:30px; background:#F7F7F7; margin-bottom:15px;}
.zx_left{ float:none; width:100%; overflow:hidden;}
.zx_left img{ width:100%; max-height:200px;}
.zx_right{ float:none; width:100%; text-align:left;}
.zx_right h2{ font-size:16px; margin-top:0px; margin-bottom:0px; padding:10px 0px;}
.zx_right p{ display:none; line-height:180%; color:#999999;}
.zx_right a{ display:block; width:100px; height:25px; border-radius:5px; background:#177CF9; text-align:center; color:#FFFFFF; padding-top:5px; float:right; margin-top:20px;}

.main1{ width:90%; margin:0px auto; margin-top:50px; min-height:400px; padding:0px 5%;}
.main1 img{ max-width:100%;}
.main1 h2{ font-size:20px; font-weight:400; margin-bottom:10px;}
.main1 span{ display:block; margin:0px auto; margin-bottom:30px; font-size:12px; color:#999999;}
.main1 p{ text-align:left; line-height:220%; font-size:14px;}
.main1 a{ display:block; margin:0px auto; width:120px; height:24px; background:#177CF9; border-radius:5px; margin-top:30px; padding-top:8px; color:#FFFFFF;}

.yb_conct{position:fixed;z-index:9999999;top:350px;*top:300px;_top:300px;right:-127px;cursor:pointer;transition:all .3s ease; display:none;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#177CF9 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#177CF9 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#177CF9 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#177CF9 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
}

.main_img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(0, 0, 0, 0.4);

    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:250px;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
	bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
}
.main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
	    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
	
    filter: none;
}
.pageinfo { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; COLOR: #0076BE; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center; margin-top:20px;}
.pageinfo A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; COLOR: #333; PADDING-TOP: 2px; TEXT-DECORATION: none; border: 1px solid #E1E1E1; }
.pageinfo A:hover { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo A:active { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.thisclass { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.pageinfo { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #FFFFFF; border: 1px solid #E1E1E1; color: #333333; }
.pageinfo SPAN.disabled {DISPLAY: none}
.pageinfo SPAN.current { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; border: 1px solid #E60011; color:#FFFFFF; background-color: #E60011; }

.page .page-news-list li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCCCCC; line-height: 32px; height: 32px; background-image: url(../images/dot-gray.jpg); background-repeat: no-repeat; background-position: 0px center; padding-left: 12px; }

.page-news-show { width:100%; padding: 8px; line-height:200%;}
.page-news-show h2 { background:none; width:100%; font-size: 20px; line-height: 32px; text-align: center; color: #032088; font-weight: 700; }
.page-news-show .info { text-align: center; color: #666666; line-height: 22px; margin-bottom:20px; }