* { margin: 0; padding: 0; }
a { text-decoration: none; color: black; }
li { list-style: none; }
img { max-width: 100%; }
body { }
.no-animate { opacity: 0; }
.head { width: 1200px; margin: 0 auto; height: 122px; }
.head .logo { height: 122px; width: 260px; float: left; background: url(/images/Logo.jpg)no-repeat left;cursor: pointer; }
.head .menu ul { float: right; margin-top: 50px; height: 100%; }
.head .menu ul li { float: left; padding-right: 35px;position:relative; }
.head .menu ul li a.cur { color: #C81721; }
.head .menu ul li a:hover { color: #C81721; }
.head .menu ul li:hover .menu-float{ display: block; }
.head .menu ul li a { }
.head .menu .menu-float { padding-top: 38px; position: absolute; right: -200%; z-index: 99; display: none; box-shadow: 2px 8px 6px 0px #888888; }
.head .menu .menu-float .float { width: 380px; background: #fff; padding: 20px 30px; border-bottom: 5px solid #C81721; overflow: hidden; }

.head .menu .menu-float .float ul{ float: left;margin: 0 auto;margin-top:15px;width: 100%}
.head .menu .menu-float .float ul li{ float: left;width: calc(50% - 35px);margin-bottom: 10px;margin-right:0px;}
.head .menu .menu-float .float ul li:last-child{padding-right: 0px}
.head .menu .menu-float .float ul li a{text-align: center;font-size: 16px;line-height: 24px;color: #333333;width: 100%;display: block;}
.head .menu .menu-float .float ul li a:hover{color: #C81721;}
.head .menu ul li a p { font-size: 16px; color: #333333; }
.head .menu .earth { height: 27px; width: 27px; background: url("/images/earth.jpg"); background-size: 27px 27px; display: block; float: right; margin-top: 50px; cursor: pointer; }
.head .menu .search { height: 30px; width: 30px; margin-left: 20px; background: url("/images/search.jpg"); display: block; float: right; margin-top: 50px; cursor: pointer; }

.search-input{clear: both;overflow: hidden;margin: 10px 0px;display: none;}
.search-input form{float: right;position: relative;}
.search-input .search-txt{width:240px;border:1px solid #ddd;border-radius: 15px;height: 30px;text-indent: 10px;line-height: 30px;outline: none;font-size: 12px; }
.search-input .search-sub{background: url("/images/search.jpg")no-repeat center;background-size: 20px;width:30px;height:30px;border: 0;position: absolute;right: 5px;top:50%;transform: translateY(-50%);cursor: pointer; }

.pro-banner{position: relative;}
.pro-banner img{width: 100%;display: block;}
.pro-banner p.title{position: absolute;top: 60%;transform: translateY(-50%);left: 19%;font-size: 45px;font-weight: bold;color: white;}


/*index*/
.banner { overflow: hidden;position: relative; }
.banner p.title{position: absolute;top: 60%;transform: translateY(-50%);left: 19%;font-size: 45px;font-weight: bold;color: white;}

.banner ul { }
.banner ul li {  }
.banner .switch { z-index: 1; width:850px;position: absolute;bottom: 4px;left: 1070px;background: #fff;}
.banner .switch .w1200{background: #fff;float: right;}
.banner .switch em { height: 119px; width: 113px; background: url("/images/mouse.png")no-repeat center #c81721; display: block; cursor: pointer; }
.banner .switch .main { width: 490px; position: relative; }
.banner .switch .page { top: 50%; transform: translateY(-50%); left: 168px; }

.banner .switch .swi-left { width:368px;float:left;position:relative }
.banner .switch .swi-left .page span.swiper-pagination-bullet { width: 40px; height: 40px; background: url("/images/inedx_03_05.jpg")no-repeat center; cursor: pointer; }
.banner .switch .swi-left .page span.swiper-pagination-bullet-active { width: 40px; height: 40px; background: url("/images/inedx_03_03.jpg")no-repeat center; cursor: pointer; }

.banner .switch .swi-right { float: left; width: 120px; height: 119px; border-left: 1px solid #ebebeb; position: relative; }
.banner .switch .swi-right .prex { width: 20px; height: 20px; border-top: 3px solid #db232d; border-right: 3px solid #db232d; display: block; cursor: pointer; position: absolute; right: 10px; top: 50%; transform: rotate(45deg) translateY(-50%); }
.banner .switch .swi-right .next { width: 20px; height: 20px; border-bottom: 3px solid #db232d; border-left: 3px solid #db232d; display: block; cursor: pointer; position: absolute; right: 65px; top: 50%; transform: rotate(45deg) translateY(-50%); }




.cpzx { clear: both;padding-top: 70px;padding-bottom:38px; overflow: hidden; background: url("/images/cpzx.jpg")no-repeat; }
.cpzx .more { float: right; width: 66px; height: 26px; border-bottom: 2px solid #000; position: relative;z-index: 99; }
.cpzx .more em { width: 6px; height: 6px; border-right: 2px solid #000; border-bottom: 1px solid #000; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.cpzx .more p { color: #2b2723;font-weight:bold; }
.cpzx .more a:hover { border-bottom: 2px solid #000; }
.cpzx .title { }
.cpzx .title p { font-size: 24px; color: #d91925; margin-top: 5px ; font-weight: bold }
.cpzx .title p span { font-size: 24px; color:black;font-weight: bold; }
.cpzx .title p span.small { color: #2b2723;  }
.cpzx .small { margin-top: 15px;width:1000px ; margin-bottom: 70px; }
.cpzx .small p { color: #8e8e8e; font-size: 14px; line-height: 36px; }
.cpzx ul { }
.cpzx ul a { width: 100%; height: 100%; display: block; }
.cpzx ul li { border-bottom: 7px solid #fff; position: relative; background:#F7F7F9;height:400px;width:580px !important;position:relative }
.cpzx ul li:hover { border-bottom: 7px solid #d91925; }
.cpzx ul li:hover .dis { display: block; }
.cpzx ul li img { margin: 0 auto;max-width:480px; }
.cpzx ul li p { color: #272320; text-align: center; }
.cpzx ul li p.title { font-size: 18px; margin-top:-29px;font-weight:bold; }
.cpzx ul li p.spansmall { font-size: 14px; margin-top: 27px;}
.cpzx ul li em { width: 40px; height: 2px; margin-top: 10px; background-color: #d1d1d1; display: block; position: absolute; left: 50%; transform: translateX(-50%); }
.cpzx .dis { width: 70px; height: 70px; background: rgba(217,25,37,0.7); border-radius: 35px; display: none; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.cpzx .dis p { line-height: 70px; color: white; font-size: 35px; }
.cpzx .page { margin-top: 63px; }
.cpzx .page .prex { width: 30px; height: 30px; background: url("/images/prex.png")no-repeat; float: right; cursor: pointer; }
.cpzx .page .next { width: 30px; height: 30px; margin-left: 23px; background: url("/images/next.png")no-repeat; float: right; cursor: pointer; }
.cpzx .page .prex:hover { background: url("/images/prex-hover.png")no-repeat; }
.cpzx .page .next:hover { background: url("/images/next-hover.png")no-repeat; }

.gsjj { overflow: hidden; clear: both; padding-top: 53px; min-height: 653px; background: url("/images/gsjj-2.jpg")no-repeat; position: relative; }
.gsjj .gsjj-right { overflow: hidden;position: absolute;bottom: 0px;left: 1085px; }
.gsjj .gsjj-right .gsjj-main{ width:475px;height:375px;}
.gsjj .gsjj-right .gsjj-main p { }
.gsjj .gsjj-right .gsjj-main p.title { font-size: 28px; color: #1f1f1f;font-weight:bold; }
.gsjj .gsjj-right .gsjj-main .more { float: right; width: 66px; height: 26px; border-bottom: 2px solid #000; position: relative; }
.gsjj .gsjj-right .gsjj-main .more p { font-weight:bold; }
.gsjj .gsjj-right .gsjj-main .more em { width: 6px; height: 6px; border-right: 2px solid #000; border-bottom: 1px solid #000; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.gsjj .gsjj-right .gsjj-main .small { clear: both; margin-top: 25px; }
.gsjj .gsjj-right .gsjj-main .small p { font-size: 14px; line-height: 36px; color: #9e9e9e;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.gsjj .gsjj-right .gsjj-main ul { margin-top: 45px;overflow: hidden; }
.gsjj .gsjj-right .gsjj-main ul li { float: left; width: calc(25% - 1px); }
.gsjj .gsjj-right .gsjj-main ul li img { margin: 0 auto;max-height: 37px;display: block; }
.gsjj .gsjj-right .gsjj-main ul li p { text-align: center; padding-top: 9px; }

.cpzx2 { background: url("/images/cpzx2.jpg")no-repeat; position: relative; z-index: 0; overflow: hidden; }
.cpzx2 .cpzx2-1 { margin-top: 160px; cursor: pointer; }
/*.cpzx2 .select { position: relative; }
.cpzx2 .select ul { position: absolute; left: 50%; transform: translateX(-50%); }
.cpzx2 .select ul li { width: 106px; height: 106px; margin: 0px 20px; border: 3px solid #da1b26; display: block; border-radius: 100%; float: left; }
.cpzx2 .select ul li.i1 { background: url("/images/cpzx2-select-1.png")no-repeat; }
.cpzx2 .select ul li.i2 { background: url("/images/cpzx2-select-2.png")no-repeat; }
.cpzx2 .select ul li.i3 { background: url("/images/cpzx2-select-3.png")no-repeat; }
*/

.cpzx2 .cpzx2-2 { overflow: hidden; position: relative;}
.cpzx2 .cpzx2-2 .page { overflow: hidden;position: absolute;top:120px;right:0px;z-index: 99; }
.cpzx2 .cpzx2-2 p.title { font-size: 28px; color: #d91925; margin: 20px 0px;font-weight:bold; }
.cpzx2 .cpzx2-2 p.small { font-size: 20px; color: #333333; margin-top: 10px; }
.cpzx2 .cpzx2-2 em{ width:52px;height: 4px;background: #d91925;display: block;margin-top: 20px; }
.cpzx2 .cpzx2-2 .page{ float: right;width: 140px; }
.cpzx2 .cpzx2-2 .page .prex{width: 40px;height: 40px;background: #fff;border-radius: 20px;border:1px solid #ddd;margin-left: 22px;display: block;position: relative;cursor: pointer;float: right; }
.cpzx2 .cpzx2-2 .page .next{width: 40px;height: 40px;background: #fff;border-radius: 20px;border:1px solid #ddd;display: block;position: relative;cursor: pointer;float: right;}
.cpzx2 .cpzx2-2 .page .prex em { width:10px;height:10px;margin: 0;background:0 ;border-top:1px solid #000;border-right:1px solid #000;display: block;position: absolute;top: 50%;left: 45%;transform:translate(-50%,-50%) rotate(45deg);}
.cpzx2 .cpzx2-2 .page .next em { width:10px;height:10px;margin: 0;background:0 ;border-bottom:1px solid #000;border-left:1px solid #000;display: block;position: absolute;top: 50%;left: 55%;transform:translate(-50%,-50%) rotate(45deg);}
.cpzx2 .cpzx2-2 .page .prex:hover{ background: #d91925; }
.cpzx2 .cpzx2-2 .page .next:hover{ background: #d91925; }
.cpzx2 .cpzx2-2 .page .prex:hover em{ border-top:1px solid #fff;border-right:1px solid #fff; }
.cpzx2 .cpzx2-2 .page .next:hover em{ border-bottom:1px solid #fff;border-left:1px solid #fff; }


.cpzx2 .cpzx2-2 .cptp { clear: both;min-height: 740px;position: relative; }
.cpzx2 .cpzx2-2 .cptp .swiper-pagination  { width: 30px;position: absolute;right: 0px;top:470px;left: unset; }
.cpzx2 .cpzx2-2 .cptp .swiper-pagination .swiper-pagination-bullet {margin-bottom: 30px;width: 5px;height: 5px;border-radius: 7px;border: 2px solid #fff;background:0;cursor: pointer;}
.cpzx2 .cpzx2-2 .cptp .swiper-pagination .swiper-pagination-bullet-active {background:#fff;}
.cpzx2 .cpzx2-2 .cptp ul li img { margin: 0 auto; }

.cpzx2 .cpzx2-3 { clear: both; }
.cpzx2 .cpzx2-3 ul { overflow: hidden;padding-bottom: 75px; margin-top: -40px; }
.cpzx2 .cpzx2-3 ul li { height: 45px; padding-left: 65px; margin-right: 65px; float: left; }
.cpzx2 .cpzx2-3 ul li p { line-height: 45px; }
.cpzx2 .cpzx2-3 ul li.i1 { background: url("/images/about-img-1.png")no-repeat; }
.cpzx2 .cpzx2-3 ul li.i2 { background: url("/images/about-img-2.png")no-repeat; }
.cpzx2 .cpzx2-3 ul li.i3 { background: url("/images/about-img-3.png")no-repeat; }

.xwzx-bak { background: url("/images/news-back.png")no-repeat; height: 670px; overflow: hidden; }
.xwzx-bak .xwzx { padding-top: 90px; }
.xwzx-bak .xwzx .xwzx-left { width: 45%; float: left; }
.xwzx-bak .xwzx .xwzx-left p.small { font-size: 14px; color: #333333; opacity: 0.6; }
.xwzx-bak .xwzx .xwzx-left p.title { font-size: 24px; color: #333333; padding-top: 8px;font-weight: bold; }
.xwzx-bak .xwzx .xwzx-left a p.more { font-size: 14px; color: #b2b2b2; margin-top: 15px; margin-right: 35px; padding-right: 20px; float: right; position: relative; }
.xwzx-bak .xwzx .xwzx-left em.emmore { width: 6px; height: 6px; border-top: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%) rotate(45deg); }
.xwzx-bak .xwzx .xwzx-left ul { margin-top: 40px; }
.xwzx-bak .xwzx .xwzx-left ul li { height: 90px; background-color: #fbfbfb; padding: 0px 35px; }
.xwzx-bak .xwzx .xwzx-left ul li:hover { background-color: #d91925 !important; }
.xwzx-bak .xwzx .xwzx-left ul li a { width:100%;height:100%;display: block; }
.xwzx-bak .xwzx .xwzx-left ul li a p.title { padding-top: 20px; color: #4c4c4c; font-size: 16px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xwzx-bak .xwzx .xwzx-left ul li a p.date { padding-top: 10px; color: #333333; font-size: 10px; }
.xwzx-bak .xwzx .xwzx-left ul li a span.small {color: #333333; font-size: 12px; }
.xwzx-bak .xwzx .xwzx-left ul li:hover p.title { color: #ffffff; }
.xwzx-bak .xwzx .xwzx-left ul li:hover p.date { color: #ffffff; }
.xwzx-bak .xwzx .xwzx-left ul li:hover span.small { color: #ffffff; }
.xwzx-bak .xwzx .xwzx-right { width: 55%; height: 458px; background: url("/images/index5_42.jpg"); float: left; }

.spzx { background: url("/images/spzx-bak.png")no-repeat; position: relative; overflow: hidden; }
.spzx .spzx-main { padding-top: 80px; height: 394px; }
.spzx .spzx-main p { text-align: center; color: white; line-height: 53px; }
.spzx .spzx-main p.title { font-size: 34px; }
.spzx .spzx-main p.info { font-size: 36px;line-height: 40px; }
.spzx .spzx-main p.small { text-align: center; font-size: 14px; line-height: 26px;color:#97a8b0;letter-spacing: 2px;text-transform: uppercase;padding-top:10px }
.spzx .spzx-main em { background: url("/images/play.png")no-repeat; width: 60px; height: 60px; display: block; position: absolute; top: 26%; left: 50%; transform: translateX(-50%); cursor: pointer; }
.spzx .spzx-2 { min-height: 135px; background-color: #d91925; }
.spzx .spzx-2 .main { padding-top: 10px; }
.spzx .spzx-2 .main p.title { padding-top: 15px; color: white; font-size: 28px;font-weight:bold; }
.spzx .spzx-2 .main p.more { color: white;font-weight:bold; }
.spzx .spzx-2 .main p.small { padding-top: 10px; color: white; font-size: 16px; }
.spzx .spzx-2 .main .more { float: right; width: 66px; height: 26px; border-bottom: 2px solid #fff; position: relative; }
.spzx .spzx-2 .main .more em { width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }

.spzx .spzx-3 { padding: 60px 0px; background-color: #fafafa; }
.spzx .spzx-3 .main { }
.spzx .spzx-3 .main p { text-align: center; }
.spzx .spzx-3 .main p.title { color: #c81721; font-size: 36px; font-weight: bold; }
.spzx .spzx-3 .main p.small { padding-top: 10px; color: #4c4c4c; font-size: 18px; }
.spzx .spzx-3 .main ul { overflow: hidden; padding-top: 55px; padding-bottom: 35px; }
.spzx .spzx-3 .main ul a { width: 100%; height: 100%; display: block; }
.spzx .spzx-3 .main ul li { float: left; width: 220px; height: 90px; background: #fff; margin-right: 20px; margin-bottom: 25px;; }
.spzx .spzx-3 .main ul li img { margin: 0 auto; padding-top: 14px;display: block; }
.spzx .spzx-3 p.more { margin: 0 auto; text-align: left; width: 66px; height: 26px; border-bottom: 2px solid #000; position: relative;font-weight:bold; }
.spzx .spzx-3 p.more em { width: 6px; height: 6px; border-right: 2px solid #000; border-bottom: 2px solid #000; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }


.nav { background-color: #ebebeb; }
.nav .nav-main { width: 1200px; heigth: 56px; margin: 0 auto; }

.nav .nav-main ul { height: 56px; background: url(/images/breadcrumbs.jpg)no-repeat 25px; }
.nav .nav-main ul li { float: left; padding: 18px 15px; font-size: 14px; color: #666666; }
.nav .nav-main ul li.breadcrumbs-n { background: url(/images/breadcrumbs-n.png)no-repeat right }
.nav .nav-main ul li.breadcrumbs-n:first-child { margin-left: 60px; }
.nav .nav-main ul li.breadcrumbs-n:last-child { background: url(/); }


.product { width: 1200px; margin: 0 auto; overflow: hidden;margin-bottom: 50px; }
.product .menu { background-color: #1a1a1a; width: 260px; margin-top: 47px; float: left; }
.product .menu .header { padding: 0px 16px; }
.product .menu .header .title { padding-top: 27px; border-bottom: 1px solid #fff; }
.product .menu .header .title p { font-size: 24px; color: white; padding: 16px 0px; }
.product .menu .header .small { margin-left: 11px; font-size: 14px; color: #d3d3d3 }
.product .menu ul { margin-top: 28px; }
.product .menu ul li { font-size: 16px; padding-bottom: 36px; position: relative; }
.product .menu ul li em { float: right; width: 6px; height: 6px; display: block; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); margin-top: 7px; }
.product .menu ul li a { color:white; }
.product .menu ul li a span{line-height: 28px;}
.product .menu ul li a:hover p{ color:#c81721 }
.product .menu ul li a:hover em { border-top: 1px solid #c81721; border-right: 1px solid #c81721; }
.product .menu ul li a span:hover{ color: white;border-bottom: 1px solid #c81721;padding-bottom: 4px;line-height:28px }
.product .menu dl dd { margin-left: 22px; margin-top: 18px; }
.product .menu a.cur { color:#c81721 }
.product .menu a.cur em{ border-top: 1px solid #c81721; border-right: 1px solid #c81721; }
.product .menu a.cus span{ border-bottom: 1px solid #c81721;padding-bottom: 4px;line-height:28px }
.product .list { padding-top: 47px; min-height:550px; width: 900px; float: right;font-size:14px;line-height:24px }
.product .list ul { float: right;width:100% }
.product .list ul li { float: left; width: calc(46% - 1px); height: 420px; padding-bottom: 70px; margin-right: 37px; position: relative; }
.product .list ul li em { width: 30px; height: 2px; background-color: #bfbfbf; display: block; position: absolute; left: 50%; transform: translateX(-50%); }
.product .list ul li .pro-img { border-bottom: 5px solid #fff; margin-bottom: 20px; position:relative;}
.product .list ul li .pro-img img { margin: 0 auto; }
.product .list ul li .pro-img span { font-size:35px;color:white;line-height:74px;padding:0px;text-align:center;width:74px;height:74px;border-radius:37px;background:rgba(200,23,33,0.7);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;}
.product .list ul li .pro-img:hover { border-bottom: 5px solid #c81721 }
.product .list ul li .pro-img:hover span{ display:block; }
.product .list img.pic-img { margin:20px 0px; }
.product .list ul li p { color: black; text-align: center; padding: 10px 0px; }
.product .list ul li p.title { font-size: 19px; }
.product .list ul li p.small { font-size: 14px; }
.product .list p.title { font-size: 19px; text-align: center }
.product .list p.small { font-size: 14px; text-align: center ;margin-bottom: 20px;}
.product .list .new_ul { }
.product .list .new_ul li { width: 100%; height: 40px; line-height: 35px; padding: 0; border-bottom: 1px dashed #dedede; text-indent: 40px; background: url(/images/d1.png) no-repeat; background-position: 10px; position: relative; }
.product .list .new_ul li a{width:100%;height:100%;display:block;}
.product .list .new_ul li em { width: 5px; height: 5px; background: #C81721; border-radius: 3px; display: block; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); left: 20px; }
.product .list .new_ul li span { float: right; margin-right: 20px; }
.product .list .new_ul li a, .new_ul a:link, .new_ul a:visited, .new_ul a:hover { color: #666; font-size: 14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.product .list p.title { font-size: 24px; color: #4d4d4d;line-height:32px; overflow: hidden; text-align: center; padding: 30px 0px 15px 0px; font-weight: bold;}
.product .ns_pn { clear:both;width:900px;float:right;text-align:left;margin-top:60px; }
.product .faceback{ width:900px;float: right;margin-top: 47px; }
.product .ns_pn .page-link{font-size:14px;line-height:30px}
.product .coop { width: 900px; float: right; padding-top: 47px; min-height: 750px; }
.product .coop ul { }
.product .coop ul li { min-height: 61px; width: calc(33% - 19px); border: 1px solid #000; float: left; padding: 20px 0px; margin-right: 20px; margin-bottom: 20px; }
.product .coop ul li img { margin: 0 auto;display: block; }

.jbs_tb { border-left: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; margin: 0px auto 15px auto; }
.jbs_tb td.bkg { background: #efefef; }
.jbs_tb td { border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding: 5px 7px; }

.display-none{display: none;}

.foot { background-color: #333333; min-height: 455px;padding-bottom: 45px; clear: both; overflow: hidden; }
.foot .foot-main { width: 1200px; margin: 0 auto; padding-top: 60px; }
.foot .foot-main .f-left { width: 50%; float: left; }
.foot .foot-main .f-left ul { overflow: hidden; }
.foot .foot-main .f-left ul li { float: left; width: calc(33% - 1px);min-height: 275px; }
.foot .foot-main .f-left ul li a { }
.foot .foot-main .f-left ul li em { width: 20px; height: 2px; display: block; background-color: #c81721; margin-left: 5px; }
.foot .foot-main .f-left ul li a p.title { padding-top: 18px; min-height:80px;padding-bottom: 20px; font-size: 20px; color: white; }
.foot .foot-main .f-left dl { padding-top: 10px; }
.foot .foot-main .f-left dl dd { padding-bottom: 10px; }
.foot .foot-main .f-left dl dd a { }
.foot .foot-main .f-left dl dd a p { color: white; font-size: 14px; padding-right: 15px; }
.foot .foot-main .f-left .contact { margin-top: 20px; width: 100%;height:130px; overflow: hidden; }
.foot .foot-main .f-left .contact .c-left { float: left; width: 55%; }
.foot .foot-main .f-left .contact .c-left p { }
.foot .foot-main .f-left .contact .c-left p.title { font-size: 14px; color: #999999; }
.foot .foot-main .f-left .contact .c-left p.tel { font-size: 33px; color: white; }
.foot .foot-main .f-left .contact .c-right { width: 45%; float: right; }
.foot .foot-main .f-left .contact .c-right ul { width: 100%; }
.foot .foot-main .f-left .contact .c-right ul li { float: right; width: 40%; }
.foot .foot-main .f-left .contact .c-right ul li img { margin: 0 auto;display:block; }
.foot .foot-main .f-left .contact .c-right ul li p { text-align: center; color: white; padding-top: 5px; }
.foot .foot-main .f-right { float: right; overflow: hidden; }

.copy { height: 60px; background-color: white; overflow: hidden; }
.copy .copy-main {width: 1200px; margin: 0 auto; padding-top: 18px;font-size: 14px; }

.pro_show { width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 110px; }

.pro_show_left { width: 616px; float: left; }
.pro_show_right { width: 550px; float: right; padding-bottom: 25px; }

.products { width: 100%; overflow: hidden; margin-bottom: 12px; }
.products img { border: 1px solid #ebebeb; box-sizing: border-box; }
.swip_pro { width: 82%; overflow: hidden; padding-bottom: 33px; margin-left: 55px; }
.swip_pro li { width: 112px; height: 88px; float: left; border: 1px solid #ebebeb; box-sizing: border-box; cursor: pointer; }

.paio { position: relative; }
.pleft { position: absolute; left: 20px; top: 30px; width: 14px; height: 28px; display: block; background: url(/images/jiao1.png) no-repeat left center; }
.pright { position: absolute; right: 20px; top: 30px; width: 14px; height: 28px; display: block; background: url(/images/jiao2.png) no-repeat left center; }
.pleft:hover { background: url(/images/jiaos.png) no-repeat left center; }
.pright:hover { background: url(/images/jiao2s.png) no-repeat left center; }

.bigImg { }
.pro_show_title { font-size: 20px; color: #333333; font-weight: bold; line-height: 43px; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; }
.pro_show_content { margin-top: 20px; font-size: 14px; color: #666666; line-height: 40px; }
.pro_show_content li { padding-left: 30px; }
.pro_show_a1 { background: url(/images/c1.jpg) no-repeat left center; }
.pro_show_a2 { background: url(/images/tel.jpg) no-repeat left center; }
.pro_show_a3 { background: url(/images/phone.jpg) no-repeat left center; }
.pro_show_a4 { background: url(/images/c3.jpg) no-repeat left center; }
.pro_show_a5 { background: url(/images/c4.jpg) no-repeat left center; }
.pro_show_content li a { color: #666666; }
.order { width: 182px; height: 61px; background: url(/images/order.png) no-repeat 25px center #c81721; display: block; float: left; }
.order p { text-align: center; color: white; padding-left: 40px; line-height: 60px; }
.back { width: 182px; height: 61px; background: url(/images/back.png) no-repeat 50px center #333333; display: block; float: left; margin-left: 48px; }
.back p { text-align: center; color: white; padding-left: 40px; line-height: 60px; }
.sharp { }
.sharp a { width: 49px; height: 49px; display: block; float: left; margin-left: 25px; margin-top: 25px;cursor:pointer; }
.sharp a:first-child { margin-left: 0px; }
.sharp a.bds_weixin { background: url("/images/QQ.jpg")no-repeat center #f1f1f1; }
.sharp a.bds_sqq { background: url("/images/WeChat.jpg")no-repeat center #f1f1f1; }
.sharp a.bds_tsina { background: url("/images/Sian.jpg")no-repeat center #f1f1f1; }

.page-link{}
.content{font-size:14px;line-height:24px;}
.swud { width: 100%; overflow: hidden; padding-top: 20px; }


.cpcs { width: 1200px; margin: 0 auto; overflow: hidden; height: 80px; background: #f1f1f1; margin-top: 60px; }
.cpcs font { display: inline-block; width: 242px; line-height: 80px; text-align: center; font-size: 24px; color: #ffffff; background: #C81721; }

.kahj { width: 1200px; margin: 0 auto; background: #f1f1f1; height: 105px; margin-bottom: 80px; position: relative; }
.k_left { float: left; overflow: hidden; font-size: 14px; color: #666666; line-height: 105px; margin-left: 35px; }
.k_left a { color: #666666; width: 500px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.close { position: absolute; left: 50%;top:50%; transform: translate(-50%,-50%); font-size: 14px; color: #666666; }
.close a { color: #666666; }
.k_right { float: right; overflow: hidden; font-size: 14px;max-width:500px; color: #666666; line-height: 105px; margin-right: 35px; }
.k_right a { color: #666666;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.w1200 { width: 1200px; margin: 0 auto; }

.gywm { padding:90px 0px; overflow: hidden; }
.gywm .gywm-left {  float: left; }
.gywm .gywm-left stong { font-size: 36px; color: #333333; }
.gywm .gywm-left ul { margin-top: 20px; overflow: hidden; }
.gywm .gywm-left ul li { float: left; margin-right:20px ;}
.gywm .gywm-left ul li img { }
.gywm .gywm-right { width: 880px; float: right; background: url("/images/ABOUTUS.png")no-repeat; padding: 58px 0px; }
.gywm .gywm-right p { line-height: 36px; font-size: 16px; color: #4c4c4c; }

.about-num { background: url("/images/about-num.png") no-repeat; overflow: hidden; }
.about-num .num { position: relative; height: 444px; width: 1200px; margin: 0 auto; }
.about-num .num .num-1 { position: absolute; top: 50%; left: 0%; transform: translateY(-50%); }
.about-num .num .num-1 strong { color: white; font-size: 50px; }
.about-num .num .num-1 span { color: white; padding-left: 10px; }
.about-num .num .num-1 p { color: white; text-align: center; }
.about-num .num .num-2 { position: absolute; top: 50%; left: 30%; transform: translateY(-50%);; }
.about-num .num .num-2 strong { color: white; font-size: 50px; padding-right: 10px; }
.about-num .num .num-2 span { color: white; }
.about-num .num .num-2 span.unitSpan { font-size: 6px; vertical-align: super; }
.about-num .num .num-2 p { color: white; text-align: center; }
.about-num .num .num-3 { position: absolute; top: 50%; left: 62%; transform: translateY(-50%); }
.about-num .num .num-3 strong { color: white; font-size: 50px; }
.about-num .num .num-3 span { color: white; padding-left: 10px; }
.about-num .num .num-3 p { color: white; text-align: center; }
.about-num .num .num-4 { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }
.about-num .num .num-4 strong { color: white; font-size: 50px; }
.about-num .num .num-4 span.str { color: white; font-size: 50px;padding-left: 0px; }
.about-num .num .num-4 span { color: white; padding-left: 10px; }
.about-num .num .num-4 p { color: white; text-align: center; }

.Organization { background: url("/images/information-bak.jpg")no-repeat; overflow: hidden;min-height:794px; ; }
.Organization img { margin: 0 auto; padding-top: 50px; }

.display-none { display:none;}

.honor { background: url("/images/honor.png")no-repeat;z-index: 0; background-size: cover; height: 900px; border-bottom: 15px solid #C81721; position: relative;overflow: hidden; }
.honor .bak-font { padding-top: 83px; }
.honor .bak-font p.title { width: 415px;margin: 0 auto; color: #7d8489; font-size: 70px;position: relative;z-index: -1; }
.honor .bak-font em.p-left{height: 2px;width: 680px;background:rgba(179,40,49,1) ;position: absolute;right: 500px;top: 50%;transform: translateY(-50%);opacity: 1;}
.honor .bak-font em.p-left::after{content: " ";width:5px;height:5px;border-radius: 5px;background: #C81721;display: block;position: absolute;right: 0px;top:-2px }
.honor .bak-font em.p-right::after{content: " ";width:5px;height:5px;border-radius: 5px;background: #C81721;display: block;position: absolute;left: 0px;top:-2px }
.honor .bak-font em.p-right{height: 2px;width: 680px;background:#C81721 ;position: absolute;left: 500px;top: 50%;transform: translateY(-50%);opacity: 1;}
.honor .title { margin-top: -40px;z-index: 99; }
.honor .title p { text-align: center; font-size: 40px; color: white; }
.honor .title ul { text-align: center; }
.honor .title ul li { display: inline-block; margin-top: 50px; padding: 0px 55px; height: 25px;cursor:pointer; }
.honor .title ul li p { font-size: 24px; color: white; opacity: 0.5;height:25px; }
.honor .title ul li p:hover { border-bottom: 5px solid #C81721; opacity: 1; border-bottom: 5px solid #C81721; }
.honor .title ul li p.cur { border-bottom: 5px solid #C81721; opacity: 1; border-bottom: 5px solid #C81721; }
.honor .list { width: 1200px;height:600px; margin: 0 auto;overflow:hidden; position: relative; }
.honor .list ul { padding-top: 110px;padding-bottom:70px;  }
.honor .list ul li { width:261px !important;margin-right:45px; }
.honor .list ul li img { margin: 0 auto;margin-bottom:30px; }
.honor .list ul li img:hover { border: 5px solid #C81721; max-width: calc(100% - 5px );margin-bottom:24px; }
.honor .list ul li:hover { color: #ffffff; font-weight: bold; }
.honor .list ul li p { font-size: 16px; color: #ededed; text-align: center; }

.honor .list ul li:first-child {  }
.honor .list ul li:hover {  }
.honor .list .prex { width: 30px; height: 30px; border-top: 5px solid #ffffff; border-right: 5px solid #ffffff; border-radius: 3px; cursor: pointer; display: block; transform: rotate(45deg); position: absolute; right: 22px; top:10px;z-index:99;outline:none; }
.honor .list .next { width: 30px; height: 30px; border-left: 5px solid #ffffff; border-bottom: 5px solid #ffffff; border-radius: 3px; cursor: pointer; display: block; transform: rotate(45deg); position: absolute; right: 100px; top: 10px; z-index: 99;outline:none; }
.honor .list .prex:hover { border-top: 5px solid #C81721; border-right: 5px solid #C81721; }
.honor .list .next:hover { border-left: 5px solid #C81721; border-bottom: 5px solid #C81721; }

.untiSub { font-size: 7px; }


.fd_pro_tb { width: 95%; margin: 0 auto; border-left: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; margin-bottom: 20px; }
.fd_pro_tb th, .fd_pro_tb td { border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; }
.fd_pro_tb th { background: #F5F5F5; height: 40px; line-height: 40px; font-weight: normal; }
.fd_pro_tb td { text-align: center; padding: 10px 0; }
.fd_pro_tb td input { border: 1px solid #E8E8E8; width: 80px; padding: 0 10px; height: 22px; line-height: 22px; text-align: right; }
.fd_pro_tb .del { color: #C81721; cursor: pointer; }

.jn_box { clear: both; padding-bottom: 20px; overflow: hidden; width: 520px; margin: 0 auto; }
.jn_lt { float: left; width: 140px; padding: 0 5px 0 0; line-height: 30px; text-align: right; font-size: 14px; font-weight: bold; }
.jn_rt { float: left; width: 360px; }
.jn_rt .txt { width: 325px; height: 28px; line-height: 28px; border: 1px solid #DBDBDB; color: #444; padding: 0 10px; font-size: 13px; border-radius: 3px; outline: none; }
.jn_rt .cod { width: 100px; height: 28px; line-height: 28px; border: 1px solid #DBDBDB; color: #444; padding: 0 10px; font-size: 13px; border-radius: 3px; outline: none }
.jn_rt .txtarea { width: 325px; height: 280px; line-height: 28px; border: 1px solid #DBDBDB; color: #444; padding: 0 10px; font-size: 13px; border-radius: 3px; outline: none; }
.jn_box .btn { width: 95px; height: 32px; text-align: center; line-height: 30px; border: 0px; background: #C81721; color: #FFF; font-size: 15px; font-weight: bold; border-radius: 3px; cursor: pointer; }



.flickr .Ahover { background-color: #c81721; color: white; }
.flickr { clear: both; text-align: center; padding: 70px 0px; margin-bottom: 30px; }
.flickr a, .flickr span { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 0rem 0.1rem; text-align: center; font-size: 16px; }
.flickr a.hunp { margin: 0px 11px; }
.flickr .pren { margin: 0px 30px; }
.flickr a:hover { background-color: #c81721; color: white; }
.flickr span.current { background-color: #c81721; color: white; }

.jbs_tb_1 { width: 520px; margin: 0 auto;padding-bottom: 40px;overflow: hidden; }
.jbs_tb_1 th { text-align: right; font-weight: bold; padding-right: 10px; font-size: 14px; font-weight: bold; }
.jbs_txt { width: 350px; height: 20px; border: 1px solid #CCCCCC; line-height: 20px; padding: 7px 10px; border-radius: 3px; }
.jbs_txt:focus { border: 1px solid #0077c3; }
.jbs_txtarea { width: 350px; height: 100px; border: 1px solid #CCCCCC; padding: 10px; }
.jbs_txtarea:focus { border: 1px solid #0077c3; }
.jbs_age { width: 80px; }
.jbs_tel { width: 150px; }
.jbs_hong { color: #C81721; }
.jbs_submit { width: 120px; height: 36px; text-align: center; line-height: 36px; color: #FFF; font-size: 15px; font-weight: bold; border: 0px; cursor: pointer; background: #d91925; border-radius: 3px; }
.jbs_submit:hover { background: #e56d06; color: #FFF; }