@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, ul, ol, li, pre, form, fieldset, legend, button, input, textarea { margin: 0; padding: 0; border: 0; }
html { color: #000; }
html, body { width: 100% !important; min-width: 1200px }
body, button, input, select, textarea { margin: 0; padding: 0; font-family: "Arial", "Microsoft Yahei", "微软雅黑", "Verdana", "sans-serif"; font-size: 14px; background: #fff }
ul, ol, li, dl, dd, dt { list-style: none; }
em { font-style: normal; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; color: #e85300; }
legend { color: #000; }
fieldset, img { border: 0; }
label, button { cursor: pointer; }
/*解决IE图片缩放失真*/
img { -ms-interpolation-mode: bicubic; }
/*清除浮动*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
/*连续英文、数字换行*/
.wordwrap { word-break: break-all; word-wrap: break-word; }
/*单行文字超出显示省略号*/
.omg { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
img { border: 0; vertical-align: middle; }
a { color: #3a3a3a; text-decoration: none; }
a:hover { color: #0058cb; text-decoration: none }
.w { width: 1200px; margin: 0 auto; }
/*解决IE图片缩放失真*/
img { -ms-interpolation-mode: bicubic; }
/*清除浮动*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.c_wrap { width: 1200px; margin: 0 auto; }
.mt30 { margin-top: 30px }
.mt20 { margin-top: 20px }
.lyheader { width: 100%; height: 40px; overflow: hidden; margin: 0 auto; padding: 0; background-color: #0058cb; }
.lyheader .head_mid { width: 1200px; height: 40px; overflow: hidden; margin: 0 auto; padding: 0; }
.head_mid .head_fl { width: 50%; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; margin: 0; padding: 0; float: left; }
.head_fl a { color: #fff; }
.head_fl a:hover { color: #ffb900; }
.head_mid .head_fr { width: 50%; height: 40px; overflow: hidden; margin: 0; padding: 0; float: right; }
.head_fr p { height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 14px; float: right; }
.head_fr p img { display: block; width: 16px; height: 16px; overflow: hidden; float: left; margin: 12px 6px 12px 0; padding: 0; }
.head_fr p a { display: block; float: left; height: 40px; line-height: 40px; color: #fff; font-size: 14px; }
.head_fr p em { display: block; float: left; width: 1px; height: 12px; overflow: hidden; margin: 14px 16px; padding: 0; background-color: #fff; }
.head_fr p span { font-weight: bold; font-size: 16px; }
.top { width: 1200px; margin: 0px auto; height: 130px; }
.top:after { clear: both; display: block; height: 0; visibility: hidden; }
.top .logo { width: 680px; float: left; height: 100px; display: block; margin-top: 10px; }
.top .logo a { display: block; width: 100%; height: 100%; }
.top .logo a img { max-width: 100%; max-height: 100%; }
.top .top_right { color: #3a3a3a; width: 324px; height: 50px; line-height: 24px; text-align: right; display: block; float: right; text-align: left; padding-left: 50px; margin-top: 26px; }
.top .top_right p { font-size: 22px; color: #e20013; }
.top .top_right b { color: #da0001; font-weight: normal; font-size: 18px }
.top .top_right a { padding: 0px 3px; }
.w { width: 1200px; margin: 0px auto; }
#nav { width: 100%; height: 52px; margin: 0px auto; background: #0058cb; }
#nav .menu { width: 1200px; float: left; }
#nav .menu ul li { float: left; width: 150px; text-align: center; display: block; position: relative; }
#nav .menu ul li a { font-size: 15px; color: #fff; height: 52px; line-height: 52px; width: 150px; display: block; }
#nav .menu ul li a:hover { background: #0664de; }
#nav .menu ul li:hover a { background: #0664de; }
.nav_item_open { width: 100%; height: auto; max-height: 720px; position: absolute; left: 0; top: 100%; z-index: 10; box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1); background: #fff; border-radius: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; margin-top: 0; }
#nav .menu ul li:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
.nav_item2 { width: 100%; line-height: 36px; }
.nav_item2 a { display: block; padding: 0 4%; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; border-top:1px solid rgba(255, 255, 255, 0.2); }
#full-screen-slider { width: 100%; height: 540px; position: relative }
#slides { display: block; width: 100%; height: 540px; list-style: none; padding: 0; margin: 0; position: relative }
#slides li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: absolute }
#slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px }
#pagination { display: block; list-style: none; position: absolute; left: 50%; bottom: 20px; z-index: 9900; padding: 5px 15px 5px 0; }
#pagination li { display: block; list-style: none; width: 40px; height: 5px; float: left; margin-left: 15px; background: rgba(255,255,255,.5); }
#pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; }
#pagination li.current { background: #0058cb; }
.top_search { background: url(../images/search.jpg) right center no-repeat; height: 34px; width: 280px; float: left; margin-top: 30px; text-align: center; margin-left: 120px; }
.top_search .serbg { width: 280px; height: 32px; line-height: 32px; margin-top: 1px; }
.top_search .inputc { float: left; padding-left: 20px; width: 210px; height: 32px; line-height: 32px; border: none; background: none }
.top_search .tj_btn { float: left; width: 50px; height: 32px; line-height: 32px; font-size: 0; border: none; background: none; cursor: pointer; }
/*--footer--*/
.footer { overflow: hidden; background: #0058cb; }
.footer_main { width: 1200px; height: auto; margin: 0 auto; padding: 0; }
.footer .bot_nav { background: rgba(255, 255, 255, 0.1); text-align: center; border-radius: 0 0 16px 16px; font-size: 15px; margin-bottom: 10px; }
.footer .bot_nav a { display: inline-block; width: 9%; height: 55px; line-height: 55px; text-align: center; color: #fff; }
.footer .bot_nav a:hover { text-decoration: none; color: #fff; }
.footer .bot_nav span { display: inline-block; width: 2%; height: 55px; line-height: 55px; text-align: center; color: #fff; }
.footer .ft-inner { padding: 20px 0 20px; overflow: hidden; }
.footer .ft-inner .leftCon { float: left; width: 1060px; }
.footer .ft-inner .rightCon { float: right; width: 112px; }
.footer .ft-info { padding-top: 40px; overflow: hidden; }
.footer .ft-info .ft-logo { float: left; padding-right: 20px; height: 65px; overflow: hidden; }
.footer .ft-info .ft-logo img { display: block; width: 198px; height: 65px; }
.footer .ft-info .ft-tel, .footer .ft-info .ft-address { float: left; margin-top: 12px; margin-left: 70px; padding-left: 65px; color: #fff; overflow: hidden; border-left: 1px solid rgba(255, 255, 255, 0.1); }
.footer .ft-info .ft-tel { width: 214px; }
.footer .ft-info .ft-address { width: 305px; }
.footer .ft-info .ft-tel span, .footer .ft-info .ft-address span { display: block; font-size: 14px; }
.footer .ft-info .ft-tel span { background: url(../images/footer-email.png) left center no-repeat; padding-left: 20px; }
.footer .ft-info .ft-address span { background: url(../images/foter-position.png) left center no-repeat; padding-left: 20px; }
.footer .ft-info .ft-tel p { margin-top: 5px; font-size: 18px; font-family: Arial; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; }
.footer .ft-info .ft-address p { margin-top: 5px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; _white-space: nowrap; line-height: 24px; }
.footer .ft-QRcode { overflow: hidden; }
.footer .ft-QRcode .pic { position: relative; padding: 6px; width: 100px; height: 100px; overflow: hidden; background: #fff; }
.footer .ft-QRcode .pic:after { display: block; position: absolute; left: 6px; top: 0; width: 102px; height: 30px; content: ""; background: url(../images/QRcde_light.png) no-repeat; transform: translateY(400%); animation: moveEwm 2s ease-out alternate infinite; }
.footer .ft-QRcode .pic img { display: block; width: 100px; height: 100px; }
.footer .ft-QRcode .tit { margin-top: 15px; height: 25px; line-height: 25px; font-size: 14px; color: #fff; text-align: center; }
.footer .ft-copyright { padding: 21px 0; line-height: 36px; font-size: 14px; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }
.footer .ft-copyright .fl { float: none; width: 100%; text-align: center; color: #4f5b69; }
.footer .ft-copyright .fl span { display: inline-block; margin-right: 20px; color: #fff; }
.footer .ft-copyright .fl a { color: #fff; }
.footer .ft-copyright .fl a:hover { color: #ffffff; }
.footer .ft-copyright .fr { float: right; }
.footer .ft-copyright .fr a { display: block; width: 170px; height: 50px; text-align: center; color: #fff; border: #fff solid 1px; }
.footer .ft-copyright .fr a:before { display: inline-block; margin-right: 10px; width: 16px; height: 16px; content: ""; vertical-align: middle; background: url(../images/yuyue.png) no-repeat; }
.footer .ft-copyright .fr a:hover { background: #5ba997; border-color: #5ba997; }
.footer .keyw { width: 100%; line-height: 24px; float: left; color: #fff; }
.f_link { background: #f8f8f8; padding: 20px 0 40px; color: #333; font-size: 14px; }
.f_link_in { background: #f0f0f0; width: 1160px; margin: 0 auto; padding: 20px; }
.f_link a { color: #555; font-size: 14px; }
.inx_tjcp { background: #f8f8f8; width: 100%; padding: 60px 0; }
.inx_tjcp .in { width: 1200px; margin: 0 auto; }
.inx_tlt { width: 1200px; margin: 0 auto 40px; border-bottom: 1px solid #dedede; text-align: center; font-weight: normal; font-size: 22px; }
.inx_tlt .tlt_in { position: relative; display: inline-block; padding: 0 10px 10px; border-bottom: 3px solid #666; }
.inx_tlt .tlt_in p { color: #303030; font-size: 32px; margin: 0 0 4px; }
.inx_tlt .tlt_in span { color: #999; font-size: 14px; text-transform : uppercase; }
.picScroll { margin: 0 auto; position: relative; width: 1120px; padding: 0 15px; overflow: hidden; }
.picScroll .prev, .picScroll .next { display: block; position: absolute; top: 130px; left: 0; width: 36px; height: 64px; background: url(../images/l_btn.jpg) center center no-repeat; }
.picScroll .next { left: auto; right: 0; background: url(../images/r_btn.jpg) center center no-repeat; }
.picScroll ul { overflow: hidden; zoom: 1; }
.picScroll .swiper-slide { overflow: hidden; background: #ffffff; border-radius: 0; }
.picScroll .pro_img { display: block; display: flex; justify-content: center; align-items: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; text-align: center; width: 260px; height: 260px; }
.picScroll .pro_img img { max-width: 260px; max-height: 260px; display: block; background: url(../images/loading.gif) center center no-repeat; }
.picScroll .pro_name a { display: block; width: 240px; height: 40px; overflow: hidden; font-size: 14px; color: #333; background-color: #fff; line-height: 40px; text-align: center; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; padding: 0 10px; }
.picScroll .swiper-slide:hover .pro_name a { background-color: #0058cb; color: #fff; }
.tempWrap { width: 100%!important; }
.inx_cpzs { background-color: #fff; width: 100%; padding: 60px 0; }
.inx_cpzs .in { width: 1200px; margin: 0 auto; }
.main_pro { background: #ffffff; width: 100%; height: 54px; }
.main_pro .in { width: 324px; margin: 0 auto; }
.main_pro .in .fl { height: 54px; line-height: 54px; color: #555555; width: 740px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_pro .in .fr { margin-top: 17px; }
.search { }
.search input { float: left; }
.search .t_search_text { width: 185px; height: 36px; line-height: 36px; font-size: 14px; background: #fff; padding-left: 8px; outline: none; color: #333 !important; border: 1px solid #dedede; }
.search .tj { width: 46px; height: 38px; background: #ffb900 url(../images/search.jpg) center center no-repeat; margin-left: -1px; cursor: pointer; border-radius: 0px 4px 4px 0px; }
.mulu { width: 250px; margin-top: 0; }
.fl_tit { width: 209px; overflow: hidden; margin: 0; padding: 20px 16px 4px; background-color: #0058cb; }
.fl_tit p { width: 209px; height: 30px; overflow: hidden; line-height: 30px; color: #fff; font-size: 24px; margin: 0 auto; padding: 0; }
.fl_tit span { display: block; width: 218px; height: 20px; overflow: hidden; line-height: 20px; color: #fff; font-size: 14px; font-style: italic; margin: 0 auto; padding: 0; text-transform: uppercase; }
.mulu .box { padding-left: 26px; padding-right: 10px; font-family: Arial, "Microsoft YaHei", "微软雅黑"!important; background: url(../images/mulu_repeat.jpg) center center repeat-y; margin: 0 auto -3px; }
.mulu .box>li { margin-bottom: 3px; }
.mulu .box>li>a { display: block; background: #0058cb url(../images/circle.png) 8px center no-repeat; height: 44px; line-height: 44px; color: #ffffff; padding-left: 20px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 0; }
.mulu .box ol li { height: 40px; line-height: 40px; border-bottom: 1px dotted #dedede; }
.mulu .box ol li a { display: block; height: 40px; line-height: 40px; font-size: 14px; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #777777; }
.mulu .box ol li a:hover { color: #0058cb; }
.M_pro { width: 920px; }
.M_pro li { float: left; margin: 0 20px 10px 0!important; }
.M_pro li:nth-child(3n+3) { margin: 0 0 10px!important; }
.M_pro li { width: 293px; height: auto; }
.M_pro1 li { width: 270px; }
.M_pro li .lypro_img { display: block; width: 293px; height: 249px; display: flex; justify-content: center; align-items: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; overflow: hidden; background: #fff; border: 1px solid #eaeaea!important; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.M_pro li:hover .lypro_img { border: 1px solid #0058cb!important; }
.M_pro li .lypro_img img { max-width: 280px; max-height: 230px; }
.M_pro li .lypro_img p { width: 291px; height: 249px; overflow: hidden; margin: 0 auto; padding: 0; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; display: none; }
.M_pro li .lypro_img p a { display: block; width: 140px; height: 43px; overflow: hidden; line-height: 43px; color: #fff; font-size: 15px; text-align: center; background-color: #0058cb; margin: 102px auto; padding: 0; }
.M_pro li:hover .lypro_img p { display: block; }
.M_pro li .pro_name { width: 293px; height: 44px; overflow: hidden; margin: 0 auto; padding: 0; }
.M_pro li .pro_name a { display: block; width: 273px; height: 44px; overflow: hidden; line-height: 44px; color: #333; font-size: 15px; text-align: center; margin: 0 auto; padding: 0 10px; }
.M_pro li:hover .pro_name a { color: #fff; background-color: #0058cb; }
.M_pro li .M_pro_wz { width: 293px; height: 30px; padding: 10px 0; background: #ffffff; color: #ffffff; position: relative; margin: 0 auto; border-radius: 0; }
.M_pro li:hover .M_pro_wz { width: 273px; background-color: #0058cb; padding: 10px; }
.M_pro li .M_pro_wz p { width: 100%; height: 30px; overflow: hidden; margin: 0 auto; padding: 0; }
.M_pro li .M_pro_wz p a { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #333; font-size: 15px; font-family: Arial, "Microsoft YaHei", "微软雅黑"!important; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.M_pro li:hover .M_pro_wz p a { color: #FFFFFF; }
.M_pro li .M_pro_wz span { font: 14px/24px Arial, "Microsoft YaHei", "微软雅黑"; display: block; width: 196px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.M_pro li .M_pro_wz .more { display: block; width: 32px; height: 32px; background: #ff9000 url(../images/more.png) center center no-repeat; position: absolute; top: 50%; margin-top: -16px; right: -16px; font-size: 0; text-indent: -9999999px; display: none; }
.M_pro li .M_pro_wz .more:hover { background: #ffa93a url(../images/more.png) center center no-repeat; }
.news_center { background-color: #fff; width: 100%; padding: 60px 0 0; }
.news_center .in { width: 1200px; margin: 0 auto; }
.news_center .news { width: 580px; float: left; }
.news_center .article { float: right; }
.news_center .news .tlt2, .news_center .article .tlt2 { height: 40px; line-height: 40px; margin-bottom: 20px; }
.news_center .news .tlt2 .h2, .news_center .article .tlt2 .h2 { float: left; font-size: 32px; color: #303030; }
.news_center .news .tlt2 .h2 b, .news_center .article .tlt2 .h2 b { font-size: 14px; color: #999; text-transform: uppercase; font-weight: normal; padding-left: 10px; font-style: italic; }
.news_center .news .tlt2 a, .news_center .article .tlt2 a { display: block; width: 100px; height: 30px; line-height: 30px; border: 1px solid #0058cb; float: right; font-size: 14px; color: #0058cb; text-align: center; margin: 4px 0; }
.news_center .news .tlt2 a:hover, .news_center .article .tlt2 a:hover { color: #fff; background-color: #0058cb; }
.news_center .news .tj_news { padding-top: 8px; padding-bottom: 12px; display: none; }
.news_center .news .tj_news .news_img { float: left; width: 152px; height: 92px; background: #fff; }
.news_center .news .tj_news .news_img a { display: block; width: 152px; height: 92px; display: flex; justify-content: center; align-items: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }
.news_center .news .tj_news .news_img img { max-width: 152px; max-height: 92px; }
.news_center .news .tj_news .wz { float: right; width: 194px; }
.news_center .news .tj_news .wz h3 a { display: block; width: 194px; font-size: 14px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_center .news .tj_news .wz p { font-size: 14px; color: #555; line-height: 20px; padding: 4px 0; margin-bottom: 2px; height: 40px; overflow: hidden; }
.news_center .news .tj_news .wz span.time { font-size: 14px; color: #999; }
.news_center .news ul{ min-height:500px;}
.news_center .news ul li { width: 460px; height: 100px; margin: 0 auto; padding: 0 0 0 120px; position: relative; }
.news_center .news ul li:hover { background-color: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06); }
.news_center .news ul li .nw_time { width: 120px; height: 60px; overflow: hidden; margin: 0; padding: 10px 0; background-color: #667589; position: absolute; left: 0; top: 10px; }
.news_center .news ul li:hover .nw_time { background-color: #0058cb; left: 10px; }
.nw_time span { display: block; width: 100%; height: 20px; overflow: hidden; line-height: 20px; color: #fff; font-size: 16px; text-align: center; margin: 0 auto; padding: 0; }
.nw_time em { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 32px; font-style: normal; text-align: center; margin: 0 auto; padding: 0; }
.news_center .news ul li .nw_text { width: 440px; height: 80px; overflow: hidden; margin: 0; padding: 10px 0 10px 20px; }
.news_center .news ul li:hover .nw_text { width: 420px; padding: 10px 20px; }
.news_center .news ul li .nw_text a { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #333; font-size: 16px; margin: 0 auto 2px; padding: 0; }
.news_center .news ul li:hover .nw_text a { color: #0058cb; }
.news_center .news ul li .nw_text p { width: 100%; height: 44px; overflow: hidden; line-height: 22px; color: #999; font-size: 14px; text-align: justify; margin: 0 auto; padding: 0; }
.news_center .article ul li { height: 48px; background: url(../images/dot.png) left center no-repeat; padding-left: 20px; }
.news_center .article ul li a { float: left; width: 460px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 48px; line-height: 48px; color: #333; font-size: 16px; }
.news_center .article ul li span { float: right; font-size: 14px; color: #999; height: 48px; line-height: 48px; }
.news_center .article ul li:hover { background-color: #0058cb; padding: 0 20px; }
.news_center .article ul li:hover a, .news_center .article ul li:hover span { color: #fff; }
.news_center .hot_pro { }
.news_center .hot_pro ul li { float: left; width: 160px; height: 40px; border-bottom: 1px dotted #dedede; background: url(../images/arr1.gif) left center no-repeat; padding-left: 12px; margin-right: 20px!important; }
.news_center .hot_pro ul li:nth-child(2n+2) { margin: 0!important; }
.news_center .hot_pro ul li a { display: block; width: 100%; overflow: hidden; height: 40px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; float: left; }
.news_tit { width: 580px; height: 120px; overflow: hidden; margin: 0 auto 20px; padding: 0; }
.news_tit img { display: block; width: 580px; height: 120px; overflow: hidden; margin: 0 auto; padding: 0; }
.gywm { width: 100%; background: #fff; padding: 60px 0; }
.gywm .in { width: 1200px; margin: 0 auto; }
.gywm .in .fr { width: 640px; font-family: Microsoft YaHei, "微软雅黑" !important; }
.gywm .in .fr .gywm_name { font-size: 24px; line-height: 40px; margin-bottom: 24px; }
.gywm .in .fr p { font-size: 14px!important; line-height: 28px; color: #666; text-indent: 2em; text-align: justify; }
.gywm .in .fr p span { font-size: 14px!important; }
.picScroll2 { margin: 40px auto 0; position: relative; width: 1200px; padding: 0; overflow: hidden; }
.picScroll2 .prev, .picScroll2 .next { display: block; position: absolute; top: 78px; left: 0; width: 36px; height: 64px; background: url(../images/l_btn.jpg) center center no-repeat; display: none; }
.picScroll2 .next { left: auto; right: 0; background: url(../images/r_btn.jpg) center center no-repeat; }
.picScroll2 ul { overflow: hidden; zoom: 1; }
.picScroll2 ul li { width: 220px; float: left; overflow: hidden; margin: 0 10px; background: #ffffff; }
.picScroll2 .pro_img { display: block; display: flex; justify-content: center; align-items: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; text-align: center; width: 218px; height: 140px; border: 1px solid #eaeaea; position: relative; }
.picScroll2 .pro_img img { max-width: 218px; max-height: 140px; display: block; background: url(../images/loading.gif) center center no-repeat; }
.picScroll2 .pro_img p { width: 218px; height: 140px; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; display: none; }
.picScroll2 .pro_img p span { display: block; width: 180px; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 15px; text-align: center; text-overflow: ellipsis; white-space: nowrap; background-color: #0058cb; margin: 50px auto; padding: 0; }
.picScroll2 .pro_img:hover .pro_img p { display: block; }
.picScroll2 ul li .case_text { width: 100%; overflow: hidden; margin: 10px auto 0; padding: 0; }
.picScroll2 ul li .case_text a.case_name { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 15px; font-weight: bold; text-align: center; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto; padding: 0; }
.picScroll2 ul li:hover .case_text a.case_name { color: #0058cb; }
.picScroll2 ul li .case_text em { display: block; width: 40px; height: 2px; overflow: hidden; margin: 10px auto; padding: 0; background-color: #0058cb; }
.picScroll2 ul li .case_text p { width: 100%; height: 44px; overflow: hidden; line-height: 22px; color: #999; font-size: 14px; text-align: center; margin: 0 auto; padding: 0; }
.picScroll2 ul li .case_text a.case_btn { display: block; width: 100px; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 14px; text-align: center; background-color: #0058cb; text-overflow: ellipsis; white-space: nowrap; margin: 10px auto 0; padding: 0; }
.picScroll2 ul li .pro_name { width: 218px; height: 218px; overflow: hidden; margin: 0; padding: 0; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; display: none; }
.picScroll2 ul li:hover .pro_name { display: block; }
.picScroll2 ul li .pro_name a { display: block; width: 140px; height: 40px; font-size: 14px; color: #fff; background: #0058cb; line-height: 40px; text-align: center; text-overflow: ellipsis; white-space: nowrap; margin: 89px auto; padding: 0; }
.picScroll2 ul li .pro_name a:hover { background: #ffad01; }
.customer { background: #fff; width: 100%; padding-bottom: 60px; }
.customer .in { width: 1200px; margin: 0 auto; }
.youshi { background: #f8f8f8; width: 100%; padding: 40px 0 20px; }
.youshi .in { width: 1200px; margin: 0 auto; }
.gsjj2 { }
.gsjj2 li { width: 270px; float: left; margin: 0 40px 0 0; background-color: #fff; }
.gsjj2 li:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06); }
.gsjj2 li.youshi4 { margin: 0; }
.gsjj2 li a { display: block; padding: 190px 0 30px; background: url(../images/icon1.png) center 40px no-repeat; position: relative; height: 72px; }
.gsjj2 li a span { position: absolute; top: 120px; left: 50%; color: #ffffff; font-size: 14px; width: 80px; height: 20px; line-height: 20px; text-align: center; margin: 0 0 0 -40px; }
.gsjj2 li a div { font-size: 0; height: 70px; }
.gsjj2 li a p { font-size: 14px; color: #777777; line-height: 24px; text-align: center; padding: 0 20px; }
.gsjj2 li.youshi2 a { background: url(../images/icon2.png) center 40px no-repeat; }
.gsjj2 li.youshi3 a { background: url(../images/icon3.png) center 40px no-repeat; }
.gsjj2 li.youshi4 a { background: url(../images/icon4.png) center 40px no-repeat; }
.gsjj2 li a:hover { background: url(../images/icon1_2.png) center 40px no-repeat; }
.gsjj2 li.youshi2 a:hover { background: url(../images/icon2_2.png) center 40px no-repeat; }
.gsjj2 li.youshi3 a:hover { background: url(../images/icon3_2.png) center 40px no-repeat; }
.gsjj2 li.youshi4 a:hover { background: url(../images/icon4_2.png) center 40px no-repeat; }
.Contain { width: 1200px; margin: 60px auto; }
.Containbox { border-top: 1px solid #dadada; }
.Current { text-align: right; height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; margin: 0 auto 20px; color: #777; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Current a { color: #666; }
.Current .column { float: left; height: 24px; line-height: 24px; color: #0058cb; font-size: 24px; border-left: 4px solid #0058cb; padding-left: 10px; margin: 13px 0; font-weight: bold; }
.Content { }
.SinglePage { font-family: Arial, "微软雅黑"; text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; line-height: 24px; padding: 0; }
.SinglePage h3 { text-align: center; }
.SinglePage { float: right; width: 920px; min-height: 700px; }
#fengye { text-align: left; font-size: 12px; line-height: 28px; height: 28px; overflow: hidden; margin-bottom: 20px; padding-top: 20px; color: #555; }
#fengye a { border: 1px solid #0058cb; cursor: pointer; width: 60px; color: #fff; text-align: center; display: inline-block; margin-right: 10px; font-size: 12px; line-height: 25px; background: #0058cb; }
#fengye input { width: 20px; height: 15px; color: #e6392b; border: none; display: inline-block; }
.nyconn .tab-bd { border-top: none; padding-top: 50px; }
.news1 .tab-bd ul { zoom: 1; }
.news1 .tab-bd li:first-child { padding: 20px 0; border-bottom: 1px solid #eee; position: relative; }
.news1 .tab-bd li { padding: 20px 0; border-bottom: 1px solid #eee; position: relative; overflow: hidden; }
.news1 .tab-bd li:hover { padding: 20px; background-color: #fff; border: none; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06); }
.news1 .tab-bd li div { float: left; }
.news1 .tab-bd li .pic { width: 20%; height: 144px; position: relative; display: table-cell; text-align: center; vertical-align: middle; border: 1px solid #eee; }
.news1 .tab-bd li .pic a { width: 100%; height: 144px; display: flex; justify-content: center; align-items: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }
.news1 .tab-bd li .pic img { vertical-align: middle; position: static; top: -50%; left: -50%; max-width: 100%; max-height: 144px; position: relative; top: 0; left: 50%; margin-left: -100%; }
.news1 .tab-bd li .wz { width: 78%; padding: 0; float: right; }
.news1 .tab-bd li .wz2 { width: 100%; float: inherit; overflow: hidden; margin: 0 auto; padding: 0; }
.wz2 .new_name { width: 920px; height: 30px; overflow: hidden; margin: 0 auto 10px; padding: 0 100px 0 0; float: inherit; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.wz2 .new_name span { display: block; width: 100px; height: 30px; overflow: hidden; line-height: 30px; color: #999; font-size: 14px; text-align: right; position: absolute; top: 0; right: 0; }
.wz2 .new_name span img { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin: -4px 4px 0 0; }
.news1 .tab-bd li:hover new_name { width: 880px; }
.news1 .tab-bd li .wz .tlt { display: block; width: 100%; height: 30px; font-size: 16px; color: #333; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news1 .tab-bd li .wz .tlt:hover { color: #0058cb; }
.news1 .tab-bd li .wz p { width: 100%; font-size: 14px; color: #888; line-height: 22px; max-height: 44px; overflow: hidden; text-indent: 2em; margin: 10px 0 0; }
.ly_msg h3 { border-bottom: 0 !important; }
.news1 .tab-bd li .time { width: 144px; font-size: 14px; color: #999; text-align: right; position: absolute; top: 26px; right: 29px; }
.news_con h1 { text-align: center; font-size: 24px; color: #555; width: 100%; margin-top: 30px; margin-bottom: 20px; font-family: "Microsoft YaHei"; }
.news_con .time { text-align: center; font-size: 12px; color: #999; border-bottom: 1px solid #dedede; width: 100%; padding-bottom: 15px; }
.news_con .news_wz { font-size: 12px; color: #333; line-height: 32px; margin-top: 10px; width: 100%; }
.inside_newsthree { height: 30px; border: 1px solid #dddddd; clear: both; margin-bottom: 20px; line-height: 30px; margin-top: 20px; }
.inside_newsthree span { float: right; margin-right: 10px; font-family: "simsun"; }
.inside_newsthree span a { text-decoration: none; color: #0066CC; }
.news_con .fenxiang { margin-top: 7px; float: left; padding-left: 12px; }
.news_con .ye { background: #f1f1f1; line-height: 32px; color: #555; margin-top: 20px; padding: 20px; }
.news_con .ye a { color: #999; }
.news_con .ye a:hover { color: #0058cb; }
.xgwz p { height: 50px; line-height: 50px; color: #fff; text-align: center; background: #0058cb; margin: 20px 0 10px; font-size: 20px; }
.xgwz a { display: block; color: #555; height: 40px; line-height: 40px; border-bottom: 1px dotted #dedede; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 1%; padding-left: 4%; background: url(../images/dotted.jpg) left center no-repeat; }
.xgwz a:hover { color: #0058cb; text-decoration: underline; }
.ckqb { display: block; height: 32px; line-height: 32px; background: #f1f1f1; margin-top: 3px; color: #555; font-size: 14px; }
.ckqb:hover { color: #fff; background: #0058cb; }
.content { width: 100%; padding-top: 20px; }
.prodetail { margin-bottom: 30px; }
.prodetail .picslider { width: 420px; margin-right: 40px; position: relative; padding: 0; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.prodetail .picslider ul li img { max-width: 100%; max-height: 100%; }
.flex-control-nav { width: 100%; position: absolute; bottom: 70px; text-align: center; z-index: 16; }
.picslider .flex-control-nav { left: 0; bottom: 15px; }
ul.item-list li .desc p, .itemdesc .desc p { position: relative; height: 30px; font-family: Arial, sans-serif; line-height: 30px; padding-left: 100px; border-bottom: 1px solid #fff; }
.itemdesc .desc p strong { display: block; width: 360px; height: 30px; overflow: hidden; line-height: 30px; color: #666; font-size: 14px; font-weight: normal; margin: 0; padding: 0; }
ul.item-list li .desc p span, .itemdesc .desc p span { position: absolute; left: 0; top: 0; width: 100px; height: 100%; text-align: center; }
/* item-view */
.item-view { margin-top: 30px; *overflow:hidden;
*clear:both;
}
.itempic { position: relative; width: 47%; margin-right: 5%; *width:46%;
border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e5e5e5; }
.itempic img { max-width: 100%; width: 100%; height: 268px; border-radius: 5px; -webkit-border-radius: 5px; }
.itempic span.icon { background-position: -637px -6px; width: 28px; height: 28px; position: absolute; bottom: 10px; right: 10px; }
.itemdesc { width: 460px; height: 354px; padding-bottom: 88px; position: relative; }
.itemdesc h1 { width: 100%; margin: 0 auto 20px; padding: 0; color: #333; font-size: 24px; position: relative; }
.itemdesc .desc { font-size: 14px; color: #555; }
.call-input { overflow: hidden; *clear:both;
margin-top: 30px; }
.call-input input { border: 0; background: none; padding: 0; height: 35px; line-height: 35px; }
.call-input input[type="text"] { width: 52%; margin-right: 2%; border-bottom: 2px solid #ff7e00; }
.call-input input[type="submit"] { background: url(../images/icon.png) no-repeat; width: 46%; color: #fff; height: 35px; line-height: normal; cursor: pointer; margin: 2px 0 0 0; font-size: 16px; text-align: center; background-position: -596px -125px; }
.call-input input[type="submit"]:hover { color: #000; }
.zoomDiv { z-index: 999; position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.zoomMask { position: absolute; background: url(../images/mask.png) repeat; cursor: move; z-index: 1; }
.pn-btn { margin-top: 30px; }
.pn-btn a { display: block; color: #707070; padding: 2px 0; }
.pn-btn a i { margin-right: 20px; }
.pn-btn a strong { margin-right: 8px; }
.pn-btn a:hover { color: #ff7e00; }
.smallImg { height: 90px; width: 420px; position: relative; overflow: hidden; margin-top: 8px; }
.smallImg_in { height: 90px; width: 360px; overflow: hidden; padding: 0 30px; }
.smallImg ul { position: absolute; margin: 0 30px 0 0; width: 625px; }
.smallImg ul li { float: left; width: 90px!important; height: 80px; margin: 5px 10px 5px 0; }
.smallImg ul li.on td { border: 1px solid #0058cb; }
.smallImg ul li table td { text-align: center; vertical-align: middle; width: 85px; height: 75px; padding: 2px; border: 1px solid #dedede; }
.smallImg .btnLeft { width: 20px; height: 80px; position: absolute; left: 0; top: 5px; background: url(../images/btn.png) left top no-repeat; cursor: pointer; }
.smallImg .btnRight { width: 20px; height: 80px; position: absolute; right: 0; top: 5px; background: url(../images/btn.png) right top no-repeat; cursor: pointer; }
.prodetail_ms { width: 100%; overflow: hidden; margin: 20px auto; padding: 10px 14px; background-color: #f8f8f8; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.prodetail_ms strong { display: block; width: 100%; height: 30px; overflow: hidden; line-height: 30px; color: #333; font-size: 14px; margin: 0 auto; padding: 0; }
.prodetail_ms p { width: 100%; max-height: 72px; overflow: hidden; line-height: 24px; color: #999; font-size: 14px; text-align: justify; }
.product_btn { width: 460px; ; overflow: hidden; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; }
.product_btn a { display: block; width: 220px; height: 48px; overflow: hidden; line-height: 48px; color: #fff; font-size: 16px; text-align: center; margin: 0; padding: 0; border-radius: 0; float: left; }
.product_btn a.probtn1 { background-color: #0058cb; margin: 0 20px 0 0; }
.product_btn a.probtn2 { background-color: #41ae11; }
.product_btn a.probtn1:hover { background-color: #0852b3; }
.product_btn a.probtn2:hover { background-color: #38a00b; }
}
.pro_list { width: 100%; overflow: hidden; margin: 0; padding: 0; }
.pro_con { width: 100%; overflow: hidden; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.pro_gs { width: 100%; overflow: hidden; margin: 10px auto 0; padding: 0; }
.pro_gs .gs_tit { width: 100%; height: 45px; overflow: hidden; margin: 0 0 20px; padding: 0; border-bottom: 1px solid #d9d9d9; }
.gs_tit p { width: 120px; height: 45px; overflow: hidden; line-height: 45px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; background-color: #5a5a5a; border-radius: 2px 2px 0 0; }
.pro_gs .gs_text { width: 100%; overflow: hidden; margin: 0; padding: 0 0 20px 0; border-bottom: 1px dotted #d9d9d9; }
.gs_text p { width: 100%; overflow: hidden; line-height: 24px; color: #666; font-size: 14px; margin: 0 auto 10px; padding: 0; text-align: justify; text-justify: inter-ideograph; }
.pr_nt { width: 100%; height: 30px; overflow: hidden; margin: 30px auto; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.pro_list ul { width: 100%; overflow: hidden; margin: 0; padding: 0; }
.pr_nt ul li { width: 45%; height: 30px; overflow: hidden; line-height: 30px; color: #666; font-size: 14px; margin: 0; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pr_nt ul li span { color: #333; }
.pro_list ul li a { display: block; width: 270px; height: 300px; overflow: hidden; margin: 0 auto; padding: 0; }
.pr_nt ul li a { color: #666; display: inline; }
.w_220 { float: left; width: 246px; padding: 0 0 20px 0; }
.honor_img { display: flex; justify-content: center; align-items: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; }
.honor_wz { text-align: center; font-size: 16px; line-height: 38px; }
.jianjie p { line-height: 26px; }
.ly_aboutus { width: 1200px; overflow: hidden; margin: 0 auto; padding: 0; }
.ab_p1, .ab_p2, .ab_p3, .ab_p4, .ab_p5, .ab_p6 { width: 1200px; overflow: hidden; margin: 40px auto; padding: 0; }
.ab_tit { width: 1200px; overflow: hidden; margin: 0 auto 20px; padding: 0; }
.ab_icon1, .ab_icon2, .ab_icon3, .ab_icon4, .ab_icon5, .ab_icon6 { display: block; width: 70px; height: 76px; overflow: hidden; margin: 0 auto; padding: 0; }
.ab_icon1 { background: url(../images/ab_icons.png) 0 0 no-repeat; }
.ab_icon2 { background: url(../images/ab_icons.png) 0 -119px no-repeat; }
.ab_icon3 { background: url(../images/ab_icons.png) 0 -223px no-repeat; }
.ab_icon4 { background: url(../images/ab_icons.png) 0 -325px no-repeat; }
.ab_icon5 { background: url(../images/ab_icons.png) 0 -426px no-repeat; }
.ab_icon6 { background: url(../images/ab_icons.png) 0 -523px no-repeat; }
.ab_line { display: block; width: 1200px; height: 6px; overflow: hidden; margin: 10px auto 5px; padding: 0; background: url(../images/ab_line.png) 0 0 no-repeat; }
.ab_tit span { display: block; width: 1200px; height: 30px; overflow: hidden; line-height: 30px; color: #666; font-size: 18px; font-weight: bold; text-align: center; margin: 0 auto; padding: 0; }
.ab_con_img { width: 1200px; max-height: 300px; overflow: hidden; margin: 0 auto; padding: 0; display: table-cell; vertical-align: middle; text-align: center; }
.ab_con_img img { max-width: 100%; max-height: 100%; }
.ab_p1 .c2 { width: 1200px; overflow: hidden; margin: 10px auto; padding: 0; color: #666; font-size: 16px; font-weight: bold; text-align: center; }
.ab_p1 h3, .ab_p2 h3, .ab_p3 h3, .ab_p4 h3, .ab_p5 h3, .ab_p6 h3 { width: 1200px; overflow: hidden; margin: 10px auto; padding: 0; color: #666; font-size: 16px; font-weight: bold; text-align: center; }
.ab_p1 p, .ab_p2 p, .ab_p3 p, .ab_p4 p, .ab_p5 p, .ab_p6 p { width: 100%; overflow: hidden; margin: 10px auto; padding: 0; line-height: 24px; color: #666; font-size: 14px; text-align: justify; text-justify: inter-ideograph; }
.ab_p1 p span, .ab_p2 p span, .ab_p3 p span, .ab_p4 p span, .ab_p5 p span, .ab_p6 p span { color: #000; }
.hy_main { width: 590px; height: 230px; overflow: hidden; margin: 10px auto; padding: 0; background: #e6e6e6 url(../images/hy_line.jpg) center center no-repeat; }
.hy_main .hy_img { width: 295px; height: 185px; overflow: hidden; margin: 0; padding: 23px 0 22px; display: table-cell; vertical-align: middle; text-align: center; }
.hy_main .hy_text { width: 215px; height: 150px; overflow: hidden; margin: 0; padding: 40px; }
.hy_text span { display: block; width: 100%; overflow: hidden; line-height: 40px; margin: 14px 0 20px; padding: 0; color: #333; font-size: 18px; font-weight: bold; }
.hy_text p { width: 100%; overflow: hidden; line-height: 30px; margin: 0; padding: 0; color: #333; font-size: 14px; }
.hy_text p em { color: #d90101; font-family: "Arial"; font-size: 24px; font-weight: bold; font-style: normal; }
.gsxx { width: 940px; height: 180px; overflow: hidden; margin: 10px auto; padding: 80px; background: url(../images/gsxx_bg.jpg) 0 0 no-repeat; }
.gsxx ul { height: 180px; overflow: hidden; position: relative; }
.gsxx_icon { position: absolute; top: 40px; right: 40px; }
.gsxx ul li { width: 50%; overflow: hidden; line-height: 30px; color: #333; font-size: 14px; margin: 0; padding: 0 0 0 20px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.gsxx ul li span { color: #666; }
.ab_lxfs { width: 1200px; overflow: hidden; margin: 10px auto; padding: 40px 80px; border: 1px dotted #d9d9d9; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.ab_lxfs ul li { width: 50%; overflow: hidden; line-height: 30px; color: #333; font-size: 14px; margin: 0; padding: 0 0 0 30px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.ab_lxfs ul li span { color: #666; }
.ly_about { width: 100%; height: 620px; overflow: hidden; margin: 0 auto; padding: 0; background: url(../images/top_bg.jpg) repeat; }
.ly_about .ab_main { width: 1200px; margin: 0 auto; padding: 0; }
.ab_main .ab_img { width: 450px; height: 260px; overflow: hidden; margin: 0; padding: 0; display: table-cell; vertical-align: middle; text-align: center; }
.ab_main .ab_text { width: 590px; height: 220px; overflow: hidden; margin: 0; padding: 20px; background-color: #23538f; }
.ab_text p { width: 590px; height: 144px; overflow: hidden; line-height: 30px; color: #fff; font-size: 14px; text-indent: 2em; }
.ab_text p a { color: #f90; }
.ab_text a.ab_btn1 { display: block; width: 130px; height: 46px; overflow: hidden; line-height: 46px; color: #fff; font-size: 14px; font-weight: bold; text-align: center; background-color: #f90; margin: 30px 15px 0 0; padding: 0; float: left; }
.ab_text a.ab_btn2 { display: block; width: 130px; height: 46px; overflow: hidden; line-height: 46px; color: #666; font-size: 14px; font-weight: bold; text-align: center; background-color: #d9d9d9; margin: 30px 15px 0 0; padding: 0; float: left; }
.ab_text a.ab_btn1:hover { background-color: #f60; }
.ab_text a.ab_btn2:hover { background-color: #d1d1d1; }
.ab_honor { width: 1200px; height: 140px; margin: 30px auto 0; padding: 0; }
.mr_frbox { width: 1200px; height: 140px; margin: 0; padding: 0; position: relative; }
.mr_frUl { width: 1200px; height: 140px; overflow: hidden; float: left; }
.mr_frUl ul li { display: inline; float: left; height: 118px; width: 178px; margin-right: 25px; padding: 10px; overflow: hidden; border: 1px solid #ccc; background-color: #fff; }
.mr_frUl ul li .hnr_img { width: 178px; height: 118px; overflow: hidden; position: relative; display: table-cell; text-align: center; vertical-align: middle; }
.mr_frUl ul li .hnr_img img { vertical-align: middle; position: static; +position:relative;
top: -50%; left: -50%; max-width: 170px; max-height: 110px }
.ly_contact { width: 100%; overflow: hidden; margin: 40px auto; padding: 0; }
.ly_contact .lxfs { width: 1100px; height: 400px; overflow: hidden; margin: 0 auto; padding: 0; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.lxfs ul li { width: 33.333333%; height: 400px; overflow: hidden; margin: 0; padding: 0; border-left: 1px solid #d9d9d9; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.lx_icon { width: 128px; height: 128px; overflow: hidden; margin: 60px auto; padding: 0; background-color: #f8f8f8; border-radius: 50%; }
.lxfs ul li span { display: block; width: 100%; height: 20px; overflow: hidden; line-height: 20px; color: #666; font-size: 16px; text-align: center; margin: 0 auto 10px; padding: 0; }
.lxfs ul li p { width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #222; font-size: 30px; font-family: "Arial"; text-align: center; margin: 0 auto; padding: 0; }
.lx_ewm { width: 100%; height: 440px; overflow: hidden; margin: 40px auto; padding: 0; background: url(../images/bg_weixin.jpg) center center no-repeat; background-size: cover; }
.lx_ewm span { display: block; width: 1100px; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 32px; font-weight: bold; text-align: center; margin: 80px auto 0; padding: 0; }
.lx_ewm p { width: 1100px; height: 30px; overflow: hidden; line-height: 30px; color: #fff; font-size: 16px; text-align: center; margin: 0 auto; padding: 0; }
.lx_ewm img { display: block; width: 160px; height: 160px; overflow: hidden; margin: 40px auto; padding: 0; }
.lx_dz { width: 1100px; overflow: hidden; margin: 0 auto; padding: 0; }
.lx_dz .dz_map { width: 1070px; height: 370px; overflow: hidden; margin: 0 auto; padding: 14px; border: 1px solid #d9d9d9; }
.products_lists_item { width: 271px; margin: 0 20px 20px 0!important; float: left; background: #fff; border: 1px solid #ddd; padding: 10px; border-radius: 0; padding-bottom: 10px !important; }
.M_pro li.products_lists_item:nth-child(4n+4) { margin: 0 20px 20px 0!important; }
.M_pro li.products_lists_item:nth-child(3n+3) { margin: 0 0 20px!important; }
.products_lists_item .img { width: 100%; height: 225px; line-height: 0; overflow: hidden; }
.products_lists_item .img a { display: block; width: 100%; height: 100%; text-align: center }
.products_lists_item .img a img { vertical-align: middle; max-width: 95%; max-height: 95%; transition: all 0.5s ease; }
.products_lists_item .img a .iblock { display: inline-block; height: 100%; width: 0; vertical-align: middle }
.products_lists_item .img a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.products_lists_item .info { font-size: 16px; line-height: 32px; max-height: 96px; overflow: hidden; color: #333; margin: 10px; }
.products_lists_item .info p { width: 100%; line-height: 24px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.products_lists_item .more { overflow: hidden; margin: 0 10px 10px; }
.products_lists_item .a1 { display: block; float: left; font-size: 14px; width: 120px; height: 36px; line-height: 36px; border-radius: 0; text-align: center; color: #fff; background: #0058cb; }
.products_lists_item .a1:hover { background: none; color: #247dca; border: 1px solid #0058cb; }
.products_lists_item .a2 { display: block; float: right; font-size: 14px; width: 120px; height: 36px; line-height: 36px; border-radius: 0; text-align: center; color: #178eca; border: 1px solid #0058cb; }
.products_lists_item .a2:hover { background: #0058cb; color: #fff; }
.silide_qq { width: 150px; background: #0058cb; padding: 0 0 10px; position: fixed; top: 240px; right: 5px; text-align: center; border-radius: 10px 10px 0 0; z-index: 999999; }
.silide_qq .conn { background: #fff; width: 140px; margin: 0 auto; padding: 10px 0 5px; }
.silide_qq .tlt1 { font-size: 16px; font-weight: bold; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #fff; height: 40px; line-height: 40px; border-radius: 10px 10px 0 0; }
.silide_qq .tlt { font-size: 14px; font-weight: bold; color: #3a352b; height: 20px; line-height: 20px; }
.silide_qq .qq_btn { display: block; width: 92px; height: 26px; margin: 6px auto; }
.silide_qq .zxrx p { color: #0058cb; font-size: 16px; font-weight: bold; }
.silide_qq .zxrx span { display: block; color: #3a352b; font-size: 14px; }
.silide_qq .lines { background: #0058cb; width: 130px; margin: 0 auto; height: 1px; margin-bottom: 10px; margin-top: 10px; }
.silide_qq .close { display: block; color: #fff; font-size: 14px; height: 24px; line-height: 24px; padding: 5px 0 0; }
.silide_qq .code { width: 64%; margin: 10px auto; display: block; }
/**在线留言样式修改**/
.ly_msg h3 { display: none!important; }
.ly_msg ul li { margin: 0 auto 20px!important; color: #999; font-size: 14px; line-height: 44px; }
.ly_msg ul li h4 { width: 12%!important; height: 44px!important; line-height: 44px!important; }
.ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_ipt2 { height: 44px!important; background: url(/images/tb_img.png) right center no-repeat!important; }
.ly_msg ul li .msg_ipt2, .msg_ipt2 input { width: 160px!important; }
.msg_ipt1 input, .msg_ipt12 input, .msg_ipt2 input { height: 44px!important; }
.ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_ipt12, .ly_msg ul li .msg_tara { width: 88%!important; }
.msg_ipt1 input, .msg_ipt12 input, .msg_ipt2 input, .msg_tara textarea { font-size: 14px!important; background-color: #f8f8f8!important; border: none!important; }
.ly_msg ul li .msg_ipt1 #selPvc { height: 44px!important; line-height: 44px!important; color: #666!important; font-size: 14px!important; background-color: #f8f8f8!important; border: none!important; padding: 0 15px!important; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.ly_msg ul li a.yzm_img { width: 120px!important; height: 44px!important; background: url(/images/tb_img.png) right center no-repeat!important; }
.ly_msg ul li a.yzm_img img { display: block; width: 100%!important; height: 100%!important; }
.ly_msg ul li .msg_btn { width: 88%!important; }
.msg_btn input { width: 160px!important; height: 44px!important; line-height: 44px!important; color: #fff!important; font-size: 15px!important; text-align: center!important; border: none!important; background-color: #0058cb!important; cursor: pointer!important; }
.msg_btn input:last-child { background-color: #667589!important; }
.msg_btn input:last-child:hover { background-color: #0058cb!important; }
/**首页关于我们**/
.idx_about { width: 100%; overflow: hidden; margin: 60px auto; padding: 0 0 60px; background: #f0f0f0 url(../images/idx_about_bg.jpg) top center repeat-x; }
.idx_about .idx_about_in { width: 1200px; margin: 0 auto; }
.idx_about_top { overflow: hidden; padding: 0; }
.idx_about_top .idx_about_img { float: left; width: 520px; height: 380px; }
.idx_about_top .idx_about_img a { display: block; }
.idx_about_top .idx_about_img a img { max-width: 100%; max-height: 380px; }
.idx_about_wz { float: left; width: 680px; padding-left: 0; }
.idx_about_wz .tlt { width: 100%; height: 100px; overflow: hidden; margin: 0 auto; padding: 0; position: relative; }
.idx_about_wz .tlt span { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #0058cb; font-size: 32px; font-weight: bold; margin: 0 auto 4px; padding: 0; font-style: normal; }
.idx_about_wz .tlt em { display: block; width: 100%; height: 20px; overflow: hidden; line-height: 20px; color: #0058cb; font-size: 18px; margin: 0 auto; padding: 0; font-style: normal; }
.idx_about_wz .tlt .about_line { width: 60px; height: 2px; background: #0058cb; margin: 20px 0; padding: 0; }
.idx_about_con { font-size: 14px; line-height: 24px; color: #666; height: 144px; overflow: hidden; text-indent: 24px; text-align: justify; padding: 20px 20px 0 0; }
.idx_about_more { display: block; width: 140px; height: 40px; border: 1px solid #0058cb; color: #0058cb; font-size: 16px; line-height: 40px; text-align: center; margin-top: 0; border-radius: 0; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; text-decoration: none; position: absolute; top: 0; right: 0; }
.idx_about_more:hover { background: #0058cb; color: #fff; text-decoration: none; }
.idx_about_bottom { overflow: hidden; padding: 0 40px; margin: 20px 0 0; }
.idx_about_bottom li { float: left; width: 22%; text-align: left; margin: 0 4% 0 0; position: relative; overflow: hidden; }
.idx_about_bottom li:last-child { margin: 0; }
.idx_about_bottom li em { display: block; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; margin: 0 auto 8px; }
.idx_about_bottom li.ys1 em { background: #0058cb url(../images/ys_icon1.png) no-repeat center center; background-size: 56px 56px; }
.idx_about_bottom li.ys2 em { background: #0058cb url(../images/ys_icon2.png) no-repeat center center; background-size: 56px 56px; }
.idx_about_bottom li.ys3 em { background: #0058cb url(../images/ys_icon3.png) no-repeat center center; background-size: 56px 56px; }
.idx_about_bottom li.ys4 em { background: #0058cb url(../images/ys_icon4.png) no-repeat center center; background-size: 56px 56px; }
.idx_about_bottom li p { width: 100%; line-height: 30px; font-size: 16px; color: #0058cb; display: block; text-align: center; }
.pf_new { width: 166px; position: fixed; right: 20px; top: 200px; z-index: 99999; }
.pf_new .hd { width: 100%; background: #0058cb url(../images/pf_tlt_bg.png) right center no-repeat; text-align: center; border-radius: 8px 8px 0 0; padding: 8px 0 10px; }
.pf_new .hd p { font-size: 18px; font-weight: bold; color: #fff; text-align: center; }
.pf_new .hd span { display: block; font-size: 14px; color: #fff; font-style: italic; margin-top: -2px; }
.pf_new .hd em { display: block; width: 15px; height: 15px; background: url(../images/pf_close.png) center center no-repeat; position: absolute; top: 10px; right: 10px; cursor: pointer; transition: 0.5s; }
.pf_new .hd em:hover { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }
.pf_new .conn { width: 144px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #fff; padding: 10px 10px; }
.pf_new .conn .lxr { border-bottom: 1px dashed #dedede; padding-bottom: 10px; }
.pf_new .conn .lxr p { text-align: center; font-size: 14px; color: #555; margin-bottom: 0; }
.pf_new .conn .lxr p img { vertical-align: middle; margin-top: -2px; margin-right: 4px; }
.pf_new .conn .lxr a.qq { display: block; width: 92px;/*height:22px;background:url(../images/pf_icon2.png) center center no-repeat;*/ margin: 5px auto 0; }
.pf_new .conn .tel { border-bottom: 1px dashed #dedede; padding: 10px 0; }
.pf_new .conn .tel p { text-align: center; font-size: 14px; color: #555; }
.pf_new .conn .tel img { vertical-align: middle; margin-top: -2px; margin-right: 4px; }
.pf_new .conn .tel span { display: block; font-size: 18px; font-weight: bold; color: #0058cb; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 3px; }
.pf_new .conn .wx { padding: 10px 0; }
.pf_new .conn .wx p { width: 88px; height: 88px; background: url(../images/pf_code_bg.jpg) center center no-repeat; margin: 0 auto; text-align: center; }
.pf_new .conn .wx p img { width: 80px; height: 80px; vertical-align: middle; }
.pf_new .conn .wx p .iblock { display: inline-block; height: 100%; width: 0; vertical-align: middle }
.pf_new .conn .wx span { display: block; text-align: center; font-size: 12px; color: #999; margin-top: 5px; }
.pf_new .conn .wx span em { font-style: normal; color: #0058cb; }
.pf_new .bd { display: none; }
.pf_new .bd a { display: block; padding: 10px 0; background: #fff; color: #555; font-size: 14px; vertical-align: middle; text-align: center; border: 1px solid #dedede; border-top: 0; }
.pf_new .bd a p { height: 20px; background: url(../images/pf_icon4.png) center center no-repeat; }
.pf_new .bd a span { display: block; text-align: center; padding-top: 5px; }
.pf_new .bd a:hover { background: #ff7802; color: #fff; width: 100%; border: 0; }
.pf_new .bd a:hover p { background: url(../images/pf_icon4_2.png) center center no-repeat; }
.pf_new_bx { width: 40px; height: 134px; background: #ff7802 url(../images/pf_tlt_bg2.png) bottom center no-repeat; border-radius: 4px 0 0 4px; position: fixed; right: 0; top: 200px; z-index: 99999; padding-top: 5px; cursor: pointer; display: none; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; }
.pf_new_bx p { height: 17px; background: url(../images/pf_icon5.png) center center no-repeat; animation: pulse 2s infinite; -webkit-animation: pulse 2s infinite; }
 @-webkit-keyframes pulse { 0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
-webkit-transform: translate(0, 10px);
transform: translate(0, 10px);
}
100% {
-webkit-transform:translate(0, 0);
transform: translate(0, 0);
}
}
 @keyframes pulse { 0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
-webkit-transform: translate(0, 10px);
transform: translate(0, 10px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.pf_new_bx span { font-size: 17px; color: #fff; line-height: 21px; font-weight: bold; text-align: center; display: block; padding-top: 10px; }
.pf_new_bx em { display: block; height: 19px; background: url(../images/pf_icon6.png) center center no-repeat; }
.pf_new_bx:hover { background: #ffa126 url(../images/pf_tlt_bg2.png) bottom center no-repeat; }
/**产品详细介绍**/
/**prodetail**/
.pro_detail_main { width: 100%; height: auto; margin: 0 auto 40px; padding: 0; position: relative; box-sizing: border-box; }
.pro_detail_main .pro_detail_img { width: 480px; height: 480px; overflow: hidden; margin: 0; padding: 10px; border: 1px solid #eaeaea; box-sizing: border-box; float: left; }
.pro_detail_img .pro_detail_img_main { width: 100%; height: 100%; margin: 0 auto; padding: 0; position: relative; }
.pro_detail_img_main img { display: block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.pro_detail_main .pro_detail_text { width: 53%; min-height: 360px; overflow: hidden; margin: 0; padding: 0 0 80px; float: right; position: relative; }
.pro_detail_text .pro_name { width: 100%; overflow: hidden; line-height: 40px; color: #333; font-size: 30px; text-align: justify; margin: 0 auto; padding: 0; }
.pro_detail_text .jyms { width: 100%; height: 140px; overflow: hidden; margin: 20px auto; padding: 20px; background-color: #f8f8f8; box-sizing: border-box; }
.pro_detail_text .jyms h1 { width: 100%; height: 100px; overflow: hidden; line-height: 25px; color: #888; font-size: 14px; text-align: justify; margin: 0 auto; padding: 0; }
.pro_detail_text .jyms h1 span { color: #333; font-weight: bold; }
.pro_detail_text ul { width: 100%; margin: 20px auto; padding: 0; }
.pro_detail_text ul li { width: 50%; height: 30px; overflow: hidden; line-height: 30px; color: #888; font-size: 16px; text-align: justify; white-space: nowrap; text-overflow: ellipsis; margin: 10px auto; padding: 0; float: left; }
.pro_detail_text ul li img { display: block; width: 16px; height: 16px; overflow: hidden; margin: 7px 4px 7px 0; padding: 0; float: left; }
.pro_detail_text ul li span { color: #333; font-weight: bold; }
.pro_detail_text .pro_detail_btn { width: 100%; height: 60px; overflow: hidden; margin: 0 auto; padding: 0; position: absolute; left: 0; bottom: 5px; }
.pro_detail_btn a { display: block; width: 48%; height: 60px; overflow: hidden; line-height: 60px; color: #fff; font-size: 22px; text-align: center; margin: 0; padding: 0; float: left; }
.pro_detail_btn a.prodtl_btn1 { float: left; margin: 0 4% 0 0; background-color: #0058cb; }
.pro_detail_btn a.prodtl_btn2 { float: left; background-color: #41ae11; }
.pro_detail_btn a.prodtl_btn1:hover { background-color: #004eb4; }
.pro_detail_btn a.prodtl_btn2:hover { background-color: #339408; }
/**产品详情页产品图片切换**/
.prodetail_img { width: 44%; height: 440px; margin: 0; padding: 0; box-sizing: border-box; float: left; }
#preview { width: 100%; margin: 0; text-align: center; position: relative; }
.list-h li { float: left; }
#spec-n5 { width: 100%; height: 70px; padding-top: 10px; overflow: hidden; }
#spec-left { width: 16px; height: 64px; float: left; cursor: pointer; margin-top: 3px; }
#spec-right { width: 16px; height: 64px; float: left; cursor: pointer; margin-top: 3px; }
#spec-list { width: 100%; float: left; overflow: hidden; margin: 0; display: inline; }
#spec-list ul { }
#spec-list ul li { float: left; display: inline; padding: 0; width: 18.4%; height: 64px; margin: 0 2% 0 0; }
#spec-list ul li:last-child { margin: 0; }
#spec-list ul li p { width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; border: 1px solid #eaeaea; position: relative; box-sizing: border-box; }
#spec-list ul li:hover p { border: 1px solid #f06405; }
#spec-list ul li img { display: block; max-width: 94%; max-height: 94%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
/*jqzoom*/
.jqzoom { position: relative; width: 100%; height: 360px; padding: 0; border: 1px solid #eaeaea; box-sizing: border-box; }
#ceshi img { display: block; max-width: 100%; max-height: 100%; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.zoomdiv { z-index: 100; position: absolute; top: 1px; left: 0px; background: url(i/loading.gif) #fff no-repeat center center; border: 1px solid #eaeaea; display: none; text-align: center; overflow: hidden; left: 104%!important; top: 0!important; }
.bigimg { }
.jqZoomPup { width: 200px!important; height: 200px!important; z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; background: url(../images/mask.png) 0 0 repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }
#spec-list { position: relative; width: 100%; margin: 0; }
#spec-list div { width: 100%!important; height: 70px!important; margin: 0; }
#ceshi { display: block; margin: auto!important; left: 0; top: 0; bottom: 0; right: 0; }
.prodetail_img a.videoIco { left: 20px!important; bottom: 20px!important; z-index: 99!important; }
.Warning { width: 100%!important; height: 100%!important; }
/*----宽屏*banner----*/
#banner_big { width: 100%; height: 540px; background: none; clear: both; position: relative; z-index: 1; margin-top: -19px; }
#banner_big .swiper-container1 { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative; }
#banner_big .swiper-container1 .swiper-slide { background-size: 1920px 560px!important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
/*分页器*/
#banner_big .swiper-container1 .swiper-pagination { width: 100%; height: 10px; overflow: hidden; margin: 0; padding: 0; left: 0; bottom: 20px!important; }
#banner_big .swiper-container1 .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px!important; border-radius: 50%; opacity: 0.5; background-color: #fff; }
#banner_big .swiper-container1 .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }
#banner_big .swiper-container1 .swiper-button-prev, #banner_big .swiper-container1 .swiper-button-next { width: 50px!important; height: 50px!important; top: 50%!important; margin: -24px 0 0!important; }
/*----宽屏*结束----*/


/*右侧客服 开始*/
.kfView1 { position: fixed; top: 30%; right: 2px; z-index: 999; }
.kfView1 .tela>a { display: block; width: 44px; height: 44px; overflow: hidden; background: rgba(0,0,0,.7); margin-bottom: 2px; }
.kfView1 .tela>a:after { content: ''; display: block; width: 24px; height: 24px; background: url(../images/slidebar_icon.png) center -27px no-repeat; overflow: hidden; margin: 9px 10px; }
.kfView1 .tela .wz { position: absolute; top: 2px; left: -224px; z-index: 999; display: none; box-shadow: 0 0 10px rgba(0,0,0,.2); }
.kfView1 .tela:hover .wz { display: block; }
.kfView1 .tela p { background: #fff; width: 200px; height: 40px; overflow: hidden; font-size: 18px; font-weight: bold; color: #0e8de6; line-height: 40px; text-align: center; }
.kfView1 .tela p em { width: 0; height: 0; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent #fff; margin-top: -4px; position: absolute; top: 50%; right: -6px; }
.kfView1 .wxa { position: relative; text-align: center; }
.kfView1 .wxa>span { display: block; width: 44px; height: 44px; overflow: hidden; background: rgba(0,0,0,.7); margin-bottom: 2px; }
.kfView1 .wxa>span:after { content: ''; display: block; width: 24px; height: 24px; background: url(../images/slidebar_icon.png) center -52px no-repeat; overflow: hidden; margin: 9px 10px; }
.kfView1 .wxa .code { position: absolute; top: -40px; left: -144px; z-index: 999; display: none; box-shadow: 0 0 10px rgba(0,0,0,.2); background: #fff; }
.kfView1 .wxa:hover .code { display: block; }
.kfView1 .wxa .code p { width: 120px; height: 120px; overflow: hidden; }
.kfView1 .wxa .code p img { max-width: 100%; max-height: 100%; }
.kfView1 .wxa .code p em { width: 0; height: 0; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent transparent transparent #fff; margin-top: -4px; position: absolute; top: 42%; right: -6px; }
.kfView1 .wxa .code span { width: 120px; overflow: hidden; font-size: 14px; line-height: 30px; }
.kfView1 a.totop { display: block; width: 44px; height: 44px; overflow: hidden; background: rgba(14,141,230,.7); margin-bottom: 2px; }
.kfView1 a.totop:after { content: ''; display: block; width: 24px; height: 24px; background: url(../images/slidebar_icon.png) center -76px no-repeat; overflow: hidden; margin: 9px 10px; }
.kfView1 .pfpro, .kfView1 .pflxwm { display: none; }
/*右侧客服 结束*/