@charset "utf-8";/* CSS Document */
html {font-size: 62.5%; height: 100%}
body {margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-size: 1.2rem; height: 100%; background: #fff; width: 100%; margin: 0 auto;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0; padding: 0; list-style: none; color: #333;}
img {display: block;}
a {text-decoration: none; color: #333; outline: none; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s;}
h1 {margin: 0; padding: 0; font-weight: normal; color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-size: 1.2rem; color: #999999; border: none; outline: none;}
.fl {float: left;}
.fr {float: right;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block}





::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;
opacity:1}

:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;
opacity:1}

::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;
opacity:1}

:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;
opacity:1}
 .xunpann input::-webkit-input-placeholder {/* WebKit browsers */
 color:#999;
opacity:1}
 .xunpann input:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999;
opacity:1}
 .xunpann input::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999;
opacity:1}
 .xunpann input:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999;
opacity:1}
 .xunpann textarea::-webkit-input-placeholder {/* WebKit browsers */
 color:#999;
opacity:1}
 .xunpann textarea:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999;
opacity:1}
 .xunpann textarea::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999;
opacity:1}
 .xunpann textarea:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999;
opacity:1}
 @media screen and (min-width:1420px) {
.zong {width: 1400px; margin: auto;}}
 @media screen and (max-width:1419px) {
.zong {width: 1200px; margin: auto;}}
 @media screen and (min-width:1000px) and (max-width:1219px) {
.zong {width: 980px; margin: auto;}}
 @media screen and (max-width:999px) {
.zong {width: 95%; margin: auto;}}
/*  head  */

.head {position: fixed; width: 100%; left: 0px; top: 0px; background: #fff; z-index: 999999; border-bottom: 1px solid #cccccc;}
.het {background: #f5f5f5; line-height: 40px;}
.yvzhong {float: right;}
.yvzhong a {display: block; float: left; margin-left: 18px;}
.yvzhong a svg {width: 23px; height: 16px; display: inline-block; vertical-align: middle}
.yvzhong a span {display: inline-block; vertical-align: middle; font-size: 14px; font-size: 1.4rem; padding-left: 9px; transition: 0.5s;}
.yvzhong a:hover span {color: #e60013;}
.head .zong {position: relative; z-index: 99;}
.logo {display: block; float: left; width: 371px;}
.logo img {display: block; margin: auto; width: 100%; max-width: 371px; max-height: 91px;}
.daohang {float: right; margin-top: 20px; margin-right: 57px;}
.daohang>li {float: left; position: relative; z-index: 999; padding-bottom: 18px; margin-left: 40px;}
.daohang>li>a {display: block; font-size: 16px; font-size: 1.6rem; line-height: 36px; text-transform: uppercase; padding: 0 30px; position: relative; overflow: hidden; padding-bottom: 18px;}
.daohang>li>a:before {content: ""; position: absolute; width: 0px; height: 3px; background: #e60013; left:50%; bottom: 0px; transition: 0.5s;}
.daohang>li>a i {font-size: 12px; font-size: 1.2rem;}
.daohang>li:hover>a {color: #e60013;}
.daohang>li:hover>a:before { width:100%; left:0px;}
.dangqiandao {color: #e60013 !important;}
.dangqiandao:before { width:100% !important; left:0px !important;}

.yijiw {background: #fff; background: rgba(255,255,255,0); position: absolute; width: 234px; top: -9999px; left: -50px;}
.yiji {background: #ffffff;}
.yiji li {position: relative; transition: 0.5s; border-bottom:rgba(0,0,0,0.06) 1px solid}
.yiji li a {display: block; font-size: 14px; font-size: 1.4rem; line-height:26px;padding:0px 12px; height:0px; overflow:hidden; padding-right: 24px;}
.yiji li a span {display: block; position: absolute; top: 50%; line-height:24px; margin-top:-12px; right: 13px; font-size: 14px; font-family: Verdana, Geneva, sans-serif; transform:rotate(-90deg)}
.yiji li:hover {background: #e60013;}
.yiji li:hover>a {color: #fff;}
.yiji li:hover>a>span {color: #fff;}
.erji {position: absolute; width: 220px; background: #ffffff; top: -9999px; left: 234px;}
.sanji {position: absolute; width: 120px; background: #ffffff; top: -9999px; left: 220px; display: none}
.daohang>li:hover .yijiw {top: 72px;}
.daohang>li:hover .yiji>li>a {height:auto; padding: 7px 12px;}
.yiji>li:hover .erji {top: 0px;}
.yiji>li:hover .erji>li>a {height:auto; padding: 7px 12px;}
.erji>li:hover .sanji {top: 0px;}
.erji>li:hover .sanji>li>a {height:auto; padding: 7px 12px;}
.matn {margin-top: auto !important;}
/*  sousuo  */

.sousuo {width: 28px; height: 30px; position: absolute; right: 0px; top: 38px; z-index: 9999;}
.sousuo form {width: 236px; height: 30px; position: absolute; right: 0px; top: 37px; background: #fff; border: 1px solid #2e427a; border-radius: 18px; color: #2f3135; display: none; z-index: 99999}
.sou {width: 180px; height: 28px; line-height: 28px; border-radius: 14px; padding-left: 10px; font-size: 14px; font-size: 1.4rem; color: #333;}
.suo {width: 28px; height: 28px; float: right; background: none; position: relative; z-index: 9999999; border-radius: 18px; cursor: pointer;}
.sou2, .sou1 {width: 28px; height: 28px; text-align: center; line-height: 28px; color: #666666; position: absolute; right: 0px; top: 0px; font-size: 22px !important; cursor: pointer; z-index: 99990}
.container {display: none}
.container {display: none}
.daohang2, sousuo2 {display: none}
/*  banner */

.apple-banner {width: 100%; height: 640px; opacity: 0; overflow: hidden; transition: opacity .7s; margin-top: 130px;}
.swiper-container {-webkit-transform: translate3d(0px, 0px, 0px) !important; -moz-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; width: 100%; height: 640px;}
.swiper-wrapper {height: 640px;}
.arrow-left {position: absolute; left: 0px; top: 0; width: 15%; height: 100%; z-index: 999;}
.arrow-left span {display: block; left: 70px; top: 50%; margin-top: -16px; position: absolute; width: 17px; height: 32px; background: url(../images/baleft.png) no-repeat left center; -o-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
.arrow-left:hover span {opacity: 1;}
.arrow-right {position: absolute; right: 0px; top: 0; width: 15%; height: 100%; z-index: 999;}
.arrow-right span {display: block; right: 70px; top: 50%; margin-top: -16px; position: absolute; width: 17px; height: 32px; background: url(../images/baright.png) no-repeat right center; -o-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
.arrow-right:hover span {opacity: 1;}
.pagination {position: absolute; left: 0; text-align: center; bottom: 29px; z-index: 99; width: 100%;}
.pagination {font-size: 0;}
.pagination li {display: inline-block; width: 20px; height: 20px; margin: 0 6px; cursor: pointer;}
.pagination li span {width: 60px; height: 3px; display: block; background: rgba(255, 255, 255, .6);}
.pagination li span i {background: #014fa2; height: 3px; display: block; opacity: 0;}
.pagination li em {display: block; width: 20px; height: 20px; background: url(../images/dian.png) center no-repeat;
background-size:cover -o-transition: .3s; -moz-transition: .3s; transition: .3s;}
.pagination li:hover em,  .pagination li.current em {background: url(../images/dianh.png);}
.pagination .current span i, .pagination .firstCurrent span i {-o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; opacity: 1;}
.pagination .click span {background: #014fa2;}
.pagination .click span i {display: none;}
.autoplay li span i {-webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -moz-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; opacity: 1;}
.autoplay .firstCurrent span i {-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -o-transition: all 5s linear; -moz-transition: all 5s linear; transition: all 5s linear;}
.autoplay .current span i {-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -o-transition: all 6.5s linear; -moz-transition: all 6.5s linear; transition: all 6.5s linear;}
.autoplay .replace span {background: #014fa2;}
.autoplay .replace span i {-webkit-transform: scaleX(0); -moz-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0);}
.slide1 {background: #000 url(../images/iphone_large.jpg) no-repeat 50% 10%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%;}
.swiper-slide .title {position: absolute; left: 15%; top: 55%; text-align: left; font-size: 30px; font-weight: normal; color: #fff;}
.slide2 {background: #f3f3f3 url(http://www.newlandpayment.com/cn/static/home/images/watch_alt_large.jpg) no-repeat center 50%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%;}
.slide3 {background: #fff url(http://www.newlandpayment.com/cn/static/home/images/macbookpro_large.jpg) no-repeat center 110%; -moz-background-size: auto 70%; -o-background-size: auto 70%; background-size: auto 70%;}
.swiper-container {margin: 0 auto; position: relative; overflow: hidden; direction: ltr; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1;}
.swiper-wrapper {position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;}
.swiper-slide {float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
 @media screen and (max-width:1219px) {
.logo {width: 300px;}
.daohang>li {margin-left: 5px;}}
 @media screen and (min-width:1000px) {
.carousel, .nav {display: none}}
 @media screen and (max-width:999px) {
.apple-banner {margin-top: 122px;}
.head {padding-bottom: 15px;}
.logo {display: block; float: left; width: 200px; margin-top: 15px;}
.daohang {margin-top: 20px;}
.yijiw, .yiji2 {display: none}
.daohang {margin-right: 35px;}
.daohang>li {margin-left: 12px; padding-bottom: 0px;}
.daohang>li>a {font-size: 14px; font-size: 1.4rem; line-height: 36px; text-transform: none; padding-bottom: 0px;}
.sousuo {top: 23px;}}
 @media screen and (min-width:768px) {
.clear3 {display: none}}
 @media screen and (max-width:767px) {
.head {padding-bottom: 10px;}
.logo {width: 170px; margin-top: 5px;}
.daohang2 {display: block; text-align: center; margin-top: 10px;}
.daohang2 a {float: left; width: 25%; font-size: 12px; font-size: 1.2rem; line-height: 24px; text-align: center;}
.daohang2 .dangqiandao {}
.daohang, .daohang1, .yvzhong a span {display: none}
.clear3 {clear: both;}
.sousuo {right: 40px; top: 10px;}
.apple-banner {margin-top: 130px;}
.arrow-left span {left: 10px; opacity: 1; width: 10px; height: 20px;}
.arrow-right span {right: 10px; opacity: 1; width: 10px; height: 20px;}
.pagination {bottom: 9px;}
.pagination li {margin: 0 2px; cursor: pointer; width: 10px; height: 10px;}
.pagination li em {width: 10px; height: 10px; background-size: cover !important;}
.slick-dots {right: 20px;}
.container {width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block;}
.container .nav {overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll;}
.container .nav form {margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; position: relative; background: #fff;}
.container .nav form .iptc {-moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left;}
.container .nav form .ipsc {width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: transparent; position: relative; z-index: 99;}
.container .nav form i {position: absolute; right: 10px; top: 5px;}
.container .nav > ul {display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.container .nav > ul > li {line-height: 40px; font-size: 12px; font-size: 1.2rem; padding-left: 10px; position: relative;}
.container .nav > ul > li .addition {width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url(../images/shizi.png) no-repeat center center;}
.container .nav > ul > li .addition.fa:before {margin-right: 5px; color: #fff; text-indent: 0;}
.container .nav > ul > li .active {background: url(../images/yizi.png) no-repeat center center;}
.container .nav > ul > li > a {color: #fff; font-size: 12px; font-size: 1.2rem; display: block; margin-right: 40px;}
.container .nav > ul > li > a span {color: #fff; font-size: 12px; font-size: 1.2rem;}
.container .nav > ul > li .c-show {display: none; width: 100%;}
.container .nav > ul > li .c-show1 .c-s1 {position: relative; padding-left: 15px;}
.container .nav > ul > li .c-show1 .c-s1 > a {position: relative; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > a span {font-size: 12px; font-size: 1.2rem; color: #fff;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a {padding-left: 20px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; margin-right: 40px;}
.container .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span {font-size: 12px; font-size: 1.2rem; color: #fff;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 {position: relative;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {padding-left: 30px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px;}
.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {font-size: 12px; font-size: 1.2rem; color: #fff;}
.container .nav > ul > dl {padding: 20px;}
.container .nav > ul > dl dd {float: left; margin: 0 2px;}
.container .menubtn {width: 23px; height: 18px; position: absolute; top: 60px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999;}
.container .menubtn span {display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #e60013;}
.carousel {width: 100%; position: relative; overflow: hidden;}
.carousel ul {width: 100%; height: 100%;}
.carousel ul li {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.carousel ul li img {width: 100%; vertical-align: middle;}
.carousel ol {position: absolute; z-index: 2; height: 10px; bottom: 0px; left: 50%; margin-left: -80px;}
.carousel ol li {float: left; width: 10px; height: 10px; margin-right: 10px; border-radius: 5px; background-color: #fff; transition: all 0.3s ease 0s;}
.carousel ol li.cur {width: 10px; background: #046eb8;}
.carousel ol li:last-child {margin: 0;}}
/*  main1  */

.main1 {padding-top: 45px; padding-bottom: 62px;}
.m1biao {display: block; font-size: 40px; font-size: 4rem; text-transform: uppercase; text-align: center; position: relative; line-height: 60px; padding-bottom: 16px; margin-bottom: 6px;}
.m1biao:before {content: ""; position: absolute; left: 50%; margin-left: -54px; bottom: 0px; width: 107px; height: 2px; background: #333333; transition:0.5s;}
.m1lie {width: 438px; float: left; margin-left: 40px; position: relative; margin-top: 58px; border: 1px solid #cccccc;}
.m1tu {display: block; overflow: hidden;}
.m1tu img {width: 100%; max-width: 634px; max-height: 634px; transition: 0.5s;}
.m1fu {position: absolute; width: 100%; left: 0px; bottom: 0px; background: #fff; padding: 18px 0; transition: 0.5s;}
.m1fu>a {display: block; text-align: center; font-size: 20px; font-size: 1.8rem; line-height: 30px; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.m1fu p a {display: block; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #ffffff; text-align: center; padding: 0 10px; margin-top: 2px; height: 0px; overflow: hidden;}
.m1lie:hover .m1fu {padding: 14px 0; background: #e60013;}
.m1lie:hover {box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.m1lie:hover .m1fu a {color: #fff;}
.m1lie:hover .m1fu p a {height: 52px;}
.m1lie:hover .m1tu img {transform: scale(1.1, 1.1);}
.m1biao:hover {color: #e60013;}
.m1biao:hover:before{ background:#e60013}
 @media screen and (max-width:1419px) {
.m1lie {width: 390px; margin-left: 10px; margin-top: 58px;}}
 @media screen and (max-width:1219px) {
.m1lie {width: 316px; margin-left: 10px; margin-top: 30px;}
.m1fu>a {font-size: 16px; font-size: 1.6rem;}
.m1fu p a {font-size: 14px; font-size: 1.4rem; line-height: 24px;}
.m1lie:hover .m1fu p a {height: 48px;}}
 @media screen and (max-width:999px) {
.main1 {padding-top: 20px; padding-bottom: 22px;}
.m1biao {font-size: 24px; font-size: 2.4rem; line-height: 30px;}
.m1lie {width: 32.333%; margin-left: 0.5% !important; margin-right: 0.5%; margin-top: 20px; border: none}
.m1tu {border: 1px solid #cccccc;}
.m1fu {position: relative; padding: 5px 0;}
.m1fu>a {padding: 0px;}
.m1fu p a {padding: 0px; height: 48px; color: #333;}
.m1lie:hover .m1fu {padding: 5px 0; background: #e60013;}
.m1fu>a {font-size: 14px; font-size: 1.4rem;}
.m1fu p a {font-size: 12px; font-size: 1.2rem; line-height: 24px;}}
 @media screen and (max-width:639px) {
.m1lie {width: 49%;}}
/*  main2  */

.main2{ background:#f5f5f5; padding-top:52px; text-align:center; padding-bottom:78px; font-size:0px;}
.m2biao{ display:block; font-size:40px; font-size:4rem; line-height:50px; text-align:center;}
.m2biao span{ color:#e60013;}
.m2p{ display:block; width:490px; margin:auto; text-align:center; font-size:14px; font-size:1.4rem; line-height:24px; color:#999999; margin-top:14px; margin-bottom:58px;}
.m2lie{ width:33.3333%; display:inline-block;}
.m2lien{ padding:50px 72px;}
.m2lien2{ padding-top:78px; background-size:125px 78px; transition:0.5s;}
.m2lie1 .m2lien2{ background:url(../images/m2tu1.png) no-repeat top center;}
.m2lie1:hover .m2lien2{ background:url(../images/m2tu1h.png) no-repeat top center;}
.m2lie1 .m2lien{ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.m2lie2 .m2lien2{ background:url(../images/m2tu2.png) no-repeat top center;}
.m2lie2:hover .m2lien2{ background:url(../images/m2tu2h.png) no-repeat top center;}
.m2lie2 .m2lien{ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.m2lie3 .m2lien2{ background:url(../images/m2tu3.png) no-repeat top center;}
.m2lie3:hover .m2lien2{ background:url(../images/m2tu3h.png) no-repeat top center;}
.m2lie3 .m2lien{ border-bottom:1px solid #ccc;}
.m2lie4 .m2lien2{ background:url(../images/m2tu4.png) no-repeat center top;}
.m2lie4:hover .m2lien2{ background:url(../images/m2tu4h.png) no-repeat center top;}
.m2lie4 .m2lien{ border-right:1px solid #ccc;}
.m2lie5 .m2lien2{ background:url(../images/m2tu5.png) no-repeat center top;}
.m2lie5:hover .m2lien2{ background:url(../images/m2tu5h.png) no-repeat center top;}
.m2lie5 .m2lien{ border-right:1px solid #ccc;}
.m2lie6 .m2lien2{ background:url(../images/m2tu6.png) no-repeat center top;}
.m2lie6:hover .m2lien2{ background:url(../images/m2tu6h.png) no-repeat center top;}
.m2lie:hover .m2lien2{ background-position:center 5px }

.m2tu{ display:block;}
.m2tu img{ width:100%; max-width:125px; max-height:78px; margin:auto;}
.m2lie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:22px; height:96px; overflow:hidden;}
.main2 a:hover{color:#e60013;}
@media screen and (max-width:1419px) {
.m2lien{ padding:40px 20px;}
}
@media screen and (max-width:1219px) {
.m2lien{ padding:20px 10px;}
}
@media screen and (max-width:999px) {
.main2{ padding-top:22px; padding-bottom:22px;}
.m2biao{ font-size:24px; font-size:2.4rem; line-height:30px;}
.m2p{ margin-top:4px;}
}
@media screen and (max-width:639px) {
.m2p{ width:auto;}
.m2lie{ width:50%;}
.m2lie2 .m2lien{ border-right:none;}
.m2lie3 .m2lien{ border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.m2lie4 .m2lien{ border-right:none; border-bottom:1px solid #ccc;}
.m2lie5 .m2lien{ border-right:1px solid #ccc;}
.m2lie p a{ font-size:12px; font-size:1.2rem; line-height:22px; height:88px;}
.m2lie3 .m2lien2{ background:url(../images/m2tu3.png) no-repeat center top;}
.m2lie3:hover .m2lien2{ background:url(../images/m2tu3h.png) no-repeat center top;}
}


/*  main3  */

.main3 {padding-top: 85px; padding-bottom: 68px;}
.m3l {width: 700px; float: left;}
.m3r {width: 597px; float: right; position: relative;}
.m3biao {display: block; position: relative; font-size: 34px; font-size: 3.4rem; line-height: 46px; padding-bottom: 15px; padding-right: 150px;}
.m3biao span {color: #e60013;}
.m3p a {display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666666; margin-top: 22px; margin-bottom: 10px; padding-right: 150px;}
.m3lie {position: relative; z-index: 1; transition: 0.5s; margin-top: 13px;}
.m3lie a {display: block; padding: 20px 0; padding-left: 75px; font-size: 18px; font-size: 1.8rem; line-height: 24px; position: relative; z-index: 3}
.m3lie:before {content: ""; position: absolute; width: 56px; height: 64px; left: 0px; top: 0px; z-index: 2; transition: 0.5s;}
.m3lie1, .m3lie3, .m3lie5 {float: left; width: 306px;}
.m3lie2, .m3lie4, .m3lie6 {float: right; width: 357px;}
.m3lie:hover {background: #e60013;}
.m3lie:hover a {color: #fff;}
.m3lie1:before {background: url(../images/m3biao1.png) no-repeat left center, url(../images/m3biao1h.png) no-repeat 57px center;}
.m3lie1:hover:before {background: url(../images/m3biao1.png) no-repeat -57px center, url(../images/m3biao1h.png) no-repeat left center;}
.m3lie2:before {background: url(../images/m3biao2.png) no-repeat left center, url(../images/m3biao2h.png) no-repeat 57px center;}
.m3lie2:hover:before {background: url(../images/m3biao2.png) no-repeat -57px center, url(../images/m3biao2h.png) no-repeat left center;}
.m3lie3:before {background: url(../images/m3biao3.png) no-repeat left center, url(../images/m3biao3h.png) no-repeat 57px center;}
.m3lie3:hover:before {background: url(../images/m3biao3.png) no-repeat -57px center, url(../images/m3biao3h.png) no-repeat left center;}
.m3lie4:before {background: url(../images/m3biao4.png) no-repeat left center, url(../images/m3biao4h.png) no-repeat 57px center;}
.m3lie4:hover:before {background: url(../images/m3biao4.png) no-repeat -57px center, url(../images/m3biao4h.png) no-repeat left center;}
.m3lie5:before {background: url(../images/m3biao5.png) no-repeat left center, url(../images/m3biao5h.png) no-repeat 57px center;}
.m3lie5:hover:before {background: url(../images/m3biao5.png) no-repeat -57px center, url(../images/m3biao5h.png) no-repeat left center;}
.m3lie6:before {background: url(../images/m3biao6.png) no-repeat left center, url(../images/m3biao6h.png) no-repeat 57px center;}
.m3lie6:hover:before {background: url(../images/m3biao6.png) no-repeat -57px center, url(../images/m3biao6h.png) no-repeat left center;}
.m3fu {width: 270px; padding: 0 42px; background: #fff; background: rgba(255,255,255,0.9); position: absolute; left: 50%; margin-left: -177px; top: 50%; margin-top: -160px; padding-top: 38px; padding-bottom: 77px;}
.m3a {display: block; font-size: 24px; font-size: 2.4rem; line-height: 30px;}
.m3fu p a {display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666666; margin-top: 12px;}
.m3mor {display: inline-block; min-width: 124px; line-height: 30px; padding: 5px; background: #e60013; font-size: 15px; font-size: 1.5rem; color: #ffffff; text-align: center; margin-top: 33px;}
.m3biao:hover, .m3p a:hover, .m3r a:hover {color: #e60013;}
.m3mor:hover {background: #fff}
.m3tu {display: block;}
.m3tu img {width: 100%; max-width: 597px; max-height: 488px; margin: auto;}
 @media screen and (max-width:1419px) {
.m3l {width: 600px; float: left;}
.m3r {width: 580px; float: right; position: relative;}
.m3lie1, .m3lie3, .m3lie5 {float: left; width: 256px;}
.m3lie2, .m3lie4, .m3lie6 {float: right; width: 307px;}
.m3lie a {font-size: 16px; font-size: 1.6rem;}}
 @media screen and (max-width:1219px) {
.m3l {width: 500px; float: left;}
.m3r {width: 430px; float: right; position: relative; margin-top: 130px;}
.m3lie1, .m3lie3, .m3lie5 {float: left; width: 206px;}
.m3lie2, .m3lie4, .m3lie6 {float: right; width: 257px;}
.m3lie a {font-size: 14px; font-size: 1.4rem;}
.m3lie {margin-top: 3px;}
.m3biao {padding-right: 0px;}
.m3p a {padding-right: 0px;}}
 @media screen and (max-width:999px) {
.main3 {padding-top: 25px; padding-bottom: 25px;}
.m3biao {font-size: 24px; font-size: 2.4rem; line-height: 30px; padding-bottom: 5px; padding-right: 0px;}
.m3p a {font-size: 14px; font-size: 1.4rem; line-height: 24px; padding-right: 0px;}
.m3l {width: 100%; float: none;}
.m3r {width: 100%; float: none; position: relative; margin-top: 20px;}
.m3lie1, .m3lie3, .m3lie5 {float: left; width: 48%;}
.m3lie2, .m3lie4, .m3lie6 {float: right; width: 48%;}
.m3lie a {font-size: 14px; font-size: 1.4rem;}
.m3lie {margin-top: 3px;}}
 @media screen and (max-width:499px) {
.m3lie {width: 100%; float: left;}
.m3fu {padding: 10px; margin-left: -145px; margin-top: -113px;}}
/*  main4  */

.main4 {background: #f5f5f5; padding-top: 55px; padding-bottom: 85px;}
.m4biao {display: block; font-size: 40px; font-size: 4rem; line-height: 50px; text-align: center; position: relative; padding-bottom: 21px;}
.m4biao:before {content: ""; position: absolute; width: 107px; height: 2px; background: #333333; bottom: 0px; left: 50%; margin-left: -53px; transition:0.5s;}
.m4p a {display: block; font-size: 16px; font-size: 1.6rem; line-height: 26px; text-align: center; margin-top: 37px;}
.m4lie {width: 300px; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2); float: left; margin-left: 64px; position: relative; padding-bottom: 33px;}
.m4n {padding: 20px;}
.m4tu {display: block; max-width: 114px; border-radius: 50%; border: 3px solid #fff; position: absolute; left: 50%; margin-left: -60px; top: -60px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); overflow: hidden;}
.m4tu img {width: 100%; max-width: 114px; max-height: 114px; border-radius: 50%; transition: 0.5s;}
.m4lie1 {margin-top: 100px;}
.m4lie2 {margin-top: 197px;}
.m4a {display: block; font-size: 20px; font-size: 2rem; line-height: 30px; text-align: center; margin-top: 52px;}
.m4lie p a {display: block; font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #666666; margin-top: 11px; height: 156px; overflow: hidden; text-align: center;}
.main4 a:hover {color: #e60013;}
.m4lie:hover .m4tu img {transform: scale(1.1, 1.1)}
.m4biao:hover:before{ background:#e60013;}
 @media screen and (max-width:1419px) {
.m4lie {width: 285px; margin-left: 20px;}}
 @media screen and (max-width:1219px) {
.m4lie {width: 230px; margin-left: 20px;}}
 @media screen and (max-width:999px) {
.main4 {padding-top: 25px; padding-bottom: 25px;}
.m4biao {font-size: 24px; font-size: 2.4rem; line-height: 30px; padding-bottom: 5px;}
.m4p a {font-size: 14px; font-size: 1.4rem; margin-top: 10px;}
.m4lie {width: 48%; margin-left: 1% !important; margin-right: 1%; margin-top: 80px; padding-bottom: 10px;}}
 @media screen and (max-width:439px) {
.m4lie {width: 98%; margin-left: 1% !important; margin-right: 1%; margin-top: 80px;}
.m4lie p a {height: auto;}}
/*  main5  */

.main5 {padding-top: 72px; padding-bottom: 58px;}
#outer {}
#tab {zoom: 1;}
#tab li {width: 50%; float: left; cursor: pointer; height: 90px; background: #eeeeee; text-align: center; transition: 0.5s;}
#tab li a {display: table-cell; vertical-align: middle; font-size: 30px; font-size: 3rem; line-height: 40px; height: 90px; position: relative; display: -moz-box; -moz-box-pack: center; -moz-box-align: center; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; display: box; box-pack: center; box-align: center;}
#tab li a:before {content: ""; width: 26px; height: 14px; background: url(../images/zhizhen.png) no-repeat center; position: absolute; left: 50%; margin-left: -13px; bottom: -14px; display: none;}
#tab li:hover {background: #e60013;}
#tab li:hover a {color: #fff;}
#tab li.current {background: #e60013;}
#tab li.current a {color: #fff}
#tab li.current a:before {display: block;}
#content {}
#content .tabul {display: none; padding-top: 36px;}
.m5lie {width: 441px; float: left; margin-left: 38px; margin-top: 51px; transition: 0.4s;}
.m5tu {display: block;}
.m5tu img {width: 100%; max-width: 441px; max-height: 242px;}
.m5zi {background: #fff; padding: 10px 7px; padding-bottom: 30px;}
.m5zi>a {display: block; font-size: 20px; font-size: 2rem; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.m5zi p a {display: block; font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #666666; height: 52px; overflow: hidden; margin-top: 8px;}
.m5lie:hover {box-shadow: 0 0 15px rgba(0,0,0,0.2); transform: translateY(-3px)}
.m5zi a:hover {color: #e60013}
 @media screen and (max-width:1419px) {
.m5lie {width: 386px; margin-left: 20px;}}
 @media screen and (max-width:1219px) {
.m5lie {width: 313px; margin-left: 20px;}}
 @media screen and (max-width:999px) {
.main5 {padding-top: 22px; padding-bottom: 20px;}
#tab li {height: 60px;}
#tab li a {font-size: 20px; font-size: 2rem; line-height: 30px; height: 60px; position: relative;}
.m5lie {width: 31.333%; margin-left: 1% !important; margin-right: 1%; margin-top: 10px;}
.m5zi>a {font-size: 16px; font-size: 1.6rem;}
.m5zi p a {font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 48px; margin-top: 3px;}}
 @media screen and (max-width:639px) {
#content .tabul {padding-top: 16px;}
#tab li {height: 50px;}
#tab li a {font-size: 16px; font-size: 1.6rem; line-height: 24px; height: 50px; position: relative;}
.m5lie {width: 48%;}
.m5zi {padding: 5px;}}
 @media screen and (max-width:439px) {
#tab li a {font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 50px; position: relative;}
.m5zi>a {font-size: 14px; font-size: 1.4rem;}
.m5zi p a {font-size: 12px; font-size: 1.2rem; line-height: 22px; height: 44px; margin-top: 3px;}}
/*  foot  */

.foot {background: #eeeeee; padding-top: 45px; padding-bottom: 60px;}
.fo1 {width: 200px; float: left;}
.fo2 {width: 240px; float: left; margin-left: 103px;}
.fo3 {width: 220px; float: left; margin-left: 139px;}
.fo4 {width: 412px; float: right;}
.fbiao {display: block; font-size: 24px; font-size: 2.4rem; text-transform: uppercase; line-height: 40px;}
.ful {margin-top: 20px;}
.ful li {font-size: 14px; font-size: 1.4rem; line-height: 26px;}
.ful li a {display: block;}
.fo3 .ful li {margin-top: 4px;}
.fo3 .ful li a {display: inline-block}
.ferweima {display: block; margin-top: 6px;}
.ferweima img {width: 100%; max-width: 113px; max-height: 113px;}
.fo4 form {padding-top: 8px;}
.fo4 .xing {background: url(../images/fxing.jpg) no-repeat left 17px;}
.fo4 .int1 {padding-left: 10px; position: relative; margin-top: 11px;}
.fo4 .int1 i {line-height: 36px; position: absolute; left: 17px; top: 0px; font-size: 20px; font-weight: bold;}
.fo4 .int1 input {width: 157px; height: 36px; line-height: 36px; background: #fff; padding-left: 34px; font-size: 14px; font-size: 1.4rem;}
.fo4 .int1 textarea {width: 366px; height: 94px; padding-top: 5px; line-height: 26px; background: #fff; padding-left: 34px; font-size: 14px; font-size: 1.4rem;}
.fo4 .int2 {padding-left: 10px; position: relative; margin-top: 11px; float: left;}
.fo4 .int2 input {width: 108px; height: 36px; line-height: 36px; background: #fff; padding-left: 12px; font-size: 14px; font-size: 1.4rem;}
.fo4 .fyanzheng {width: 103px; height: 38px; float: left; margin-top: 11px; margin-left: 13px; cursor: pointer}
.fo4 .int3 {min-width: 135px; height: 38px; float: right; padding: 0 5px; background: #e60013; margin-top: 11px; font-size: 14px; font-size: 1.4rem; color: #ffffff; text-transform: uppercase; cursor: pointer; transition: 0.5s;}
.fo4 .int3:hover {background: #fff; color: #e60013;}
.foot2 {border-top: 1px solid #535353; margin-top: 47px; padding-top: 21px;}
.fop {font-size: 14px; font-size: 1.4rem; line-height: 26px; float: left;}
.fop img {display: inline;}
.shejiao {float: right;}
.shejiao a {display: block; float: left; color: #333333; line-height: 26px; font-size: 20px; margin-left: 20px;}
.foot a:hover {color: #e60013;}
.top {width: 53px; height: 56px; margin: auto; background: #222222; line-height: 56px; color: #fff; font-size: 30px !important; text-align: center; cursor: pointer; position: absolute; right: 0px; bottom: 0px; transition: 0.9s; z-index: 999}
.top p {width: 27px; height: 27px; border-radius: 50%; text-align: center; line-height: 27px; border: 2px solid #ebebeb; margin: auto; color: #ebebeb; font-size: 14px; margin-top: 14px;}
.bottom {bottom: 0px;}
.top:hover {background: #e60013}
.lianxi {position: fixed; width: 53px; right: 0px; top: 50%; margin-top: -173px; z-index: 99999; height: 230px;}
.lianxi div {position: absolute; right: 0px; cursor: pointer}
.xi1 {top: 0px;}
.xi2 {top: 58px;}
.xi3 {top: 116px;}
.xi4 {top: 174px;}
.xi5 {bottom: 116px;}
.lianxi div a {display: block; background: #222222; width: 53px; height: 56px; line-height: 56px; position: relative}
.lianxi div a i {display: inline-block; position: absolute; top: 0px; right: 0px; width: 53px; line-height: 56px; color: #ffffff; font-size: 24px; text-align: center; background: #222222; transition: 0.5s;}
.lianxi div a span {display: inline-block; width: 0px; overflow: hidden; font-size: 16px; font-size: 1.6rem; color: #ffffff; text-align: center;}
.lianxi div:hover a {width: 224px; background: #e60013}
.lianxi div:hover a i {background: #e60013}
.lianxi div:hover a span {width: 171px;}
.weixin {position: relative; cursor: pointer; bottom: 58px;}
.weixin img {position: absolute; width: 150px; height: 150px; top: 0px; left: -149px; display: none;}
.weixin:hover img {display: block;}
.weixin2, .tankuang {display: none}

.lianxi .weixin:hover a {width: 53px; background: #e60013}
.lianxi .weixin:hover a i {background: #e60013}
.clear2 {display: none}
 @media screen and (max-width:1419px) {
.fo1 {width: 200px; float: left;}
.fo2 {width: 240px; float: left; margin-left: 23px;}
.fo3 {width: 220px; float: left; margin-left: 29px;}
.fo4 {width: 412px; float: right;}}
 @media screen and (max-width:1219px) {
.fo1 {width: 160px; float: left;}
.fo2 {width: 220px; float: left; margin-left: 10px;}
.fo3 {width: 200px; float: left; margin-left: 10px;}
.fo4 {width: 362px; float: right;}
.fo4 .int1 input {width: 132px;}
.fo4 .int1 textarea {width: 316px;}
.fo4 .int2 input {width: 222px; height: 36px; line-height: 36px; background: #fff; padding-left: 12px; font-size: 14px; font-size: 1.4rem;}
.fo4 .int3 {min-width: 350px; height: 38px; float: right; padding: 0 5px; background: #e60013; margin-top: 11px; font-size: 14px; font-size: 1.4rem; color: #ffffff; text-transform: uppercase; cursor: pointer; transition: 0.5s;}}
 @media screen and (max-width:999px) {
.fo1 {width: 48%; float: left;}
.fo2 {width: 50%; float: right; margin-left: 0px;}
.fo3 {width: 48%; float: left; margin-left: 0px; margin-top: 20px;}
.fo4 {width: 50%; float: right; margin-top: 20px;}
.fo4 form {width: 362px;}
.clear2 {display: block; clear: both;}
.fop {float: none;}
.shejiao {float: none;}
.shejiao a {margin-left: auto; margin-right: 10px; margin-top: 10px;}}
 @media screen and (max-width:767px) {
.foot {padding-top: 20px; padding-bottom: 70px;}
.youlian {display: none}
.top {width: 25%; height: 56px; line-height: 56px; bottom: 0px; right: 0px; border-radius: 0px; border: none}
.lianxi {width: 100%; right: auto; top: auto; margin: auto; left: 0px; bottom: 0px; border-top: 1px solid #fff; height: auto;}
.lianxi div {width: 25%; float: left; position: relative; top: auto; bottom: auto;}
.lianxi div a {margin: auto; width: 100%; color: #fff !important; border-radius: 0px;}
.lianxi div a i {width: 100%;}
.lianxi div a span {display: none}
.weixin2 {display: block}
.weixin1 {display: none}
.tankuang{ position:absolute; left:50%; margin-left:-75px; bottom:56px; width:150px;}
.tankuang img{ display:block; position:relative; position:relative; left:auto; margin:auto; width:150px; height:150px;}
.lianxi div:hover a {width: 100%; background: #e60013}
.lianxi .weixin:hover a {width: 100%; background: #e60013}
.fo1, .fo2, .fo3, .fo4 {display: none;}
.foot2 {margin-top: auto; border-top: none; padding-top: 0px;}}
/*********************************  product  *******************************/

.mianbao {font-size: 16px; font-size: 1.6rem; line-height: 40px; margin-top: 157px; padding-top: 33px;}
.mianbao2 {margin-top: 0px; padding-top: 17px;}
.mianbao .zong {border-bottom: 1px solid #cccccc; padding-bottom: 5px;}
.mianbao a:hover {color: #e60013;}
.coe6 {color: #e60013 !important;}
.prmain {padding-top: 56px; padding-bottom: 89px;}
.prl {width: 313px; float: left;}
.prr {width: 1044px; float: right;}
.j-nextshow {position: relative;}
.proslide_menubtn {display: none; width: 23px; height: 18px; position: absolute; top: 50%; margin-top: -9px; right: 12px; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999;}
.proslide_menubtn span {display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #FFFFFF;}
.prbiao {display: block; font-size: 24px; font-size: 2.4rem; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 35px; background: #e60013; padding: 5px; text-align: center;}
.pryiji {}
.pryiji>li {border: 1px solid #d2d2d2; margin-top: 6px; position:relative;}
.pryiji>li .yijii{ display:block; width:38px; height:40px; position:absolute; left:0px; top:0px; cursor:pointer;}
.pryiji>li>a {display: block; padding-left: 38px; background: #eeeeee url(../images/jia.png) no-repeat left center;}
.pryiji li a span {display: block; border-left: 1px solid #d2d2d2; padding: 7px; font-size: 16px; font-size: 1.6rem; line-height: 26px; transition: 0.5s;}
.prerji {border-top: 1px solid #d2d2d2; padding-left:10px; padding-right: 10px; display: none;}
.prerji li a {display: block; font-size: 16px; font-size: 1.6rem; line-height: 24px; padding: 8px 0; padding-left:43px; border-top:1px solid #ccc}
.prsanji {padding-left: 55px;}
.prsanji li a {font-size: 14px; font-size: 1.4rem; padding: 2px 0;}
.pryiji>li:hover>a {background: #e60013 url(../images/jian.png) no-repeat left center;}
.pryiji>li:hover>a>span {color: #fff;}
.prerji li a:hover {color: #e60013;}
.dangyi>a {background: #e60013 url(../images/jian.png) no-repeat left center !important;}
.dangyi>a span {color: #fff !important;}
.danger>a {color: #e60013 !important;}
.prerji li:nth-child(1) a{ border:none}

.prlie {width: 330px; float: left; margin-left: 27px; margin-bottom: 60px;}
.prtu {display: block; border: 1px solid #cccccc; overflow: hidden;}
.prtu img {width: 100%; max-width: 634px; max-height: 634px; transition: 0.5s;}
.przi {display: block; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 18px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.inno {text-align: center; margin-top: 21px;}
.inno input {display: none; cursor: pointer;}
.inno2 {display: inline-block; min-width: 115px; line-height: 34px; border-radius: 10px; padding: 0 5px; border: 1px solid #e60013; font-size: 16px; font-size: 1.6rem; color: #e60013;  }
.inno2:hover {background: #e60013; color: #fff; cursor: pointer}
.przi:hover {color: #e60013;}
.prlie:hover .prtu img {transform: scale(1.1, 1.1)}
.fenye {padding-top: 13px; text-align: center;}
.fenyen {display: inline-block;
*float:left;}
.fenyen a {display: inline-block;
*float:left; width: 42px; height: 35px; border: 1px solid #ededed; text-align: center; line-height: 35px; background: #f8f8f8; margin-right: 10px; margin-bottom: 10px; font-size: 14px; font-size: 1.4rem;}
.fenyen a:hover {border: 1px solid #e60013; background: #e60013; color: #fff;}
.sx {width: auto !important; min-width: 70px; padding: 0 2px;}
.sx.no:hover {background: #f8f8f8;
color:color: #333; background-color: #fff !important;}
.dangqianfen {border: 1px solid #e60013 !important; background: #e60013 !important; color: #fff !important;}
.fuxuan {background: url(../images/fuxuan.jpg) no-repeat right center; padding-right: 23px; display: none;
*float:right; margin-bottom: 10px; margin-left: 8px;}
.fuxuan input {min-width: 153px; height: 35px; line-height: 35px; padding: 0 5px; background: #e60013; color: #333; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; font-size: 14px; font-size: 1.4rem; border: 1px solid #ededed; color: #fff;}
.fuxuan input:hover {background: #fff; border: 1px solid #e60013; color: #e60013;}
.xunpan {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #000; background: rgba(0,0,0,0.5); display: none; z-index: 99999999999999}
.xunpann {background: #fff; position: absolute; left: 50%; margin-left: -700px; top: 50%; margin-top: -280px; padding-top: 71px; padding-bottom: 53px;}
.xunpann .xing {background: url(../images/xing.jpg) no-repeat left 14px;}
.xunpann form {padding-left: 62px; padding-right: 137px;}
.xuna {display: block; font-size: 24px; font-size: 2.4rem; text-transform: uppercase; font-weight: bold; line-height: 30px; color: #e60012; margin-bottom: 18px;}
.xunpann .int1 {padding-left: 18px; float: left; margin-left: 91px; margin-top: 21px;}
.xunpann .int1 input {width: 307px; height: 30px; line-height: 30px; border: 1px solid #cccccc; padding-left: 11px; font-size: 14px; font-size: 1.4rem; color: #999999}
.xunpann .int2 {padding-left: 18px; background: url(../images/xing.jpg) no-repeat left 6px; margin-top: 20px;}
.xunpann .int2 textarea {width: 1168px; height: 131px; line-height: 30px; border: 1px solid #cccccc; padding-left: 11px; font-size: 14px; font-size: 1.4rem;}
.xunpann .int3 {padding-left: 18px; background: url(../images/xing.jpg) no-repeat left 14px; margin-top: 20px; float: left;}
.xunpann .int3 input {width: 362px; height: 30px; line-height: 30px; border: 1px solid #cccccc; padding-left: 11px;}
.xunpann .yanzheng {width: 117px; height: 34px; float: left; margin-left: 50px; margin-top: 21px; cursor: pointer;}
.xunpann .int4 {width: 323px; height: 34px; transition: 0.5s; float: right; margin-top: 21px; background: #e60013; font-size: 16px; font-size: 1.6rem; color: #fff; text-transform: uppercase; font-weight: bold; cursor: pointer;}
.xunpann .int4:hover {background: #f8515f;}
.pra2 {display: block; margin-left: 18px; font-size: 16px; font-size: 1.6rem; line-height: 30px; font-weight: bold; margin-top: 7px;}
.prp a {display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-left: 18px;}
.prp a:hover {color: #e60013;}
.guanbi {display: block; width: 47px; height: 47px; border-radius: 50%; border: 1px solid #cdcdcd; text-align: center; line-height: 47px; color: #333333; font-size: 26px; position: absolute; top: 21px; right: 26px; cursor: pointer}
 @media screen and (max-width:1419px) {
.prr {width: 844px; float: right;}
.prlie {width: 274px; margin-left: 10px;}
.xunpann {margin-left: -600px;}
.xunpann form {padding-left: 62px; padding-right: 122px;}
.xunpann .int1 {margin-left: 25px;}
.xunpann .int1 input {width: 290px;}
.xunpann .int2 textarea {width: 984px;}}
 @media screen and (max-width:1219px) {
.prl {width: 270px; float: left;}
.prr {width: 700px; float: right;}
.prlie {width: 226px; margin-left: 10px;}
 
.xunpann {margin-left: -490px;}
.xunpann form {padding-left: 10px; padding-right: 10px;}
.xunpann .int1 {margin-left: 10px;}
.xunpann .int1 input {width: 280px;}
.xunpann .int2 textarea {width: 925px;}}
 @media screen and (max-width:999px) {
.mianbao {margin-top: 122px; padding-top: 20px; font-size: 14px; font-size: 1.4rem; line-height: 24px;}
.mianbao2 {margin-top: 0px; padding-top: 17px;}
.prmain {padding-top: 26px; padding-bottom: 29px;}
.prl {width: 30%; float: left;}
.prr {width: 68%; float: right;}
.prlie {width: 48%; margin-left: 1% !important; margin-right: 1%; margin-bottom: 10px;}
.prbiao {font-size: 20px; font-size: 2rem;}
.xunpann {margin-left: auto; left: 2.5%; margin-top: -234px; padding-top: 30px; padding-bottom: 10px;}
.xunpann form {padding-left: 10px; padding-right: 10px;}
.xunpann .int1 {margin-left: 0px; float: none; margin-top: 5px;}
.xunpann .int1 input, .xunpann .int3 input {width: 90%; height: 24px; line-height: 24px; font-size: 12px; font-size: 1.2rem;}
.xunpann .int2, .xunpann .int3 {margin-top: 5px; float: none;}
.xunpann .int2 textarea {width: 90%; height: 70px; line-height: 24px; font-size: 12px; font-size: 1.2rem;}
.xunpann .yanzheng {margin-left: 18px; margin-top: 5px;}
.xunpann .int4 {float: left; margin-left: 5px; margin-top: 5px; width: auto; min-width: 100px; font-size: 12px; font-size: 1.2rem;}
.guanbi {width: 20px; height: 20px; line-height: 20px; font-size: 12px; right: 5px; top: 5px;}
.xuna {font-size: 20px; font-size: 2rem;}}
 @media screen and (max-width:767px) {
.mianbao {margin-top: 130px;}
.mianbao2 {margin-top: 0px; padding-top: 17px;}
.prl {width: 100%; float: none; margin-top: 20px;}
.prr {width: 100%; float: none;}
.proslide_menubtn {display: block}
.pryiji {display: none}
.przi, .inno2 {font-size: 14px; font-size: 1.4rem;}
.inno2 {min-width: 90px; margin-left: 2px;}}
/*********************************  product2  *******************************/

.m-propic { width: 778px;}
.m-propic .pic-big {position: relative; float: left; width: 634px; border: 1px solid #cccccc;}
.m-propic .big-img {display: block; line-height: 0; font-size: 0; border-radius: 0;}
.m-propic .big-img .zoomPad {float: none; z-index: 8;}
.m-propic .big-img img {border-radius: 0; max-width: 100%; cursor: pointer}
.m-propic .zoomWrapperImage img {max-width: 1200px;}
.m-propic .pic-small {position: relative; float: right; width: 116px; overflow: hidden;}
.m-propic .pic-btn {position: absolute; margin: 0 auto; left: 0; right: 0; display: block; width: 100%; cursor: pointer; text-align: center;}
.m-propic .pic-btn .iconfont {font-size: 24px; font-size: 2.6rem; color: #666666;}
.m-propic .pic-btn .iconfont:hover {color: #e60013;}
.m-propic .pic-btn.prev {top: 12px;}
.m-propic .pic-btn.next {bottom: 12px;}
.m-propic .pic-list {height: 533px; margin-top: 51px; margin-bottom: 51px; overflow: hidden;}
.m-propic .pic-list ul {height: 2000px;}
.m-propic .pic-list .list-item {margin-bottom: 23px; overflow: visible; padding-left: 0; position: relative;}
.m-propic .pic-list .list-item .pxjiao {position: absolute; left: -3px; top: 50%; margin-top: -4px; display: none;}
.m-propic .pic-list .item-pics {display: block; border-radius: 0; border: 1px solid #cccccc; position: relative;}
.m-propic .pic-list .item-pics img {width: 100%; display: block;}
.m-propic .item-pics:hover, .m-propic .item-pics.zoomThumbActive { /*border-color: #e60013;*/}
.m-propic .item-pics:hover .pxjiao, .m-propic .item-pics.zoomThumbActive .pxjiao {display: block;}
.m-propic2 {display: none;}
.zoomPad {cursor: default !important;}
.zoomPup {display: none !important;}
.zoomWindow {display: none !important;}
.zoomPreload {display: none !important;}

.provideo {position: relative; overflow: hidden; padding-bottom: 100%; height: 0;}
.provideo iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}
.provideo iframe body {margin: 0px !important;}
.shipin {position: relative;}
.shipin:after {content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.3) url(../images/bofang.png) no-repeat center; background-size: 30px 30px;}

.jianjie {text-align: center; padding-top: 31px; max-width: 634px;}
.jianjie h1 {font-size: 24px; font-size: 2.4rem; line-height: 30px; text-align: center;}
.jiann {font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #666666; margin-top: 14px;}
.jiann p, .jiann span, .jiann li, .jiann strong {color: #666666;}
.jiann a {color: #e60013;}
.inno3 {display: inline-block; min-width: 138px; line-height: 38px; padding: 0 5px; border: 1px solid #e60013; border-radius: 10px; font-size: 16px; font-size: 1.6rem; color: #e60013; text-align: center; margin: 0 13px; margin-top: 26px; margin-bottom: 10px;}
.inno3:hover {background: #e60013; color: #fff;}
.share {display: inline-block; margin-left: 10px; margin-bottom: 10px;}
.share1 {display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 26px; vertical-align: middle;}
.share2 {display: inline-block; vertical-align: middle}
#outer2 {margin-top: 61px;}
#tab2 {overflow: hidden; zoom: 1; border-bottom: 2px solid #cccccc;}
#tab2 li {float: left; cursor: pointer; background: #eeeeee; text-align: center; transition: 0.5s; margin-right: 20px; border-radius: 10px; margin-bottom: 16px; margin-top: 6px;}
#tab2 li a {display: table-cell; vertical-align: middle; font-size: 20px; font-size: 2rem; line-height: 36px; padding: 10px 30px; border-radius: 10px;}
#tab2 li:hover {background: #d01818;}
#tab2 li:hover a {color: #fff;}
#tab2 li.current2 {background: #d01818;}
#tab2 li.current2 a {color: #fff}
#content2 {}
#content2 .tabul2 {display: none; padding-top: 23px; font-size: 16px; font-size: 1.6rem; line-height: 30px;}
#content2 .tabul2 p, #content2 .tabul2 li, #content2 .tabul2 span, #content2 .tabul2 strong {}
#content2 .tabul2 img {max-width: 100%; display: inline;}
#content2 .tabul2 a {color: #e60013;}
#maln {margin-left: auto !important}
.table table {max-width: 100%; border-collapse: collapse; line-height: 22px; margin-top: 20px;}
.table table tr td {padding: 10px; border: 1px solid #808080; font-size: 16px; font-size: 1.6rem; color: #333; text-align: center;}
.biaotou {background: #f2f2f2; font-weight: bold;}
.table table tr td:first-child {font-weight: bold;}
.homain {padding-top: 63px;}
.hobiao {display: block; font-size: 26px; font-size: 2.6rem; color: #e60013; line-height: 40px; border-bottom: 1px solid #cccccc; padding-bottom: 4px;}
.img-scroll2 {position: relative; margin-top: 29px;}
.honav {width: 40px; height: 16px; position: absolute; right: 0px; top: -63px;}
.img-scroll2 .prev2, .img-scroll2 .next2 {position: absolute; display: block; color: #666666; text-align: center; font-size: 18px; font-weight: bold; line-height: 20px; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll2 .prev2 {left: 0px; cursor: pointer;}
.img-scroll2 .next2 {right: 0px; cursor: pointer;}
.img-scroll2 .prev2:hover, .img-scroll2 .next2:hover {color: #e60013}
.img-list2 {position: relative; overflow: hidden; padding-top: 29px;}
.img-list2 ul {width: 10000%;}
.img-list2 li {float: left; display: inline; position: relative; width: 327px; margin-right: 30px; cursor: pointer; text-align: center;}
.hotu {display: block; border: 1px solid #cccccc; overflow: hidden;}
.hotu img {width: 100%; max-width: 634px; max-height: 634px; transition: 0.5s;}
.hozi {position: absolute; left: 0px; bottom: 0px; width: 100%; background: #fff; display: block;}
.hozi span {display: block; border: 1px solid #cccccc; border-top: none; font-size: 14px; font-size: 1.4rem; text-align: center; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; padding: 10px; transition: 0.5s;}
.hozi:hover {color: #f71317;}
.hobiao:hover {color: #fa8587;}
.img-list2 li:hover .hozi span {color: #e60013;}
.img-list2 li:hover .hotu img {transform: scale(1.1, 1.1)}

.tankuang2 {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; background: rgba(0,0,0,0.5); border: 1px solid #cccccc; display: none; z-index: 99999999999}
.tankuangn {background: #ffffff; width: 900px; position: absolute; left: 50%; margin-left: -450px; top: 50%; transform:translateY(-50%); max-height: 90%; overflow: auto; padding-top: 50px; padding-bottom: 22px;}
.m-imgshow .box-wp {position: relative; margin: 0 auto 0; max-width: 984px;}
.m-imgshow .box-big {position: relative; margin: 0 auto; background-color: #fff; -moz-box-sizing: border-box; box-sizing: border-box; max-width:900px; margin:auto; padding-right: 44px; padding-left: 44px;}
.m-imgshow .box-big div {position: relative; overflow: hidden; border: 1px solid #cccccc;}
.m-imgshow .box-big .img {line-height: 0; font-size: 0; text-align: center;}
.m-imgshow .box-big .img img {width: 100%; max-width: 800px; max-height: 800px;}
.m-imgshow .box-big .title {position: absolute; bottom: 0; left: 0; width: 100%; height: 46px; line-height: 46px; padding: 0 10px; font-size: 18px; font-size: 1.8rem; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.5); background-color: #000 \9;}
.m-imgshow .box-small {margin-top: 14px; position: relative; width: 353px; float: right; display:none}
.m-imgshow .box-small h1 {font-size: 32px; font-size: 3.2rem; line-height: 40px; margin-bottom: 11px;}
.m-imgshow .box-btn {position: absolute; bottom: 50%; margin-bottom: -16px; display: block;}
.m-imgshow .box-btn i {display: block; line-height: 32px; font-size: 30px; font-size: 3rem; color: #333;}
.m-imgshow .box-btn i:hover {color: #009fde;}
.m-imgshow .box-btn.prev {left: 0;}
.m-imgshow .box-btn.next {right: 0;}
.m-imgshow .box-list {overflow: hidden; width: 253px; margin: auto;}
.m-imgshow .box-list ul {width: 100%;}
.m-imgshow .box-list ul li {width: 115px; margin-top: 13px;}
.m-imgshow .list-item {position: relative; border: 1px solid #cccccc;}
.m-imgshow .list-item img {width: 100%; max-width: 634px; max-height: 634px;}
.m-imgshow .list-item.active {border-color: #009fde;}

.inno4 {display: inline-block; min-width: 140px; height: 40px; padding: 0 5px; line-height: 40px; border-radius: 10px; background: #e60013; font-size: 16px; font-size: 1.6rem; color: #ffffff; text-align: center; margin-top: 36px;}
.inno4:hover {background: #c10817}
.guanbi2 {display: block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #cdcdcd; text-align: center; line-height: 30px; color: #333333; font-size: 18px; position: absolute; top: 10px; right: 10px; cursor: pointer}
 @media screen and (max-width: 1419px) {
.img-list2 li {width: 273px; margin-right: 10px;}}
 @media screen and (max-width: 1219px) {
.m-propic {max-width: 100%; float: none;}
.m-propic .pic-big {height: auto;}
.m-propic .pic-big {width: 590px;}
.m-propic .pic-small {width: 90px;}
.m-propic .pic-list {height: 500px;}
.m-propic .pic-list .list-item {margin-bottom: 42px;}
.jianjie { max-width: 590px;}
#outer2 {margin-top: 21px;}
#tab2 li {margin-bottom: 10px; margin-top: 0px;}
#tab2 li a {font-size: 14px; font-size: 1.4rem; padding: 5px 10px; line-height: 24px;}
.img-list2 {padding-top: 0px;}
.img-list2 li {width: 225px; margin-right: 10px;}
.hobiao {font-size: 20px; font-size: 2rem;}
}
 @media screen and (max-width: 999px) {
.m-propic1 {display: none;}
.m-propic2 {position: relative; display: block; overflow: hidden; width: auto !important; padding-left: 30px; padding-right: 30px;}
.m-propic2 .box-btn {position: absolute; top: 50%; margin-top: -12px; display: block; width: 24px; height: 24px;}
.m-propic2 .box-btn .iconfont {font-size: 24px; font-size: 2.4rem; color: #888;}
.m-propic2 .box-btn .iconfont:hover {color: #8b5a1d;}
.m-propic2 .box-btn.prev {left: 0;}
.m-propic2 .box-btn.next {right: 0;}
.m-propic2 .box-list {overflow: hidden;}
.m-propic2 .box-list ul {width: 1000%;}
.m-propic2 .list-item {float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; border-radius: 0; border: 0 solid #d7d7d7; border: 0 solid rgba(113, 113, 113, 0.3); overflow: hidden;}
.m-propic2 .list-item .item-pic {border: 1px solid #ccc;}
.m-propic2 .list-item img {display: block; max-width: 100%;}
.jianjie { max-width:none;}
.jianjie h1 {font-size: 18px; font-size: 1.8rem;}
.jiann {font-size: 14px; font-size: 1.4rem; line-height: 24px;}
.table {width: 100%; overflow: scroll;}
.inno3 {min-width: 90px; font-size: 14px; font-size: 1.4rem; margin: 0 5px; margin-top: 10px; margin-bottom: 10px;}
#content2 .tabul2 {font-size: 14px; font-size: 1.4rem; line-height: 24px;}
.table table tr td {padding: 10px 2px; font-size: 14px; font-size: 1.4rem;}
.homain {padding-top: 23px;}
.img-list2 li {width: 0.49%; margin-right: 0.01%;}}
 @media screen and (max-width: 991px) {
.abmain4 {padding-top: 20px; padding-bottom: 20px;}
.ab4biao {font-size: 20px; font-size: 2rem;}
.abmain4>p {font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 7px;}
.tankuangn { width:90%; left:5%; margin:auto;}
.m-imgshow .box-title {font-size: 20px; font-size: 2rem;}
.m-imgshow .box-small {margin-top: 10px;}
.m-imgshow .box-big .title {height: 30px; line-height: 30px; font-size: 16px; font-size: 1.6rem;}
.m-imgshow .box-list ul li {margin-right: .2%; width: 3.2333%;}
.m-imgshow .box-btn {font-size: 20px; font-size: 2rem;}
.m-imgshow .list-item {border-width: 1px;}}
 @media only screen and (max-width: 500px) {
.m-propic2 .list-item {float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 4.8%;}
.inno3 {min-width: 70px; font-size: 12px; font-size: 1.2rem; margin: 0 5px; margin-top: 10px; margin-bottom: 10px;}}
 @media only screen and (max-width: 480px) {
.m-propic2 .list-item {float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 9.8%;}
.m-imgshow .box-list ul li {margin-right: .2%; width: 4.8%;}}
/*********************************  service  *******************************/

.semain {padding-top: 21px; padding-bottom: 72px;}
.selie {border-bottom: 1px dashed #cccccc; position: relative; min-height: 242px; padding-bottom: 39px; margin-top: 36px;}
.setu {display: block; width: 441px; position: absolute; left: 0px; top: 0px; overflow: hidden;}
.setu img {width: 100%; max-width: 441px; max-height: 242px; margin: auto; transition: 0.5s;}
.sezi {padding-left: 476px;}
.sea {display: block; font-size: 24px; font-size: 2.4rem; line-height: 30px; position: relative; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; padding-bottom: 12px; padding-top: 10px;}
.sezi p a {display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #666666; margin-top: 32px; height: 60px; overflow: hidden;}
.semor {display: inline-block; min-width: 120px; line-height: 34px; padding: 0 5px; text-align: center; border: 1px solid #e60013; font-size: 16px; font-size: 1.6rem; color: #e60013; margin-top: 57px;}
.sea:hover, .sezi p a:hover {color: #e60013;}
.semor:hover {background: #e60013; color: #fff;}
.selie .setu img:hover {transform: scale(1.1, 1.1)}
.semain .fenye {padding-top: 66px;}
.setuimg img{transform: scale(1.1, 1.1)}
 @media only screen and (max-width: 999px) {
.semain {padding-top: 10px; padding-bottom: 22px;}
.selie {min-height: 165px; padding-bottom: 52px; margin-top: 20px;}
.setu {width: 300px;}
.sezi {padding-left: 320px;}
.sea {font-size: 20px; font-size: 2rem; padding-top: 0px;}
.sezi p a {display: block; font-size: 14px; font-size: 1.4rem; line-height: 24px; height: 48px; margin-top: 10px;}
.semor {min-width: 90px; font-size: 14px; font-size: 1.4rem; margin-top: 20px;}
.semain .fenye {padding-top: 26px;}}
 @media only screen and (max-width: 639px) {
.setu {position: relative; left: auto; top: auto; width: auto;}
.sezi {padding-left: 0px; padding-top: 20px; text-align: center;}
.sea:before {left: 50%; margin-left: -30px;}
.sea {font-size: 18px; font-size: 1.8rem; line-height: 24px; padding-top: 0px;}}
/*********************************  service2  *******************************/

.semain2 {padding-top: 63px; padding-bottom: 75px;}
.semain2 h1 {font-size: 24px; font-size: 2.4rem; line-height: 30px; text-align: center;}
.set {text-align: center; margin-top: 12px;}
.riqi {display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666666; vertical-align: middle; margin-right: 10px;}
.set .share1 {color: #666;}
.nexiang {font-size: 16px; font-size: 1.6rem; line-height: 30px; padding-top: 19px;}
.nexiang img {max-width: 100%; display: inline-block;}
.nexiang a {color: #e60013;}
.fanpian {border-top: 1px solid #cccccc; margin-top: 46px; padding-top: 15px;}
.fanpian li {font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 6px; color: #000000;}
.fanpian li a {color: #000000;}
.fanpian li a:hover {color: #e60012;}
 @media only screen and (max-width: 999px) {
.semain2 {padding-top: 23px; padding-bottom: 25px;}
.semain2 h1 {font-size: 20px; font-size: 2rem;}
.nexiang {font-size: 14px; font-size: 1.4rem; line-height: 24px; padding-top: 10px;}
.fanpian {margin-top: 20px; padding-top: 15px;}
.fanpian li {font-size: 14px; font-size: 1.4rem;}}
/*********************************  about1  *******************************/

.abt {position: relative; z-index: 1; margin-top: 88px;}
.abt:before {content: ""; position: absolute; width: 100%; height: 1px; border-bottom: 1px dotted #e60013; left: 0px; top: 54px; z-index: 2}
.ablie {width: 16.666%; float: left; text-align: center; position: relative; z-index: 3}
.abtubiao {display: block; margin: auto;}
.abtubiao img {width: 100%; max-width: 116px; max-height: 116px; margin: auto;}
.abzi {display: block; font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 15px;}
.ablie:hover .abzi {color: #e60013;}
.dangab {color: #e60013}
.abmain {padding-top: 79px; padding-bottom: 59px;}
.ab1tu1 {display: block; width: 742px; float: right; margin-left: 30px; margin-top: 17px; margin-bottom: 20px;}
.ab1tu1 img {width: 100%; max-width: 742px; max-height: 511px;}
.ab1a {display: block; font-size: 36px; font-size: 3.6rem; line-height: 50px; position: relative; padding-bottom: 15px; margin-bottom: 37px;}
.ab1a:before {content: ""; position: absolute; width: 89px; height: 3px;/* background: #e60013; */left: 0px; bottom: 0px;}
.abmain p {font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 30px;}
.ab1tu2 {display: block; float: left; width: 699px; margin-top: 80px; margin-right: 54px; margin-bottom: 20px;}
.ab1tu2 img {width: 100%; max-width: 699px; max-height: 444px;}
.abmain .mat1 {margin-top: 142px;}
 @media only screen and (max-width:1219px) {
.ab1tu1 {width: 500px;}
.ab1tu2 {width: 500px;}}
 @media only screen and (max-width: 999px) {
.abmain {padding-top: 29px; padding-bottom: 29px;}
.abt {margin-top: 28px;}
.abt:before {display: none}
.abzi {font-size: 14px; font-size: 1.4rem; margin-top: 5px; padding: 0 5px;}
.ablie {width: 33.333%; margin-top: 10px;}
.abtubiao {width: 60px;}
.ab1tu1 {width: 300px; margin-top: 50px;}
.ab1tu2 {width: 300px; margin-top: 20px;}
.abmain .mat1 {margin-top: 42px;}
.ab1a {font-size: 24px; font-size: 2.4rem; line-height: 30px;}
.abmain p {font-size: 14px; font-size: 1.4rem; line-height: 24px; margin-top: 24px;}}
 @media only screen and (max-width: 599px) {
.ab1tu1 {width: auto; float: none; margin: auto; margin-bottom: 10px;}
.ab1tu2 {width: auto; float: none; margin: auto; margin-top: 20px; margin-bottom: 20px;}}
 @media only screen and (max-width: 499px) {
.abt {margin-top: 8px;}
.abzi {font-size: 12px; font-size: 1.2rem; line-height: 22px;}}
/*********************************  about2  *******************************/

.abmain2 {padding-bottom: 116px;}
.abbiao2 {display: block; font-size: 36px; font-size: 3.6rem; text-align: center; line-height: 45px; position: relative; margin-top: 55px; padding-bottom: 18px;}
.abbiao2:before {content: ""; position: absolute; width: 89px; height: 3px; background: #e60013; left: 50%; margin-left: -45px; bottom: 0px;}
.ab2t {text-align: center;}
.ab2tn {display: inline-block; position: relative; padding-left: 117px; padding-right: 123px; margin-top: 59px; padding-top: 93px; padding-bottom: 50px;}
.ab2tn:before {content: ""; width: 38px; height: 30px; position: absolute; left: 0px; top: 0px; background: url(../images/qianyin.jpg) no-repeat center;}
.ab2tn:after {content: ""; width: 38px; height: 30px; position: absolute; right: 0px; bottom: 0px; background: url(../images/houyin.jpg) no-repeat center;}
.ab2tn a {display: block; font-size: 24px; font-size: 2.4rem; line-height: 36px; text-transform: uppercase; font-weight: bold;}
.ab2tn p {font-size: 20px; font-size: 2rem; line-height: 32px; text-transform: uppercase;}
.ab2tu {display: block; margin-top: 82px;}
.ab2tu img {width: 100%; max-width: 1400px; max-height: 648px;}
 @media only screen and (max-width: 999px) {
.abmain2 {padding-bottom: 26px;}
.abbiao2 {font-size: 24px; font-size: 2.4rem; line-height: 35px; margin-top: 15px; padding-bottom: 8px;}
.ab2tn {padding: 0px; margin-top: 20px;}
.ab2tn:before, .ab2tn:after {display: none}
.ab2tn a {font-size: 20px; font-size: 2rem; line-height: 30px;}
.ab2tn p {font-size: 16px; font-size: 1.6rem; line-height: 24px;}
.ab2tu {margin-top: 22px;}}
/*********************************  about3  *******************************/

.abmain3 {background: url(../images/ab3bei.png) no-repeat bottom center; padding-top: 55px; padding-bottom: 103px;}
.ab3biao {display: block; text-align: center; font-size: 36px; font-size: 3.6rem; line-height: 45px; position: relative; padding-bottom: 18px;}
.ab3biao:before {content: ""; position: absolute; width: 89px; height: 3px; background: #e60013; left: 50%; margin-left: -45px; bottom: 0px;}
.abmain3 ul {padding-top: 67px;}
.abmain3 ul li {font-size: 20px; font-size: 2rem; line-height: 30px; position: relative; padding-left: 68px;}
.ab3li1 {background: url(../images/li1bei.jpg) repeat-y 22px; padding-top: 11px; padding-bottom: 38px;}
.ab3li1:before {content: ""; position: absolute; width: 52px; height: 52px; background: #fff url(../images/ab3bei1.png) no-repeat center; border-radius: 50%; left: 0px; top: 0px;}
.ab3li1 span {color: #911d26}
.ab3li2 {background: url(../images/li2bei.jpg) repeat-y 22px; padding-top: 3px; padding-bottom: 35px;}
.ab3li2:before {content: ""; position: absolute; width: 33px; height: 33px; background: #fff url(../images/ab3bei2.png) no-repeat center; border-radius: 50%; left: 9px; top: 0px;}
.ab3li2 span {color: #3f8977}
.ab3li3 {padding-top: 3px;}
.ab3li3:before {content: ""; position: absolute; width: 33px; height: 33px; background: #fff url(../images/ab3bei3.png) no-repeat center; border-radius: 50%; left: 9px; top: 0px;}
.ab3li3 span {color: #a8b071}
 @media only screen and (max-width: 999px) {
.abmain3 {padding-top: 25px; padding-bottom: 23px;}
.ab3biao {font-size: 24px; font-size: 2.4rem; line-height: 30px; padding-bottom: 8px;}
.abmain3 ul li {font-size: 14px; font-size: 1.4rem;}
.abmain3 ul {padding-top: 27px;}}
/*********************************  about4  *******************************/

#baguetteBox-overlay {display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #222; background-color: rgba(0,0,0,.8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; z-index: 99999999999999999999999999999999999999;}
#baguetteBox-overlay.visible {opacity: 1}
#baguetteBox-overlay .full-image {display: inline-block; position: relative; width: 100%; height: 100%; text-align: center;}
#baguetteBox-overlay .full-image figure {display: inline; margin: 0; height: 100%}
#baguetteBox-overlay .full-image img {display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -webkit-box-shadow: 0 0 8px rgba(0,0,0,.6); -moz-box-shadow: 0 0 8px rgba(0,0,0,.6); box-shadow: 0 0 8px rgba(0,0,0,.6);}
#baguetteBox-overlay .full-image figcaption {display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; color: #ccc; background-color: #000; background-color: rgba(0,0,0,.6); font-family: Verdana, Geneva, sans-serif;}
#baguetteBox-overlay .full-image:before {content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px}
#baguetteBox-slider {position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -moz-transform .4s ease; transition: left .4s ease, transform .4s ease}
#baguetteBox-slider.bounce-from-right {-webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left {-webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button, .baguetteBox-button#previous-button {top: 50%; top: calc(50% - 30px); width: 44px; height: 60px}
.baguetteBox-button {position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; -moz-border-radius: 15%; border-radius: 15%; background-color: #323232; background-color: rgba(50,50,50,.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; transition: background-color .4s ease;}
.baguetteBox-button:hover {background-color: rgba(50,50,50,.9)}
.baguetteBox-button#next-button {right: 2%}
.baguetteBox-button#previous-button {left: 2%}
.baguetteBox-button#close-button {top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px}
.baguetteBox-button svg {position: absolute; left: 0; top: 0}
.spinner {width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px}
.double-bounce1, .double-bounce2 {width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out}
.double-bounce2 {-webkit-animation-delay: -1s; animation-delay: -1s}
 @-webkit-keyframes bounceFromRight {
0% {
margin-left:0}
50% {
margin-left:-30px}
100% {
margin-left:0}}
 @keyframes bounceFromRight {
0% {
margin-left:0}
50% {
margin-left:-30px}
100% {
margin-left:0}}
 @-webkit-keyframes bounceFromLeft {
0% {
margin-left:0}
50% {
margin-left:30px}
100% {
margin-left:0}}

 @keyframes bounceFromLeft {
0% {
margin-left:0}
50% {
margin-left:30px}
100% {
margin-left:0}}
 @-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(0);
transform:scale(0)}
50% {
-webkit-transform:scale(1);
transform:scale(1)}}
 @keyframes bounce {
0%, 100% {
-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0)}
50% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1)}}
.abmain4 {padding-top: 55px; padding-bottom: 80px; font-size: 0px;}
.abmain4 .ab3biao {margin-bottom: 32px;}
.ab4lie {width: 441px; display: inline-block;
*float:left; margin-left: 38px; margin-top: 48px; vertical-align: top;}
.ab4tu {display: block; position: relative; max-width: 441px; margin: auto; overflow: hidden;}
.ab4tu img {width: 100%; max-width: 441px; max-height: 300px; transition: 0.5s;}
.ab4fu {display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 100%; background: #000; background: rgba(0,0,0,0.5); transition: 0.5s;}
.ab4fu i {display: block; width: 34px; line-height: 34px; position: absolute; left: 50%; margin-left: -17px; top: 50%; margin-top: -17px; text-align: center; color: #fff; font-size: 34px;}
.ab4zi {display: block; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-top: 11px;}
.ab4lie:hover .ab4fu {top: 0px;}
.ab4lie:hover .ab4tu img {transform: scale(1.1, 1.1)}
.abmain4 .fenye {padding-top: 79px;}
.abmain5 {}
.abmain5 .ab3biao {margin-bottom: 41px;}
.abmain5 .ab4lie {width: 296px; float: left; margin-left: 72px; margin-top: 33px;}
.abmain5 .ab4tu {max-width: 296px;}
.abmain5 .ab4tu img {width: 100%; max-width: 296px; max-height: 402px;}
.abmain5 .ab4zi {margin-top: 15px;}
.abmain5 .fenye {padding-top: 74px;}
.abmain6 {padding-top: 58px; padding-bottom: 60px;}
.abmain6 .fenye {padding-top: 78px;}
 @media only screen and (max-width: 1419px) {
.ab4lie {width: 31.333%; margin-left: 1% !important; margin-right: 1%;}
.abmain5 .ab4lie {width: 23%; margin-left: 1% !important; margin-right: 1%;}}
 @media only screen and (max-width: 999px) {
.abmain4 {padding-top: 25px; padding-bottom: 20px;}
.abmain4 .fenye {padding-top: 29px;}
.ab4zi {font-size: 14px; font-size: 1.4rem;}
.ab4lie {margin-top: 20px;}
.ab4fu {display: none}
.abmain4 .ab3biao {margin-bottom: 12px;}
.abmain6 {padding-top: 28px; padding-bottom: 20px;}
.abmain6 .fenye {padding-top: 28px;}}
 @media only screen and (max-width: 599px) {
.ab4lie {width: 48%; margin-left: 1% !important; margin-right: 1%;}
.abmain5 .ab4lie {width: 31.333%; margin-left: 1% !important; margin-right: 1%; margin-top: 15px;}}
 @media only screen and (max-width: 439px) {
.abmain5 .ab4lie {width: 48%;}}
/*********************************  about7  *******************************/

.img-scroll3 {position: relative; margin-top: 41px;}
.linav {width: 74px; height: 25px; position: absolute; right: 15px; top: -85px;}
.img-scroll3 .prev3, .img-scroll3 .next3 {position: absolute; display: block; color: #fff; text-align: center; font-size: 24px; font-weight: bold; line-height: 25px; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll3 .prev3 {left: 0px; cursor: pointer;}
.img-scroll3 .next3 {right: 0px; cursor: pointer;}
.img-scroll3 .prev3:hover, .img-scroll3 .next3:hover {color: #333}
.img-list3 {position: relative; overflow: hidden;}
.img-list3 ul {width: 10000%;}
.img-list3 li {float: left; display: inline; position: relative; width: 441px; margin-right: 39px; cursor: pointer;}
.limain {padding-top: 4px; padding-bottom: 48px;}
.libiao {display: block; font-size: 24px; font-size: 2.4rem; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 33px; padding: 15px 25px; background: #d01818;}
.limain .m5lie {float: none; width: 100%; margin: auto;}
.limain .m5lie:hover {box-shadow: none; transform: none}
 @media only screen and (max-width: 1419px) {
.img-list3 li {width: 0.3233%; margin-right: 0.015%;}}
 @media only screen and (max-width: 999px) {
.limain {padding-top: 4px; padding-bottom: 8px;}
.libiao {font-size: 20px; font-size: 2rem; padding: 15px 5px;}}
 @media only screen and (max-width: 699px) {
.img-list3 li {width: 0.49%; margin-right: 0.015%;}}
/*********************************  contact  *******************************/

.comain {padding-top: 60px; padding-bottom: 44px;}
.col {width: 732px; float: left; background: #f8f7f8 url(../images/cobei2.jpg) no-repeat right bottom;}
.cotu {display: block; width: 240px; float: left;}
.cotu img {width: 100%; max-width: 240px; max-height: 470px;}
.col2 {width: 450px; float: right; margin-right: 4px;}
.coa {display: block; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 26px; padding-top: 22px;}
.col2 ul {margin-top: 13px;}
.col2 ul li {font-size: 16px; font-size: 1.6rem; line-height: 30px; position: relative; padding-left: 31px;}
.col2 ul li i {color: #666666; line-height: 30px; font-size: 16px; position: absolute; left: 0px; top: 0px;}
.col2 .erweima {display: block; margin-left: 31px; width: 113px; margin-top: 7px;}
.col2 .erweima img {width: 100%; max-width: 113px; max-height: 113px;}
.ditu {width: 646px; float: right;}
.ditun {max-width: 100%;}
.ditu2 {display: none}
.col2 ul a:hover {color: #e60013;}
.xunpan2 {position: relative; left: auto; margin: auto; top: auto; margin-top: 25px;}
.xunpan2 form {width: 1200px; padding: 0px;}
 @media only screen and (max-width: 1419px) {
.col {width: 532px; padding-bottom: 10px;}
.col2 {width: 280px;}
.xunpan2 form {width: 1016px;}}
 @media only screen and (max-width: 1219px) {
.col {width: 532px; padding-bottom: 10px;}
.col2 {width: 280px;}
.ditu {width: 420px; float: right;}
.xunpan2 form {width: 957px;}}
 @media only screen and (max-width: 999px) {
.comain {padding-top: 20px; padding-bottom: 24px;}
.col {width: 100%; float: none; padding: 0px;}
.cotu {display: none}
.col2 {width: auto; float: none; padding: 10px;}
.ditu1 {display: none}
.ditu2 {display: block;}
.ditu {width: 100%; float: none; max-width: 646px; margin: auto; margin-top: 20px;}
.xunpan2 {margin-top: auto;}
.xunpan2 form {width: 100%;}}
 .@font-face {
font-family: "OpenSans-Bold";
src: url("../fonts/OpenSans-Bold.woff2") format("woff2"),  url("../fonts/OpenSans-Bold.woff") format("woff"),  url("../fonts/OpenSans-Bold.ttf") format("truetype"),  url("../fonts/OpenSans-Bold.eot") format("embedded-opentype"),  url("../fonts/OpenSans-Bold.svg") format("svg");
font-weight: normal;
font-style: normal;}
@font-face {font-family: "iconfont"; src: url('../fonts/iconfont.eot?t=1576141075169'); /* IE9 */
	src: url('../fonts/iconfont.eot?t=1576141075169#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),  url('../fonts/iconfont.woff?t=1576141075169') format('woff'),  url('../fonts/iconfont.ttf?t=1576141075169') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */  url('../fonts/iconfont.svg?t=1576141075169#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont {font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-facebook:before {content: "\e620";}
.icon-skype1:before {content: "\e600";}
.icon-yingguo:before {content: "\e6cd";}
.icon-pinterest:before {content: "\e8ab";}
.icon-tel:before {content: "\e610";}
.icon-linkedin:before {content: "\e648";}
.icon-youtube:before {content: "\e6d6";}
.icon-twitter:before {content: "\e607";}
.icon-whatsapp1:before {content: "\e61b";}
.icon-wechat1:before {content: "\e617";}
.icon-email:before {content: "\e66a";}
.icon-faguo:before {content: "\e615";}
.icon-shatealabo:before {content: "\e61a";}
.icon-chinese:before {content: "\e630";}
.icon-bigger1:before {content: "\e647";}
.icon-bigger3:before {content: "\e649";}
.icon-bottom7:before {content: "\e723";}
.icon-left7:before {content: "\e724";}
.icon-right7:before {content: "\e725";}
.icon-up16:before {content: "\e746";}
.icon-bottom16:before {content: "\e747";}
.icon-instagram:before {content: "\e79d";}
.icon-contact:before {content: "\e7be";}
.icon-whatsapp:before {content: "\e7bf";}
.icon-email11:before {content: "\e7c5";}
.icon-address:before {content: "\e7c2";}
.icon-email1:before {content: "\e7c4";}
.icon-fax1:before {content: "\e7ca";}
.icon-mobile:before {content: "\e7d0";}
.icon-message:before {content: "\e7da";}
.icon-top10:before {content: "\e7ee";}
.icon-bottom10:before {content: "\e7ef";}
.icon-left10:before {content: "\e7f0";}
.icon-right10:before {content: "\e7f1";}
.at-resp-share-element .at-icon {width: 24px!important; height: 24px!important;}
.at-style-responsive .at-share-btn {padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper {width: 24px!important; height: 24px!important;}
.at-resp-share-element .at-share-btn {margin-bottom: 0!important; margin-right: 3px!important;}
.addthis_inline_share_toolbox_d1ka {display: inline-block; vertical-align: middle;}
.listcart {width: 100%; margin-top: 40px; margin-bottom: 40px;}
.listcart a {background: #fff; display: inline-block; height: 30px; width: 200px; line-height: 30px; cursor: pointer; border: none; overflow: hidden; color: #fb0202; cursor: pointer; border: 1px solid #fb0202; padding-left: 10px; padding-right: 10px; text-align: center; font-size: 14px; font-size: 1.4rem; margin-left: 10px;}
.listcart a:hover {border: #fb0202 solid 1px; background: #fb0202; color: #fff!important;}
 @media screen and (max-width:999px) {
.listcart a {margin-left: 2.5%; margin-right: 2.5%; padding-left: 0px; padding-right: 0px}
.listcart {width: 100%;}}
 @media screen and (max-width:420px) {
.listcart a {width: 95% !important; float: none; overflow: hidden; margin-bottom: 1rem; margin-top: 1rem}}
.at-resp-share-element .at-icon {width: 24px!important; height: 24px!important;}
.at-style-responsive .at-share-btn {padding: 0!important; border-radius: 2px!important;}
.at-resp-share-element .at-share-btn .at-icon-wrapper {width: 24px!important; height: 24px!important;}
.at-resp-share-element .at-share-btn {margin-bottom: 0!important; margin-right: 3px!important;}
.ppp {line-height: 30px; margin-bottom: 20px; margin-top: 20px;}
.at-share-btn-elements {display: inline-block !important; vertical-align: middle !important;}
.share-bd {display: inline-block !important; vertical-align: middle !important;}
.ditu .ditu2 iframe {max-width: 100% !important;}
.xunpanc table tr td a:hover {color: #e60013;}
#tab1 {overflow: hidden; zoom: 1;}
#content1 .tabul1 {display: none;}
.m3lie {cursor: pointer}
.current1 .m3lie {background: #e60013 !important;}
.current1 .m3lie a {color: #fff !important;}
.current1 .m3lie1:before {background: url(../images/m3biao1.png) no-repeat -57px center, url(../images/m3biao1h.png) no-repeat left center !important;}
.current1 .m3lie2:before {background: url(../images/m3biao2.png) no-repeat -57px center, url(../images/m3biao2h.png) no-repeat left center !important;}
.current1 .m3lie3:before {background: url(../images/m3biao3.png) no-repeat -57px center, url(../images/m3biao3h.png) no-repeat left center !important;}
.current1 .m3lie4:before {background: url(../images/m3biao4.png) no-repeat -57px center, url(../images/m3biao4h.png) no-repeat left center !important;}
.current1 .m3lie5:before {background: url(../images/m3biao5.png) no-repeat -57px center, url(../images/m3biao5h.png) no-repeat left center !important;}
.current1 .m3lie6:before {background: url(../images/m3biao6.png) no-repeat -57px center, url(../images/m3biao6h.png) no-repeat left center !important;}
 .tabul2 table tbody tr:firstchild {
background: #f2f2f2;}



.tann{ position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:999999999991}
.tankuangn{ z-index:999999999992}


body{font-family:"Microsoft Yahei","微软雅黑"!important;}
body a{font-family:"Microsoft Yahei","微软雅黑"!important;}
body p{font-family:"Microsoft Yahei","微软雅黑"!important;}
body div{font-family:"Microsoft Yahei","微软雅黑"!important;}


.m3fu p a,.m3p a,.m5zi p a,.abmain p,.nexiang p,.sezi p a{text-indent: 2em;}


@media screen and (max-width: 728px) { 
  .ditu1{width:100%;overflow:scroll;}
}
.links { font-size: 14px; font-size: 1.4rem;}
.links a{ margin-right:10px;}