@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ margin:0 auto; padding:0 auto; color:#333; font-size:14px; font-family:"微软雅黑", Arial; 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;}

.t_huan{ width:100%; background:#F6F6F6; border-bottom:1px solid #CCCCCC;}
.huany{ width:1200px; height:29px; margin:0px auto;}
.hyzi{ float:left; width:800px; padding-top:6px; text-align:left;}
.hyqita{ float:right; width:200px; padding-top:6px; text-align:right;}
.top{ width:1200px; height:80px; margin:0px auto; padding:20px 0px;}
.logo{ float:left; width:630px; text-align:left; padding-top:10px;}
.set{ float:right; padding-top:20px;}
.inav{ width:100%; background:#F5F5F5; height:50px; margin-top:20px;}
.nav{ width:1200px; margin:0px auto; height:50px;}
.nav ul li{ float:left; width:140px; height:50px;}
.nav ul li a{ display:block; width:140px; height:36px; color:#333333; padding-top:14px; font-size:14px; font-family:"微软雅黑", Arial;}
.nav ul li a:hover{ background:#0C7BF8; font-weight:bold; color:#FFFFFF;}

.flash{ width:100%; height:auto; z-index:111;}
.flash img{ width:100%; height:auto;}

.zhong{ width:1216px; height:156px; padding-top:26px; margin:0px auto; background:url(../images/te_bg.png) no-repeat; margin-top:-75px; z-index:999999; position:relative;}
.z_li{ float:left; width:180px; height:97px; border-right:1px solid #ECECEC; padding:0px 60px; padding-top:15px;}
.z_li1{ width:200px; height:97px; border-right:0px solid #ECECEC; padding:0px 50px; padding-top:15px;}
.z_li_l{ float:left; width:80px;}
.z_li_r{ float:right; width:100px;}
.z_li1 .z_li_r{ width:110px;}
.z_li_r h2{ font-size:30px; color:#0C7BF8; margin-bottom:10px;}
.z_li_r h2 span{ font-size:16px; color:#666666;}
.z_li_r p{ font-size:16px;}

.s_pro{ width:1200px; height:auto; margin:0px auto; margin-top:30px;}
.s_p_top{ width:100%; margin-bottom:20px;}
.s_p_top h2{ font-size:28px; color:#0C7BF8;}
.s_p_top h2 span{ color:#333333;}
.s_p_top h3{ margin:0px auto; height:30px; width:auto; text-align:center; font-size:16px; margin-top:10px; font-weight:100;}
.s_p_fen{ width:1200px; margin:0px auto;}
.s_p_fen ul li{ float:left; width:180px; height:40px; margin-left:10px; margin-right:20px;}
.s_p_fen ul li a{ display:block; width:180px; height:30px; background:#EFEFEF; font-size:16px; padding-top:10px;}
.s_p_fen ul li a:hover{ background:#0C7BF8; color:#FFFFFF;}
.s_p_bot{ width:1200px; margin:0px auto; margin-top:20px;}
.s_p_bot ul li{ float:left; width:380px; margin-left:10px; margin-right:10px; margin-bottom:20px;}
.s_p_bot ul li img{ width:380px; height:380px; overflow:hidden;}
.s_p_bot ul li a img{ width:380px; height:380px; overflow:hidden;}
.s_p_bot ul li span{ display:block; width:380px; height:40px; background:#0C7BF8; font-size:16px; padding-top:15px; color:#FFFFFF;}
.s_p_bot ul li a:hover{ color:#ffffff;}


.youshi{ width:100%; min-height:1900px; background:url(../images/ys_bg.png) no-repeat; border-top:10px solid #0C7BF8; margin-top:30px;}
.youshi1{ width:1200px; margin:0px auto; padding-top:50px;}
.ys1_top{ width:1200px;}
.ys1_top h2{ width:940px; height:70px; font-size:40px; color:#0C7BF8; float:left; padding:0px 130px;}
.ys1_top h2 p{ float:right; width:480px; height:65px; background:#0C7BF8; color:#FFFFFF; border-radius:5px; padding-top:5px;}
.ys1_top h3{ margin-top:20px; margin-left:210px; background:url(../images/ys_top.png) no-repeat; width:780px; height:38px; font-size:18px; font-weight:100; padding-top:6px;}
.ys1_top h3 b{ font-size:24px;}
.ys1_bot{ width:1200px;}
.ys1_b_yi{ width:1200px; margin-top:50px;}
.ys1_b_y_left{ float:left; width:510px; padding-top:50px;}
.ys1_b_y_left img{ float:left; padding-right:20px;}
.ys1_b_y_left h2{ font-size:36px; color:#E70013; text-align:left; margin-bottom:5px;}
.ys1_b_y_left h3{ font-size:24px; text-align:left; margin-bottom:10px;}
.ys1_b_y_left hr{ border:2px solid #ccc;}
.ys1_b_y_left p{ line-height:180%; text-align:left; margin-top:20px; margin-left:150px;}
.ys1_b_y_right{ float:right; width:466px;}
.ys1_b_er{ width:1200px; margin-top:50px;}
.ys1_b_er_left{ float:left; width:530px; padding-top:50px;}
.ys1_b_er_right{ float:right; width:510px; padding-top:50px;}
.ys1_b_er_right img{ float:left; padding-right:20px;}
.ys1_b_er_right h2{ font-size:36px; color:#E70013; text-align:left; margin-bottom:5px;}
.ys1_b_er_right h3{ font-size:24px; text-align:left; margin-bottom:10px;}
.ys1_b_er_right hr{ border:2px solid #ccc;}
.ys1_b_er_right p{ line-height:180%; text-align:left; margin-top:20px; margin-left:150px;}
.ys1_b_san{ width:1200px; margin-top:50px;}
.ys1_b_si{ width:1200px; margin-top:50px;}

.anli{ width:1200px; height:auto; margin:0px auto; margin-top:30px;}
.al_top{ width:100%; margin-bottom:20px;}
.al_top h2{ font-size:28px; color:#0C7BF8;}
.al_top h2 span{ color:#333333;}
.al_top h3{ margin:0px auto; height:30px; width:auto; text-align:center; font-size:16px; margin-top:10px; font-weight:100;}

.about{ width:100%; height:400px; margin:0px auto; margin-top:30px; background:#F6F6F6; padding:50px 0px;}
.abo_zhong{ width:1200px; height:auto; margin:0px auto;}
.abo_z_left{ float:left; width:500px; background:#FFFFFF; padding:10px;}
.abo_z_right{ float:right; width:630px; background:#F5F5F5; padding:20px; text-align:left;}
.abo_z_right h2{ font-size:28px; color:#0C7BF8;}
.abo_z_right h2 span{ color:#333333;}
.abo_z_right h3{ margin:0px auto; height:30px; width:auto; text-align:left; font-size:16px; margin-top:10px; font-weight:100; margin-bottom:15px;}
.abo_z_right p{ line-height:190%;}
.abo_z_right a{ display:block; width:128px; height:28px; background:#CCCCCC; text-align:center; padding-top:10px; margin-top:30px;}

.news{ width:1200px; height:auto; margin:0px auto; margin-top:30px;}
.n_bot{ width:1200px; height:auto; margin:0px auto;}
.n_b_1{ float:left; width:340px; height:auto; padding:20px; background:#F6F6F6; margin-left:10px; margin-right:10px;}
.n_b_1 span{ display:block; text-align:left; color:#666;}
.n_b_1 h2{ text-align:left; margin-top:10px; font-size:16px; margin-bottom:15px;}
.n_b_1 p{ line-height:180%; color:#666; text-align:left;}
.n_b_1 img{ margin-top:20px; width:340px; height:240px;}
.n_menu{ width:800px; height:40px; margin:0px auto; margin-bottom:30px; padding-left:400px;}
.n_menu h2{ width:180px; height:30px; background:#EFEFEF; float:left; margin-left:10px; margin-right:10px; font-size:16px; font-weight:100; padding-top:10px;}
.n_menu h2.h2{ background:#0C7BF8; color:#FFFFFF;}
.n_menu h2.h2 a{ color:#FFFFFF;}

.links{ width:100%; margin:0px auto; height:auto; padding:15px 0px; background:#0C7BF8; text-align:left; color:#FFFFFF; margin-top:30px;}
.links1{ width:1200px; margin:0px auto;}
.links1 h2{ font-size:14px; width:80px; float:left;}
.links1 a{ color:#FFFFFF;}

.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;}
.main{ width:1200px; margin:0px auto; margin-top:30px; min-height:400px; padding-bottom:30px;}
.m_top{ width:1200px; margin:0px auto; height:40px;}
.m_top h2{ float:left; width:280px; height:30px; padding-top:10px; font-size:14px; background:#F1F1F1; font-weight:100; margin-right:20px;}
.m_top h2:hover{ background:#0C7BF8; color:#FFFFFF;}
.m_top h2:hover a{ color:#FFFFFF;}
.m_top h2 a{ width:280px; display:block;}
.m_bot{ width:1200px; margin:0px auto; margin-top:30px; min-height:400px;}
.m_bot img{ margin-bottom:20px;}
.m_bot p{ text-align:left; line-height:180%; font-size:14px;}
.m_t_di{ float:left; width:621px;}
.m_t_lian{ float:right; width:579px; background:#F8F8F8; height:495px; text-align:left;}
.m_t_lian ul{ padding-top:50px; 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 #0C7BF8; 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:#0C7BF8; color:#FFFFFF; float:left;}

.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; height:200px; overflow:hidden;}
.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:170%; color:#999999;}
.zx_right a{ display:block; width:100px; height:25px; border-radius:5px; background:#0C7BF8; text-align:center; color:#FFFFFF; padding-top:5px; float:right; margin-top:25px;}


.main1{ width:1200px; margin:0px auto; margin-top:50px; min-height:400px; padding-bottom:30px;}
.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:#0C7BF8; border-radius:5px; margin-top:30px; padding-top:8px; color:#FFFFFF;}

.pro1_top{ width:1200px; height:60px;}
.pro1_top ul li{ float:left; width:220px; height:40px; background:#F6F6F6; margin-right:20px; font-size:14px; padding-top:20px; cursor:pointer; margin-bottom:20px;}
.pro1_top ul li.li{ background:#0C7BF8; color:#FFFFFF;}
.pro1_top ul li:hover{ background:#0C7BF8; color:#FFFFFF;}
.pro1_bot{ width:1200px; margin:0px auto; margin-top:40px;}
.pro1_bot ul{ mix-height:520px;}
.pro1_bot ul li{ float:left; width:380px; height:380px; overflow:hidden; margin-right:20px; margin-bottom:20px;}
.pro1_bot ul li img{ width:380px; height:380px; overflow:hidden;}
.pro1_bot ul li span{ display:block; width:380px; height:40px; background:#0C7BF8; padding-top:15px; font-size:14px; color:#FFFFFF; position:relative; z-index:9999;}
.pro1_bot ul h2{ float:left; width:1200px; height:32px; margin:0px auto; float:none;  background:#0C7BF8; margin-bottom:20px; font-size:16px; color:#FFFFFF; padding-top:8px;}
.pro1_bot ul p{ float:left; width:140px; height:30px;}
.pro1_bot ul p a{ display:block; width:140px; height:30px; background:#F6F6F6; font-size:14px; padding-top:6px;}
.pro1_bot ul p a:hover{  background:#0C7BF8; color:#FFFFFF;}

.show{ width:1200px; margin:0px auto; margin-top:30px;}
.show_top{ width:1200px;}
.s_t_left{ width:600px; float:left; overflow:hidden;}
.s_t_left img{ width:600px;}
.s_t_right{ float:right; width:500px; height:500px; background:#E5E5E5; padding:50px; text-align:left;}
.s_t_right h2{ font-size:24px; font-weight:400; margin-bottom:15px;}
.s_t_right ul{ 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:#C30D23;}
.show_bot{ width:1200px; margin:0px auto; margin-top:20px;}
.s_b_top{ width:1200px; height:40px; background:#0C7BF8;}
.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;}

.f_nav{ width:100%; background:#F7F7F7; height:220px; border-top:2px solid #0C7BF8;}
.f_nav1{ width:100%; background:#F7F7F7; height:220px; border-top:2px solid #0C7BF8; margin-top:30px;}
.footer{ width:1200px; margin:0px auto; padding-top:40px;}
.f_left{ float:left; width:590px; text-align:left; background:url(../images/logof.png) no-repeat left center; padding-left:310px;}
.f_left h2{ font-weight:100; margin-bottom:10px;}
.f_left li{ line-height:220%; font-size:14px; color:#666666;}
.f_right{ float:right; width:146px;}
.foot{ width:100%; height:50px; background:#898989;}
.foot h2{ width:1200px; margin:0px auto; font-size:14px; font-weight:100; padding-top:17px; color:#ffffff;}
.foot h2 p{ float:left;}
.foot h2 a{ float:right; color:#FFFFFF;}

.yb_conct{position:fixed;z-index:9999999;top:450px;*top:400px;_top:400px;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:#0C7BF8 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0C7BF8 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0C7BF8 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0C7BF8 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;}

.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; }