@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1605074048567'); /* IE9 */
  src: url('iconfont.eot?t=1605074048567#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('iconfont.woff?t=1605074048567') format('woff'),
  url('iconfont.ttf?t=1605074048567') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('iconfont.svg?t=1605074048567#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-sousuo:before {
  content: "\e628";
}

.icon-bigger4:before {
  content: "\e64a";
}

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

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

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

.icon-right14:before {
  content: "\e741";
}

.icon-up28:before {
  content: "\e791";
}

.icon-left28:before {
  content: "\e793";
}

.icon-right28:before {
  content: "\e794";
}

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

.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-message1:before {
  content: "\e7da";
}

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

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

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

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

.icon-diqiu:before {
  content: "\e634";
}

.icon-jiantoucopy:before {
  content: "\e811";
}

.icon-home1:before {
  content: "\e601";
}

.icon-jiantou:before {
  content: "\e6bb";
}


/* CSS Document */
* { margin: 0; padding: 0; }

html { font-size: 62.5%; height: 100%; }

body { margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; height: 100%; overflow-x: hidden; max-width: 1920px; }

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; }

a { text-decoration: none; color: #333; outline: none; transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; }

h1, h2 { margin: 0; padding: 0; font-weight: normal;   }

.clear { clear: both; }

.maln { margin-left: auto !important; }

input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-size: 1.4rem; color: #333; border: none; outline: none; }

.l { float: left; }

.r { float: right; }

.fix { *zoom: 1; }

.fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden; }

::-moz-selection { background: #F0AE16; color: #fff; }

::selection { background: #F0AE16; color: #fff; }

.j-lazy { width: 100%; }

.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; }

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

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

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

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #1b1b1b; }

.search ::-webkit-input-placeholder { /* WebKit browsers */ color: #1b1b1b; }

.search :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #1b1b1b; }

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

.search :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #1b1b1b; }

.div3 ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }

.div3 :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }

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

.div3 :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }

.fxp ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }

.fxp :-o-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }

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

.fxp :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

.wp { width: 1200px; margin: auto; }

@media screen and (min-width: 1220px) { .wp { width: 1200px; margin: auto; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .wp { width: 980px; margin: auto; } }

@media screen and (max-width: 999px) { .wp { width: 95%; margin: auto; } }

.no_margin { margin-left: auto\0 !important; }

@media screen and (min-width: 1220px) { .no_margin { margin-left: auto !important; } }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .no_margin { margin-left: auto !important; } }

/*.container*/
.wap-hd-nav { display: none; }

.wap-nav { 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; }

.wap-nav .nav { overflow: hidden; width: 300px; background: rgba(0, 0, 0, 0.8); position: absolute; top: 0; right: 0; display: block; height: auto; overflow: scroll; }

.wap-nav .nav span { font-family: arial, helvetica, sans-serif; }

.wap-nav .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; }

.wap-nav .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; }

.wap-nav .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: #fff url("../images/sousuo.png") no-repeat center center; }

.wap-nav .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; }

.wap-nav .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; padding-left: 20px; position: relative; }

.wap-nav .addition { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url("../images/shizi.png") no-repeat center center; }

.wap-nav .addition.active { background-image: url("../images/yizi.png"); }

.wap-nav .addition.fa:before { margin-right: 5px; color: #fff; text-indent: 0; }

.wap-nav .nav > ul > li > a { margin-right: 40px; color: #fff; font-size: 12px; font-size: 1.2rem; display: block; }

.wap-nav .nav > ul > li > a span { color: #fff; font-size: 12px; font-size: 1.2rem; }

.wap-nav .nav > ul > li .c-show { display: none; width: 100%; }

.wap-nav .nav > ul > li .c-show1 .c-s1 { position: relative; padding-left: 15px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a { position: relative; margin-right: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a { margin-right: 40px; padding-left: 20px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 > .c-show2 .c-s2 > a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 { position: relative; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { margin-right: 40px; padding-left: 40px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

.wap-nav .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span { font-size: 12px; font-size: 1.2rem; color: #fff; }

.wap-nav .nav > ul > dl { padding: 20px; }

.wap-nav .nav > ul > dl dd { float: left; margin: 0 2px; }

.wap-nav .menubtn { width: 23px; height: 18px; position: absolute; top: 20px; 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; }

.wap-nav .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #F0AE16; }

@media screen and (min-width: 1000px) { .wap-nav, .menubtn { display: none; } }

@media screen and (max-width: 991px) { .wap-hd-nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; }
  .wap-hd-nav-item { width: 25%; }
  .wap-hd-nav-item a { display: block; padding: 5px 0; line-height: 20px; font-size: 14px; color: white; text-align: center; background-color: #363636; }
  .wap-hd-nav-item a.active { color: white; background-color: #fff; } }

/***********  lunbo  *************/
* { margin: 0; padding: 0; }

li { list-style: none; }

.slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.slide .carouse { width: 100%; overflow: hidden; position: relative; }

.slide .carouse .slideItem { width: 100%; position: absolute; cursor: pointer; }

.slide .carouse .slideItem .banner-img { width: 100%; display: block; }

.slide .console { height: 57px; display: inline-block; width: 35px; position: absolute; top: 40%; }

.slide .dotList { position: absolute; width: 100%; bottom: 60px; text-align: center; }

.slide .dotList ul li { display: inline-block; width: 14px; height: 14px; background: #fff; margin: 0 8px; cursor: pointer; }

.slide .carousel-control { position: absolute; top: 50%; z-index: 999; margin-top: -22px; }

.slide .carousel-control i { font-size: 40px; font-size: 4rem; color: #fff; }

.slide .carousel-control:hover i { color: #F0AE16; }

.slide .carousel-control.left { left: 8%; cursor: pointer; }

.slide .carousel-control.right { right: 8%; cursor: pointer; }

.slide .dotList ul li { cursor: pointer; background: #fff; font-size: 0px; margin: 0 5px; border: none; outline: none; width: 11px; height: 11px; border-radius: 50%; }

.slide .dotList ul li.active { background: #F0AE16; }

.slide .slidedetail { display: none; }

@media screen and (max-width: 1219px) { .slide .dotList { bottom: 20px; } }

@media screen and (max-width: 999px) { .slide .carousel-control { display: none; } }

@media screen and (max-width: 767px) { .slide .dotList { bottom: 15px; } }

/***********  toplx  ************/
.toplx { background: #f5f3f1;}

.toplx .wp{position: relative;}

.m-hdlang { position: absolute;left: 0;top: 0; overflow: visible; float: right; height: 28px; line-height: 25px;margin-top: 36px; padding: 0 10px; -moz-box-sizing: border-box; box-sizing: border-box; background: #f5f3f1; border: 1px solid #F0AE16;min-width: 122px; }

.m-hdlang .lang-list { position: absolute; left: 0; top: 100%; background-color: #eee; z-index: 999; width: 100%; display: none; font-size: 12px; font-size: 1.2rem; border: solid 1px #fff; margin-top: -2px; padding-top: 3px; padding-bottom: 1px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }

.m-hdlang .lang-item { float: none; color: #333333; }

.m-hdlang .lang-list .lang-item span { display: inline-block; vertical-align: middle; margin-right: 3px; float: none !important;}

.m-hdlang .lang-item a { color: #333; }

.m-hdlang .lang-item a:hover { color: #000; }

.m-hdlang > .lang-item { font-size: 12px; font-size: 1.2rem; display: inline-block; color: #333333; }

.m-hdlang > .lang-item span { display: inline-block; vertical-align: middle; float: none !important;}

.m-hdlang > .lang-item i { vertical-align: middle; color: #333333; font-size: 12px; font-size: 1.2rem; vertical-align: middle; margin-left: 5px; }


.topsjj { margin-top: 35px; position: absolute;right: 0;top: 0;}

.topsjj a { margin-left: 7px; }

.topsjj a i { display: inline-block; width: 29px; height: 29px; line-height: 29px; text-align: center; background: transparent; color: #666666; font-size: 16px; font-size: 1.6rem; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.topsjj a:hover i { background: #4eae41; color: #fff; }

/***********  head  ************/
.head { background: #fff; }

.logo { line-height: 101px; text-align: center;}

.logo a { display: inline-block; vertical-align: middle; }

.logo img { display: block; max-height: 101px; }

.navlist { padding-top: 34px; }

.navlist2 { display: none; }

.navlist > li { float: left; position: relative; padding-bottom: 32px;}

.navlist > li > a { font-size: 16px;   display: block; line-height: 36px; border-radius: 18px; padding: 0 40px; font-family: "Questrial-Regular",Arial, Helvetica, sans-serif; text-transform: uppercase;  font-weight: 700 }

.navlist > li:hover > a { background: #F0AE16; color: #fff; }

.navlist > li.currentnav > a { background: #F0AE16; color: #fff; }

.search { margin-top: 45px; position: relative;}

.search form { position: absolute; top: 100%; right: 0; z-index: 99; display: none; }

.search > i { cursor: pointer; }

.sou { width: 200px; height: 28px; line-height: 28px; padding-left: 10px; border: 1px solid #333; }

.suo { position: absolute; right: 1px; top: 1px; width: 26px; height: 26px; background: transparent; cursor: pointer; }

.search form i { position: absolute; right: 1px; top: 1px; width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 18px; font-size: 1.8rem; }

@media screen and (max-width: 1219px) { .navlist > li > a { padding: 0 15px; } }

@media screen and (max-width: 999px) { .navlist { width: 100%; padding-top: 0; text-align: center; }
  .navlist > li { float: none; display: inline-block; margin: 0 15px; padding-bottom: 15px; }
  .navlist > li > a { font-size: 14px; font-size: 1.4rem; }
  .navlist1 { display: none; }
  .search { display: none; }
  .topsjj a{margin-left: 2px;}
}

@media screen and (max-width: 880px) {
  .logo img{max-height: 70px;}
  .logo{line-height: 70px;}
  .m-hdlang {margin-top: 20px;}
  .topsjj{margin-top: 20px;}
}
@media screen and (max-width: 767px) {
  .logo { float: none; text-align: center; }
  .topsjj { display: none; }
}
@media screen and (max-width: 500px) {
  .m-hdlang{position: static;float: none;margin-top: 0;}
  .toplx{padding-bottom: 10px;}
}
/***************  sya  ****************/
.sya { padding-top: 20px; padding-bottom: 105px; }

.sybt { text-align: center; font-size: 46px;  font-family: "Questrial-Regular",Arial, Helvetica, sans-serif; font-weight: bold;margin-bottom: 20px; text-transform: uppercase; }

.sybt a:hover { color: #F0CA23; }

.sydes { display: block; text-align: center; font-size: 16px; font-size: 1.6rem; color: #666; line-height: 28px;  margin-bottom: 36px; }

.sydes:hover { color: #F0CA23; }

.syazuo { margin-left: 32px; border-radius: 30px; overflow: hidden; }

.syazuo img { display: block; width: 100%; max-width: 565px; max-height: 424px; }

.syap1 { display: block; font-size: 30px; font-size: 3rem; line-height: 38px; font-weight: bold; font-family: "Questrial-Regular",Arial, Helvetica, sans-serif; }

.syap2 { display: block; font-size: 16px; font-size: 1.6rem; line-height: 28px; color: #666; margin-top: 50px; margin-bottom: 81px; }

.syap3 { display: inline-block; min-width: 182px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 20px; font-size: 2rem; background: #F0CA23; border-radius: 20px; }

.syap3 i { vertical-align: middle; }

.syap1:hover { color: #F0CA23; }

.syap2:hover { color: #F0CA23; }

.syap3:hover { background: #4eae41; }

@media screen and (max-width: 1219px) { .sybt { font-size: 40px; font-size: 4rem; }
  .syap1 { font-size: 22px; font-size: 2.2rem; }
  .syazuo { width: 500px; }
  .syap2 { margin-top: 25px; margin-bottom: 40px; }
  .syap3 { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 999px) { .sybt { font-size: 30px; font-size: 3rem; }
  .syazuo { width: 390px; }
  .syap1 { font-size: 18px; font-size: 1.8rem; }
  .syap2 { font-size: 14px; font-size: 1.4rem; margin-bottom: 15px; margin-top: 12px; }
  .syap3 { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 800px) { .syazuo { float: none; width: auto; max-width: 565px; margin: 0 auto; margin-bottom: 20px; }
  .sydes { font-size: 14px; font-size: 1.4rem; line-height: 26px; margin-bottom: 25px; }
  .sya { padding-top: 35px; } }

@media screen and (max-width: 767px) { .sybt { font-size: 24px; font-size: 2.4rem; }
  .syap3 { min-width: 150px; } }

@media screen and (max-width: 500px) { .syap1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; } }

/**************  syp  ****************/
.syp { padding-top: 55px; padding-bottom: 26px; background: url(../images/sybg1.jpg) ; background-size: cover;background-attachment: fixed;}

.syp .sybt a { color: #fff; }

.syp .sybt a:hover { color: #F0CA23; }

.syp .sydes { color: #fff; margin-bottom: 69px; }

.syp .sydes:hover { color: #F0CA23; }

.syp .img-scroll { position: relative; }

.syp .prev, .syp .next { position: absolute; display: block; top: 35%; margin-top: -20px; }

.syp .prev i, .syp .next i { font-size: 32px; font-size: 3.2rem; color: #fff; font-weight: bold; }

.syp .prev:hover i, .syp .next:hover i { color: #F0CA23; }

.syp .prev { left: -60px; cursor: pointer; }

.syp .next { right: -60px; cursor: pointer; }

.syp .img-list { position: relative; overflow: hidden; margin: 0 auto; }

.syp .img-list ul { width: 10000%; }

.syp .img-list li { float: left; display: inline; width: 260px; margin-right: 53px; position: relative; position: relative; text-align: center; }

.syptu img { width: 100%; max-width: 478px; max-height: 478px; display: block; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;background:#fff }

.sypcon { position: relative; overflow: hidden; }

.sypcover { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: url(../images/sypcover.png); }

.sypcover i { position: absolute; left: 50%; margin-left: -24px; top: 50%; margin-top: -24px; font-size: 48px; font-size: 4.8rem; color: #fff; }

.sypp1 { display: block; font-size: 20px; font-size: 2rem; color: #fff; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 21px; margin-bottom: 12px; }

.sypp2 { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 60px; overflow: hidden; color: #fff; }

.sypbox:hover .sypcover { top: 0; }

.sypp3 { text-align: center; margin-top: 83px; }

.sypp3 .syap3:hover { background: #fff; color: #F0CA23; }

.sypp1:hover { color: #F0CA23; }

.sypp2:hover { color: #F0CA23; }

.sypbox:hover .syptu img{transform: scale(1.1);}

@media screen and (max-width: 1350px) { .syp .img-list { margin: 0 40px; }
  .syp .prev { left: 0; }
  .syp .next { right: 0; }
  .syp .img-list li { margin-right: 26px; } }

@media screen and (max-width: 1219px) { .syp .img-list li { width: 205px; }
  .sypp3 { margin-top: 50px; } }

@media screen and (max-width: 999px) { .syp .img-list li { width: 0.313333%; margin: 0 0.01%; }
  .syp .sydes { margin-bottom: 45px; }
  .sypp1 { font-size: 18px; font-size: 1.8rem; }
  .sya { padding-bottom: 70px; }
  .sypcover { display: none; } }

@media screen and (max-width: 767px) { .sypp1 { font-size: 16px; font-size: 1.6rem; }
  .sya { padding-bottom: 45px; }
  .syp { background: #F0AE16; padding-top: 40px; }
  .syp .sydes { margin-bottom: 25px; }
  .sypp3 { margin-top: 30px; }
  .sypp2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 52px; } }

@media screen and (max-width: 600px) { .syp .img-list li { width: 0.48%; }
  .sypp1 { margin-top: 15px; margin-bottom: 6px; } }

@media screen and (max-width: 500px) { .syp .prev i, .syp .next i { font-size: 20px; font-size: 2rem; }
  .syp .img-list { margin: 0 20px; } }

@media screen and (max-width: 360px) { .syp .img-list li { width: 0.98%; } }

/*************  syn  ****************/
.sybox { padding-top: 58px; }
.syn { padding-top: 58px; padding-bottom: 70px; }

.bhang { margin-bottom: 36px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.bhang .fyblog { width: 454px; overflow: hidden;}

.bhang .fyblog img { display: block; width: 100%; max-width: 454px; max-height: 341px; transition: 0.5s;}

.bhang1 { border: 1px solid #999999; }

.bhang2 { border: 1px solid #999999; }

.bhang1 .fyblognr { padding-top: 25px; padding-right: 37px; }

.bhang2 .fyblognr { padding-top: 25px; padding-left: 25px; }

.bhang1 .fyblog { margin-right: 42px; }

.bhang2 .fyblog { margin-left: 42px; }

.fyblogp1 { display: block; font-size: 28px; font-size: 2.8rem; line-height: 38px; height: 76px; overflow: hidden; margin-bottom: 13px; font-family: "Questrial-Regular",Arial, Helvetica, sans-serif; font-weight: bold; }

.fyblognr span { color: #666; }

.fyblognr span i { font-size: 16px; font-size: 1.6rem; margin-right: 5px; }

.fyblogp2 { display: block; line-height: 28px; height: 84px; overflow: hidden; margin-bottom: 41px; font-size: 16px; font-size: 1.6rem; color: #666; margin-top: 32px; }

.fyblogp3 { font-size: 28px; font-size: 2.8rem; color: #333333; }

.bhang:hover { border: 1px solid transparent; background: #F0CA23; }

.bhang:hover a { color: #fff; }

.bhang:hover span { color: #fff; }

.bhang:hover .fyblog img{transform: scale(1.1);}

@media screen and (max-width: 1219px) { .fyblogp1 { font-size: 22px; font-size: 2.2rem; } }

@media screen and (max-width: 999px) { .bhang .fyblog { width: 370px; }
  .fyblogp1 { font-size: 18px; font-size: 1.8rem; line-height: 30px; height: 60px; }
  .fyblogp2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 78px; margin-top: 20px; margin-bottom: 20px; }
  .bhang1 .fyblog { margin-right: 25px; }
  .bhang2 .fyblog { margin-left: 25px; } }

@media screen and (max-width: 767px) { .bhang .fyblog { float: none; max-width: 454px; text-align: center; width: auto; display: block; margin: 0 auto; }
  .bhang .fyblognr { padding: 20px; }
  .syn { padding-bottom: 30px; padding-top: 40px; }
  .sybox{padding-top: 30px;}
  .bhang { margin-bottom: 20px; } }

@media screen and (max-width: 400px) { .fyblogp1 { font-size: 16px; font-size: 1.6rem; }
  .bhang .fyblognr { padding: 12px; }
  .syn { padding-top: 30px; } }

/*************  bottom  ************/
.bottom { background:url(/images/footer_bg.jpg); padding-top: 45px; font-size: 16px; font-size: 1.6rem; padding-bottom: 5px; }

.se_tiao { /*background: #F0CA23;*/ -moz-box-sizing: border-box; box-sizing: border-box; /*padding: 20px 58px;*/ margin-bottom: 40px; }

.se_tiao p { font-size: 30px; font-size: 3rem; color: #fff; float: left; }

.se_tiao a { color: #fff; font-size: 28px; font-size: 2.8rem; text-decoration: underline; float: right; }

.se_tiao a:hover { color: #4eae41 !important; }

.bottom p, .bottom li, .bottom a, .bottom span { color: #fff; }

.bottom a:hover { color: #F0CA23; }

.div > a, .div > span { display: block; font-size: 26px; font-size: 2.6rem; font-weight: bold; color: #fff; margin-bottom: 29px; text-transform: uppercase; }

.div > a:after, .div > span:after { content: ""; display: block; width: 57px; height: 2px; background: #fff; margin-top: 13px; }

.div1 { margin-right: 44px; }

.div1 li { line-height: 36px; }

.div2 { width: 410px; }

.div2 li { line-height: 36px; }

.div3 { width: 546px; }

.div3 form { padding-top: 11px; }

.div3 .xing { padding-left: 13px; background: url(../images/syxing.png) no-repeat left 17px; margin-bottom: 11px; }

.div3 .xing input { height: 35px; line-height: 35px; color: #fff; padding-left: 16px; border: 1px solid #fff; background: transparent; }

/*.div3 .intbox3.xing { background: none; }*/

.div3 .intbox1 input { width: 232px; }

.div3 .intbox2 input { width: 474px; }

.div3 .intbox3 textarea { width: 518px; padding-left: 16px; line-height: 26px; padding-top: 5px; height: 120px; border: 1px solid #fff; background: transparent; color: #fff; display: block; }

.div3 .intbox4 input.syint1 { width: 392px; float: left; }

.div3 .intbox4 input.syint2 { padding: 0; width: 100%; height: 37px; line-height: 37px; text-align: center; background: #F0AE16; color: #fff; cursor: pointer; border: none; margin-top: 12px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.div3 .intbox4 input.syint2:hover { background: #F0CA23; }

.div3 .intbox4 img { float: right; cursor: pointer; width: 113px; }

.bsjj a { margin-left: 6px; }

.bsjj a i { display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; background: transparent; color: #fff; font-size: 18px; font-size: 1.8rem; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.bsjj a:hover i { background: #fff; color: #4eae41; }

.copyright, .support { line-height: 26px; }

.cnzz { padding-left: 10px; }

.dibu { margin-top: 15px; font-size: 14px; font-size: 1.4rem; }

.dibu p, .dibu li, .dibu a, .dibu span { color: #fff; }

.link { line-height: 26px; min-height: 26px; }

.link a { padding: 0 20px; }

.link a, .link span { display: inline-block; }

.link a:hover { color: #F0CA23; }

.keys { line-height: 26px; min-height: 26px; }

.keys a, .keys span { display: inline-block; }

.keys a:hover { color: #F0CA23; }

@media screen and (max-width: 1219px) { .div1 { margin-right: 20px; }
  .div > a, .div > span { font-size: 20px; font-size: 2rem; }
  .div2 { width: 280px; } }

@media screen and (max-width: 999px) { .div1 { width: 30%; margin-right: 2%; }
  .div2 { width: 68%; }
  .div3 { float: left; margin-top: 20px; }
  .se_tiao p { font-size: 24px; font-size: 2.4rem; }
  .se_tiao a { font-size: 24px; font-size: 2.4rem; }
  .se_tiao { padding: 15px 20px; } }

@media screen and (max-width: 767px) { .div { display: none; }
  .bottom { padding-top: 20px; padding-bottom: 60px; }
  .link { display: none; }
  .se_tiao { display: none; }
  .bsjj { float: none; }
  .bsjj a { margin-left: 0; margin-right: 6px; } }

/************  bread  *************/
.mianbao { font-size: 16px; font-size: 1.6rem; line-height: 24px; color: #666666; padding-top: 8px; }

.mianbao a { color: #666666; }

.mianbao a:hover { color: #F0AE16; }

.co00 { color: #F0AE16 !important; }

.fymain { padding-top: 30px; padding-bottom: 100px; }

.slide2 .dotList { bottom: 26px; }

@media screen and (max-width: 767px) { .slide2 .dotList { bottom: 5px; } }

/**********   about   **********/
.abt { text-align: center; font-size: 30px; font-size: 3rem; text-transform: uppercase; margin-bottom: 57px; }

.abjq { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.abjq img { max-width: 100%; /*margin-bottom: 40px;*/ }

.fxp { padding: 0 9px; padding-top: 30px; }

.fxp_div1:after{
  content: "";
  display: block;
  clear: both;
}

.fxp_div1 div:nth-child(2n){float: right;}

.fxp_div1 div:nth-child(2n+1){float: left;}

.fxp_div2 { margin-bottom: 10px; }

.fxp_nr { position: relative; margin-bottom: 19px; }

.fxp_nr i { font-size: 20px; font-size: 2rem; color: #999999; position: absolute; left: 28px; top: 13px; }

.fxp_bt { float: left; width: 18px; height: 50px; line-height: 55px; color: #ff0000; font-size: 16px; font-size: 1.6rem; }

.fxp_input, .fxp_textarea { padding-left: 20px; font-size: 16px; font-size: 1.6rem; color: #999; border: 1px solid #aaaaaa; display: block;}

.fxp_input, .fxp_captcha { height: 48px; line-height: 48px; float: left; }

.fxp_input { width: 532px; border: 1px solid #aaaaaa; }

.fxp_textarea { width: 1142px; line-height: 30px; padding-top: 8px; height: 125px; }

.fxp_captcha { padding-left: 11px; font-size: 14px; font-size: 1.4rem; color: #999; width: 523px; border: 1px solid #aaaaaa; }

.fxp_yzm { cursor: pointer; float: left; margin-left: 36px; max-width: 161px; }

.fxp_send { float: right; cursor: pointer; text-align: center; color: #fff; background: #F0AE16; width: 409px; height: 50px; line-height: 50px; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; }

.fxp_send:hover { background: #F0CA23; transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; color: #fff; }

.ditu { margin-top: 74px; }

.ditu img { display: block; width: 100%; max-width: 1920px; }

@media screen and (max-width: 1219px) { .abt { font-size: 24px; font-size: 2.4rem; margin-bottom: 35px; }
  .fxp_input { width: 430px; }
  .fxp_textarea { width: 922px; }
  .fxp_captcha { width: 442px; }
  .fxp_send { width: 240px; } }

@media screen and (max-width: 999px) { .fxp { padding-left: 0; padding-right: 0; }
  .fxp_nr { float: none; }
  .fxp_input { width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); }
  .fxp_textarea { width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); }
  .fxp_yzm{ margin-left: 16px; }
  .fxp_captcha { width: -webkit-calc(100% - 228px); width: -moz-calc(100% - 228px); width: calc(100% - 228px); }
  .fxp_send { width: -webkit-calc(100% - 18px); width: -moz-calc(100% - 18px); width: calc(100% - 18px); margin-top: 20px; }
  .ditu { margin-top: 45px; }
  .fymain { padding-bottom: 60px; }
  .fxp_div1 div:nth-child(2n){float: none;}

  .fxp_div1 div:nth-child(2n+1){float: none;}
}

@media screen and (max-width: 767px) { .abjq { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .abt { font-size: 20px; font-size: 2rem; margin-bottom: 22px; }
  .fymain { padding-bottom: 40px; }
  .abjq img { /*margin-bottom: 20px;*/ } }

@media screen and (max-width: 550px) { .abt { font-size: 18px; font-size: 1.8rem; }
  .ditu { margin-top: 30px; }
  .fxp_send { height: 44px; line-height: 44px; } }

@media screen and (max-width: 400px) {
  .fxp_captcha{width: calc(100% - 55px);}
  .fxp_yzm{margin-left: 15px; margin-top: 10px; width: calc(100% - 15px);}
}

/**********   product1   **********/
.pzuo { width: 250px; }

.pyou { width: 887px; }

.subNavBox { margin-bottom: 34px; }

.subNavBox .subNav { cursor: pointer; line-height: 20px; padding: 5px; padding-left: 10px; padding-right: 30px; background: #fff; margin-bottom: 25px; position: relative; border: 1px solid #F0AE16; }

.subNavBox .subNav a { font-size: 18px; font-size: 1.8rem; color: #333333; }

.subNavBox .subNav:hover { background: #F0AE16; }

.subNavBox .subNav:hover a { color: #fff; }

.subNavBox .currentDd a { color: #fff; }

.subNavBox .currentDt { background: #F0AE16; }

.subNavBox .navContent { display: none; background: #fff; margin-bottom: 5px; margin-top: -23px; }

.subNavBox .navContent > li > a { display: block; line-height: 28px; padding: 7px 0; color: #333; padding-left: 14px; padding-right: 10px; background: url(../images/jia.png) no-repeat right 14px; position: relative; font-size: 16px; font-size: 1.6rem; }

.subNavBox .navContent > li > a:hover { color: #F0AE16; background: url(../images/jian.jpg) no-repeat right 14px; }

.subNavBox .navContent > li > a.current { color: #F0AE16; background: url(../images/jian.jpg) no-repeat right 14px; }

.subNavBox .navContent > li div p { line-height: 24px; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; font-size: 16px; font-size: 1.6rem; }

.subNavBox .navContent > li div p a { display: block; color: #666666; font-size: 16px; font-size: 1.6rem; }

.subNavBox .navContent > li div p a:before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #868383; margin-right: 5px; vertical-align: middle; }

.subNavBox .navContent > li div p a.current { color: #F0AE16; }
.subNavBox .navContent > li div p a:hover { color: #F0AE16; }

.title1 { padding-left: 10px; padding-right: 10px; font-size: 24px; font-size: 2.4rem; line-height: 41px; position: relative; background: #F0AE16; display: block; margin-bottom: 19px; }

.title1 a, .title1 span { color: #fff; }

.title1 a:hover { color: #333; }

.title2 { margin-top: 42px; margin-bottom: 0; }

.tags { line-height: 30px; padding-top: 11px; background: #fff; border: 1px solid #F0AE16; padding-left: 15px; padding-right: 8px; padding-bottom: 18px; font-size: 16px; font-size: 1.6rem; }

.tags a { color: #333333; display: inline-block; }

.tags a:hover { color: #F0AE16; }

.pzuo .attribute{font-size: 16px;margin-top: 40px;}
.pzuo .attribute .name span{display: inline-block;width: 80%;overflow-y: hidden;color: #333;font-size:18px;font-size:1.8rem;}
.pzuo .attribute .name{ height: 28px;line-height: 28px;border: 1px solid #dcdcdc;padding: 0 10px;box-sizing: border-box;cursor: pointer;color: #333;margin-bottom: 20px;position: relative;}

.pzuo .attribute .name i{color: #999999;position: absolute;right: 5px;top: 0;}
.pzuo .attribute .name.active{border: 1px solid #F0AE16;}
.pzuo .attribute .name.active span{color: #F0AE16;}
.pzuo .attribute .item-box{background-color:#fff;padding: 2px 10px 10px 12px;box-sizing: border-box;max-height: 180px;overflow-y: auto;display: none;cursor: pointer;margin-top: -15px;margin-bottom: 20px;}
.pzuo .attribute .item-box div{padding:2px 0;color: #666f66;}
.pzuo .attribute .item-box p input{display: inline-block;margin-right: 15px;position: relative;top: 1px}
.pzuo .attribute .item-box div span{overflow-y: hidden;display: inline-block;vertical-align: middle;max-height: 24px;font-size:14px;font-size:1.4rem;color: #F0AE16;}
.pzuo .attribute .check-box-div{display: inline-block;vertical-align: middle;margin-right: 5px;}
.pzuo .attribute .check-box-div .icon{font-size: 18px}
.pzuo .attribute .item-box.active{display: block}

.plbt { font-size: 24px; font-size: 2.4rem; margin-bottom: 29px; color: #333333; line-height: 38px; padding-left: 11px; border-left: 5px solid #F0AE16; }

.plxx { line-height: 30px; margin-bottom: 48px; font-size: 16px; font-size: 1.6rem; color: #666666; background: #e2f2e0; padding: 10px 16px; padding-bottom: 18px; }

.plxx p, .plxx span { color: #666666; }

.plxx a { color: #F0AE16; }

.pbox { width: 265px; float: left; margin-left: 46px; margin-bottom: 47px; }

.ptu { display: block; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }

.ptu img { display: block; width: 100%; max-width: 438px; max-height: 422px; }

.pp1 { display: block; font-size: 20px; font-size: 2rem; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; margin-top: 11px; text-align: center; }

.pp2 { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; height: 60px; overflow: hidden; margin-top: 12px; color: #666666; }

.pp3 { margin-top: 10px; }

.pp3 a { display: inline-block; min-width: 106px; height: 30px; line-height: 28px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; text-align: center; color: #666666; border: 1px solid #a6a4a4; }

.pp3 input { cursor: pointer; margin-right: 2px; }

.pp1:hover { color: #F0AE16; }

.pp2:hover { color: #F0AE16; }

.pp3 a:hover { color: #fff; background: #F0AE16; border: 1px solid #F0AE16; }

.ms_ye { text-align: center; }

.ms_ye a { display: inline-block; width: 33px; line-height: 28px; text-align: center; margin-left: 2px; margin-right: 2px; background: #fff; border: 1px solid #e5e5e5; margin-bottom: 10px; font-size: 12px; font-size: 1.2rem; }

.ms_ye .pageEllipsis { display: inline-block; width: 33px; line-height: 28px; text-align: center; margin-left: 2px; margin-right: 2px; background: #fff; border: none; margin-bottom: 10px; font-size: 12px; font-size: 1.2rem; }

.ms_sx { width: 58px !important; }
.ms_ye a.iconfont { font-size: 16px !important; }

.ms_ye .ms_current_ye { border: 1px solid #F0AE16; color: #F0AE16; }

.ms_ye a:hover { border: 1px solid #F0AE16; color: #F0AE16; }
.ms_ye a.pageEllipsis:hover { border: none; color: #333; }

.xiangshang { display: inline-block; margin-left: 20px; padding-right: 23px; background: url(../images/xs.jpg) no-repeat right 6px; }

.xiangshang2 { display: inline-block; margin-left: 20px; }
.xiangshang input,.xiangshang2 button  { width: 146px; height: 30px; border: none; line-height: 30px; text-align: center; color: #fff; cursor: pointer; background: #F0AE16; }

.xiangshang input:hover,.xiangshang2 button:hover { background: #F0CA23; }

@media screen and (max-width: 1219px) { .pyou { width: 695px; }
  .pbox { margin-left: 20px; width: 218px; }
  .pp1 { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 999px) { .pyou { width: 100%; }
  .pzuo { width: 100%; margin-top: 30px; }
  .plbt { font-size: 18px; font-size: 1.8rem; }
  .plxx { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .pbox { width: 31.333%; margin: 0 1%; margin-bottom: 30px; }
  .ms_ye { margin-top: 20px; } }

@media screen and (max-width: 767px) { .mianbao { padding-top: 15px; }
  .plxx { margin-bottom: 20px; }
  .plbt { line-height: 34px; margin-bottom: 20px; }
  .pp1 { font-size: 16px; font-size: 1.6rem; }
  .pp2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 52px; }
  .xiangshang { margin-left: 10px; }
  .title1 { font-size: 20px; font-size: 2rem; }
  .subNavBox .subNav a { font-size: 16px; font-size: 1.6rem; }
  .subNavBox .subNav { margin-bottom: 16px; }
  .tags { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 600px) { .pbox { width: 48%; } }

@media screen and (max-width: 400px) { .pbox { margin-bottom: 20px; }
  .pp3 a { min-width: 100px; } }

/************  product2  *************/
.product2 .prob-pic { width: 480px; float: left; }

.product2 .prob-pic-big { position: relative; }

.product2 .prob-pic-big-img { display: block; line-height: 0; font-size: 0; border: 1px solid #bfbfbf; }

.product2 .prob-pic-big-img .zoomPad { float: none; z-index: 8; }

.product2 .prob-pic-big-img .zoomPad > img { max-width: 100%;  }

.product2 .zoomWrapperImage img { max-width: 1200px; }

.provideo-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; }

.provideo { position: relative; overflow: hidden; padding-bottom: 100%; height: 0; border: 1px solid #ebebeb; overflow: hidden; }

.provideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.provideo iframe body { margin: 0px !important; }

.product2 .prob-pic-small { position: relative; margin-top: 18px; padding: 0 12px; }

.product2 .prob-pic-btn { position: absolute; top: 50%; margin-top: -6px; display: block; text-align: center; }

.product2 .prob-pic-btn i { color: #000000; font-size: 14px; font-size: 1.4rem; }

.product2 .prob-pic-btn i:hover { color: #F0CA23; }

.product2 .prob-pic-btn.prev { left: -7px; }

.product2 .prob-pic-btn.next { right: -7px; }

.product2 .prob-pic-list { overflow: hidden; }

.product2 .prob-pic-list ul { width: 1000%; overflow: hidden; }

.product2 .prob-pic-list ul li { position: relative; float: left; margin-right: 0.2%; width: 3.2%; }

.product2 .prob-pic-list li a { border: 1px solid #bfbfbf; overflow: inherit; display: block; }

.product2 .prob-pic-list li a img { display: block; }

.product2 .prob-pic-list li a.active { border: solid 1px #F0CA23; }

.product2 .prob-pic-list li a img { -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; max-width: 100%; display: block; }

.product2 .prob-pic-list ul li img{max-width: 100%;}

.pro-share { float: right; margin-top: 124px; }

.share-pic { display: inline-block; }

.m-propic2 { display: none; }

@media screen and (max-width: 1219px) { .zoomPad { cursor: default !important; }
  .zoomPup { display: none !important; }
  .zoomWindow { display: none !important; }
  .zoomPreload { display: none !important; } }

@media screen and (max-width: 767px) { .product2 .prob-pic { width: 100%; }
  .product2 .prob-pic-big { display: none; }
  .product2 .prob-pic-small { margin-top: 0; }
  .product2 .prob-pic-list ul li { margin-right: .2%; width: 3.2%; }
  .product2 .prob-pic-item .item-pic:before { display: none !important; }
  .product2 .prob-pic-item .item-pic.active { border: 1px solid transparent; }
  .m-propic2 { display: block; }
  .prob-pic{display: none;}

  .m-propic2 { position: relative; display: block; overflow: hidden; width: auto; 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: #453c33; }
  .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.11%; border-radius: 0; border: 1px solid #d7d7d7; overflow: hidden; }
  .m-propic2 .list-item img { display: block; max-width: 100%; }
}

@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%; } }

@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%; } }

/* pro-info */
 

.pro-info .pro-title { font-size: 26px; font-size: 2.6rem; line-height: 34px; font-style: normal; margin-bottom: 35px; color: #333333; background: url(../images/xianbg.jpg) repeat-x left bottom; }

.pro-info .pro-title:after { content: ""; display: block; width: 45px; height: 6px; background: #F0AE16; margin-top: 7px; }

.pro-info .pro-desc { font-size: 16px; font-size: 1.6rem; line-height: 26px; color: #282828; min-height: 97px; margin: 0 0 16px; }

.pro-btn { display: inline-block; min-width: 140px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; height: 33px; line-height: 33px; border-radius: 0; text-align: center; background-color: #F0CA23; color: #fff; font-size: 16px; font-size: 1.6rem; }

.pro-btn:hover { background-color: #F0AE16; }

.pro-btn:first-child { margin-right: 77px; }

.pro-btns { margin-top: 21px; }

.down_btn { display: inline-block; cursor: pointer; min-width: 140px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; height: 33px; line-height: 33px; border-radius: 0; text-align: center; background-color: #F0CA23; color: #fff; font-size: 16px; font-size: 1.6rem; }

.down_btn:hover { background: #F0AE16; }

@media screen and (max-width: 1219px) { .pro-info .pro-desc { height: auto; min-height: auto; }
  .pro-btn:first-child { margin-right: 25px; } }

@media screen and (max-width: 767px) { .pro-info .pro-title { font-size: 20px; font-size: 2rem; line-height: 30px; }
  .pro-btns { text-align: center; }
  .pro-btn:first-child { margin-right: 10px; } }

@media screen and (max-width: 550px) { .pro-btn { width: 45%; margin: 0 2%; }
  .pro-btn:first-child { margin-right: 0; } }

.pro2-detail { margin-top: 61px; }

@media screen and (max-width: 767px) { .pro2-detail { margin-top: 30px; } }

.pro2-detail .item-desc { padding: 28px 0 30px; font-size: 14px; font-size: 1.4rem; line-height: 30px; }

.pro2-detail .item-desc, .pro2-detail .item-desc a, .pro2-detail .item-desc p, .pro2-detail .item-desc li, .pro2-detail .item-desc span, .pro2-detail .item-desc strong, .pro2-detail .item-desc b, .pro2-detail .item-desc i, .pro2-detail .item-desc em { color: #333; }

.pro2-detail .item-desc img, .pro2-detail .item-desc iframe { max-width: 100%; }

@media screen and (max-width: 767px) { .pro2-detail .item-desc { padding: 15px 0; line-height: 24px; } }

.pro2-title { font-weight: bold; font-size: 22px; font-size: 2.2rem; text-transform: uppercase; border-bottom: solid 1px #ccc; line-height: 34px; padding: 5px 0; }

.pro2-title, .pro2-title a { color: #253E86; }

@media screen and (max-width: 767px) { .pro2-title { font-size: 18px; font-size: 1.8rem; } }

/*-------------2-2-products end------------------------------------------------------------*/
.cpxx { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 87px; color: #666; }

.cpxx p, .cpxx div { color: #666; }

.cpxx a { color: #F0CA23; }

.cpxx img, .cpxx iframe { max-width: 100%; }

.baibg { margin-bottom: 39px; }

.des { font-size: 18px; font-size: 1.8rem; color: #fff; margin-bottom: 22px; padding: 10px 20px; line-height: 32px; background: #F0AE16; margin-top: 29px; text-transform: uppercase; }

.des a, .des span { color: #fff; }

.des a:hover { color: #F0CA23; }

.des2 { font-size: 26px; font-size: 2.6rem; }

.chanpinx { line-height: 30px; font-size: 16px; font-size: 1.6rem; color: #666; }

.chanpinx p, .chanpinx li, .chanpinx span, .chanpinx b { color: #666; }

.chanpinx a { color: #F0CA23; }
.chanpinx .des { font-size: 18px; font-size: 1.8rem; color: #fff; margin-bottom: 22px; padding: 10px 20px; line-height: 32px; background: #F0AE16; text-transform: uppercase; box-sizing:border-box; }

.chanpinx img { max-width: 100%; }

.chanpinx iframe { max-width: 100%; }

.chanpinx table, .nex table, .cpxx table { width: 97%; border-collapse: collapse; }

.chanpinx tr td, .nex tr td, .cpxx tr td { line-height: 32px; padding: 0 2px; color: #666 }

.table table { width: 100%; border-collapse: collapse; }

.chanpinx .table table td { border: 1px solid #aeaaaa; text-align: center;}



.fybox { width: 257px; float: left; margin-left: 13px; text-align: center; margin-top: 27px; }

.fybox img { display: block; width: 100%; max-width: 464px; max-height: 464px; }

.fybox p { font-size: 16px; font-size: 1.6rem; line-height: 30px; font-weight: bold; }

.tags2 { padding: 11px 12px; padding-bottom: 18px; border: 1px solid #F0AE16; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-top: 37px; }

.tags2 a { color: #666666; }

.tags2 a:hover { color: #F0AE16; }

.check_list * { display: inline-block; vertical-align: middle; }

.check_list p { min-width: 118px; height: 43px; line-height: 43px; text-align: center; background: #F0AE16; color: #fff; font-size: 16px; font-size: 1.6rem; }

.check_list div { margin-left: 25px; }

.check_list div span { font-size: 16px; font-size: 1.6rem; color: #333333; }

.check_list div input { cursor: pointer; margin-left: 5px; }

@media screen and (max-width: 1000px) { .table { width: 100%; overflow: scroll; }
  .table table { width: 885px; } }

@media screen and (max-width: 1219px) { .pro-info { width: 100%; margin-top: 20px; }
  .pro-info .pro-title { font-size: 24px; font-size: 2.4rem; margin-bottom: 20px; }
  .product2 .prob-pic { float: none; margin: 0 auto; }
  .fybox { width: 220px; }
  .cpxx { margin-bottom: 40px; }
  .pro-share { margin-top: 50px; } }

@media screen and (max-width: 999px) { .product2 .prob-pic { float: none; margin: 0 auto; }
  .pro-info { width: 100%; text-align: center; }
  .pro-btns { margin-top: 20px; }
  .fybox { width: 31.333%; margin: 0 1%; margin-top: 30px; }
  .baibg { margin-bottom: 30px; }
  .pro-info .pro-title { font-size: 20px; font-size: 2rem; padding-bottom: 10px; }
  .pro-info .pro-title:after { display: none; }
  .pro-share { float: none; margin-top: 30px; } }

@media screen and (max-width: 767px) { .product2 .prob-pic-btn i { color: #333; }
  .cpxx { margin-bottom: 20px; font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .chanpinx { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }

@media screen and (max-width: 550px) { .pro-info .pro-title { font-size: 20px; font-size: 2rem; }
  .chanpinx { font-size: 14px; font-size: 1.4rem; }
  .des,.chanpinx .des { font-size: 16px; font-size: 1.6rem; padding: 6px 12px; }
  .pro-btn { min-width: 130px; } }

.zjplist { margin-top: 60px; }

.zjplist .img-scroll { position: relative; }

.zjbt { font-size: 24px; font-size: 2.4rem; text-transform: uppercase; margin-bottom: 27px; font-weight: bold; }

.zjbt a:hover { color: #F0CA23; }

.lbbtn { position: absolute; top: -35px; text-align: center; background: #fff; right: 0; width: 44px; }

.zjplist .prev, .zjplist .next { display: block; color: #fff; text-align: center; }

.zjplist .prev i, .zjplist .next i { font-size: 18px; font-size: 1.8rem; color: #333; }

.zjplist .prev:hover i, .zjplist .next:hover i { color: #F0CA23; }

.zjplist .prev { cursor: pointer; float: left; }

.zjplist .next { cursor: pointer; float: right; }

.zjplist .img-list { position: relative; width: 100%; overflow: hidden; margin: 0 auto; padding: 5px; }

.zjplist .img-list ul { width: 10000%; }

.zjplist .img-list li { float: left; display: inline; width: 265px; margin-right: 47px; position: relative; position: relative; }

.zjptu2 { display: block; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }

.zjptu2 img { display: block; width: 100%; max-width: 418px; max-height: 320px; }

.zjpp12 { display: block; text-align: center; font-size: 20px; font-size: 2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; line-height: 28px; }

.zjpp12:hover { color: #F0CA23; }

.lnewstime{
  margin-top: 5px;
  line-height: 22px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  text-align: center;
}

.lnewsdesc{
  margin-top: 5px;
  height: 48px;
  line-height: 24px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  overflow: hidden;
}

.lnewsdesc a:hover { color: #F0CA23; }

@media screen and (max-width: 1219px) { .zjplist .img-list li { margin-right: 30px; width: 223px; }
  .zjpp12 { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 999px) { .zjpp12 { font-size: 16px; font-size: 1.6rem; }
  .zjplist .img-list li { width: 0.32%; margin-right: 0.02%; }
  .zjbt { font-size: 20px; font-size: 2rem; margin-bottom: 12px; } }

@media screen and (max-width: 767px) {
  .tags2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .subNavBox .navContent > li > a { font-size: 14px; font-size: 1.4rem; }
  .subNavBox .navContent > li div p a { font-size: 14px; font-size: 1.4rem; }
  .subNavBox .navContent { margin-top: -10px; } }

@media screen and (max-width: 550px) { .zjplist .img-list li { width: 0.49%; }
  .zjplist { margin-top: 40px; } }

@media screen and (max-width: 380px) { .zjplist .img-list li { width: 0.96%; } }

/**********  application1  **********/
.gcbox { width: 50%; position: relative; margin-bottom: 46px; }

.gctu { width: 327px; margin-right: 21px; }

.gcwen { padding-top: 5px; overflow: hidden; padding-right: 10px; }

.gctu img { width: 100%; max-width: 400px; max-height: 300px; display: block; }

.gca1 { display: block; font-size: 20px; font-size: 2rem; font-weight: bold; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.gca2 { display: block; color: #666666; line-height: 30px; height: 60px; overflow: hidden; margin-top: 13px; margin-bottom: 112px; font-size: 16px; font-size: 1.6rem; }

.gca3 { font-size: 24px; font-size: 2.4rem; }

.gca3 i { font-size: 24px; font-size: 2.4rem; }

.gca1:hover { color: #F0AE16; }

.gca2:hover { color: #F0AE16; }

.gca3:hover i { color: #F0CA23; }

.ms_gcbox { margin-bottom: 92px; }

.ms_gctu { width: 400px; margin-right: 28px; }

.ms_gctu img { width: 100%; max-width: 400px; max-height: 300px; display: block; }

.ms_gcwen { padding-top: 15px; overflow: hidden; }

.ms_gcbox .gca2 { height: 120px; margin-top: 37px; margin-bottom: 59px; }

@media screen and (max-width: 1219px) { .gctu { width: 255px; }
  .gca1 { font-size: 18px; font-size: 1.8rem; }
  .gca2 { margin-bottom: 50px; } }

@media screen and (max-width: 999px) { .gctu { width: 220px; }
  .gca1 { font-size: 16px; font-size: 1.6rem; }
  .gca2 { margin-bottom: 25px; }
  .ms_gctu { width: 350px; }
  .ms_gcbox .gca2 { margin-top: 15px; margin-bottom: 45px; }
  .ms_gcbox { margin-bottom: 50px; } }

@media screen and (max-width: 850px) { .gctu { float: none; width: auto; max-width: 400px; margin: 0 auto; }
  .gcbox { width: 48%; margin: 0 1%; margin-bottom: 20px; }
  .gca2 { font-size: 14px; font-size: 1.4rem; margin-top: 5px; margin-bottom: 10px; }
  .gcwen { padding: 0; padding-top: 12px; } }

@media screen and (max-width: 767px) { .ms_gctu { width: 280px; }
  .ms_gcwen { padding-top: 0; }
  .ms_gcbox .gca2 { margin-bottom: 20px; }
  .ms_gcbox { margin-bottom: 30px; }
  .mianbao { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 650px) { .ms_gctu { float: none; width: auto; max-width: 400px; margin: 0 auto; }
  .ms_gcwen { padding-top: 12px; }
  .ms_gcbox .gca2 { margin-top: 5px; } }

@media screen and (max-width: 500px) { .gca1 { font-size: 14px; font-size: 1.4rem; }
  .gca3 i { font-size: 20px; font-size: 2rem; } }

/**********  news2  **********/
.news2 .xwxbt { font-size: 28px; font-size: 2.8rem; font-family: "Questrial-Regular",Arial, Helvetica, sans-serif; font-weight: bold; color: #333333; line-height: 30px; text-align: center; margin-bottom: 13px; }

.xwsjsjj { line-height: 26px; text-align: center; }

.xwsjsjj span { display: inline-block; color: #999; }

.nshare1 { margin-top: 3px; margin-right: 5px; font-size: 16px; font-size: 1.6rem; }

.nshare { margin-bottom: 22px; }

.nex { color: #666; line-height: 28px; padding-top: 35px; margin-bottom: 24px; font-size: 16px; font-size: 1.6rem; }

.nex p, .nex li, .nex div, .nex span, .nex b { color: #666; }

.nex a { color: #3da62f; }

.xwsx p { font-size: 16px; font-size: 1.6rem; line-height: 24px; margin-top: 4px; }

.xwsx p a:hover { color: #3da62f; }

.shijian{text-align: center;font-size:14px;font-size:1.4rem;line-height: 30px;text-transform: uppercase;margin-top: 10px;}

.shijian p{display: inline-block;margin: 0 50px;}

.shijian p span{color: #F0AE16;font-family: 'RobotoBold',Arial, Helvetica, sans-serif;}

@media screen and (max-width: 1219px) { .news2 .xwxbt { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 999px) { .news2 .xwxbt { font-size: 20px; font-size: 2rem; }
  .nex { font-size: 14px; font-size: 1.4rem; }
  .xwsx p { font-size: 14px; font-size: 1.4rem; }
  .nshare1 { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 767px) { .nex { padding-top: 15px; }
  .news2 .xwxbt { font-size: 18px; font-size: 1.8rem; } }

/**********  application2  **********/
.application2 .xwxbt { font-size: 24px; font-size: 2.4rem; text-align: center; margin-bottom: 18px; }

.application2 .nex { margin-bottom: 35px; }

.application2 .xwsx p { margin-top: 11px; }

@media screen and (max-width: 999px) { .application2 .xwxbt { margin-bottom: 0; font-size: 20px; font-size: 2rem; } }

/*****************  download  ***************/
.dbox { box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3); margin-bottom: 46px; padding: 0 42px; padding-top: 7px; padding-bottom: 10px; }

.dp1 { display: block; font-size: 18px; font-size: 1.8rem; line-height: 30px; }

.dp2 { display: block; color: #666; line-height: 28px; margin-top: 12px; margin-bottom: 24px; }

.dp3 { display: inline-block; min-width: 120px; line-height: 26px; border-radius: 14px; text-align: center; border: 1px solid #393939; text-transform: uppercase; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }

.dp1:hover { color: #58b24b; }

.dp2:hover { color: #58b24b; }

.dp3:hover { color: #6ab960; border: 1px solid #6ab960; }

@media screen and (max-width: 767px) { .dbox { padding-left: 20px; padding-right: 20px; margin-bottom: 30px; }
  .dp1 { font-size: 16px; font-size: 1.6rem; }
  .ms_ye { margin-top: 35px; } }

/****************  contact  *****************/
.news1 .bhang { margin-bottom: 49px; }

.lxlist { margin-bottom: 40px; }

.lxlist div { font-size: 16px; font-size: 1.6rem; color: #333333; line-height: 30px; margin-bottom: 24px; }

.lxlist div a { color: #333333; }

.lxlist div a:hover { color: #F0AE16; }

@media screen and (max-width: 999px) { .lxlist div { margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .lxlist div { margin-bottom: 10px; }
  .lxlist div { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 500px) { .lxlist div { margin-bottom: 5px; } }

.fxp .attachment{/*margin-left: 18px;*/margin-bottom: 10px;}

.fxp .attachment span { float: left; }

.fxp .attachment #file-name { padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.fxp .attachment .file-group { float: left; width: 222px; height: 50px; position: relative; overflow: hidden; }

.fxp .attachment .file-group .file-btn { width: 100%; height: 100%; background-color: #F0AE16; color: #FFFFFF; padding-left: 0; font-size:18px;font-size:1.8rem;}

.fxp .attachment .file-group .file-single { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 111; }

.fxp .attachment .file-group .file { width: 100%; height: 100%; opacity: 0; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 111; }

.fxp .attachment .file-name-p { height: 54px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; line-height: 50px; }

.fxp .attachment .file-name-p i { cursor: pointer; }

.fxp .attachment .file-name-p span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


/************  faq  ************/
.fbox{padding: 0 42px;padding-top: 45px;padding-bottom: 16px;box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);margin-bottom: 37px;}
.fbox div{margin-bottom: 16px;}
.fbox div span{float: left;font-size:20px;font-size:2rem;margin-right: 30px;}
.fbox div p{overflow: hidden;}
.fyfp1 p{font-size:26px;font-size:2.6rem;line-height: 28px;}
.fbox div p.zdme{ white-space:pre-wrap;}
.fyfp2 p{font-size:16px;font-size:1.6rem;color: #333333;line-height: 30px;}

@media screen and (max-width: 1219px) {
  .fyfp1 p{font-size:20px;font-size:2rem;}
}
@media screen and (max-width: 999px) {
  .fyfp2 p{font-size:14px;font-size:1.4rem;}
  .fbox div span{margin-right: 20px;}
  .fyfp1 p{font-size:16px;font-size:1.6rem;}
}
@media screen and (max-width: 767px) {
  .fyfp2 p{line-height: 26px;}
  .fbox{padding: 20px;margin-bottom: 25px;}
}
@media screen and (max-width: 400px) {
  .fbox div span{margin-right: 10px;}
}

/***************  certificate  ***************/
.zspart{font-size: 0;letter-spacing: 0;}

.zsbox { width: 276px; display: inline-block;vertical-align: top; margin-left: 32px; margin-bottom: 32px; text-align: center; }

.zscon { position: relative; overflow: hidden; }

.zscon a:first-child{
  position: relative;
  display: block;
  padding-top: 100%;
  overflow: hidden;
}

.zscon a:first-child img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.zsbox img { display: block; width: 100%; max-width: 276px; max-height: 344px; }

.zscover { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: url(../images/zscover.png); text-align: center; }

.zscover i { font-size: 40px; font-size: 4rem; color: #fff; margin-top: 51%; display: block; }

.zsbox span { font-size:20px;font-size:2rem; color: #333333; display: block; margin-top: 23px; line-height: 30px; }

.zsbox:hover .zscover { top: 0; }

@media screen and (max-width: 1219px) {
  .zsbox{width: 220px;}
  .zsbox span{font-size:18px;font-size:1.8rem;}
}
@media screen and (max-width: 999px) {
  .zsbox{width: 23%;margin: 0 1%;margin-bottom: 30px;}
  .zsbox span{font-size:16px;font-size:1.6rem;margin-top: 15px;}
  .zscover{display: none;}
}
@media screen and (max-width: 650px) {
  .zsbox{width: 31.3333%;}
}
@media screen and (max-width: 430px) {
  .zsbox span{font-size:14px;font-size:1.4rem;margin-top: 10px;}
  .zsbox{margin-bottom: 20px;width: 48%;}
}

.vbox { position: relative; padding-top: 60px;padding-bottom: 60px;}

.vbox1{background: #fff;}

.vbox2{background: #f2f2f2;}

.vcon {padding-top: 85px;}

.vsp { width: 596px; }

.vsp.l{margin-right: 70px; }

.vsp.r{margin-left: 70px; }

.vsp img { display: block; width: 100%; max-width: 596px; cursor: pointer;}

.vitu2 { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }

.vitu2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.vitu2 iframe body { margin: 0px !important; }

.vp1 { font-size: 24px; font-size: 2.4rem; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: "Questrial-Regular",Arial, Helvetica, sans-serif,Arial, Helvetica, sans-serif;font-weight: bold;}

.vp2 { font-size: 16px; font-size: 1.6rem; color: #666; font-weight: bold;line-height: 30px; margin-top: 73px; height: 180px; overflow: hidden; }

.sp_tankuang { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999999999; background: rgba(0, 0, 0, 0.5); display: none; }

.sp_tankuang .spbox { width: 100%; max-width: 596px; margin: 0 auto; position: relative; top: 60px; }

.vitu3 { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; }

.vitu3 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }

.vitu3 iframe body { margin: 0px !important; }

.guanbi { position: absolute; right: 20px; top: 20px; cursor: pointer; }

.video .ms_ye{margin-top: 56px;}

@media screen and (max-width: 1219px) {
  .vsp{width: 500px;}
  .vcon { padding-top: 55px; }
  .vp2{margin-top: 40px;}
}

@media screen and (max-width: 999px) { .vp1 { font-size: 16px; font-size: 1.6rem; }
  .vp2 { font-size: 14px; font-size: 1.4rem; line-height: 26px; height: 104px; }
  .vsp { width: 320px; }
  .vcon { padding-top: 30px; }
  .vsp.l{margin-right: 35px;}
  .vsp.r{margin-left: 35px;}
}

@media screen and (max-width: 767px) { .vcon { padding-top: 15px; }
  .vsp { width: 260px;}
  .vp2{margin-top: 20px;}
  .vbox{padding-top: 40px;padding-bottom: 40px;}
}

@media screen and (max-width: 650px) { .vsp { width: auto; max-width: 596px; margin: 0 auto!important; float: none; }
}

@media screen and (max-width: 450px) { .vp1 { font-size: 14px; font-size: 1.4rem; line-height: 26px; } }



/*
font-family: "Questrial-Regular",Arial, Helvetica, sans-serif;
font-family: "Sharp Sans No1 - Medium",Arial, Helvetica, sans-serif;
*/
/***********  xiala  ***********/
.yiji { position: absolute; z-index: 9999; width: 192px; background: #fff; top: -9999px; left: 50%; margin-left: -96px; padding-bottom: 10px; padding-top: 12px; border-top: 9px solid #F0AE16;}

.yiji li { position: relative; }

.yiji li a { display: block; color: #666666; line-height: 28px; padding-top: 5px; padding-bottom: 5px; padding-left: 19px; padding-right: 10px; font-size: 16px; font-size: 1.6rem; }

.yiji li:hover > a { color: #F0AE16; }

.erji,.sanji { position: absolute; left: 100%; top: -9999px; padding-left: 5px; }

.erji ul,.sanji ul { width: 192px; background: #fff; padding-top: 12px; padding-bottom: 10px; border-top: 9px solid #F0AE16;}

.navlist > li:hover .yiji { top: 100%; }

.yiji > li:hover .erji { top: -21px; }

.erji li:hover .sanji { top: -21px; }

@media screen and (max-width: 999px) { .yiji { display: none; } }

/*************  kefu  **************/
.hdtop { position: fixed; right: 20px; bottom: -150px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 999; width: 61px; height: 55px; line-height: 55px; width: 61px;height: 55px;line-height: 55px;text-align: center;background: #F0CA23;}

.hdtop i{color: #fff;font-size:28px;font-size:2.8rem;}

@media screen and (max-width: 767px) {
  .hdtop{width: 46px;height: 44px;line-height: 44px;}
  .hdtop i{font-size:20px;font-size:2rem;}
}


.img{background:url(../images/img.png)  no-repeat;}
.no{height:16px;width:24px;background-position:0 0;}
.ny{height:16px;width:24px;background-position:0 -16px;}
.pa{height:16px;width:24px;background-position:0 -32px;}
.my{height:16px;width:24px;background-position:0 -48px;}
.ne{height:16px;width:24px;background-position:0 -64px;}
.nl{height:16px;width:24px;background-position:0 -80px;}
.pl{height:16px;width:24px;background-position:0 -96px;}
.ru{height:16px;width:24px;background-position:0 -112px;}
.sd{height:16px;width:24px;background-position:0 -128px;}
.si{height:16px;width:24px;background-position:0 -144px;}
.ps{height:16px;width:24px;background-position:0 -160px;}
.pt{height:16px;width:24px;background-position:0 -176px;}
.ro{height:16px;width:24px;background-position:0 -192px;}
.lt{height:16px;width:24px;background-position:0 -208px;}
.lv{height:16px;width:24px;background-position:0 -224px;}
.mg{height:16px;width:24px;background-position:0 -240px;}
.rm{height:16px;width:24px;background-position:0 -256px;}
.lb{height:16px;width:24px;background-position:0 -272px;}
.lo{height:16px;width:24px;background-position:0 -288px;}
.mi{height:16px;width:24px;background-position:0 -304px;}
.mr{height:16px;width:24px;background-position:0 -320px;}
.ms{height:16px;width:24px;background-position:0 -336px;}
.mt{height:16px;width:24px;background-position:0 -352px;}
.mk{height:16px;width:24px;background-position:0 -368px;}
.ml{height:16px;width:24px;background-position:0 -384px;}
.mn{height:16px;width:24px;background-position:0 -400px;}
.tr{height:16px;width:24px;background-position:0 -416px;}
.zh-tw{height:16px;width:24px;background-position:0 -432px;}
.uk{height:16px;width:24px;background-position:0 -448px;}
.tg{height:16px;width:24px;background-position:0 -464px;}
.th{height:16px;width:24px;background-position:0 -480px;}
.tl{height:16px;width:24px;background-position:0 -496px;}
.ur{height:16px;width:24px;background-position:0 -512px;}
.yi{height:16px;width:24px;background-position:0 -528px;}
.yo{height:16px;width:24px;background-position:0 -544px;}
.zu{height:16px;width:24px;background-position:0 -560px;}
.uz{height:16px;width:24px;background-position:0 -576px;}
.vi{height:16px;width:24px;background-position:0 -592px;}
.xh{height:16px;width:24px;background-position:0 -608px;}
.sn{height:16px;width:24px;background-position:0 -624px;}
.so{height:16px;width:24px;background-position:0 -640px;}
.sq{height:16px;width:24px;background-position:0 -656px;}
.sk{height:16px;width:24px;background-position:0 -672px;}
.sl{height:16px;width:24px;background-position:0 -688px;}
.sm{height:16px;width:24px;background-position:0 -704px;}
.sr{height:16px;width:24px;background-position:0 -720px;}
.sw{height:16px;width:24px;background-position:0 -736px;}
.ta{height:16px;width:24px;background-position:0 -752px;}
.te{height:16px;width:24px;background-position:0 -768px;}
.st{height:16px;width:24px;background-position:0 -784px;}
.su{height:16px;width:24px;background-position:0 -800px;}
.sv{height:16px;width:24px;background-position:0 -816px;}
.el{height:16px;width:24px;background-position:0 -832px;}
.en{height:16px;width:24px;background-position:0 -848px;}
.eo{height:16px;width:24px;background-position:0 -864px;}
.cy{height:16px;width:24px;background-position:0 -880px;}
.da{height:16px;width:24px;background-position:0 -896px;}
.de{height:16px;width:24px;background-position:0 -912px;}
.es{height:16px;width:24px;background-position:0 -928px;}
.fi{height:16px;width:24px;background-position:0 -944px;}
.fr{height:16px;width:24px;background-position:0 -960px;}
.fy{height:16px;width:24px;background-position:0 -976px;}
.et{height:16px;width:24px;background-position:0 -992px;}
.eu{height:16px;width:24px;background-position:0 -1008px;}
.img.fa{height:16px;width:24px;background-position:0 -1024px;}
.az{height:16px;width:24px;background-position:0 -1040px;}
.be{height:16px;width:24px;background-position:0 -1056px;}
.bg{height:16px;width:24px;background-position:0 -1072px;}
.af{height:16px;width:24px;background-position:0 -1088px;}
.am{height:16px;width:24px;background-position:0 -1104px;}
.ar{height:16px;width:24px;background-position:0 -1120px;}
.bn{height:16px;width:24px;background-position:0 -1136px;}
.cn{height:16px;width:24px;background-position:0 -1152px;}
.co{height:16px;width:24px;background-position:0 -1168px;}
.cs{height:16px;width:24px;background-position:0 -1184px;}
.bs{height:16px;width:24px;background-position:0 -1200px;}
.ca{height:16px;width:24px;background-position:0 -1216px;}
.ceb{height:16px;width:24px;background-position:0 -1232px;}
.it{height:16px;width:24px;background-position:0 -1248px;}
.ja{height:16px;width:24px;background-position:0 -1264px;}
.jv{height:16px;width:24px;background-position:0 -1280px;}
.in{height:16px;width:24px;background-position:0 -1296px;}
.ig{height:16px;width:24px;background-position:0 -1312px;}
.is{height:16px;width:24px;background-position:0 -1328px;}
.ka{height:16px;width:24px;background-position:0 -1344px;}
.ko{height:16px;width:24px;background-position:0 -1360px;}
.ku{height:16px;width:24px;background-position:0 -1376px;}
.ky{height:16px;width:24px;background-position:0 -1392px;}
.kk{height:16px;width:24px;background-position:0 -1408px;}
.km{height:16px;width:24px;background-position:0 -1424px;}
.kn{height:16px;width:24px;background-position:0 -1440px;}
.gu{height:16px;width:24px;background-position:0 -1456px;}
.ha{height:16px;width:24px;background-position:0 -1472px;}
.haw{height:16px;width:24px;background-position:0 -1488px;}
.ga{height:16px;width:24px;background-position:0 -1504px;}
.gd{height:16px;width:24px;background-position:0 -1520px;}
.gl{height:16px;width:24px;background-position:0 -1536px;}
.iw{height:16px;width:24px;background-position:0 -1552px;}
.ht{height:16px;width:24px;background-position:0 -1568px;}
.hu{height:16px;width:24px;background-position:0 -1584px;}
.hy{height:16px;width:24px;background-position:0 -1600px;}
.hi{height:16px;width:24px;background-position:0 -1616px;}
.hmn{height:16px;width:24px;background-position:0 -1632px;}
.hr{height:16px;width:24px;background-position:0 -1648px;}


/*********************fangdaxiaoguo**********************/
#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, 0.8); -webkit-transition: opacity .5s ease; -o-transition: opacity .5s ease; -moz-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; box-shadow: 0 0 8px rgba(0, 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, 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,-webkit-transform .4s ease; -o-transition: left .4s ease,-o-transform .4s ease; -moz-transition: left .4s ease,transform .4s ease,-moz-transform .4s ease; transition: left .4s ease,transform .4s ease; transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease,-o-transform .4s ease; }

#baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; -moz-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; }

#baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; -moz-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: -webkit-calc(50% - 30px); top: -moz-calc(50% - 30px); top: calc(50% - 30px); width: 44px; height: 60px; }

.baguetteBox-button { position: absolute; cursor: pointer; outline: 0; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; -moz-transition: background-color .4s ease; transition: background-color .4s ease; }

.baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }

.baguetteBox-button#next-button { right: 2%; }

.baguetteBox-button#previous-button { left: 2%; }

.baguetteBox-button#close-button { top: 20px; right: 2%; right: -webkit-calc(2% + 6px); right: -moz-calc(2% + 6px); 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%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; -moz-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; }

.double-bounce2 { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; animation-delay: -1s; }

@-webkit-keyframes bounceFromRight { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

@-moz-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; } }

@-moz-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); } }

@-moz-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); } }

@keyframes bounce { 0%, 100% { -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  50% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@font-face { font-family: "Questrial-Regular",Arial, Helvetica, sans-serif; src: url("../fonts/Questrial-Regular.woff2") format("woff2"), url("../fonts/Questrial-Regular.woff") format("woff"), url("../fonts/Questrial-Regular.ttf") format("truetype"), url("../fonts/Questrial-Regular.eot") format("embedded-opentype"), url("../fonts/Questrial-Regular.svg") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: "Sharp Sans No1 - Medium",Arial, Helvetica, sans-serif; src: url("../fonts/Sharp Sans No1 - Medium.woff2") format("woff2"), url("../fonts/Sharp Sans No1 - Medium.woff") format("woff"), url("../fonts/Sharp Sans No1 - Medium.ttf") format("truetype"), url("../fonts/Sharp Sans No1 - Medium.eot") format("embedded-opentype"), url("../fonts/Sharp Sans No1 - Medium.svg") format("svg"); font-weight: normal; font-style: normal; }

.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;
}


.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;
  /*opacity:0.5;*/
  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;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/
.disnone{ display: none; }

.dp1, .dp2, .dp3{ cursor: pointer; }


/*xun pan tijiao*/

.xunpanlb .table{margin-top: 30px;}
.xunpanlb .table .thead{font-size: 0;letter-spacing: 0;border: 1px solid #dcdcdc;}
.xunpanlb .table .thead p{ font-weight: bold; text-align: center; padding: 0 10px;font-size: 16px; line-height: 40px;width: 33.3333%;display: inline-block;vertical-align: middle; box-sizing:border-box}
.xunpanlb .table .thead p:nth-child(2){border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}

.xunpanlb .table .tbody{font-size: 0;letter-spacing: 0;}
.xunpanlb .table .tbody .tread{border: 1px solid #dcdcdc;border-top: 0;}
.xunpanlb .table .tbody .tread .td{height: 100%; text-align: center;padding: 10px 10px;font-size: 16px; line-height: 40px;width: 33.3333%;display: inline-block;vertical-align: middle; box-sizing:border-box}
.xunpanlb .table .tbody .tread .td:nth-child(2){border-right: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
.xunpanlb .table .tbody .td img{max-width: 110px;}
.xunpanlb .table .tbody .td a{color: #666666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.xunpanlb .table .tbody .td a:hover{color: #F0CA23;}
@media screen and (max-width: 1000px) {
  .xunpanlb .table div { width: 99.6%; max-width: 99.6%; }
  .xunpanlb .table .tbody .tread .td{ font-size: 14px; }
}
@media screen and (max-width: 520px){
    .xunpanlb .table{border-top: 1px solid #dcdcdc;}
    .xunpanlb .table .thead{display: none;}
    .xunpanlb .table .tbody .td{width: 100% !important;}
    .xunpanlb .table .tbody .tread .td:nth-child(2){border: 0 !important;}
}

.listcart{ margin-top:30px; width:100%; clear:both}

.listcart a,.listcart button{display:inline-block; color:#fff;min-width: 160px;line-height:40px; box-sizing:border-box;  font-size:14px;font-size: 1.4rem; margin-right:10px;text-align: center;margin-bottom:20px; background:#666; padding-left:5px; padding-right:5px; border:none; cursor:pointer
}
.listcart a:hover,.listcart button:hover{ background:#F0CA23;color:#fff;}
@media screen and (max-width: 640px) {.listcart a,.listcart button{ width:100%; display:block}}

.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;}

.pro2-hotpro .index-hotpro { margin-top: 0; }

.pro2-hotpro .index-item .item-title { font-size: 32px; font-size: 3.2rem; padding: 80px 0 40px; }

@media screen and (max-width: 1219px) { .pro2-hotpro .index-item .item-title { padding: 70px 0 40px; } }

@media screen and (max-width: 999px) { .pro2-hotpro .index-item .item-title { padding: 50px 0 20px; font-size: 30px; font-size: 3rem; } }

@media screen and (max-width: 767px) { .pro2-hotpro .index-item .item-title { padding: 30px 0 0; font-size: 24px; font-size: 2.4rem; } }


.listcart .commit{ display: inline-block; min-width: 200px; height: 30px; line-height: 28px; -moz-box-sizing: border-box; box-sizing: border-box; background: none; padding: 0 10px; text-align: center; color: #666666; border: 1px solid #a6a4a4; }
.listcart .commit:hover{ color: #fff; background: #F0AE16; border: 1px solid #F0AE16; }

.ms_ye .pages-btn{ display: inline-block; }

.inquiry-success{text-align: center;margin-top: 5%;margin-bottom: 10%;}
        .inquiry-success *{text-align: center;}
        .inquiry-success p img{width: 108px;}
        .inquiry-success .text{font-size: 20px;color: #333333;margin: 20px 0;}
        .inquiry-success .but a{display: inline-block;width: 200px;height: 50px;background-color: #F0CA23;color: #FFFFFF;line-height: 50px;padding: 0;border: 0;font-size: 16px; font-size:1.6rem}

.inquiry-success .but a:hover{ background:#333; color:#fff}

.returntopht{width:46px; height:46px; border-radius: 50%; margin:auto; background:#F0CA23; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.39); cursor:pointer;position:fixed;right:20px;bottom:-100px; color:#fff; font-size:20px !important; text-align:center; line-height:46px;transition:0.9s;z-index:999; -webkit-animation-name:top; animation-name:top; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:linear; animation-timing-function:linear;    -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite}
.returnbottomht{bottom:130px;}
.pro1-spec{
	overflow: hidden;
	margin-bottom: 30px;
}
.more-btn{
	float: left;
	text-transform: uppercase;
	margin-bottom: 30px;
	cursor: pointer;
	text-decoration: underline;
}



.header{  z-index: 999; width: 100%; background: url( heiderbj.jpg ) repeat-x top center;  }

.header .logo{ margin-top: 15px;   }
.header .logo img{ display: block;  }


.header_top { text-align: right; padding-bottom: 32px;}
.header_top a.he_top1{ display: inline-block;  margin-right: 34px; position: relative; top: 9px; color: #0e6bcd; font-style: italic; font-size: 27px; font-size: 2.7rem; font-family: 'OPENSANSEXTRABOLD'; }
.header_top a.he_top1 img { display: block; max-width: 430px; max-height: 236px; width: 100%;}

.header_top a.shen { position: relative; top: 12px; text-align: center; display: inline-block; margin-left: 51px; }
.header_top a.shcn { position: relative; top: 2px; text-align: center; display: inline-block; margin-left: 2px; }
.header_top a.shen span { display: block; line-height: 31px; }
.header_top a.shcn span { display: block; line-height: 31px; }
.header_top a.shen img { display: block;  }
.header_top a.shcn img { display: block;     width: 30px;
     
 }


.header_form{ margin-top: 18px; display: inline-block; width: 370px; height: 43px; line-height: 43px;  position: relative; font-size: 12px; font-size: 1.2rem;  background: url( header_form.png ) no-repeat top center;}
.header_form .tex{ background: transparent; text-indent: 9px; width: 100%; line-height: 43px; height: 43px; display: inline-block; color: #333333;
     font-size: 12px; font-size:  1.2rem; text-indent: 20px;  }
.header_form .sub{ position: absolute; top: 0px; right: 0px; height: 43px; width: 68px; font-size: 0px;  cursor: pointer; z-index: 99; 
      background: url( suosou.png )  no-repeat right top; }




.header_right{ padding-bottom: 28px;  }
.header_ul1>li{ padding-bottom: 4px; float: left; margin-left: 65px; position: relative; }
.header_ul1>li>a{ font-size:16px;font-size:1.6rem; color: #333; line-height: 30px; padding-bottom: 10px; border-bottom: 1px solid transparent;text-transform:uppercase }
.header_ul1>li:hover>a,.header_ul1 li.on>a{ color: #ff9c00; }



.header_ul1>li:hover .dan_header { display: block; }
.dan_header{ display: none; width: 263px; position: absolute; left: -6px; top: 100%;  border: 1px solid #ccc; border-top: 0px; background: #fff;  z-index: 999999;   }
.dan_header>li{ line-height: 36px; padding-left: 23px;  position: relative;  border-top: 1px solid #ccc; }
.dan_header>li>a{font-size:16px;font-size:1.6rem; color: #333; line-height: 42px; display: block; }
.dan_header>li:hover{ background: #d9bb57;  }
.dan_header>li:hover>a{ color: #fff;  }
.dan_header>li:hover .dan_sanheader{ display: block;  }
 
.dan_sanheader{ display: none; width: 291px; position: absolute; left: 100%; top: 0px; border: 1px solid #ccc; border-top: 0px;background: #fff;   z-index: 999999;  }
.dan_sanheader>li{ line-height: 36px; padding-left: 23px;  position: relative;  border-top: 1px solid #ccc; }
.dan_sanheader>li>a{font-size:16px;font-size:1.6rem; color: #333; line-height: 42px; display: block; }
.dan_sanheader>li:hover{ background: #d9bb57;  }
.dan_sanheader>li:hover>a{ color: #fff;  } 

 
/* nav_head */
.nav_head{ width:100%;  display: none; background: #f6faff;  }
.nav_head li { text-align: center; width: 25%; float: left; }
.nav_head li a{ font-size:18px;font-size:1.8rem;color:#333; line-height: 30px; }
.nav_head li.on a{ color: #0e6bcd;   }
.nav_head li:hover a{  color: #0e6bcd;  }


@media screen and (max-width:999px) { .nav_head{display: block; } }
@media screen and (max-width:640px) { .nav_head li a{ font-size:14px;font-size:1.4rem;color:#333; line-height: 30px; } }



@media screen and (max-width:1219px) {
    
    .header_top a.he_top1{ position: relative; top: 3px; width: 388px; }
    .header_top a.shen { position: relative; top: 12px; margin-left: 8px; }
    .header_top a.shcn { position: relative; top: 12px; margin-left: 8px; }
    .header_ul1>li{ margin-left: 26px; }
    
    .header_top a.he_top1{ margin-right: 0px; }
    .header_ul1 { text-align: right; }
    .header .logo { width: 67px; margin-left: 0px; }
}

@media screen and (max-width:999px) {

}

@media screen and (max-width:640px) {

}
@media screen and (max-width:320px) {

}

.l {
    float: left;
}

.r {
    float: right;
}