@charset "utf-8";
* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; height: 100%; font-size: 14px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑",Arial; color: #333; line-height: 24px; word-break: break-all; }
dd, dl, dt, li, ol, ul { margin: 0; padding: 0; list-style: none }
input { font-size: 12px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; vertical-align: middle }
select { font-family: Arial; font-size: 12px }
textarea { font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; font-size: 12px }
h3, h4, h5 { margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 14px }
h3{font-weight:normal;}
.fl { float: left }
.fr { float: right }
.clear { clear: both; font-size: 0; }
a { text-decoration: none; transition: all .2s linear 0s; color: #333; }
:focus { outline: 0 }
img { border: 0 }
p { line-height: 24px }
.wrap { width: 1200px; margin: auto; }
/*.b_shadow { -o-box-shadow: 0 0 8px rgba(0,0,0,.08); -ms-box-shadow: 0 0 8px rgba(0,0,0,.08); -moz-box-shadow: 0 0 8px rgba(0,0,0,.08); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.08); box-shadow: 0 0 8px rgba(0,0,0,.08); }*/
.b_shadow {border: 1px solid #dddddd; }
/*header*/
.header { width: 100%; height: 89px; }
.header .wrap { position: relative; height: 89px; }
.logo { position: absolute; z-index: 2; left: 0; top: 18px;  height: 60px; }

.nav { float: right; padding-top: 29px; }
.nav ul { line-height: 30px; text-transform: uppercase;color: #14171e; }
.nav ul li { display: inline-block; position: relative; height: 50px }
.nav ul li a { display: block; margin: 0 15px; color: #14171e;}
.nav ul li.active a, .nav ul li:hover a { border-bottom: 1px solid #14171e; }
.nav ul li.gbksub { cursor: pointer; }
/*banner*/ 
.banner { width: 100%; height: 803px; position: relative }
.wy-mod-banner { width: 100%; margin-top: 0; height: 803px; position: relative; overflow: hidden }
.wy-mod-banner img { width: auto }
.wy-mod-banner .banners { width: 1920px; height: 803px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px }
.wy-mod-banner .banner { width: 1920px; height: 803px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px }
.wy-mod-banner .focus { width: 960px; margin: 0 auto; padding-top: 765px; text-align: center }
.wy-mod-banner .focus a { text-decoration: none; z-index: 3; width: 20px; height: 20px; position: relative; display: inline-block; overflow: hidden; margin: 0; zoom: 1 }
.wy-mod-banner .focus a .bg-m { z-index: 4; color: #fff; line-height: 40px; font-size: 40px; position: absolute; display: block; left: 2px; top: 6px; cursor: pointer; display: none }
.wy-mod-banner .focus a .bg-b { background: url(../images/bt2.png) center center no-repeat; position: absolute; display: block; left: 0; top: 0; cursor: pointer; width: 20px; height: 20px }
.wy-mod-banner .focus a .inner { background: url(../images/bt1.png) center center no-repeat; position: absolute; left: 0; top: 0; z-index: 9; opacity: 0; display: none\9; +display:none;
width: 20px; height: 20px }
.wy-mod-banner .focus a.on .inner, .wy-mod-banner .focus a:hover .inner { cursor: pointer; display: block; border: 0; -webkit-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 1 }
.wy-mod-banner .focus .hover .inner { display: block }
/*首页*/

/*产品中心*/
.ipro{width: 100%;background-color: #fafafa ;padding-bottom: 90px;}
.iprodc{padding: 90px 0;}
.ipro .tit span{color: #1a1a1a;font-size: 22px;float: left; }
.ipro .tit a{float: right;color: #848484;}
.ipro .tit a:hover{ color:#ab2218;}
.iprod{float: left;margin-left: 8px;}
.iprod .img{width: 292px;height: 292px;overflow: hidden;border: 1px solid #dadada;}
.iprod img:hover{transform: scale(1.1, 1.1); transition: transform 0.6s ease 0s; transition: all 0.4s;}
.iprod img{transition: all 0.4s;width: 100%;height: 100%;}
.iprod1{margin: 0;}
.iprod p{text-align: center;padding: 20px;font-size:16px;color:#4d4d4d;}
.iprod p:hover{ color:#ab2218;}
/*产品优势*/
.ushi { width: 100%;  position: relative; padding: 92px 0; }
.ushi h3{position: absolute;left: 350px;font-size: 22px;}
.ushi .wrap{position: relative;}
.ushi .wrap h3{color: #1a1a1a;font-size: 22px;} 
.wrap-1{width: 100%;border-top: 1px solid #f7f7f7;margin-top: 90px;}
.inews_list1:hover a{    display: block;transition: all .2s linear 0s;}
.inews_list2:hover a{    display: block;transition: all .2s linear 0s;}
.inews_list3:hover a{    display: block;transition: all .2s linear 0s;}
.ushi .tit img{float: left;}
.ushi .tit .uship1{float: right;margin-top: 90px;margin-left: 34px;color: #4f4f4f;}
.ushi .tit .uship1 p{font-size:18px;color: #4f4f4f;margin-bottom: 35px;}
.ushi .des img{position: absolute;top: 371px;right: 0;}
.ushi .des .uship2{margin-top: 65px;}
.ushi .des .uship2 p{margin-bottom: 25px;color: #4f4f4f;font-size: 18px;}
/*公司简介*/
.iabout { width: 100%; height: 645px;position: relative;background: url(../images/bb7.png)no-repeat; }


.iabout .about_l{width: 936px;height: 349px;position: absolute;top: 148px;right: 395px;}
.about_l .tit{float: left;}
.aboutq{background: #fff;padding: 70px 55px;width: 455px;float: right;height: 209px;}
.aboutq .desc p{color: #333333;font-size: 22px;}
.aboutq .desc span{display: block;line-height: 30px;margin: 30px 0;}
.aboutq img{margin-right: 20px;}
.aboutq .more:hover{ color:#ab2218;}
.inews{width: 100%;position: relative;padding-top: 75px;height:635px;}
.inews h3{position: absolute;left: 350px;font-size: 22px;}
.inews_list{float: left;width: 356px;padding-left: 42px;padding-top: 112px;}
.inews_r .x{height: 355px;float: left;width: 1px;border-left: 1px solid #e5e5e5;}
.inews_list a{display: block;font-size: 20px;color: #000000;}
.inews_list .desc{width: 276px;display: block;margin-top: 45px;color: #989898;}
.inews_list .date span{color: #b2b2b2;font-size: 24px;margin-right: 17px;}
.inews_list .date{font-size: 12px;color: #b2b2b2;margin-top: 50px;}
.inews_r .a{width: 154px;height: 39px;background: #464646;display: block;margin-top: 75px;display: none;}
.inews_r img{display: block;margin: auto;vertical-align: middle;padding: 11px 0;}
.link, .footer { width: 100%; background: #f2f2f2; }
.link .wrap { color: #fff; padding: 30px 0; line-height: 30px; border-bottom: 1px solid #3e3e3e; }
.link .wrap a { color: #a9a9a9; margin: 0 5px; }
/*内页*/
/*.ban { width: 100%; height: 580px; background: url(../images/ban.jpg) center top no-repeat; }*/
.about p { line-height: 36px; }
.location { width: 100%; border-bottom: 1px solid #e4e4e4; height: 24px; line-height: 24px; padding: 13px 0; }
.location .breadrumb { background: url(../images/address.png) left center no-repeat; padding-left: 20px; }
.c_wrap { margin-top: 40px; }
.c_wrap_l { width: 240px; float: left; }
.c_wrap_l .tit { background: #000; font-size: 24px; color: #fff; padding: 13px; }
.c_wrap_l .tit p { font-size: 14px; text-transform: uppercase; font-family: Arial; padding-top: 10px; }
.c_wrap_l .box { background: #fbfbfb; margin-bottom: 30px; }
.c_wrap_l .box ul { padding-bottom: 30px; }
.c_wrap_l .box ul li { height: 50px; line-height: 50px; transition: all .2s linear 0s; }
.c_wrap_l .box ul li a { display: block; margin: 0 14px; border-bottom: 1px solid #d8d8d8; padding-left: 5px; }
.c_wrap_l .box ul li:hover, .c_wrap_l .box ul li.active { background: #ab2218; }
.c_wrap_l .box ul li:hover a, .c_wrap_l .box ul li.active a { border-bottom: 1px solid #fbfbfb; color: #fff; background: url(../images/left_arrows.png) right center no-repeat; }
.c_wrap_l .box ul li.active.move { background: none; }
.c_wrap_l .box ul li.active.move a { border-bottom: 1px solid #d2b6a4; color: #333; background: none; }
.c_wrap_l .box p { padding: 0 20px; color: #333; line-height: 32px; }
.c_wrap_l .box.contact { padding: 15px 0; }
.c_wrap_l .box.tags { padding: 15px; }
.c_wrap_l .box.tags .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 11px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; margin-bottom: 10px; }
.c_wrap_l .box.tags .badge i { display: inline-block; width: 12px; height: 12px; background: url(../images/tags.png) no-repeat; margin-right: 5px; }
.c_wrap_r { width: 930px; float: right;margin-bottom: 43px;  }
.cdlm {height: 33px; line-height: 33px; background: url(../images/x.png) no-repeat left top; color: #a42328; font-family: "Times New Roman", Times, serif;font-size: 24px;    margin-bottom: 30px;}
.prolist { width: 280px; float: left; }
.prolist { width: 280px; float: left; margin: 0 14px; margin-bottom: 28px; }
.prolist img { width: 280px; height: 280px; }
.prolist p.title { height: 45px; line-height: 45px; background: #f2f2f2; text-align: center; transition: all .2s linear 0s; }
.prolist p.title:hover { background: #ab2218; color: #fff; }
.newslist { padding-bottom: 30px; }
.overf { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_item { position: relative; padding: 33px 0; transition: all .2s linear 0s; }
.list_item .news_con { position: absolute; width: 659px; padding: 0 30px; }
.list_item .name { padding: 15px 0 5px; font-weight: normal; margin-bottom: 10px; font-size: 18px; color: #343434; }
.list_item .news_con .des { overflow: hidden; height: 72px; font-size: 14px; line-height: 22px; color: #999999; text-align: left; }
.list_item .news_con .xian { position: absolute; top: 16px; height: 16px; width: 4px; background: #999; transition: all .2s linear 0s; }
.list_item .news_others { position: relative; overflow: hidden; width: 160px; padding: 0 40px; height: 126px; }
.list_item .news_others .inform { position: absolute; width: 100%; top: 10px; }
.list_item .news_others .date { margin-bottom: 10px; font-size: 40px; line-height: 1; font-family: 'PingFang-Light'; opacity: 0.7; color: #999; display: block; padding-bottom: 5px; }
.list_item .news_others .year { margin-bottom: 5px; font-size: 14px; opacity: 0.6; color: #999; }
.list_item .news_others .more { display: block; width: 42px; height: 20px; opacity: 0; transform: translateX(-20px); border-bottom: 2px solid #14171e; padding-bottom: 8px; font-size: 12px; transition: all .2s linear 0s; }
.list_item .news_xian { display: block; width: 1px; height: 192px; background: #e3e3e4; position: absolute; left: 210px; margin-left: -0.5px; top: 0; z-index: 0; }
.odd .list_item { padding-left: 50%; }
.odd .list_item .news_con { left: 0; }
.odd .list_item .news_con .xian { right: -2px; }
.even .list_item .news_con { right: 0; }
.even .list_item .news_con .xian { left: -2px; }
.list_item:hover { box-shadow: 0 0 20px #d2d2d2; }
.list_item:hover .news_con .xian { height: 80%; background: #14171e; }
.list_item:hover .news_con .name { color: #14171e; font-weight: normal; }
.list_item:hover .news_others .date, .list_item:hover .news_others .year { opacity: 1; color: #14171e; }
.list_item:hover .news_others .more { opacity: 1; transform: translateX(0); color: #14171e; }
.list_item:hover .news_others .img { opacity: 1; }
.c_wrap_r h1 { font-weight: 400; font-size: 24px; text-align: center; padding: 15px 0; }
.c_wrap_r p.news_oth { text-align: center; color: #888; border-bottom: 1px dashed #e4e4e4; padding-bottom: 10px; }
.c_wrap_r p.news_oth span { margin: 0 10px; }
.summary { position: relative; background: #fafafa; margin: 20px 10px 0; padding: 40px 20px 20px; font-family: 微软雅黑; color: #6c7480; font-style: italic; line-height: 150%; border: 1px solid #eee; border-radius: 5px; }
.summary span { position: absolute; left: -1px; top: 15px; padding: 0 0 0 20px; font-size: 1.2em; font-style: normal; color: #c2c6cc; border-left: 4px solid #c2c6cc; }
.content { padding: 20px 10px; line-height: 30px; }
.content p { margin-bottom: 10px; }
.content h2, .interested .tit { height: 48px; line-height: 48px; font-size: 16px; color: #202020; background: #fafafa; text-indent: 15px; font-weight: 400; border-left: 5px solid #14171e; margin-bottom: 10px; }
.pro_c { margin-bottom: 40px; padding: 40px 50px; }
.pro_c .img {  width: 500px;     margin: 0px auto;}
.pro_c .img img { width: 500px; border-radius: 10px; cursor: pointer; }
.pro_c .img .swiper-pagination { background: rgba(0,0,0,.5); color: #fff; width: auto; left: 50%; margin-left: -25px; padding: 0 10px; border-radius: 24px; line-height: 24px; height: 24px; font-size: 12px; }
.pro_c .text {text-align: center;  width: 50%; padding-top: 20px;     margin: 0px auto;}
.pro_c .text .tit h1 { font-size: 16px; font-weight: 400; text-align: left; display: inline-block; padding: 0; }
.pro_c .text .des { margin-top: 20px; line-height: 30px; color: #777777; }
.interested+.content { padding-top: 0; }
.taglist .list { display: none; border-bottom: 1px solid #f5f5f5; height: 50px; line-height: 50px; padding: 0 10px; }
.taglist .list span { margin-right: 20px; }
.taglist .list a { display: block; color: #777; background: url(../images/jt1.jpg) right center no-repeat; }
.tag { border-bottom: 1px dashed #ccc; padding-bottom: 16px; margin-top: 50px; font-size: 14px; color: #29282d; }
.tag a { display: inline-block; height: 25px; line-height: 25px; padding: 0 10px; border: 1px solid #999; margin-left: 6px; color: #29282d; border-radius: 3px; }
.pagebox { height: 36px; padding-bottom: 50px; text-align: center; }
.pagebox #pagesize { display: inline-block; }
.pagebox #pagesize li { float: left; }
.pagenav { overflow: hidden; margin-top: 30px; margin-bottom: 62px; }
.pagenav p { width: 45%; font-size: 14px; color: #777; }
.pagenav p.next { float: left; }
.pagenav p.prev { float: right; text-align: right; }
.interested { padding-bottom: 20px; }
.interested .list { border-bottom: 1px solid #f5f5f5; height: 50px; line-height: 50px; padding: 0 10px; }
.interested .list span { margin-right: 20px; }
.interested .list a { display: block; color: #777; background: url(../images/jt1.jpg) right center no-repeat; }
.interested .prolist { width: 212px; float: left; margin: 15px 10px; margin-bottom: 30px; }
.interested .prolist img { width: 212px; height: 212px; }
.interested .prolist p.title { height: 45px; line-height: 45px; background: #f2f2f2; text-align: center; transition: all .2s linear 0s; }
.interested .prolist p.title:hover { background: #ab2218; color: #fff; }
/*底部*/
.footer { padding: 30px 0; }
.footer p { color: #6f6f6f; text-align: center; line-height: 30px; }
.footer p span { margin: 0 10px; }
.footer a { color: #a9a9a9; }
.fix-right-v2 { position: fixed; right: 20px; bottom: 100px; width: 38px; height: 38px; background: #fff; z-index: 1001; }
.fix-right-v2 table { width: 100%; height: 100%; }
.fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; }
.fix-right-v2 li { position: relative; }
.fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url(../images/sidebar_spriteV2.png); overflow: hidden; cursor: pointer; transition: none; }
.fix-right-v2 .download a { height: 38px; background-position: -38px -176px;display: none; }
.fix-right-v2 .download:hover a { background-position: 0 -176px; }
.fix-right-v2 .download img { width: 90px; height: 90px; }
.fix-right-v2 li span { position: absolute; right: 58px; top: 0; visibility: hidden; padding: 0 14px; opacity: 0; color: #fff; font-size: 12px; background: #0DA056; transition: .3s all ease-in; -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -o-transition: .3s all ease-in; white-space: nowrap; }
.fix-right-v2 li .popup-qr { top: -30px; padding: 8px; background: #fff; }
.fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #0DA056; overflow: hidden; }
.fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #fff; }
.fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; }
.fix-right-v2 .feedback a { background-position: -38px -252px; }
.fix-right-v2 .feedback:hover a { background-position: 0 -252px; }
.fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible; }
.fix-right-v2 .gotop { position: absolute; bottom: 38px; }
.fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; }
.fix-right-v2 .gotop a { background-position: -38px -290px; }
.fix-right-v2 .gotop:hover a { background-position: 0 -290px; }