@charset "utf-8";
/* CSS Document */
* { padding: 0px; margin: 0px; }
html { background: #FFF; }
body { font-family: Microsoft YaHei, Microsoft YaHei UI, Helvetica Neue, Helvetica, Arial, sans-serif, Verdana, Tahoma; font-size: 16px; min-width: 1200px; color: #666666; }
img { border: none; vertical-align: middle; }
ul, li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
H1, H2, H3, H4, H5, H6 { font-size: 14px; vertical-align: middle; padding: 0px; margin: 0px; font-weight: normal; }
form, input, select, submit, textarea, button { font-size: 14px; vertical-align: middle; padding: 0px; margin: 0px; }
table { border-collapse: collapse; border-spacing: 0; }
.fl-clear { clear: both }
.fl-clr { zoom: 1 }
.fl-clr:after { display: block; clear: both; height: 0; content: "" }
ul, ol { list-style: none outside none }
a { text-decoration: none; color: #5e5e5e; }
a:hover { text-decoration: none; color: #1571C8 }
img { border: 0 }
.index_main { width: 1200px; margin: 0 auto; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.clear { zoom: 1; }
.fl-l { float: left; }
.fl-r { float: right; }
.t-a-l { text-align: left; }
.t-a-r { text-align: right; }
.c-b { clear: both; }
.w-100 { width: 100%; }
.h-100 { width: 100%; }
.w-1200 { width: 1200px; }
.bg-ffffff { background: #ffffff; }
.bg-fafafa { background: #fafafa; }
.bg-f2f2f2 { background: #f2f2f2; }
.bg-f2-h-10 { background: #f2f2f2; width: 100%; height: 10px; margin: 0 auto; }
.bg-f2-w-15 { background: #f2f2f2; width: 15px; height: auto; margin: 0 auto; }
.clear:after { content: ""; display: block; clear: both; }
.head_top { background: none repeat scroll 0 0 #fafafa; height: 36px; font-size: 13px; color: #6f6f6f; line-height: 36px;border-bottom: 1px solid #eee; }
.head_top a { padding-left: 10px; height: 36px; font-size: 13px; color: #999; line-height: 36px; }
.top-lan { }
.top-lan li { float: left; padding: 0 28px; }
.lan-cn { background: url(/img/lan_cn.jpg) no-repeat 0 center; }
.lan-en { background: url(/img/lan_en.jpg) no-repeat 0 center; }
.head_cen { padding: 25px 0 20px 0; }
.head_cen img { display: block; }
.head_nv { background: none repeat scroll 0 0 #1571C8; height: 50px; line-height: 50px; margin-bottom: 10px; }
.head_nv li { float: left; margin-right: 5px; }
.head_nv li a { display: block; line-height: 50px; height: 50px; width: 107px; text-align: center; text-decoration: none; font-size: 16px; color: #fff; }
.head_nv li a:hover { background-color: #1571C8; color: #fff; }
.head_nv .on { background-color: #1571C8; color: #fff; }
.head_nv .on a { background-color: #1571C8; color: #fff; }
.more { width: 120px; height: 30px; line-height: 30px; float: right; text-align: right; margin-right: 15px; }
.more a { color: #666; }
.more a:hover { color: #1571C8; }
.main_main { padding: 30px 0; }
.main_main_bt { text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.sy-txt { min-height: 170px; }
.main_main_bt span { font-size: 30px; color: #555; }
.main_main_bt p { font-size: 14px; color: #888; line-height: 30px; }
.main_main_left { width: 244px; }
.main_main_right { width: 900px; }
.title1 { border-bottom: 1px #efefef solid; border-top: 1px #efefef solid; height: 45px; font-size: 16px; color: #5e5e5e; line-height: 45px; text-align: left; }
.titlebt { height: 45px; font-size: 16px; color: #5e5e5e; line-height: 45px; text-align: center; border-bottom: 1px solid #eee; font-weight: bold; }
.titledate { height: 20px; font-size: 14px; color: #5e5e5e; line-height: 20px; text-align: center; margin-bottom: 20px; margin-top: 10px; }
.ny_nr1 { line-height: 30px; text-align: justify; margin-top: 20px; }
.ny_nr1 p { }
.ny_xxnr1 img { margin-bottom: 20px; }
.ny_nr1 table { width: 100%; border-width: 1px; border-color: #DDDDDD; border-collapse: collapse; }
.ny_nr1 table td { border-width: 1px; padding: 0px 8px; border-style: solid; border-color: #DDDDDD; background-color: #ffffff; }
.ny_nr1 table td p { text-indent: 0; margin: 0px; padding: 0px; }
.ny_xgcpbt { height: 40px; font-size: 16px; color: #333; line-height: 40px; text-align: left; font-weight: bold; background: #f2f2f2; padding-left: 10px; margin: 10px 0; }
.main_main_box { padding: 30px 0 25px 0; }
.sy_main { padding: 30px 0 30px 0; min-height: 350px; }
.sy_main_list { padding-top: 20px; padding-bottom: 30px; }
.sy_main_list a { font-size: 14px; line-height: 25px; text-align: center; color: #666666; }
.sy_mainjj { padding: 30px 0 50px 0; background: #fafafa; }
.sy_mainjj_left { text-align: justify; height: auto; }
.sy_mainjj_left img { float: left; margin: 8px 10px 0 0; border-radius: 8px; }
.sy_mainjj_left h3 { font-size: 22px; color: #5e5e5e; line-height: 37px; }
.sy_mainjj_left p { display: block; line-height: 30px; height: auto; }
.sy-more { text-align: center; margin: 0 auto; width: 110px; height: 30px; overflow: hidden; zoom: 1; padding-top: 20px; padding-bottom: 20px; }
.sy-more a { display: inline-block; width: 108px; height: 28px; overflow: hidden; line-height: 28px; text-align: center; border: 1px solid #1571C8; font-size: 13px; color: #1571C8; margin: 0 auto; }
.sy-more a:hover { background: #1571C8; color: #fff; }
.sy_mainjj_right { text-align: left; line-height: 20px; }
.sy_mainjj_right h3 { font-size: 22px; color: #5e5e5e; line-height: 37px; }
.sy_mainjj_right p { display: block; font-size: 13px; color: #5e5e5e; line-height: 26px; height: auto; padding: 16px 0; }
.sy_mainjj_pt { padding-top: 19px; }
.sy_mainjj_pt li { float: left; width: 183px; height: 122px; position: relative; margin-right: 5px; }
.sy_mainjj_pt li:nth-of-type(4n+4) { margin-right: 0; }
.sy_mainjj_pt li img { max-width: 100%; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.sy_mainjj_box { padding-top: 0px; }
.foot_bg { background: none repeat scroll 0 0 #222; border-top: 8px solid #ccc; }
.foot_dh { float: left; padding-right: 150px; }
.foot_dh:nth-of-type(3n+3) { padding-right: 0px; }
.foot_dh h3 { font-size: 16px; color: #d7d8d9; padding-bottom: 10px; }
.foot_dh p { display: block; font-size: 14px; color: #777; line-height: 25px; }
.foot_dh a { font-size: 14px; color: #777; }
.foot_tel { font-size: 14px; color: #777; text-align: right; line-height: 25px; margin-right: 10px; padding-top: 38px; }
.foot_db { padding: 20px 0; }
.foot_db a { color: #777; }
.foot_db a:hover { color: #ff6a00; }
.foot_dbms a:hover { color: #ff6a00; }
.link a:hover { color: #ff6a00; }
.link { font-size: 14px; line-height: 25px; text-align: left; color: #777; padding: 1px 0px 50px; margin: 0 auto; }
.link a { color: #777; }
.page-fy { width: 800px; height: auto; overflow: hidden; text-align: left; color: #666; float: left; font-size: 14px; padding: 5px; }
.page-fy span { padding-right: 10px; }
.page-fy a { padding-right: 10px; }
#news1 { }
#news1 ul { padding: 8px 0; }
#news1 li { height: 30px; line-height: 30px; border-bottom: 1px #efefef dashed; }
#news1 li a { padding-left: 15px; }
#news1 li span { float: right; width: 120px; text-align: center; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; }
.news2_list { width: 1200px; height: auto; overflow: hidden; }
.news2_list a:hover { COLOR: #1571C8; }
.news2_list li { float: left; width: 540px; padding: 12px 8px 10px 12px; border-bottom: 1px #bccad5 dashed; margin-right: 40px; }
.news2_list li span { float: right; line-height: 25px; }
.sy_main1 { background: #fafafa; }
.ny_hfbg { background: url(/img/bn2.jpg) no-repeat center top; width: 100%; height: 270px; margin: 0 auto; }
.proli { margin: 0 auto; overflow: hidden; zoom: 1; }
.proli li { width: 274px; height: auto; float: left; margin: 10px; padding: 2px; border: 1px solid #cccccc; overflow: hidden; }
.proli li img { width: 100%; height: 100%; transition: all .5s ease-in-out; }
.proli li img:hover { transform: scale(1.1); }
.proli li span { display: block; height: 40px; line-height: 40px; text-align: center; }
.proli li:hover { border: 1px solid #1571C8; }
.proli li:hover a { color: #1571C8; }
.ny_xxnr1 { overflow: hidden; margin: 10px auto; }
.foot_dbms { overflow: hidden; margin: 10px 0 50px 0; color: #777; font-size: 14px; }
.foot_dbms a { color: #777; }
/*导航开始*/
.head_nav { background: none repeat scroll 0 0 #0058ba; }
#head_nav_1200 { width: 1200px; margin: 0 auto; height: 50px; line-height: 50px; overflow: hidden; }
#head_nav_1200 ul { width: 1200px; height: 50px; position: absolute; z-index: 99; }
#head_nav_1200 ul .nav-item { width: 160px; height: 50px; float: left; position: relative; z-index: 99; }
#head_nav_1200 ul .nav-item:hover { display: block; width: 160px; height: 50px; float: left; position: relative; background: none repeat scroll 0 0 #005dc6; }
#head_nav_1200 ul .now { background: none repeat scroll 0 0 #005dc6; }
#head_nav_1200 ul .nav-item:hover div { display: block; }
#head_nav_1200 ul .nav-item a { color: #f1f1f1; display: block; font-size: 16px; font-weight: bold; height: 50px; line-height: 50px; _line-height: 50px; text-align: center; text-decoration: none; }
#head_nav_1200 ul .nav-item a:hover { color: #ff8a00; }
#head_nav_1200 ul .nav-item .on { color: #ff8a00; }
#head_nav_1200 ul .nav-item div { padding-bottom: 30px; display: none; background-color: #005dc6; border: 1px solid #ccc; border-top: 4px solid; border-color: #fff; position: absolute; left: 50%; margin-left: -49%; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.02), 0 2px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0 4px rgba(0,0,0,.02), 0 2px 5px rgba(0,0,0,.1); box-shadow: 0 0 4px rgba(0,0,0,.02), 0 2px 5px rgba(0,0,0,.1); width: 98%; }
#head_nav_1200 .MT-arrow { display: block; background: url(/img/dhsjx.png) no-repeat; width: 24px; height: 16px; margin: 0 auto; }
#head_nav_1200 ul .nav-item div a { width: 86%; margin: 0 auto; border-bottom: 1px solid #ccc; height: auto; line-height: 40px; font-size: 14px; *zoom:1;
}
/*导航结束*/
.box { margin: 0 auto; }
.box ul { border: 0; }
.box ul li { height: 50px; display: block; border-radius: 0px; background-color: #fafafa; }
.box ul li:hover ul { display: block; }
.box ul li a { padding-left: 30px; text-align: left; height: 50px; line-height: 50px; display: block; }
.box ul li ul { display: none; position: relative; top: -50px; left: 239px; }
.box ul li ul li { background-color: #f3f3f3; border-bottom: 1px dashed #e7e7e7; }
.box ul li ul li:hover { background: #eee; }
.box ul li ul li:hover ul { visibility: visible; }
.box ul li ul li ul { visibility: hidden; position: relative; top: -50px; left: 239px; }
.box ul li ul li ul li { background: #f6f6f6; }
.box ul li ul li ul li:hover { background: #F3F3F3; }
.cont_l { width: 280px; float: left; }
.cont_l .title { height: 50px; background: #0058ba; color: #fff; padding: 0 20px; line-height: 50px; font-size: 16px; font-weight: bold; }
.cont_l .title span { background: url(/img/ioc.png) no-repeat 0 center; padding-left: 22px; }
.left_nav { border: 1px solid #e6e6e6; border-top: 0; }
.left_nav li .t { position: relative; background: url(/img/ico3.jpg) no-repeat 260px center; border-bottom: 1px solid #e7e7e7; }
.left_nav li .t2 { position: relative; background: #F3F3F3 url(/img/icon-r-hs.png) no-repeat 256px center; }
.left_nav li .t2 i { width: 3px; height: 20px; position: absolute; background: #0058ba; left: 20px; top: 15px; }
.left_nav li .t:hover a { color: #0058ba }
/*首页产品*/
.promain { margin: 0 auto; width: 1200px; height: auto; overflow: hidden; }
.proshow { background: #fff none repeat scroll 0 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); width: 380px; float: left; margin: 10px; border-radius: 5px; }
.proshowpad { margin: 10px; overflow: hidden; }
.proshow .gallery { clear: both; display: block; transition: all .5s ease-in-out; }
.proshow .gallery:hover { transform: scale(1.1); }
.proshow img { height: 100%; width: 100%; }
.proshow .info { font-size: 14px; margin: 20px 0; }
.proshow .name { font-size: 16px; }
.proshow .place { color: #707070; }
.protao { overflow: hidden; }
.proxximg { float: left; border: 1px solid #eee; padding: 10px; }
.proxximg img { width: 400px; height: 300px; border: 0px; }
.proxxnr { float: left; padding-left: 20px; text-align: left; Width: 428px; }
.xxnrjj { font-size: 16px; line-height: 30px; text-align: left; overflow: hidden; margin: 15px 0; min-height: 180px; }
.p_dhk { float: left; margin-right: 10px; }
.p_dhk a { width: 180px; font-size: 16px; height: 45px; line-height: 45px; text-align: center; background: #fe7c22; border-radius: 3px; color: #fff; display: inline-block; border: 1px solid #fe7c22; transition: all .36s ease; }
.p_dhk a:hover { background: #fff; color: #fe7c22; }
/*固定的悬浮窗*/
.kf_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; }
.kf_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; }
.kf_bar .kf_top { background: #ff4a00 url(/img/fixCont.png) no-repeat 0 0; }
.kf_bar .kf_phone { background: #ff4a00 url(/img/fixCont.png) no-repeat 0 -57px; }
.kf_bar .kf_QQ { text-indent: 0; background: #ff4a00 url(/img/fixCont.png) no-repeat 0 -113px; }
.kf_bar .kf_ercode { background: #ff4a00 url(/img/fixCont.png) no-repeat 0 -169px; }
.hd_qr { padding: 0 29px 25px 29px; }
.kf_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff; }