.s@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family: "Roboto-Regular";font-size: 12px;font-size: 1.2rem;height: 100%;background:#fff;width:100%;max-width:1920px;margin:0 auto; overflow-x:hidden;}
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,h2 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea, select {font-family: "Roboto-Regular";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}
::selection { color: #333; background: #ffce4a;}
* { margin: 0px; padding: 0px; -moz-box-sizing: border-box; box-sizing: border-box; }


::-webkit-input-placeholder {/* WebKit browsers */
 color:#999999;opacity:1}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#999999;opacity:1 }
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#999999;opacity:1 }
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#999999;opacity:1 }

.sou::-webkit-input-placeholder {/* WebKit browsers */
 color:#a6a6a6;opacity:1}
.sou:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#a6a6a6;opacity:1 }
.sou::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#a6a6a6;opacity:1 }
.sou:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#a6a6a6;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;}}


.at-resp-share-element .at4-share-count-container {text-decoration: none;float: right; padding-right: 15px;line-height: 25px !important;}
.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;}
.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;}


/*  head  */
.head{ background:#2b2f33;}
.head .zong{ position:relative; z-index:99}

.logo{display:block; width:227px; float:left; margin-top:13px;}
.logo img{display:block;margin:auto;width:100%;max-width:227px;}

.sousuo{width: 400px; margin:auto; margin-top:36px; float:right;}
.sousuo form{ width:100%; height:46px; background:#ffffff; border-radius:20px; overflow:hidden; position:relative; z-index:1}
.sou{ width:100%; height:42px; float:left; line-height:42px; float:left; padding-left:19px; font-size:14px; font-size:1.4rem; color:#333; border-radius:20px; font-family: Roboto-Light;    position: absolute;
    top: 0;
    right: 0;}
.suo{ width:40px; height:46px; float:right; cursor:pointer; background:none; text-align:center; position:relative; z-index:3;}
.sousuo form i{ display:block; width:40px; line-height:46px; position:absolute; right:0px; top:0px; color:#ffba00; font-size:20px; font-size:2rem; z-index:2;}

.heb{ padding-top:1px; padding-bottom:14px;}
.heb:after{ content:""; clear:both; display:block;}
.het a:hover,.heb a:hover,.yvzhong a:hover span{ color:#ffce4a;}

.daoz{ background:#333333;}
.daohang{}
.daohang>li{ display:inline-block; vertical-align:middle; *float:left;position:relative;z-index:999; margin-left:79px;}
.daohang>li>a{display:block;font-size:14px;font-size:1.4rem;line-height:34px; color:#ffffff; padding:15px 6px; border-radius:25px; text-transform:uppercase; font-family: Roboto-Bold;}
.daohang>li:hover>a{background:#ffce4a !important;border-radius:0px; color:#333333 !important;}
.dangqiandao{background:#ffce4a !important;border-radius:0px !important; color:#333333 !important;}
.daohang>li:first-child{ margin-left:0px;}

.yijiw{background:#fff;background:rgba(255,255,255,0);position:absolute;width:260px;top:-9999px;left:50%; transform:translateX(-50%); text-align:left;}
.yiji{background:#ffce4a;}
.yiji li{position:relative;transition:0.5s;}
.yiji li a{display:block;font-size:16px;font-size:1.6rem;line-height:0px;padding:8px 27px;}
.yiji li:hover{ background:#333333;}
.yiji li:hover>a{ color:#fff;}
.erji{position:absolute;width:193px;background:#ffce4a;top:-9999px;left:100%; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);}
.sanji{position:absolute;width:193px;background:#ffce4a;top:-9999px;left:100%; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);}
.daohang>li:hover .yijiw{top:64px;}
.daohang>li:hover .yiji>li>a{line-height:24px;}
.yiji>li:hover .erji{top:0px;}
.yiji>li:hover .erji>li>a{line-height:24px;}
.erji>li:hover .sanji{top:0px;}
.erji>li:hover .sanji>li>a{line-height:24px;}
.matn{margin-top:auto !important;}

.daohang2,sousuo2,.xnav,.clear2{display:none}

.headh{ position:fixed;}
.headh .het,.headh .heb{ display:none}

/*  banner  */
.banner1 img { max-width: 100%; border: 0px solid #ccc; }
.banner1 { position: relative; z-index: 2; line-height: 0; font-size: 0; }
.banner1 .slick-arrow { position: absolute; z-index: 99; display: block !important; top: 50%; margin-top: -29px; width: 32px; height: 58px; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.banner1 .slick-prev { left: 70px; cursor: pointer; background:url(../images/baleft.png) no-repeat center;}
.banner1 .slick-next { right: 70px; cursor: pointer; background:url(../images/baright.png) no-repeat center;}
.banner1 .slick-prev:hover { background:url(../images/balefth.png) no-repeat center;}
.banner1 .slick-next:hover { background:url(../images/barighth.png) no-repeat center;}
.banner1 .slick-dots { position: absolute; z-index: 999999; left: 0; right: 0; bottom: 41px; text-align: center; font-size: 0; letter-spacing: 0; text-align: center; }
.banner1 .slick-dots li { margin: 0 6.5px; display: inline-block; *display: inline; *zoom: 1; }
.banner1 .slick-dots li.slick-active a { cursor: pointer; background:#ffce4a; opacity:1;}
.banner1 .slick-dots a { display: block; width: 40px; height: 6px; border-radius:3px; background:#333333; opacity:0.3; cursor: pointer; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.banner1.hide { display: none; }

.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] 
.slick-slide{float:right}.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

@media screen and (max-width:1419px) {
.daohang>li{ margin-left:50px;}
}
@media screen and (max-width:1219px) {
.daohang{}
.daohang>li{ margin-left:44px;}
.daohang>li>a{padding: 8px 4px;border-radius:25px;font-size:14px;font-size: 1.2rem;}
.yiji li a{ font-size:14px; font-size:1.4rem;}
.daohang>li:hover .yijiw{top:50px;}
}
@media screen and (min-width:1000px) {.carousel,.nav{display: none}}
@media screen and (max-width:999px) {
.head{ position:relative;}
.logo{ width:120px; margin-top:3px; float:left;}
.clear2{ display:block; clear:both;}
.hexin{ display:none}
.yvzhong{ float:left;}
.yvzhong a{ margin-left:auto; margin-right:10px;}
.hein{ position:relative; float:right; top:auto; right:auto;}
.hein{ font-size:14px; font-size:1.4rem; padding:0px; padding-left:30px;}
.hein i{ width:27px; height:27px; line-height:27px; font-size:14px;}

.heb{ min-height:0px; padding-bottom:5px;}
.slick-dots{ display:none !important}

.daohang{ text-align:center;}
.yijiw,.yiji2{display:none}
.daohang>li{float:none; display:inline-block; vertical-align:middle; margin:0 10px !important;}
.daohang>li>a{font-size:14px;font-size: 1.2rem;line-height:29px;padding: 0 4px;text-transform:none;font-weight:normal;}
.sousuo{ display:none;}

.slideshow { margin-top:0px;}
.banner1 .slick-prev,.banner1 .slick-next{ margin-top:-20px; width: 15px; height: 40px; background-size:100% !important}

.xnav{ display:block}
.nav { position:fixed;width: 35px;height: 27px;background: #ffce4a;right: 2.5%;top: 10px;cursor: pointer; border-radius:5px;z-index: 9999999}
.nav span {display: block;width: 20px;height: 2px;background: #333;position: absolute;left: 50%;margin-left: -10px;top: 50%;transition: 0.5s;z-index: 99999991}
.nav .nav1 {margin-top: -1px;}
.nav .nav2 {margin-top: -8px;}
.nav .nav3 {margin-top: 6px;}
.nav:hover .nav1 {width: 25px;}
.navh .nav1 {transform: rotate(45deg)}
.navh .nav2 {transform: rotate(-45deg);width: 10px;margin-left: -1px;margin-top: -5px;}
.navh .nav3 {transform: rotate(-45deg);width: 9px;margin-top: 3px;margin-left: -8px;}
.navh:hover .nav2 {margin-top: -8px;margin-left: 7px;}
.navh:hover .nav3 {margin-top: 5px;margin-left: -12px;}
.smdaohang {position: fixed;width: 280px;height: 100%;overflow: auto;top: 0px;right: -100%;background:#000; background:rgba(0,0,0,0.8); z-index: 9999;transition: 0.5s;text-align: center;}
.smdaohangh {right: 0px;}
.topnav {margin: auto;margin-top: 30px;padding: 20px;}

ul.topnav li {text-align: left; position:relative;}
ul.topnav li a {padding: 5px;padding-left: 0px;color: #fff;display: block; font-size: 14px;font-size: 1.4rem;line-height: 24px; padding-right:50px;}
ul.topnav ul {display: none;}
ul.topnav ul li {clear: both;}
ul.topnav ul li a {padding-left: 20px;font-size: 14px;font-size: 1.4rem;font-weight: normal;outline: 0;}
ul.topnav ul li a:hover {
}
ul.topnav ul ul li a {padding-left: 40px;}
ul.topnav ul ul ul li a {padding-left: 60px;}
ul.topnav span { display:block; position:absolute; right:0px; top:5px; width:24px; height:24px; background:#fff; cursor:pointer; border-radius:5px;}
ul.topnav span:before{ content:""; width:16px; height:2px; background:#333; position:absolute; left:4px; top:50%; margin-top:-1px;}
ul.topnav span:after{ content:""; width:16px; height:2px; background:#333; position:absolute; left:4px; top:50%; margin-top:-1px; transform:rotate(90deg); transition:0.5s;}
ul.topnav span.yizi:after{ transform:rotate(0deg);}

.smdaohang form { margin-top:15px; margin-bottom:15px; width: 240px;height: 26px;border: 1px solid #fff;position: relative;background: #fff;}
.smdaohang form .iptc {-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;background-color: #fff;width: 80%;height: 24px;line-height: 24px;display: block;float: left;}
.smdaohang form .ipsc {width: 20%;height: 26px;line-height: 26px;display: block;float: right;background: transparent;position: relative;z-index: 99;}
.smdaohang form i {position: absolute;right: 10px;top: 3px;}
  }
@media screen and (min-width:768px) {.clear3{display: none}}
@media screen and (max-width:767px) {
.logo{ width:130px;}
.daohang2{display:block;text-align:center; padding:3px 2px;}
.daohang2 a{float:left;width: 50%;font-size:14px;font-size:1.4rem;line-height:24px;color:#fff;text-align:center;}
.daohang2 .dangqiandao{}
.daohang,.daohang1{display: none}

.banner1 .slick-prev { left:10px;}
.banner1 .slick-next { right:10px;}
}

/*  main1  */
.main1{ padding-top:68px; padding-bottom:184px;}
.m1biao{ text-align:center;}
.m1biaon{ display:inline-block; vertical-align:middle; padding:0 76px; font-size:50px; font-size:5rem; line-height:60px; position:relative; position:relative; font-family: MyriadPro-Bold;}
.m1biaon:before{ content:""; position:absolute; width:50px; height:4px; background:#ffce4a; left:0px; top:50%; margin-top:-2px;}
.m1biaon:after{ content:""; position:absolute; width:50px; height:4px; background:#ffce4a; right:0px; top:50%; margin-top:-2px;}
.m1biaon span{ color: #ffce4a;}
a.m1biaon:hover{ color: #ffce4a;}

.m1p{ background:url(../images/m1p.jpg) no-repeat center; background-size:cover; padding:30px 31px; padding-right:190px; margin-top:47px;}
.m1p p a{ font-size:18px; font-size:1.8rem; line-height:30px; height:60px; overflow:hidden; color: #ffffff; display:block;}

.img-scroll1 { margin-top:29px; z-index:9; position:relative;}
.m1nav{ position:absolute; right:39px; width:112px; height:42px; top:-108px;}
.img-scroll1 .prev, .img-scroll1 .next {position: absolute; top:0px; text-align:center;display: block; height: 44px; width:44px; line-height:44px; background:none; border-radius:50%; font-size:22px; font-size:2.2rem;  z-index:99; color:#ffffff; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;}
.img-scroll1 .prev {left:0px; cursor: pointer;}
.img-scroll1 .next { right:0px; cursor: pointer;}
.img-scroll1 .prev:hover,.img-scroll1 .next:hover { background:#ffce4a; opacity:0.9;}
.img-list1 {position: relative;overflow: hidden; z-index:90;}
.img-list1 ul {width: 10000%;}
.img-list1 li {float: left;display: inline; width:0.31%; margin-right:0.035%;}
.m1lie{ margin-top:32px;}
.m1tu{ display:block; border:1px solid #fff;}
.m1tu img{ width:100%;}
.m1zi{ display:block; font-size:18px; font-size:1.8rem; line-height:26px; text-align:center; margin-top:14px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m1lie:hover .m1tu{ border:1px solid #e5e5e5;}
.m1lie:hover .m1zi,.m1p p a:hover{ color:#ffce4a;}

@media screen and (max-width:1419px) {
.m1zi{ font-size:16px; font-size:1.6rem;}
}
@media screen and (max-width:1219px) {
.main1{ padding-top:68px; padding-bottom:104px;}
.m1biaon{ font-size:40px; font-size:4rem; line-height:50px;}
}
@media screen and (max-width:999px) {
.m1biaon{ font-size:30px; font-size:3rem; line-height:40px;}
.main1{ padding-top:30px; padding-bottom:30px;}
.m1p{ padding:20px 10px; padding-right:140px; margin-top:27px;}
.m1p p a{ font-size:14px; font-size:1.4rem; line-height:26px; height:52px;}
.m1nav{ right:20px; width:100px; top:-75px;}
.m1zi{ font-size:14px; font-size:1.4rem;}
.img-scroll1 { margin-top:10px;}
}
@media screen and (max-width:767px) {
.m1biaon{ font-size:22px; font-size:2.2rem; line-height:30px; padding:0px;}
.m1biaon:before,.m1biaon:after{ display:none}
.m1zi{ font-size:12px; font-size:1.2rem;}
.m1p p a{ font-size:12px; font-size:1.2rem;}
.img-list1 li { width:0.49%; margin-right:0.02%;}
.m1nav{ right:5px; top:-57px;}
.m1p{ padding:20px 10px; padding-bottom:50px; margin-top:27px;}
}

/*  main2  */
.main2{ background:url(../images/m2bei.jpg) no-repeat center; background-size:cover; background-attachment:fixed; position:relative; padding-bottom:81px;}
.main2:before{ content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; background:url(../images/m2bei.jpg) no-repeat center; background-size:cover; z-index:-1}
.main2:after{ content:""; clear:both; display:block;}

.m2l{ width:50%; float:left; margin-top:-93px;}
.m2shipin{position: relative; padding-bottom:64.23%;height: 0;overflow: hidden;}
.m2shipin iframe,.m2shipin video {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.m2shipin iframe body{ margin:0px !important;}
.m2r{ width:50%; float:right;}
.m2rn{ width:489px; margin-left:150px; padding-top:73px;}
.m2biao{ display:block; font-size:50px; font-size:5rem; line-height:60px; color: #ffffff; font-family: MyriadPro-Bold; position:relative; padding-bottom:22px;}
.m2biao span{color: #ffce4a;}
.m2biao:before{ content:""; position:absolute; width:110px; height:4px; background:#ffce4a; left:0px; bottom:0px;}
.m2p{ font-size:14px; font-size:1.4rem; color: #ffffff; line-height:28px; margin-top:50px; max-height:252px; overflow:hidden;}
.m2p p a{ display:block; color: #ffffff;}
.m2mor{ display:inline-block; width:160px; line-height:48px; background:#ffce4a; padding:0 5px; text-align:center; border-radius:20px; font-size:16px; font-size:1.6rem; font-family: Roboto-Bold; margin-top:43px;}
.m2biao:hover,.m2p p a:hover{color: #ffce4a;}
.m2mor:hover{ background:#fff;}
@media screen and (max-width:1699px) {
.m2l{ margin-top:-70px;}
.m2p{ margin-top:30px; max-height:196px;}
.m2rn{ width:539px; margin-left:60px; padding-top:73px;}
}
@media screen and (max-width:1419px) {
.m2l{ margin-top:-30px;}
}
@media screen and (max-width:1219px) {
.main2{ padding-bottom:41px;}
.m2l{ margin-top:-30px;}
.m2rn{ width:470px; margin-left:20px; padding-top:23px;}
.m2biao{ font-size:40px; font-size:4rem; line-height:50px; padding-bottom:22px;}
.m2mor{ margin-top:20px;}
}
@media screen and (max-width:999px) {
.main2{ padding-bottom:41px; padding-top:30px; background-position:right center; background-size:1920px auto}
.m2l{ width:95%; float:none; margin-top:0px; margin:auto; max-width:959px;}
.m2r{ width:95%; float:none; margin:auto;}
.m2rn{ width:100%; margin:auto; padding-top:20px;}
.m2biao{ font-size:30px; font-size:3rem; line-height:40px; padding-bottom:10px;}
.m2mor{ display:none}
}
@media screen and (max-width:767px) {
.m2p{ font-size:12px; font-size:1.2rem; line-height:24px; max-height:none; margin-top:15px;}
.m2biao{ font-size:22px; font-size:2.2rem; line-height:40px; padding-bottom:8px;}
}

/*  main3  */
.main3{ padding-top:90px;}
.main3 .m1biaon{ padding-left:0px; padding-right:118px;}
.main3 .m1biaon:before{ display:none}
.main3 .m1biaon:after{ width:80px;}

.m3pz{color: #666666; font-size:16px; font-size:1.6rem; line-height:24px; margin-top:12px;}
.m3pz a{ display:block; color: #666666;}

.m3n{ margin-top:31px;}
.m3n:after{ content:""; clear:both; display:block;}
.m3l{ width:33.333%; float:left;}
.m3r{ width:65.16%; float:right;}

.m3lie{ position:relative; margin-top:23px;}
.m3tu{ display:block;}
.m3tu img{ width:100%;}
.m3zi{ display:block; font-size:26px; font-size:2.6rem; color: #ffffff; line-height:30px; font-family: Roboto-Bold; padding:0 52px; position:absolute; width:100%; left:0px; bottom:35px;}

.m3lie3{ width:48.84%; float:left;}
.m3lie4{ width:48.84%; float:right;}
.m3zi:hover,.m3pz a:hover{ color:#ffce4a;}
@media screen and (max-width:1419px) {
.m3zi{ padding:0 41px;}
}
@media screen and (max-width:999px) {
.main3{ padding-top:30px;}
.m3zi{ font-size:14px; font-size:1.4rem; line-height:24px; bottom:10px; padding:0 10px;}
.m3lie{ margin-top:1.7%;}
.m3pz{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:767px) {
.m3zi{ font-size:12px; font-size:1.2rem;}
.m3pz{ font-size:12px; font-size:1.2rem;}
.m3n{ margin-top:20px;}
}
@media screen and (max-width:399px) {
.m3l{ width:100%; float:none;}
.m3r{ width:100%; float:none;}
}

/*  main4  */
.main4{ background:url(../images/m4bei.jpg) no-repeat bottom; padding-top:85px; padding-bottom:100px;}
.main4 .m1biaon{ padding-left:0px; padding-right:118px; display:block;}
.main4 .m1biaon:before,.main4 .m1biaon:after{ display:none}
.m4mor{ float:right; font-size:16px; font-size:1.6rem; color: #ffce4a; line-height:24px; margin-top:12px; margin-left:10px;}
.m4mor i{ margin-left:10px; transition:0.5s;}

.m4n{border: solid 6px #ffce4a; background:#fff; padding:88px 84px; padding-top:61px; margin-top:43px;}

.subNav2{cursor:pointer; position:relative; background:#f2f2f2; line-height:30px; padding:8px 20px; padding-left:19px; padding-right:40px; font-size:16px; font-size:1.6rem; margin-top:30px;  color:#333333; font-family: Roboto-Bold;}
.subNav2 i{ display:block; position:absolute; width:8px; height:20px; line-height:20px; text-align:center; color:#333; font-size:16px; right:17px; top:50%; margin-top:-10px;}
.subNav2 span{ color:#333; font-size:16px; font-size:1.6rem; padding-right:2px;}
.subNav2:hover{}
.currentDd2{ background:#ffce4a;}
.currentDd2 span{ color:#333333;}
.currentDd2 i{ transform:rotate(90deg); color:#333333}
.navContent2{display: none; padding:13px 20px; padding-bottom:0px; font-size:14px; font-size:1.4rem; line-height:26px;}
.navContent2 p,.navContent2 strong{ color:#666666;}
.navContent2 em{ color:#666666;}
.navContent2 a{ color:#ffce4a;}
.navContent2 img{ max-width:100%;}
.navContent2 table{ width:97%; border-collapse:collapse; line-height:24px;}
.navContent2 tr td{ line-height:24px; padding:2px;}
.navContent2 tr td a{ color:#333;}
.famain .fenye{ padding-top:58px;}
.m4mor:hover{ color:#333}

@media screen and (max-width:999px) {
.main4{ padding-top:35px; padding-bottom:40px; background:none}
.subNav2{ font-size:14px; font-size:1.4rem; margin-top:10px;}
.m4n{ margin-top:30px;}
.m4mor{ display:none}
.m4n{ padding:20px 10px; padding-bottom:30px; border-width:2px;}
}
@media screen and (max-width:767px) {
.subNav2{ font-size:14px; font-size:1.4rem;}
.navContent2{ font-size:12px; font-size:1.2rem;}
}

/*  main5  */
.main5{ background:#f2f2f2; padding-top:81px; padding-bottom:99px;}
.main5 .m3pz a{ text-align:center;}

.m5n{ margin-top:53px; border-left: solid 1px #dcdcdc;}
.m5n:after{ content:""; clear:both; display:block;}
.m5lie{ width:33.333%; float:left; border: solid 1px #dcdcdc; border-left:none; background:#ffffff; padding:68px 43px; position:relative; transition:0.5s;}
.m5lie:before{ content:""; position:absolute; width:0px; height:10px; background:#ffce4a; left:0px; top:-10px; transition:0.5s;}
.m5shu{ display:block; padding-left:20px; font-size:12px; font-size:1.2rem; line-height:22px; position:relative;}
.m5shu:before{ content:""; position:absolute; width:6px; height:6px; border: solid 2px #ffce4a; border-radius:50%; left:0px; top:6px;}
.m5a{ display:block; font-size:22px; font-size:2.2rem; font-family: Roboto-Bold; line-height:26px; margin-top:16px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m5p a{ display:block; font-size:16px; font-size:1.6rem; line-height:26px; height:104px; margin-top:16px; overflow:hidden;}
.m5riqi{ display:block; font-size:14px; font-size:1.4rem; color: #999999; line-height:22px; margin-top:17px;}
.m5riqi i{ color:#ffce4a; margin-right:5px;}

.m5mor{ display:block; border: solid 1px #000000; width:160px; height:48px; line-height:46px; padding:0 5px; border-radius:20px; font-size:16px; font-size:1.6rem; text-align:center; margin:auto; margin-top:39px;}

.m5lie:hover{box-shadow:10px 10px 15px #e8e8e8; z-index:999}
.m5lie:hover a{ color:#ffce4a;}
.m5lie:hover:before{ width:100%;}
.m5mor:hover{ background:#ffce4a; border-color:#ffce4a;}

@media screen and (max-width:1419px) {
.m5a{ font-size:18px; font-size:1.8rem;}
.m5p a{ font-size:14px; font-size:1.4rem;}
.m5riqi{ font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:999px) {
.main5{ padding-top:31px; padding-bottom:39px;}
.m5mor{ display:none;}
.m5n{ margin-top:23px;}
.m5lie{ padding:20px;}
.m5a{ font-size:16px; font-size:1.6rem;}
}
@media screen and (max-width:767px) {
.m5a{ font-size:14px; font-size:1.4rem;}
.m5p a{ font-size:12px; font-size:1.2rem;}
.m5lie{ width:50%; padding:10px;}
}
@media screen and (max-width:439px) {
.m5lie{ width:100%; padding:20px 10px;}
}


/*  foot  */
.foot{ background:#2b2f33; padding-top:38px; padding-bottom:22px;}
.fo1{ width:200px; float:left;}
.fo2{ width:370px; float:left; margin-left:287px;}
.fo3{ width:323px; float:right;}

.fobiao{ display:block; font-size:22px; font-size:2.2rem; font-family: Roboto-Bold; text-transform:uppercase; line-height:30px; color: #ffffff; margin-top:12px; position:relative;}

.shejiao2{ margin-top:11px;}
.shejiao2:after{ content:""; clear:both; display:block;}
.shejiao2 a{ display:block; width:34px; float:left; margin-left:23px; line-height:36px; text-align:center; color:#999999; font-size:24px; margin-top:11px;}
.shejiao2 a:first-child{ margin-left:auto;}

.fonav{font-size:14px; font-size:1.4rem; color:#ffffff; line-height:36px; margin-top:20px;}
.fonav a{ display:block; color: #ffffff; position:relative; position:relative;}

.foul{ font-size:16px; font-size:1.6rem; line-height:36px; color: #ffffff; margin-top:23px;}
.foul li{ position:relative; padding-left:30px; color:#fff;}
.foul li i{ color:#ffce4a; display:block; position:absolute; left:0px; top:0px; font-size:18px;}
.foul li a{ color:#fff;}

.fop{ font-size:16px; font-size:1.6rem; line-height:30px; color: #ffffff; margin-top:12px;}
.fop a{ color: #ffffff; display:inline-block;}

.fotag{ font-size:16px; font-size:1.6rem; line-height:24px; color: #999999; margin-top:24px;}
.fotag span{ margin-bottom:13px;}
.fotag a{color: #999999;}

.youlian{ line-height:28px; padding-top:22px; font-size:16px; font-size:1.6rem; color:#fff; border-top:1px solid #999999; margin-top:84px;}
.youlian span,.youlian a{ color:#fff}

.foot a:hover,.youlian a:hover{ color:#ffce4a;}

@media screen and (max-width:1419px) {
.fo1{ width:200px; float:left;}
.fo2{ width:370px; float:left; margin-left:196px;}
.fo3{ width:323px; float:right;}
}
@media screen and (max-width:1219px) {
.fo1{ width:200px; float:left; margin-left:0px;}
.fo2{ width:330px; float:left; margin-left:42px;}
.fo3{ width:350px; float:right; margin-right:0px;}
.shejiao2 a{ width:34px; margin-left:10px; line-height:36px; font-size:18px; margin-top:11px;}
}
@media screen and (max-width:999px) {
.clear2{ display:block; clear:both;}
.fo1{ width:48%; float:left;}
.fo2{ width:48%; float:right; margin-left:0px;}
.fo3{ width:48%; float:left; margin-left:0px; margin-top:30px;}
}
@media screen and (max-width:767px) {.foot{padding-bottom:70px; padding-top:1px}
.youlian,.fo2,.fo1,.foxin{display:none}
.fo3{ width:100%; float:none;}
.flogo{ width:150px;}
.shejiao2{ margin-top:0px;}
.fop{ font-size:14px; font-size:1.4rem; margin-top:10px;}
.fotag{ font-size:14px; font-size:1.4rem; margin-top:22px;}
}

.lianxi{ position:fixed; width:61px; right:0px; top:50%; transform:translateY(-50%); z-index:99999}
.lianxi div a{ display:block; width:61px; height:61px; background:#f0f0f0; text-align:center; line-height:61px; font-size:24px; margin-top:2px; border-radius:5px;}
.ke1{ color:#ecc049;}
.ke2{ color:#00a8ff;}
.ke3{ color:#21e218;}
.ke4{ background:#ecc049}
.weixin{ position:relative; cursor:pointer;}
.weixin img{ position:absolute; width:149px; height:150px; top:0px; left:-149px; display:none;}
.weixin:hover img{ display:block;}
.weixin2,.tankuang{ display:none}
.tankuang{ position:absolute; bottom:50px; left:50% !important; margin-left:-75px;}
.tankuang img{ display:block; position:relative; width:150px; height:150px; left:auto; margin:auto;}
.lianxi div a:hover{ background:#ecc049; color:#fff;}
.clear2{ display:none}

.top{ cursor:pointer; width:61px; height:61px; background:#f0f0f0; text-align:center; border-radius:5px; margin-top:2px; padding-top:1px; transition:0.5s;}
.top a{ display:block; width:27px !important; height:27px !important; line-height:25px !important; border:1px solid #ecc049; color:#ecc049; font-size:12px !important; border-radius:50% !important; margin:auto; margin-top:17px !important; background:none !important}
.top:hover{ background:#ecc049;}
.top:hover a{ background:none !important; border-color:#fff; color:#fff;}
.clear2{ display:none}


@media screen and (max-width:999px) {
.clear2{ display:block; clear:both;}
}
@media screen and (max-width:767px) {.foot{padding-bottom:56px;}
.youlian{display:none}
.top{width:25%;height:45px;line-height:45px;bottom:0px;right:0px;border-radius:0px;border:none; background:#ecc049;}
.top a{ margin-top:10px !important; border-color:#fff;}

.lianxi{ width:100%; right:auto; top:auto; margin:auto; left:0px; bottom:0px; border-top:1px solid #fff; transform:translateY(0);}
.lianxi>div{ width:25%; float:left;height:45px;line-height:45px; margin:auto;}
.lianxi div a{ margin:auto; width:100%; color:#fff !important; border-radius:0px;height:52px;line-height:45px; background:#ecc049;}
.weixin2{ display:block}
.weixin1{ display:none}
}

/***************************  product  **************************/
.fenbanner{}
.fenbanner img{ width:100%;}

.mianbao{ font-size:16px; font-size:1.6rem; color: #666666; line-height:32px; margin-top:28px;}
.mianbao a{color: #666666;}
.mianbao a:hover{color: #ffce4a;}
.comian{color: #ffce4a !important;}

/*  nav  */
.prnav{ position:relative; margin-top:60px; z-index:9}
.prnav:after{ content:""; clear:both; display:block;}
.pryiji{ position:relative; z-index:99}
.pryiji>li{ display:block; background:#2b2f33; min-width:242px; text-align:center; line-height:50px; float:left; margin-right:26px;}
.pryiji>li>a{ display:block; position:relative; font-size:0px; padding:0 26px; color:#fff;}
.pryiji>li>a>span{ display:inline-block; vertical-align:middle; line-height:24px; transition:0.5s; font-size:18px; font-size:1.8rem; color:#fff;}
.pryiji>li>a:before{ content:'';width: 0; border-left: 9px solid #ffce4a; border-right: 9px solid #ffce4a; border-top: 8px solid #ffce4a; border-bottom: 8px solid #ffce4a; border-bottom-color:transparent ; border-left-color: transparent; border-right-color: transparent; position:absolute; bottom:0px; left:50%; margin-left:-5px; z-index:-1; transition:0.5s;}
.prerji{ position:absolute; width:100%; left:0px; top:-99999px; padding-top:20px; z-index:999}
.prerji ul{border: solid 1px #d6d6d6; background:#fff; border-radius:8px; padding:15px; padding-left:31px;}
.prerji ul:after{ content:""; clear:both; display:block;}
.prerji ul li a{ display:block; float:left; color: #666666; font-size:16px; font-size:1.6rem; line-height:35px; margin-right:50px;}
.prerji ul li a:hover{color: #ffce4a;}

.pryiji>li:hover>a{ background:#ffce4a;}
.pryiji>li:hover>a>span{ color:#333333;}
.pryiji>li:hover>a{ color:#333333;}
.pryiji>li:hover>a:before{ bottom:-16px;}

.dangpryi>a{ background:#ffce4a !important;}
.dangpryi>a{ color:#333333 !important;}
.dangpryi>a>span{ color:#333333 !important;}
.dangpryi>a:before{ bottom:-16px !important;}
.pryiji>li:hover .prerji{ top:50px;}

.prnav2{ display:none}

/*  main  */
.prmain{ padding-top:34px; padding-bottom:97px;}
.prt{}
.prtbiao{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-size:2.2rem; line-height:30px; font-weight:bold;}
.prtp{ font-size:16px; font-size:1.6rem; line-height:28px; margin-top:14px;}
.prtp p,.prtp strong,.prtp em{}
.prn{ padding-top:0px;}
.prn:after{ content:""; clear:both; display:block;}
.prlie{ width:23.9%; float:left; margin-left:1.46%; margin-top:34px; margin-bottom:16px; position:relative;}
.prtu{ display:block; border: solid 1px #d6d6d6;}
.prtu img{ width:100%; max-width:500px;}
.przi{ text-align:center; padding-top:13px;}
.pra{ display:block; font-size:18px; font-size:1.8rem; line-height:28px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.prin{ font-size:0px; margin-top:14px;}
.prin input{ display:inline-block; vertical-align:middle; cursor:pointer;}
.prin .prmor{ display:inline-block; vertical-align:middle; border: solid 1px #ffce4a; min-width:120px; height:30px; line-height:28px; margin-left:15px; text-align:center; padding:0 5px; font-size:14px; font-size:1.4rem; color: #ffce4a; border-radius:15px;}
.prlie:hover .prmor{ background:#ffce4a; border-color:#ffce4a; color:#333;}
.prlie:hover .pra{ color:#ffce4a;}

.prtag{ border-top:1px solid #e6e6e6; line-height:24px; padding-top:19px; margin-top:45px;}
.prtag:after{ content:""; clear:both; display:block;}
.prtag span{ color: #ffce4a; font-family: Roboto-Bold; font-size:16px; font-size:1.6rem;}
.prtag a{ font-size:16px; font-size:1.6rem;color: #666666;}
.prtag span i{ font-size:20px; margin-right:5px;}
.prtag a:hover{color: #ffce4a;}

.fenye{ padding-top:52px; text-align:center; font-size:0px;}
.fenyen{ display:inline-block; *float:left; margin-top:3px; vertical-align:middle; font-size:0px;}
.fenyen a{ display:inline-block; *float:left; width:36px; height:30px; margin:0 5px; text-align:center; line-height:28px; border:1px solid #e5e5e5; font-size:14px; font-size:1.4rem; color:#333; margin-bottom:10px;}
.sx{ color:#999999 !important; background:none !important; font-size:18px !important; font-size:1.4rem !important; font-weight:bold;}
.dangfen,.fenyen .active,.fenyen a:hover{ background:#ffce4a !important; border:1px solid #ffce4a !important; color:#333 !important;}
.fuxuan{  display:inline-block; *float:right; background:url(../images/fuxuan.png) no-repeat right center; padding-right:23px;margin-bottom:10px; vertical-align:middle; margin-left:10px;}
.fuxuan span{ font-size:16px; font-size:1.6rem; color:#4b4b4b; margin-right:15px;}
.fuxuan input{ min-width:149px; line-height:30px; height:30px; padding:0 5px; background:#ffce4a; font-size:14px; font-size:1.4rem; color:#333; cursor:pointer; transition:0.5s;}
.fuxuan input:hover{ background:#fff; outline:1px solid #ffce4a; color:#2059a6;}

@media screen and (max-width:999px) {
.mianbao{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:12px;}
.prnav{ margin-top:20px;}

.pryiji>li{ width:180px; margin-right:10px;}
.pryiji>li>a>span{ font-size:14px; font-size:1.4rem;}

.prnav1{ display:none}
.prnav2{ display:block; margin-top:0px; padding-bottom:30px;}
.pryiji>li>a{ font-size:14px; font-size:1.4rem; background:#333; text-align:left; padding:5px;}
.pryiji>li>a:before{ display:none}
.pryiji>li{ width:100%; margin-right:0; border:1px solid #fff; line-height:30px; padding:0px; border-radius:8px; background:none;}
.prerji{ top:auto; position:relative; top:auto !important; padding-top:0px;}
.prerji ul{ padding:5px 0px; padding-left:10px;}
.prerji ul li a{ font-size:12px; font-size:1.2rem; line-height:24px; margin-right:20px;}

.prmain{ padding-top:30px; padding-bottom:34px;}
.prtbiao{ font-size:18px; font-size:1.8rem; line-height:26px;}
.prtp{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:10px;}
.prlie{ margin-top:23px; margin-bottom:0px;}
.pra{ font-size:14px; font-size:1.4rem;}
.prin input{ position:absolute; left:5px; top:5px;}
.prin .prmor{ min-width:110px; line-height:25px;}

.prtag span,.prtag a{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:767px) {
.prtag span,.prtag a{ font-size:12px; font-size:1.2rem;}

.prlie{ width:48%; margin-left:1%; margin-right:1%;}
.pra,.prin .prmor,.prtp{ font-size:12px; font-size:1.2rem;}
.prtbiao{ font-size:16px; font-size:1.6rem; line-height:26px;}
}

/********************************************  product2  ***********************************************/
.prmain2{ padding-top:84px; padding-bottom:72px; background:#f5f5f5; margin-top:60px;}

.zoomPad{position:relative; float:left; z-index:99; cursor:crosshair; }
.zoomPreload{-moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px; * width:100px; * height:49px; }
.zoomPup{overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair; }
.zoomOverlay{position:absolute; left:0px; top:0px; background:#FFF;	z-index:5000; width:100%; height:100%; display:none; z-index:101; }
.zoomWindow{position:absolute; left:110%; top:40px; background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110; }
.zoomWrapper{position:relative; border:1px solid #999; z-index:110; }
.zoomWrapperTitle{display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage{display:block; position:relative; overflow:hidden; z-index:110; }
.zoomWrapperImage img{border:0px; display:block; position:absolute; z-index:101; }
.zoomIframe{z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block; }

.m-propic { margin:0 auto 0; width: 760px; float:left;}
.m-propic .pic-big { position: relative; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:9}
.m-propic .big-img { display: block; line-height: 0; font-size: 0;}
.m-propic .big-img .zoomPad { float: none; z-index: 8; }
.m-propic .zoomWrapperImage img { max-width: 1200px; z-index:99}
.m-propic .pic-small { position: relative; float: left; width: 135px; padding-top:34px; padding-bottom:34px; overflow: hidden; z-index:1}
.m-propic .pic-btn { position: absolute; margin: 0 auto; right: 0; display: block; width:100%; text-align:center; font-size:18px; cursor: pointer; color:#999999; z-index:9}
.m-propic .pic-btn.prev { top: 0px;}
.m-propic .pic-btn.next { bottom: 0px;}
.m-propic .pic-btn:hover{ color:#ffce4a;}

.m-propic .pic-list { height: 363px; overflow: hidden;}
.m-propic .pic-list ul { height: 2000px;}
.m-propic .list-item { margin-bottom:35px; position:relative;}
.m-propic .item-pic { display: block; position:relative;}
.m-propic .item-pic img { width: 100%;display: block; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s; background:#fff}
.m-propic .item-pic:hover {}
.m-propic .item-pic.zoomThumbActive {}
.m-propic .item-pic.zoomThumbActive:before{ left:-12px;}
.m-propic2 { display: none; }

.jianjie{ width:564px; float:right; padding-top:14px;}
.jianjie h1{ font-size:24px; font-size:2.4rem; line-height:32px; font-family: Roboto-Bold; border-bottom:1px solid #cacaca; padding-bottom:32px;}
.jiann{ font-size:16px; font-size:1.6rem; line-height:36px; color:#666666; padding-top:24px;}
.jiann p,.jiann em,.jiann strong{ color:#666666;}
.jiann a{ color:#ffce4a;}

.share{ margin-top:27px; display:inline-block; vertical-align:middle;}
.share1{ display:inline-block; *float:left; font-size:14px; font-size:1.4rem; line-height:24px; color:#999999; vertical-align:middle;}
.share2{ display:inline-block; *float:left; margin-left:8px; vertical-align:middle}
.inno3{ margin-top:27px;}
.inno3 a{ display:inline-block; min-width:166px; height:41px; line-height:39px; border: solid 1px #2b2f33; padding:0 5px; text-align:center; margin:10px 0; font-size:16px; font-size:1.6rem; color:#2b2f33; float:left;}
.inno3 a:hover{ background:#ffce4a; border-color:#ffce4a; color:#333333;}
.inno3 a:first-child{ margin-right:68px;}

.chanxbiao{ position:relative; margin-top:65px; font-family: Roboto-Bold; font-size:40px; font-size:4rem; line-height:50px; text-align:center; padding-bottom:23px;}
.chanxbiao:before{ content:""; position:absolute; width:110px; height:4px; background:#ffce4a; left:50%; margin-left:-55px; bottom:0px; z-index:-1}
.chanxbiao span{ color:#ffce4a;}
.chanxbiao:hover a.chanxbiaon{ background:#fff; color:#ffce4a;}

.chanxiang{ font-size:16px; font-size:1.6rem; line-height:30px; padding-top:48px; padding-bottom:20px;}
.chanxiang:after{ content:""; clear:both; display:block;}
.chanxiang p,.chanxiang em,.chanxiang strong{ color:#333;}
.chanxiang a{ color:#ffce4a;}
.chanxiang img{ max-width:100%; display:inline-block}
.pr2tu{ width:39.57%; float:right; margin-left:40px;}

.table{ width:100%; overflow:auto; clear:both; display:block; padding-top:20px;}
.table table{ min-width:100%; margin:auto; border-collapse:collapse;}
.table table tr td{ padding:5px; border:none; font-size:14px; font-size:1.4rem; line-height:26px; border:1px solid #ccc}

.pr21{}
.pr21:after{ content:""; clear:both; display:block;}
.pr21tu{ width:48.66%; float:left; margin-top:24px;}
.pr21tu img{ max-width:100%; margin:auto;}
.pr21zi{ font-size:16px; font-size:1.6rem; line-height:30px; width:47.5%; float:right; margin-top:40px;}
.pr21zi p{ padding-left:9px; position:relative;}
.pr21zi p:before{ content:""; position:absolute; width:3px; height:3px; background:#ffce4a; border-radius:50%; left:0px; top:15px;}

.pr22{ font-size:0px;}
.pr22lie{ width:17.58%; display:inline-block; vertical-align:top; *float:left; margin-left:3%; margin-top:37px;}
.pr22tu{ display:block;}
.pr22tu img{ width:100%; max-width:211px; margin:auto;}
.pr22zi{ text-align:center; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:5px;}

.prtag2{ background:#f4f4f4; padding:18px; padding-left:61px; font-size:16px; font-size:1.6rem; line-height:30px; color: #666666; position:relative; margin-top:30px;}
.prtag2 a{color: #666666;}
.prtag2 span{color: #ffce4a; position:absolute; left:17px; top:18px;}
.prtag2 a:hover{color: #ffce4a;}

.homain{ padding-bottom:90px;}
.homain .prlie{ margin-top:38px}

@media screen and (max-width: 1419px) { 
	.zoomPad { cursor: default !important; }
	.zoomPup { display: none !important; }
	.zoomWindow { display: none !important; }
	.zoomPreload { display: none !important; }
.jianjie{ width:410px}
.jiann{ font-size:16px; font-size:1.6rem; line-height:26px;}
}
@media screen and (max-width: 1219px) { 
.jianjie h1{ font-size:20px; font-size:2rem; line-height:30px; padding-bottom:10px;}
.share{ display:block;}
.prdo{ display:block; margin-top:10px; margin-left:auto;}
.m-propic { float:none; margin:auto;}
.jianjie{ width:100%; float:none; padding-top:27px;}
.jiann{ font-size:14px; font-size:1.4rem; line-height:24px;}
.inno3 a{ min-width:120px; line-height:32px; height:34px; font-size:14px; font-size:1.4rem;}
.inno3 a:first-child{ margin-right:20px;}

.chanxbiao{margin-top:65px; font-size:30px; font-size:3rem; line-height:40px; padding-bottom:23px;}
}
@media screen and (max-width:999px){
	.m-propic1 { display: none; }
	.m-propic2 { position: relative; display: block; overflow: hidden; width: 100%; padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:none; }
	.m-propic2 .box-btn { position: absolute; top: 50%; margin-top: -12px; display: block; width: 17px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
	.m-propic2 .box-btn.prev { left: 0;}
	.m-propic2 .box-btn.next { right: 0;}
	.m-propic2 .box-btn.prev:hover {}
	.m-propic2 .box-btn.next:hover {}
	.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%; padding:0px;} 
	
.prmain2{ padding-top:28px; padding-bottom:10px;}
.jianjie{ width:100%; float:none;}
.inno3 a{ min-width:100px; font-size:14px !important; font-size:1.4rem !important; margin-right:5px; float:left; text-transform:none;}
.jiann{ font-size:14px; font-size:1.4rem; padding-top:9px;}
.share{ margin-top:20px;}

.pr2p,.chanxiang strong{ font-size:16px; font-size:1.6rem; margin-top:20px;}
.chanxbiao{margin-top:30px; font-size:26px; font-size:2.6rem; line-height:40px; padding-bottom:10px;}
.pr21zi{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:20px;}
.pr22lie{ width:33.333%; margin:auto; margin-top:20px; padding:0 10px;}
.pr22zi{ font-size:12px; font-size:1.2rem;}
.chanxiang{ font-size:14px; font-size:1.4rem; line-height:26px; padding-top:10px; padding-bottom:10px;}
.prtag2{ font-size:14px; font-size:1.4rem;}
.homain{ padding-bottom:30px;}
.homain .chanxbiao{ margin-top:20px;}
.homain .prlie{ margin-top:18px}
}
@media screen and (max-width:767px){
.pr21tu{ width:100%; float:none; margin-top:24px;}
.pr21zi{ width:100%; float:none;}
.pr22lie{ width:50%; padding:0 5px;}
.chanxiang{ font-size:12px; font-size:1.2rem; line-height:24px; padding-top:30px; padding-bottom:10px;}
.prtag2{ font-size:12px; font-size:1.2rem; line-height:24px; margin-top:20px;}
.chanxbiao{margin-top:30px; font-size:22px; font-size:2.2rem; line-height:30px; padding-bottom:10px;}
.pr2tu{ width:100%; float:none; max-width:554px; margin:auto; text-align:center; margin-bottom:20px;}
}
 @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%; } 
.chanxbiaon{ font-size:18px; font-size:1.8rem;}
}
  @media only screen and (max-width:350px ) {
 	.m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width:9.8%; } 
 }

/********************************************  nemain  ***********************************************/
.nemain{ padding-top:15px; padding-bottom:93px;}
.net2{margin-top:61px; background:#f5f5f5; padding:80px 0;}
.net2 .zong{ position:relative; min-height:420px; }
.netu{ display:block; width:540px; position:absolute; left:0px; top:0px; border: solid 1px #dcdcdc;}
.netu img{ width:100%; max-width:550px;}
.nezi{ margin-left:600px; padding-top:1px;}
.neriqi{ font-size:16px; font-size:1.6rem; line-height:40px; margin-top:18px;}
.neriqi span{ font-size:36px; font-size:3.6rem; color: #ffce4a;}
.nea{ display:block; font-size:22px; font-size:2.2rem; font-family: Roboto-Bold; line-height:30px; margin-top:54px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nep a{ display:block; font-size:16px; font-size:1.6rem; line-height:28px; max-height:84px; margin-top:26px; overflow:hidden;}
.nemor{ display:inline-block; min-width: 132px; height:40px; line-height:40px; border-radius: 20px; border: solid 1px #ffce4a; background:#ffce4a; padding:0 5px; text-align:center; font-size:14px; font-size:1.4rem; margin-top:66px; font-family: Roboto-Bold;}
.nea:hover,.nep a:hover{ color: #ffce4a;}
.nemor:hover{ background:#fff;}

.nelie{ border-bottom:1px dashed #656565; padding-bottom:48px;}
.nelie .neriqi{ margin-top:16px}
.nelie .nep a{ max-height:56px; margin-top:24px;}
.nemain .fenye{ padding-top:59px;}
@media screen and (max-width: 999px) {
.nemain{ padding-top:20px; padding-bottom:30px;}
.nebiao{ font-size:26px; font-size:2.6rem; line-height:32px; padding-bottom:13px;}
.net2{ margin-top:20px; padding:20px 0;}
.net2 .zong{ min-height:100px;}
.netu{ width:130px;}
.nezi{ margin-left:140px; padding-top:1px;}
.neriqi{ font-size:14px; font-size:1.4rem; line-height:20px; margin-top:5px !important;}
.neriqi span{ font-size:16px; font-size:1.6rem; color: #ffce4a;}
.nea{ font-size:16px; font-size:1.6rem; line-height:20px; margin-top:5px;}
.nep a{ font-size:14px; font-size:1.4rem; line-height:24px; color: #666666; max-height:48px !important; margin-top:5px !important;}
.nemor{ display:none}
.nelie{ padding-bottom:16px; padding-top:15px;}
.nemain .fenye{ padding-top:39px;}
}
@media screen and (max-width: 767px) {
.nebiao{ font-size:22px; font-size:2.2rem;}
.neriqi{ font-size:12px; font-size:1.2rem;}
.neriqi span{ font-size:14px; font-size:1.4rem;}
.nea{ font-size:14px; font-size:1.4rem;}
.nep a{ font-size:12px; font-size:1.2rem;}
}

/**************************  news2  *****************************/
.nemain2{ padding-top:53px; padding-bottom:80px;}
.nemain2 h1{ font-size:36px; font-size:3.6rem; line-height:44px; font-family: Roboto-Bold; text-align:center;}
.net{ margin-top:30px; text-align:center;}
.neshijian{ display:inline-block; vertical-align:middle; font-size:16px; font-size:1.6rem; line-height:24px; color:#666666; margin-right:20px;}
.neshijian i{ color:#ffce4a; padding-right:10px; font-size:16px; font-size:1.6rem;}
.net .share{ display:inline-block; margin:auto; vertical-align:middle;}
.net .share1{color: #666666; font-size:14px; font-size:1.4rem;}
.nexiang{ margin-top:13px; font-size:16px; font-size:1.6rem; line-height:30px; padding-top:11px;}
.nexiang p,.nexiang strong,.nexiang em{}
.nexiang img{ max-width:100%; display:inline;}
.nexiang a{ color:#ea5514;}
.pjmain2 h1{ font-size:30px; font-size:3rem;}

.fanpian{ border-top:1px solid #dcdcdc; margin-top:35px; padding-top:40px;}
.fanpian:after{ content:""; clear:both; display:block;}
.fanpian li{ width:48.57%; text-align:center; padding:5px; line-height:32px; font-size:16px; font-size:1.6rem; background:#f5f5f5; transition:0.5s; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.fanpian li:hover{ background:#ffce4a;}
@media screen and (max-width: 999px) {
.nemain2{ padding-top:26px; padding-bottom:23px;}
.nemain2 h1{ font-size:18px; font-size:1.8rem; line-height:28px;}
.net{ margin-top:10px;}
.nexiang{ margin-top:13px; font-size:14px; font-size:1.4rem; line-height:24px; padding-top:10px;}
.fanpian{ margin-top:28px; padding-top:20px;}
.neshijian,.net .share1{ font-size:14px; font-size:1.4rem;}
.neshijian{ margin-right:20px;}
.fanpian li{ width:100%; float:none; font-size:14px; font-size:1.4rem; line-height:24px; text-align:left;}
}
@media screen and (max-width: 767px) {
.nemain2 h1{ font-size:16px; font-size:1.6rem; line-height:24px;}
.nexiang{ margin-top:13px; font-size:12px; font-size:1.2rem; line-height:24px; padding-top:10px;}
.fanpian{ margin-top:28px;}
.neshijian,.net .share1,.fanpian li{ font-size:12px; font-size:1.2rem;}
}

/**************************  about  *****************************/
.abmain1{ background:none; margin-top:60px;}
.abmain1:before{ display:none}
.abmain1 .m2l{ width:46.57%; float:left; margin-top:auto; margin-right:78px;}
.abmain1 .m2rn{ width:auto; margin:auto; padding:0px; padding-top:38px;}
.abmain1 .m2biao{color: #333333; display:inline-block; margin:auto; font-size:40px; font-size:4rem; margin-bottom:13px;}
.abmain1 .m2biao:before{ background:#ffce4a;}
.abmain1 .m2p{ max-height:none; overflow:visible}

.abmain2{ padding-bottom:72px;}
.abbiao2{ text-align:center; font-family: Roboto-Bold; font-size:40px; font-size:4rem; line-height:50px;}
.ab2xiang{ font-size:16px; font-size:1.6rem; line-height:28px; margin-top:24px;}

.abmain3{ background:url(../images/ab3bei.jpg) no-repeat center; background-size:cover; background-attachment:fixed; position:relative; font-size:0px; padding-top:60px; padding-bottom:56px;}
.abmain3:before{ content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; background:url(../images/ab3bei.jpg) no-repeat center; background-size:cover; z-index:-1}
.abmain3 .abbiao2{ color:#fff;}
.ab3lie{ width:26.4%; display:inline-block; vertical-align:top; *float:left; margin-left:10.4%; text-align:center; margin-top:63px;}
.ab3tu{ display:block; width:92px; margin:auto;}
.ab3tu img{ width:100%;}
.ab3a{color: #ffffff;font-family: Roboto-Bold; font-size:28px; font-size:2.8rem; line-height:32px; margin-top:37px;}
.ab3p{	color: #ffffff; font-size:16px; font-size:1.6rem; line-height:28px; margin-top:28px;}

.abmain4{}
.ab4n{ position:relative; margin-top:55px; padding-bottom:32px; padding-top:1px;}
.ab4n:before{ content:""; position:absolute; width:2px; height:100%; background:#ffce4a; top:0px; left:50%; margin-left:-1px; z-index:-1}
.ab4lie{ position:relative; min-height:74px; margin-top:24px;}
.ab4lie:after{ content:""; clear:both; display:block;}
.ab4riqi{ position:absolute; width:74px; height:74px; background:#ffce4a; text-align:center; line-height:34px; padding:20px 0; font-size:21px; font-size:2.1rem; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%);}
.ab4n2{ width:43.64%; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2); background:#fff; padding:22px 34px; font-size:16px; font-size:1.6rem; line-height:28px;}
.ab4lie1 .ab4n2{ float:right;}
.ab4lie1 .ab4n2{ float:right;}

@media screen and (max-width: 1419px) {
.abmain1 .m2l{ margin-right:20px;}
.abmain1 .m2rn{ padding-top:0px;}
.abmain1 .m2p{ margin-top:10px;}
}
@media screen and (max-width: 1219px) {
.abbiao2{ font-size:30px; font-size:3rem; line-height:40px;}
.ab3lie{ width:32.333%; margin-left:1.5%; margin-top:63px;}
.ab4n2{ font-size:14px; font-size:1.4rem; line-height:26px; padding:20px;}
}
@media screen and (max-width: 999px) {
.abmain1{ background:none; margin-top:20px; padding:0px;}
.abmain1 .m2biao{ font-size:30px; font-size:3rem; margin-bottom:13px;}

.abmain2{ padding-bottom:32px; padding-top:30px;}
.abbiao2{ font-size:26px; font-size:2.6rem; line-height:32px;}
.ab2xiang{ font-size:14px; font-size:1.4rem; line-height:26px;}

.abmain3{ padding-top:30px; padding-bottom:36px;}
.ab3lie{ margin-top:30px;}
.ab3tu{ width:55px;}
.ab3a{ font-size:18px; font-size:1.8rem; line-height:26px; margin-top:10px;}
.ab3p{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:8px;}

.ab4n{ margin-top:25px; padding-bottom:22px; padding-top:1px;}
.ab4n:before{ display:none}
.ab4lie{ min-height:34px;}
.ab4riqi{ left:0px; top:0px; transform:translateX(0); width:44px; height:44px; line-height:34px; padding:5px 0; font-size:14px; font-size:1.4rem;}
.ab4n2{ width:auto; margin-left:50px; padding:10px;}
}
@media screen and (max-width: 767px) {
.abmain1 .m2biao{ font-size:22px; font-size:2.2rem; margin-bottom:13px;}
.abmain1 .m2l{ width:100%; float:none; margin:auto; margin-bottom:20px;}
.abbiao2{ font-size:22px; font-size:2.2rem; line-height:30px;}
.ab2xiang{ font-size:12px; font-size:1.2rem; line-height:24px;}

.ab3lie{ width:100%;}
.ab3a{ font-size:16px; font-size:1.6rem; line-height:26px; margin-top:10px;}
.ab3p{ font-size:12px; font-size:1.2rem; line-height:24px; margin-top:8px;}
.ab4n2{ font-size:12px; font-size:1.2rem;}
}

.abmain5{ padding-top:58px; padding-bottom:130px;}
#box{position:relative; margin:auto; margin-top:54px; max-width:1206px;}
#box ul{position:relative; margin:auto; height:508px;}
#box li{position:absolute; width:0;height:0;z-index:0;cursor:pointer;overflow:hidden; padding-bottom:50px; -moz-box-sizing:content-box; box-sizing:content-box !important}
#box li a{ display:block; background:#000000;}
#box li a img{ width:100%; max-width:680px;}
#box li>span{ display:block; font-size:14px; font-size:1.4rem; line-height:30px; position:absolute; width:100%; margin:auto; left:0px; top:455px; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

#box .prev, #box .next{position:absolute;top:50%; margin-top:-70px;overflow:hidden; cursor:pointer; width:47px; height:122px; line-height:122px; text-align:center; background:#c5c5c3; font-size:32px; font-size:3.2rem; text-align:center; color:#fff; z-index:99; transition:0.5s;}
#box .prev{left:-85px;}
#box .next{right:-85px;}
#box .prev:hover, #box .next:hover{ background:#ffce4a;}
#copyright{padding-top:10px;text-align:center; border:1px solid}
.ab3zi{ font-size:19px; font-size:1.9rem; line-height:30px; text-align:center; margin-top:22px; opacity:0; transition:0.5s;}
#box li:nth-child(4){ padding-bottom:50px;}
#box li:nth-child(4) a img{ opacity:1}
#box li:nth-child(4) .ab3zi{ opacity:1}

.famain{ padding-top:29px; padding-bottom:90px;}
.famain .subNav2{ padding-top:11px; padding-bottom:11px;}
.famain .navContent2{border: solid 1px #ffce4a; padding-top:32px; padding-bottom:33px;}

@media screen and (max-width: 1419px) {
.abmain5{ padding-top:38px; padding-bottom:60px;}
#box{ margin-top:40px; padding:0px; width:auto;}
#box li{ position:relative; left:auto; top:auto; width:0.32333% !important; height:auto !important;  padding:0px;}
.img-scroll6 {position: relative; width: 100%; margin-top:28px; z-index:9}
#box .prev, #box .next{ font-size:20px; margin-top:-85px;}
#box .prev{left:0px;}
#box .next{right:0px;}
.img-list6 {position: relative;overflow: hidden; z-index:90;}
.img-list6 ul {width: 10000% !important; height:auto !important;}
.img-list6 li {float: left; display: inline;margin-right:0.015% !important; margin-left:auto; opacity:1;}
.img-list6 li img{ opacity:1 !important}
#box li a{box-shadow:none}
#box li span{ position:relative; top:auto;}
.ab3zi{ opacity:1; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:5px;}
}
@media screen and (max-width: 999px) {
.abmain5{ padding-top:20px; padding-bottom:0px;}
#box .prev, #box .next{ width:30px; height:30px; line-height:30px; margin-top:-45px;}
.famain{ padding-top:19px; padding-bottom:30px;}
}
@media screen and (max-width: 589px) {
#box li{ width:0.49% !important; margin-right:0.02% !important;}
}
@media screen and (max-width: 499px) {
#box li{ width:1% !important; margin-right:0.02% !important;}
}

/********************************************  video  ***********************************************/
.vimain{ padding-top:39px; padding-bottom:90px;}
.vin{ max-width:1200px; margin:auto; padding-bottom:39px;}
.shipin1{position: relative; padding-bottom:59.25%;height: 0;overflow: hidden;}
.shipin1 iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.shipin1 iframe body{ margin:0px !important;}
.vin a{ display:block; text-align:center; font-size:16px; font-size:1.6rem; line-height:26px; margin-top:30px; font-family: "OpenSans-Bold";}
.vin p{ font-size:14px; font-size:1.4rem; line-height:30px; text-align:center; margin-top:3px; max-width:805px; margin:auto;}

.shipin2{position: relative; padding-bottom:72.76%;height: 0;overflow: hidden;}
.shipin2 iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.shipin2 iframe body{ margin:0px !important;}

.vilie{ width:30.42%; float:left; margin-left:4.3%; margin-top:20px;}
.vizi{ margin-top:24px; padding-bottom:15px;}
.vizi a{ display:block; font-size:18px; font-size:1.8rem; font-family: Roboto-Bold; text-align:center; line-height:26px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.vizi p{ font-size:16px; font-size:1.6rem; line-height:28px; color:#666666; height:56px; overflow:hidden; margin-top:5px;}
.vimain .fenye{ padding-top:35px;}
 @media only screen and (max-width:999px ) {
.vimain{ padding-top:8px; padding-bottom:33px;}
.vin{ padding-bottom:9px;}
.vin a{ font-size:16px; font-size:1.6rem; margin-top:8px;}
.vin p{ font-size:14px; font-size:1.4rem; line-height:24px; margin-top:5px;}
.vilie{ margin-top:27px;}
.vizi a{ font-size:16px; font-size:1.6rem; line-height:26px;}
.vizi p{ font-size:14px; font-size:1.4rem; line-height:24px; height:48px; margin-top:3px;}
.vimain .fenye{ padding-top:30px;}
 }
 @media only screen and (max-width:767px ) {
.vilie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:10px;}
.vizi{ padding-bottom:5px; margin-top:10px;}
.vizi a{ font-size:14px; font-size:1.4rem; line-height:26px;}
.vizi p{ font-size:12px; font-size:1.2rem; line-height:24px; height:48px; margin-top:3px;}
 }
 @media only screen and (max-width:499px ) {
.vizi a{ font-size:14px; font-size:1.4rem;}
.vizi p{ font-size:13px; font-size:1.3rem;}
 }

/********************************************  gallery  ***********************************************/

#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)}}

.qamain2{ padding-top:93px; font-size:0px; padding-bottom:91px;}
.qamain2:after{ content:""; clear:both; display:block;}
.qalie{ width:32%; display:inline-block; vertical-align:top; *float:left; margin-left:2%; margin-top:35px;}
.qatu{ position:relative; display:block; overflow:hidden;}
.qatu img{ width:100%; max-width:450px; margin:auto;}
.qafu{ display:block; position:absolute; width:100%; height:100%; left:0px; top:100%; transition:0.5s; background:#000000; background:rgba(0,0,0,0.7);}
.qafu i{ display:block; width:45px; height:45px; line-height:45px; color:#ffce4a; font-size:40px; font-size:4rem; position:absolute; left:50%;  top:50%; margin-left:-23px; margin-top:-23px;}
.qazi{ text-align:center; font-family: Roboto-Bold; font-size:18px; font-size:1.8rem; line-height:26px; margin-top:24px;}
.qalie:hover .qafu{ top:0px;}
 @media only screen and (max-width:1219px ) {
.qazi{ font-size:14px; font-size:1.4rem;}
 }
 @media only screen and (max-width:999px ) {
.qamain2{ padding-top:13px; padding-bottom:31px;}
.qazi{ font-size:14px; font-size:1.4rem; margin-top:10px;}
.qafu{ display:none;}
 }
 @media only screen and (max-width:767px ) {
.qalie{ width:48%; margin-left:1% !important; margin-right:1%; margin-top:20px;}
.qazi{ font-size:12px; font-size:1.2rem; margin-top:10px;}
 }

/****************************************************************  contact  ********************************************************/
.comain{ margin-top:55px; position:relative;}
.comain:before{ content:''; position:absolute; width:1px; height:100%; background:#dcdcdc; left:33.92%; top:0px;}
.comain .zong{ padding-top:13px; padding-bottom:55px; border-top:1px solid #cdcdcd;}
.col{ width:360px; float:left; margin-top:1px;}
.cor{ width:800px; float:right; margin-top:4px;}

.cobiao{ display:block; font-size:36px; font-size:3.6rem; font-family: Roboto-Bold; line-height:40px; position:relative;}

.colp{color: #666666; font-size:14px; font-size:1.4rem; line-height:26px; margin-top:12px;}

.coul1{ padding-bottom:12px; margin-top:74px;}
.coul1 p{ position:relative; font-size:16px; font-size:1.6rem; color:#333; line-height:44px; padding-left:29px;}
.col i,.col em{ position:absolute; left:0px; top:0px; font-size:18px; color:#ffce4a;}
.coul1 li a{ color:#333;}
.coul2{ padding-bottom:27px !important;}
.coul3{ margin-top:20px !important; border-bottom:none !important;}
.coul1 p a:hover{ color:#ffce4a;}

.corbiao{ display:block; font-size:30px; font-size:3rem; line-height:40px; text-align:center; margin-top:15px;}
.cor .cobiao{ text-align:center;}
.cor p{ font-size:14px; font-size:1.4rem; color:#666666; line-height:30px; margin-top:35px; margin-left:11px;}

.coxin{ margin-top:7px; *border:1px solid #fff;}
.coxin .xing input,.coxin .xing textarea{ background:#fff url(../images/xing2.png) no-repeat 9px 19px;}
.coxin .int1{ float:left; width:47.5%; margin-top:39px;}
.coxin .int2{ float:right; width:47.5%; margin-top:39px;}
.coxin .int1 input,.coxin .int2 input{ width:100%; height:46px; padding-left:19px; padding-right:5px; color: #666666; font-size:14px; font-size:1.4rem; line-height:46px; border:1px solid #e6e6e6;}
.tex{ padding-top:39px;}
.coxin textarea{ width:100%; height:106px; padding-top:5px; padding-left:19px; padding-right:5px; font-size:14px; font-size:1.4rem; line-height:36px; border:1px solid #e6e6e6;}
.coxin .int5{ margin-top:39px; float:left;  width:420px; margin-right:39px; border:1px solid #e6e6e6;}
.coxin .int5:after{ content:""; clear:both; display:block;}
.coxin .yanzheng{ width:150px; height:46px; float:right; cursor:pointer;}
.coxin .yanzheng img{ width:100%; height:100%;}
.coxin .int3{ width:250px; height:46px; padding-left:19px; font-size:14px; font-size:1.4rem; line-height:46px; float:left;}
.coxin .int4{ width:340px; height:46px; border:1px solid #ffce4a; float:right; background:#ffce4a; font-size:16px; font-size:1.6rem; color:#333333; font-family: Roboto-Bold; margin-top:39px; cursor:pointer; transition:0.5s;}
.coxin .int4:hover{ background:#fff;}
.ditu{ padding-bottom:100px; margin-top:97px;}
.ditu img{ max-width:100%;}

@media screen and (max-width:1419px){
.comain:before{ left:31%; top:0px;}
}
@media screen and (max-width:1219px){
.col{ width:300px; margin-top:auto;}
.cor{ width:600px; float:right; margin-top:4px;}
.comain:before{ display:none}
.coxin .int4{ width:120px;}
}
@media screen and (max-width:999px){
.comain{ background:none; padding:0px; margin-top:20px;}
.col{ width:40%;}
.cor{ width:57%; margin-right:0px;}
.cobiao,.corbiao{ font-size:24px; font-size:2.4rem;}
.cor p{ font-size:14px; font-size:1.4rem; line-height:22px;}
.coul1 p{ font-size:14px; font-size:1.4rem;}
.coxin .int1,.coxin .int2,.tex{ width:auto; float:none; margin-top:10px;}
.coxin .int1 input,.coxin .int2 input,.coxin textarea,.coxin .int5{ width:100%; font-size:14px; font-size:1.4rem;}
.coyanzheng{ margin-left:auto;}
.coxin .int4{ width:42%; float:left; margin-left:0px; font-size:14px; font-size:1.4rem; margin-top:10px;}
.coxin .int5{ margin-top:10px;}
.coxin textarea{ height:100px;}
.ditu{ padding-bottom:40px; margin-top:30px;}
.coul1{ padding-bottom:12px; margin-top:26px;}
}
@media screen and (max-width:767px){
.cor .cobiao{ text-align:left;}
.cobiao,.corbiao{ font-size:22px; font-size:2.2rem; padding-bottom:10px;}
.col{ width:100%; float:none;}
.cor{ width:100%; float:none; margin-right:0px; margin-top:20px;}
.coxin .int1 input,.coxin .int2 input,.coxin textarea,.coxin .int3{ width:100%;}
.coxin .int4{ font-size:12px; font-size:1.2rem;width:40%; float:left;}
.coxin .int3{ border:1px solid #e6e6e6;}
.coxin .int5:after{ display:none}
.coxin .int5{ border:none; float:none;}
.coxin .yanzheng{ float:left; margin-top:10px; margin-right:10px;}
}



@font-face {
  font-family: MyriadPro-Bold;
  src: url("../fonts/MyriadPro-Bold.woff2") format("woff2"),
       url("../fonts/MyriadPro-Bold.woff") format("woff"),
       url("../fonts/MyriadPro-Bold.ttf") format("truetype"),
       url("../fonts/MyriadPro-Bold.eot") format("embedded-opentype"),
       url("../fonts/MyriadPro-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Bold;
  src: url("../fonts/Roboto-Bold.woff2") format("woff2"),
       url("../fonts/Roboto-Bold.woff") format("woff"),
       url("../fonts/Roboto-Bold.ttf") format("truetype"),
       url("../fonts/Roboto-Bold.eot") format("embedded-opentype"),
       url("../fonts/Roboto-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Roboto-Light;
  src: url("../fonts/Roboto-Light.woff2") format("woff2"),
       url("../fonts/Roboto-Light.woff") format("woff"),
       url("../fonts/Roboto-Light.ttf") format("truetype"),
       url("../fonts/Roboto-Light.eot") format("embedded-opentype"),
       url("../fonts/Roboto-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
       url("../fonts/Roboto-Regular.woff") format("woff"),
       url("../fonts/Roboto-Regular.ttf") format("truetype"),
       url("../fonts/Roboto-Regular.eot") format("embedded-opentype"),
       url("../fonts/Roboto-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1605073041672'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1605073041672#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=1605073041672') format('woff'),
  url('../fonts/iconfont.ttf?t=1605073041672') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg?t=1605073041672#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-bigger3:before {
  content: "\e649";
}

.icon-up7:before {
  content: "\e722";
}

.icon-bottom7:before {
  content: "\e723";
}

.icon-left7:before {
  content: "\e724";
}

.icon-right7:before {
  content: "\e725";
}

.icon-home:before {
  content: "\e624";
}

.icon-edit:before {
  content: "\e611";
}

.icon-facebook:before {
  content: "\e620";
}

.icon-vk:before {
  content: "\e735";
}

.icon-pinterest:before {
  content: "\e8ab";
}

.icon-jian2:before {
  content: "\e600";
}

.icon-linkedin:before {
  content: "\e648";
}

.icon-youtube:before {
  content: "\e6d6";
}

.icon-twitter:before {
  content: "\e607";
}

.icon-jia2:before {
  content: "\e608";
}

.icon-bigger:before {
  content: "\e647";
}

.icon-left:before {
  content: "\e72c";
}

.icon-right:before {
  content: "\e72d";
}

.icon-up1:before {
  content: "\e72e";
}

.icon-bottom1:before {
  content: "\e72f";
}

.icon-left1:before {
  content: "\e730";
}

.icon-right1:before {
  content: "\e731";
}

.icon-up:before {
  content: "\e73e";
}

.icon-bottom:before {
  content: "\e73f";
}

.icon-instagram:before {
  content: "\e79d";
}

.icon-tumblr:before {
  content: "\e79e";
}

.icon-download:before {
  content: "\e7a0";
}

.icon-download1:before {
  content: "\e7a7";
}

.icon-search4:before {
  content: "\e7b2";
}

.icon-address:before {
  content: "\e7bc";
}

.icon-email:before {
  content: "\e7bd";
}

.icon-contact:before {
  content: "\e7be";
}

.icon-whatsapp:before {
  content: "\e7bf";
}

.icon-fax:before {
  content: "\e7c2";
}

.icon-mobile:before {
  content: "\e7c6";
}

.icon-phone:before {
  content: "\e7c8";
}

.icon-tel:before {
  content: "\e7c7";
}

.icon-phone1:before {
  content: "\e7cb";
}

.icon-skype:before {
  content: "\e7cc";
}

.icon-whatsapp1:before {
  content: "\e7c1";
}

.icon-address1:before {
  content: "\e7c3";
}

.icon-contact1:before {
  content: "\e7c4";
}

.icon-email1:before {
  content: "\e7c5";
}

.icon-skype1:before {
  content: "\e7c9";
}

.icon-fax1:before {
  content: "\e7ca";
}

.icon-qq:before {
  content: "\e7ce";
}

.icon-tel1:before {
  content: "\e7cd";
}

.icon-wechat:before {
  content: "\e7cf";
}

.icon-phone2:before {
  content: "\e7d0";
}

.icon-message:before {
  content: "\e7da";
}

.icon-calendar:before {
  content: "\e7e1";
}

.icon-calendar1:before {
  content: "\e7e3";
}

.icon-top:before {
  content: "\e7ed";
}

.icon-youbian:before {
  content: "\e60f";
}

.icon-biaoqian:before {
  content: "\e63d";
}

.icon-sousuo:before {
  content: "\e637";
}







.listcart{ width:100%; margin-top:40px;margin-bottom: 40px;}
.listcart a{ background:#fff;display:inline-block;height: 30px;   line-height: 30px;cursor: pointer;border: none;overflow: hidden;color: #ffce4a;cursor: pointer;  border:1px solid #ffce4a; padding-left:10px; padding-right:10px; text-align:center; font-size:14px; font-size:1.4rem; margin-left:10px;}
.listcart a:hover{  border:#ffce4a solid 1px; background:#ffce4a; color:#fff!important;}
@media screen and (max-width:999px){
.listcart a{margin-left:2.5%;margin-right:2.5%;padding-left: 6px;padding-right: 6px;}
.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;}
.fl a.no:hover{color: #333;}
.shuxp_c a:hover{color: #ffce4a;}
@media screen and (max-width: 1920px){
.m-kefu-chat.mobile-hide {
 
    right: 0px!important;
   
}
}

.m-kefu-chat.mobile-hide .mobile-logo {
 
    cursor: pointer!important;
}
.ppp,.shuxp_c{font-size: 16px;}


.main3 .m1biaon:hover{color: #333;}
.main3 a:hover{color: #666666;}

.main3 .m3zi:hover{color: #fff;}


.fenyen a.no:hover{    border: 1px solid #e5e5e5!important;
    background: #fff!important;
    color: #999999!important;}


    .gamain1 .m3zi:hover{color: #fff;}





.sousuo form {
    width: 68%;
    
    float: left;
    margin-right: 5px;
}

.yzzz{    margin-top: 10px;}
.yzzz a{    margin-left: 6px;}