/* 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 { margin: 0; padding: 0; font-weight: normal; color: #333; }

.clear { clear: both; }

.maln { margin-left: auto !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;}

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

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

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

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

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

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

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

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

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

.dbform ::-webkit-input-placeholder { /* WebKit browsers */ color: #bebebe; }

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

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

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

.coxin ::-webkit-input-placeholder { /* WebKit browsers */ color: #fffefe; }

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

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

.coxin :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fffefe; }
.wpp { width: 1200px; margin: auto; }

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

@media screen and (min-width: 1220px) and (max-width: 1369px) { .wpp { width: 980px; margin: auto; } }

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

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


.wpp2 { width: 1400px; margin: auto; }

@media screen and (min-width: 1600px) { .wpp2 { width: 1400px; margin: auto; } }

@media screen and (min-width: 1370px) and (max-width: 1599px) { .wpp2 { width: 1200px; margin: auto; } }

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

@media screen and (max-width: 999px) { .wpp2 { width: 95%; margin: auto; } }
.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; } }

.wp2 { width: 1400px; margin: auto; }

@media screen and (min-width: 1420px) { .wp2 { width: 1400px; margin: auto; } }

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

@media screen and (max-width: 999px) { .wp2 { 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*/
.container { width: 5px; height: 100%; position: absolute; right: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 999999999999999; cursor: pointer; position: fixed; top: -5px; right: 0; display: block; }

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

.container .nav form { margin: 15px auto; width: 258px; height: 26px; border: 1px solid #fff; position: relative; background: #fff; }

.container .nav form .iptc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; background-color: #fff; width: 80%; height: 26px; line-height: 26px; display: block; float: left; }

.container .nav form .ipsc { width: 20%; height: 26px; line-height: 26px; display: block; float: right; background: transparent; position: relative; z-index: 99; }

.container .nav form i { position: absolute; right: 10px; top: 5px; }

.container .nav > ul { display: none; margin-top: 0px; margin-bottom: 0px; overflow: scroll; padding-top: 45px; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .nav > ul > li { line-height: 40px; font-size: 12px; font-size: 1.2rem; text-indent: 20px; position: relative; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.container .nav > ul > li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a { text-indent: 50px; font-size: 12px; font-size: 1.2rem; color: #fff; display: block; padding-top: 5px; padding-bottom: 5px; line-height: 30px; }

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

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

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

.container .menubtn { width: 23px; height: 18px; position: absolute; top: 12px; right: 12px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 9999; }

.container .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #1c841c; }

@media screen and (min-width: 768px) { .container, .nav { display: none !important; } }

/***********  lunbo  *************/
.index_focus { position: relative; width: 100%; margin: 0 auto; overflow: hidden; z-index: 9; }

.index_focus2 { height: 338px; }

.index_focusn {  position: absolute; left: 50%; top: 0px;  z-index: 99; }

.index_focus .bd li { display: none; position: absolute; left: 0; top: 0; 
/*width: 1920px;*/
width: 100%;
z-index: 999; }

.index_focus .slide_nav { position: absolute; bottom: 70px; left: 50%; margin-left: -72px; z-index: 9998; }

.index_focus2 .slide_nav { bottom: 20px; }

.index_focus .slide_nav a { width: 16px; height: 16px; cursor: pointer; float: left; margin-right: 10px; margin-left: 10px; background: #fff; border-radius: 50%; }

.index_focus_post { z-index: 10; }

.index_focus .pic { width: 100%; height: auto; display: block; margin: 0 auto; }

.index_focus .pic:hover { text-decoration: none; }

.pic { width: 100%; }

.class666 { height: auto !important; }

.index_focus .slide_nav li:hover, .index_focus .slide_nav .on { text-decoration: none; background: #1c841c; }

.index_focus_pre, .index_focus_next { display: block; position: absolute; top: 50%; margin-top: -33px; width: 54px; height: 66px; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 9999; }

.index_focus_pre { left: 0; }

.index_focus_next { right: 0; }

@media screen and (min-width: 1000px) and (max-width: 1419px) { .index_focus { height: 495px; }
  .index_focus2 { height: 255px; }
  .index_focusn img { width: 75%; } }

@media screen and (min-width: 1000px) { .carousel, .clear2 { display: none; } }

@media screen and (max-width: 999px) { 
    .index_focus .slide_nav{ bottom:30px;}
    .index_focus .slide_nav a{width: 10px; height: 10px; margin-right: 10px;  }
    .index_focus { display: none; }
  .index_focus2 { display: none; }
  .carousel { width: 100%; position: relative; overflow: hidden;  display: none;}
  .carousel ul { width: 100%; height: 100%; }
  .carousel ul li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  .carousel ul li img { width: 100%; vertical-align: middle; }
  .carousel ol { position: absolute; z-index: 2; width: 110px; height: 10px; bottom: 35px; left: 50%; margin-left: -55px;}
  .carousel ol li { float: left; width: 10px; height: 10px; margin-right: 10px; border-radius: 5px; background-color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
  .carousel ol li.cur { width: 10px; background: #1c841c; }
  .carousel ol li:last-child { margin: 0; } }

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

.logo { padding-top: 26px; }

.logo img { max-width: 260px;width: 100%; }

.navlist { padding-top: 25px; }

.navlist2 { display: none; }

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

.navlist > li > a { font-size: 16px; font-size: 1.6rem; font-weight: bold; padding: 0 21px; text-transform: uppercase; display: block; line-height: 32px; border-radius: 8px; }

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

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

.navlist > li.youxl { background: url(../images/xljiao.png) no-repeat center -10px; }

.navlist > li.youxl:hover { background: url(../images/xljiao.png) no-repeat center bottom; }

.navlist > li.youxl { position: static; }

.navlist > li.youxl2 { background: url(../images/xljiao.png) no-repeat center -10px; }

.navlist > li.youxl2:hover { background: url(../images/xljiao.png) no-repeat center bottom; }

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

.search form i { position: absolute; top: 0px; right: 0px; width: 31px; height: 26px; line-height: 26px; text-align: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: #fffb47; color: #333; font-size: 14px; font-size: 1.4rem; }

.sou { width: 200px; height: 24px; line-height: 24px; padding-left: 11px; border: 1px solid #bbb; border-radius: 10px; color: #999999; }

.suo { position: absolute; right: 0px; top: 0; width: 31px; height: 26px; cursor: pointer; background: transparent; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.topnav a { color: #666666; text-transform: uppercase; padding: 0 13px; font-weight: bolder;}

.topnav a:hover { color: #1c841c; }

.topnav { margin-top: 19px; margin-right: 32px; margin-left: 10px; }

.m-hdlang { position: relative; overflow: visible; float: right; width: 125px; margin-top: 7px; }

.m-hdlang .lang-list { position: absolute; left: 0; top: 100%; background-color: #f5f5f5; z-index: 99999; width: 100%; display: none; border-radius: 10px; padding-bottom: 14px; }

.m-hdlang .lang-item { float: none; color: #666; line-height: 22px; display: block; padding: 0 14px 0 24px; margin-top: 8px; }

.m-hdlang .lang-item a { display: block; color: #666; border-radius: 5px; padding: 0 6px; }

.m-hdlang .lang-item a:hover { background: #1c841c; color: #fff; }

.m-hdlang .lang-item svg { vertical-align: middle; margin-right: 0px; }

.m-hdlang > .lang-item { background: url(../images/web7.png) no-repeat right center; }

@media screen and (max-width: 767px) { .m-hdlang .lang-item { line-height: 28px; } }

/*@media screen and (max-width: 1419px) { .navlist > li { margin-left: 10px; }
  .navlist > li > a { padding: 0 7px; } }*/

@media screen and (max-width: 999px) { .headyou { width: 100%; }
  .navlist > li { margin-left: 0; margin-right: 15px; }
  .navlist > li > a { font-size: 14px; font-size: 1.4rem; padding: 0 10px; }
  .headtop { position: absolute; top: 20px; right: 20px; } }

@media screen and (max-width: 880px) { .topnav { margin-right: 15px; } }

@media screen and (max-width: 800px) { .topnav a { padding: 0 5px; }
  .sou { width: 160px; }
  .navlist > li { margin-right: 10px; } }

@media screen and (max-width: 767px) { .navlist2 { display: block; }
  .navlist1 { display: none; }
  .navlist > li { width: 25%; text-align: center; margin: 0; }
  .topnav { display: none; }
  .navlist > li > a { padding: 0; } }

@media screen and (max-width: 600px) { .search { display: none; } .lvn .search{display: block;} }

@media screen and (max-width: 400px) { .logo { padding-top: 15px; width: 180px; }
  .headtop { right: 5px; } }

@media screen and (max-width: 400px) { .navlist > li > a { font-size: 12px; font-size: 1.2rem; } }

/**********  sya1  ***********/
.sya1 { background: #eee; position: relative; text-align: center; padding-top: 96px; padding-bottom: 39px; }

.zi { text-align: center; overflow: hidden; position: absolute; top: -24px; z-index: 999; width: 100%; height: 81px; background: url(../images/zi.png) no-repeat center top; }

.sya1p1 { display: block; font-size: 22px; font-size: 2.2rem; font-weight: bold; line-height: 30px; }

.sya1p2 { display: block; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 24px; margin-top: 11px; margin-bottom: 30px; }

.sya1p3 { display: block; width: 126px; height: 37px; line-height: 37px; text-align: center; border-radius: 5px; background: #1c841c; color: #fff; font-size: 16px; font-size: 1.6rem; margin: 0 auto; font-weight: bold; }

.sya1p3:hover { background: #333; }

.sya1p1:hover { color: #1c841c; }

.sya1p2:hover { color: #1c841c; }

@media screen and (max-width: 767px) { .sya1p1 { font-size: 18px; font-size: 1.8rem; }
  .sya1p2 { font-size: 14px; font-size: 1.4rem; }
  .sya1 { padding-top: 80px; padding-bottom: 20px; } }

  @media screen and (max-width: 450px) { .zi{background: url(../images/zi_cc.png) no-repeat center top;} }

/****************  syfl  **************/
.syfl { padding-top: 43px; padding-bottom: 84px; background: #fff; }

.sybt { text-align: center; font-size: 36px; font-size: 3.6rem; }

.sybt a { color:#007ac4; }

.sybt a:hover { color: #1c841c; }

.btdes { display: block; text-align: center; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 24px; margin-top: 7px; margin-bottom: 40px; }

.btdes:hover { color: #1c841c; }

.vitu { position: relative; padding-bottom: 55.82%; height: 0; overflow: hidden; }

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

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

.flbox.flbox2.l span{ width: 90% !important; }

.flbox1 { width: 62.83%; }

.flbox2 { width: 36.66%; }

.flbox2 .fltu img { display: block; width: 100%; max-width: 440px; max-height: 422px; }

.flbox1 .fltu img { display: block; width: 100%; max-width: 754px; max-height: 422px; }

.flbox { position: relative; margin-bottom: 5px; overflow: hidden; }

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

.flcover span { position: absolute; width: 100%; color: #fff; text-align: center; font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 38px; top: 50%; margin-top: -19px; left: 0; }

.flcover span:hover {  }

.flbox:hover .flcover { top: 0; }

@media screen and (max-width: 999px) { .flcover { color: #fff; position: static; background: #366dc0; display: block; }
  .flcover span { position: static; color: #fff; display: block; margin-top: 10px; font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .sybt { font-size: 30px; font-size: 3rem; }
  .syfl { padding-top: 30px; padding-bottom: 40px; }
  .flcover span { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 450px) { .flbox { width: 98%; margin: 0 1%; margin-bottom: 20px; }
  .btdes { margin-bottom: 20px; }
  .sybt { font-size: 26px; font-size: 2.6rem; } }

/***************  syp  ***************/
.syp { padding-top: 72px; padding-bottom: 29px; background: #f6f6f6; }

.syp .sybt { font-size: 30px; font-size: 3rem; text-transform: uppercase; }

.syp .btdes { margin-top: 23px; margin-bottom: 45px; }

.sypbox { width: 332px; position: relative; overflow: hidden; float: left; margin-left: 102px; margin-bottom: 56px; }

.sypcon img { display: block; width: 100%; max-width: 580px; max-height: 427px; }

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

.sypcover span { display: block; position: absolute; width: 126px; height: 37px; line-height: 37px; text-align: center; left: 50%; margin-left: -63px; top: 35%; margin-top: -17px; background: url(../images/sybtn.png) no-repeat; border-radius: 5px; font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.sypcover span:hover { color: #1c841c; }

.sypxia { background: #fff; padding: 0 20px; padding-bottom: 28px; padding-top: 22px; text-align: center; }

.sypp1 { color: #007ac4; display: block; font-size: 18px; font-size: 1.8rem; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.sypp2 { display: block; font-size: 16px; font-size: 1.6rem; color: #555555; line-height: 24px; height: 48px; overflow: hidden; margin-top: 6px; }

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

@media screen and (max-width: 1219px) { .sypbox { margin-left: 40px; width: 300px; } }

@media screen and (max-width: 999px) { .syfl { padding-bottom: 50px; }
  .sypbox { width: 31.333%; margin: 0 1%; margin-bottom: 30px; }
  .sypcover { display: none; } }

@media screen and (max-width: 767px) { .syp { padding-top: 50px; }
  .sypxia { padding-left: 10px; padding-right: 10px; }
  .sypp1 { font-size: 16px; font-size: 1.6rem; }
  .sypp2 { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 600px) { .sypbox { width: 48%; }
  .sypxia { padding-top: 15px; padding-bottom: 15px; } }

@media screen and (max-width: 450px) { .syp .sybt { font-size: 26px; font-size: 2.6rem; }
  .syfl { padding-bottom: 10px; }
  .syp .btdes { margin-bottom: 20px; } }

@media screen and (max-width: 350px) { .sypbox { width: 98%; margin-bottom: 20px; } }

/**************  sya  *************/
.sya { padding-top: 67px; padding-bottom: 80px; background: url(../images/sybg1.jpg) no-repeat center top; }

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

.sya .sybt a:hover { color: #1c841c; }

.sya .sybt { font-size: 30px; font-size: 3rem; font-weight: bold; }

.sya .btdes { color: #fff; max-width: 925px; margin: 0 auto; margin-top: 25px; margin-bottom: 57px; }

.sya .btdes:hover { color: #1c841c; }

.sya ul li { width: 215px; float: left; margin-left: 113px; text-align: center; }

.sya ul li img { max-width: 100%; }

.sya ul li a { display: block; color: #fff; }

.sya ul li a:hover { color: #1c841c; }

.syap1 { font-size: 20px; font-size: 2rem; font-weight: bold; line-height: 24px;  margin-top: 40px; margin-bottom: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sya .syap1{     white-space: normal;}
.syap2 { line-height: 18px;  overflow: hidden; }

@media screen and (max-width: 1219px) { .sya ul li { margin-left: 40px; } }

@media screen and (max-width: 999px) { .sya ul li { width: 23%; margin: 0 1%; }
  .syap1 { font-size: 18px; font-size: 1.8rem; margin-top: 20px; } }

@media screen and (max-width: 767px) { .sya { padding-top: 35px; padding-bottom: 30px; }
  .sya .btdes { margin-bottom: 30px; }
  .sya ul li { width: 48%; margin-bottom: 10px; } }

@media screen and (max-width: 450px) { .sya .sybt { font-size: 26px; font-size: 2.6rem; }
  .btdes { font-size: 14px; font-size: 1.4rem; }
  .syap1 { font-size: 16px; font-size: 1.6rem; } }

/********  sydabg   ********/
.sydabg { background: url(../images/sybg2.jpg) no-repeat center top; padding-bottom: 65px; }

.sya2 { padding-top: 70px; padding-bottom: 100px; }

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

.sya2 .prev, .sya2 .next { position: absolute; display: block; bottom: 0; text-align: center; }

.sya2 .prev i, .sya2 .next i { font-size: 34px; font-size: 3.4rem; color: #666; }

.sya2 .prev:hover i, .sya2 .next:hover i { color: #1c841c; }

.sya2 .prev { left: 54%; cursor: pointer; }

.sya2 .next { left: 54%; margin-left: 43px; cursor: pointer; }

.sya2 .img-list { position: relative; overflow: hidden; margin: 0 auto; padding: 10px; }

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

.sya2 .img-list li { float: left; display: inline; width: 1%; margin-right: 20px; position: relative; position: relative; }

.syazuo { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }

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

.syayou { width: 545px; padding-top: 29px; }

.sya2p1 { display: block; font-size: 20px; font-size: 2rem; font-weight: bold; margin-top: 22px; margin-bottom: 14px; }

.sya2p2 { display: block; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; }

.sya2p1:hover { color: #1c841c; }

.sya2p2:hover { color: #1c841c; }

@media screen and (max-width: 1219px) { .syazuo { width: 470px; }
  .syayou { width: 460px; padding-top: 0; }
  .sya2 .img-scroll { padding-bottom: 50px; } }

@media screen and (max-width: 999px) { .syazuo { width: auto; text-align: center; float: none; max-width: 557px; margin: 0 auto; margin-bottom: 20px; }
  .syayou { width: 100%; padding-top: 0; float: none; text-align: center; }
  .sya2 .img-scroll { padding-bottom: 50px; }
  .sya2 .prev { left: 50%; margin-left: -40px; }
  .sya2 .next { left: auto; margin-left: 0; right: 50%; margin-right: -40px; }
  .sya2 { padding-top: 45px; } }

@media screen and (max-width: 600px) { .sya2p2 { font-size: 14px; font-size: 1.4rem; }
  .sya2p1 { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 450px) { .sya2 { padding-top: 30px; } }

/**************  sya3  *************/
.sya3 { padding-bottom: 160px; }

.a3box { margin-top: 30px;  width: 283px; float: left; margin-left: 22px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.a3tu img { display: block; width: 100%; max-width: 283px; max-height: 281px; }

.a3box p { line-height: 53px; background: #ededed; position: relative; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.a3box p a { display: block; margin-right: 25px; padding-left: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; font-size: 1.8rem; }

.a3box p i { position: absolute; right: 12px; top: 0; color: #201f1f; }

.a3box:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); }

.a3box:hover p { background: #209929; }

.a3box:hover p a { color: #fff; }

.a3box:hover p i { color: #fff; }

@media screen and (max-width: 1219px) { .a3box { margin-left: 15px; width: 233px; }
  .a3box p a { font-size: 16px; font-size: 1.6rem; padding-left: 10px; }
  .sya3 { padding-bottom: 160px; } }

@media screen and (max-width: 999px) { .a3box { width: 23%; margin: 0 1%; }
  .a3box p a { font-size: 14px; font-size: 1.4rem; }
  .a3box p { line-height: 40px; }
  .sya2 { padding-bottom: 20px; }
  .sya3 { padding-bottom: 60px; }
   }
.sybt { padding-bottom: 20px; }
@media screen and (max-width: 767px) { .a3box { width: 38%; margin: 0 6%; margin-bottom: 20px; } }

@media screen and (max-width: 600px) { .a3box { width: 48%; margin: 0 1%; margin-bottom: 20px; } }

/**************  syform  *************/
.syform { background: #333; }

.formzuo img { display: block; width: 100%; max-width: 600px; }

.formzuo { position: relative; }

.formzuo div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }

.fp1 { display: block; color: #fff; font-size: 30px; font-size: 3rem; padding-top: 19%; margin-top: 2px; }

.fp2 { display: block; color: #fff; line-height: 30px; padding: 0 135px; margin-top: 20px; }

.fp1:hover { color: #333; }

.fp2:hover { color: #333; }

.formyou { width: 489px; margin-right: 55px; }

.coxin { margin-top: 16px; }

.coxin input{ color: #1c841c; }
.coxin textarea { color: #1c841c; }
.coxin .xing { background: transparent; }

.coxin .int1 { width: 222px; height: 48px; border-bottom: 1px solid #a0a0a0; margin-top: 8px; float: left; font-size: 16px; font-size: 1.6rem; line-height: 48px; background: transparent; }

.coxin .int2 { width: 222px; height: 48px; border-bottom: 1px solid #a0a0a0; margin-top: 8px; float: right; font-size: 16px; font-size: 1.6rem; line-height: 48px; background: transparent; }

.coxin textarea { width: 487px; height: 76px; background: transparent; border-bottom: 1px solid #a0a0a0; margin-top: 6px; float: left; font-size: 16px; font-size: 1.6rem; line-height: 33px; padding-top: 6px; }

.coxin .int3 { width: 224px; height: 48px; border-bottom: 1px solid #a0a0a0; margin-top: 20px; float: left; font-size: 16px; font-size: 1.6rem; line-height: 48px; }

.coyanzheng { width: 148px; height: 50px; float: left; margin-top: 24px; cursor: pointer; float: right; }

.coxin .int4 { width: 192px; height: 50px; float: left; margin-top: 38px; background: transparent; font-size: 18px; font-size: 1.8rem; color: #fff; cursor: pointer; border: 1px solid #fff; border-radius: 5px; text-transform: uppercase; }

.coxin .int4:hover { background: #209929; border: 1px solid #209929; }

@media screen and (max-width: 1219px) { .formzuo { width: 490px; }
  .fp2 { padding: 0 50px; }
  .fp1 { font-size: 24px; font-size: 2.4rem; }
  .formyou { width: 420px; margin-right: 32px; }
  .coxin .int1 { width: 195px; height: 40px; line-height: 40px; }
  .coxin .int2 { width: 195px; height: 40px; line-height: 40px; }
  .coxin textarea { width: 100%; height: 60px; }
  .coxin .int4 { margin-top: 20px; width: 140px; height: 40px; line-height: 40px; } }

@media screen and (max-width: 999px) { .sydabg { background-attachment: fixed; }
  .formzuo { width: auto; float: none; max-width: 600px; margin: 0 auto; }
  .formyou { width: 90%; margin: 0 5%; }
  .syform { padding-bottom: 50px; }
  .coxin .int1 { width: 48%; }
  .coxin .int2 { width: 48%; }
  .coxin .int4 { width: 100%; }
  .sydabg { padding-bottom: 42px; } }

@media screen and (max-width: 767px) { .sya3 { padding-bottom: 30px; } }

@media screen and (max-width: 550px) { .fp1 { padding-top: 13%; }
  .coxin .int1, .coxin .int2 { width: 100%; }
  .coxin .int3 { width: 100%; }
  .coyanzheng { float: left; } }

@media screen and (max-width: 400px) { .fp1 { font-size: 20px; font-size: 2rem; padding-top: 6%; } }

  @media screen and (max-width: 450px) { .fp2 { padding: 0 20px; line-height: 24px; margin-top: 15px; } }

/*************  bottom  ************/
.bottom { background: #151515 url(../images/sybg3.jpg) no-repeat center top; padding-top: 65px; padding-bottom: 31px; }

.bottom1 { border-top: 8px solid #209929; }

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

.bottom a:hover { color: #1c841c; }

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

.div1 { margin-right: 228px; }

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

.div1 li.bli2 { margin-top: 10px; font-size: 16px; font-size: 1.6rem; }

.div2 { width: 380px; }

.div2 li { line-height: 18px; margin-bottom: 12px; }

.div2 li.bli { font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #f7941e; margin-top: 17px; margin-bottom: 10px; }

.div3 { width: 350px; }

.div3 span img {width: 100%;max-width: 457px;}
.div3 p span img {width: auto;max-width: auto;}
.erweima { text-align: center; float: left; margin-top: 16px;margin-right: 10px; }

.erweima img { max-width: 100%; max-width: 88px;}

.erweima p { line-height: 30px; margin-top: 3px; }

.dibu { border-top: 1px solid #737373; padding-top: 35px; margin-top: 9px; }

.dbform p { font-size: 18px; font-size: 1.8rem; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; }

.dbint1 { width: 219px; height: 32px; line-height: 32px; background: #393939; padding-left: 12px; color: #bebebe; }

.dbint2 { width: 81px; height: 32px; line-height: 32px; text-align: center; background: #979797; color: #fff; cursor: pointer; }

.bsjj a { margin-left: 16px; position: relative; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; top: 0; }

.bsjj { padding-top: 31px; }

.bsjj a:hover { top: -10px; }

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

.cnzz { padding-left: 10px; }

.link { padding-top: 12px; padding-bottom: 14px; line-height: 30px; min-height: 30px; background: #1c1c1c; text-align: center; }

.link a { padding: 0 20px; }

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

.link a:hover { color: #1c841c; }

.bottom2 { background: #f5f5f5 url(../images/bottombg.jpg) no-repeat center top; padding-top: 80px; padding-bottom: 45px; }

.bottom2 p, .bottom2 li, .bottom2 a, .bottom2 span { color: #333333; }

.bottom2 .div > a, .bottom2 .div > span { color: #666666; }

.bottom2 .dbint1 { background: #fff; }

.bottom2 .dbform p { color: #209929; }

.bottom2 .dbint2 { background: #209929; }

.bottom2 .dibu { border-top: 1px solid #f9f9f9; }

@media screen and (min-width: 1000px) and (max-width: 1219px) { .div1 { margin-right: 115px; } }

@media screen and (max-width: 999px) { .div1 { width: 20%; margin-right: 20%; }
  .div2 { width: 50%; }
  .div3 { width: 100%; clear: both; float: none; padding-top: 40px; }
  .div > a, .div > span { font-size: 20px; font-size: 2rem; } }

@media screen and (max-width: 767px) { .div1, .div2 { display: none; }
  .div3 { width: 100%; margin-top: 0; text-align: center; }
  .erweima { float: none; }
  .bottom { padding-top: 20px; padding-bottom: 50px; }
  .bottom2 { padding-top: 40px; }
  .link { display: none; }
  .bsjj a { margin-left: 4px; } }

@media screen and (max-width: 650px) { .dbform { float: none; text-align: center; width: 280px; margin: 0 auto; }
  .dbint1 { width: 186px; }
  .bsjj { float: none; text-align: center; padding-top: 20px; } }

/*************  xiugai start  *************/

@media screen and (max-width: 1599px) { 
  .navlist > li { margin-left: 10px; }
  .navlist > li > a { padding: 0 7px; } 
}
@media screen and (max-width: 767px) { 
  .navlist > li > a{padding: 0;}
  .navlist > li{margin: 0;}
}



@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .sypbox{margin-left: 30px;width: 306px;}
  .sya ul li{margin-left: 40px;}
  .syazuo{width: 500px;}
  .syayou{width: 430px;padding-top: 0;}
  .sya2 .prev, .sya2 .next{bottom: -15px;}

  .a3box{margin-left: 15px;width: 233px;}

  .formzuo { width: 490px; }
  .fp2 { padding: 0 50px; }
  .fp1 { font-size: 24px; font-size: 2.4rem; }
  .formyou { width: 420px; margin-right: 32px; }
  .coxin .int1 { width: 195px; height: 40px; line-height: 40px; }
  .coxin .int2 { width: 195px; height: 40px; line-height: 40px; }
  .coxin textarea { width: 100%; height: 60px; }
  .coxin .int4 { margin-top: 20px; width: 140px; height: 40px; line-height: 40px; } 

  .div1{margin-right: 110px;}
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .sypbox{width: 273px;}
  .sya ul li{margin-left: 13px;}

  .syazuo{width: 460px;}
  .syayou{width: 390px;padding-top: 0;}
  .sya2 .prev, .sya2 .next{bottom: 12px;}
  .a3box{width: 213px;}

  .formzuo{width: 435px;}
  .coxin .int3{margin-top: 10px;}
  .coyanzheng{margin-top: 10px;}
  .coxin{margin-top: 5px;}

  .div1{margin-right: 65px;}
}

/*************  xiugai end  *************/



/************  bread  *************/
.mianbao { font-size: 14px; font-size: 1.4rem; line-height: 24px; color: #000000; padding-top: 37px; background: url(../images/breadbg.jpg) no-repeat center top; }

.mianbao a { color: #000000; }

.mianbao a:hover { color: #1c841c; }

.co00 { color: #1c841c !important; }

.fymain { padding-top: 19px; padding-bottom: 87px; }

/*************  about1  ************/
.abnav { background: url(../images/abbiao.jpg) repeat-x left 72px; text-align: center; margin-bottom: 27px; }

.abnav a { float: left; *float: left; width: 155px; padding-top: 130px; font-size: 16px; font-size: 1.6rem; line-height: 24px; height: 48px; text-transform: uppercase; margin-left: 54px; color: #999999; }

.ab1 { background: url(../images/abiao1.png) no-repeat center top; }

.ab2 { background: url(../images/abiao2.png) no-repeat center top; }

.ab3 { background: url(../images/abiao3.png) no-repeat center top; }

.ab4 { background: url(../images/abiao4.png) no-repeat center top; }

.ab5 { background: url(../images/abiao5.png) no-repeat center top; }

.ab6 { background: url(../images/abiao6.png) no-repeat center top; }

.ab1:hover { background: url(../images/abiao1h.png) no-repeat center top; }

.ab2:hover { background: url(../images/abiao2h.png) no-repeat center top; }

.ab3:hover { background: url(../images/abiao3h.png) no-repeat center top; }

.ab4:hover { background: url(../images/abiao4h.png) no-repeat center top; }

.ab5:hover { background: url(../images/abiao5h.png) no-repeat center top; }

.ab6:hover { background: url(../images/abiao6h.png) no-repeat center top; }

.abnav a:hover { color: #00983d; }

.ab1.dangqianab { background: url(../images/abiao1h.png) no-repeat center top !important; }

.ab2.dangqianab { background: url(../images/abiao2h.png) no-repeat center top; }

.ab3.dangqianab { background: url(../images/abiao3h.png) no-repeat center top; }

.ab4.dangqianab { background: url(../images/abiao4h.png) no-repeat center top; }

.ab5.dangqianab { background: url(../images/abiao5h.png) no-repeat center top; }

.ab6.dangqianab { background: url(../images/abiao6h.png) no-repeat center top; }

.dangqianab { color: #00983d !important; }

.a1you { padding-right: 12px; padding-top: 12px; background: url(../images/a1kuai.jpg) no-repeat right top; margin-left: 60px; }

.a1you img { display: block; width: 100%; max-width: 642px; max-height: 482px; }

.a1p1 { font-size: 36px; font-size: 3.6rem; font-weight: bold; text-transform: uppercase; padding-bottom: 29px; background: url(../images/a1xian.jpg) no-repeat left bottom; margin-bottom: 38px; }

.a1p1 span { color: #1c841c; }

.a1p2 { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 30px; }

.a1zuo { padding-top: 41px;  }

.a1zuo p{font-family: Arial, Helvetica, sans-serif; line-height: 30px; padding-top: 3px; font-size: 16px; font-size: 1.6rem; color: #333333; }

.a1p3 { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 30px; margin-top: 14px; }

.a1lunbo .img-scroll { position: relative; margin-top: 37px; }

.a1lunbo .prev, .a1lunbo .next { position: absolute; display: block; top: 50%; margin-top: -20px; text-align: center; }

.a1lunbo .prev i, .a1lunbo .next i { font-size: 40px; font-size: 4rem; color: #000000; }

.a1lunbo .prev:hover i, .a1lunbo .next:hover i { color: #1c841c; }

.a1lunbo .prev { left: 0; cursor: pointer; }

.a1lunbo .next { right: 0; cursor: pointer; }

.a1lunbo .img-list { position: relative; width: 1011px; overflow: hidden; margin: 0 auto; }

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

.a1lunbo .img-list li { float: left; display: inline; width: 304px; margin-right: 49px; position: relative; position: relative; text-align: center; }

.a1lunbo .img-list li img { width: 100%; max-width: 304px; max-height: 228px; display: block; }


@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .abnav a { margin-left: 10px; }
  .a1you { width: 450px; }
  .a1lunbo .img-list { width: 855px; }
  .a1lunbo .img-list li { margin-right: 20px; width: 271px; } 
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .abnav a{margin-left: 5px;font-size:14px;font-size:1.4rem;width: 145px;}
  .a1you { width: 450px; }
  .a1zuo{padding-top: 5px;}
  .a1lunbo .img-list { width: 800px; }
  .a1lunbo .img-list li { margin-right: 20px; width: 253px; } 
}

@media screen and (max-width: 999px) { .abnav a { width: 31.333%; margin: 0; margin-bottom: 10px; }
  .a1p1 { font-size: 30px; font-size: 3rem; }
  .a1you { width: 400px; margin-left: 30px; }
  .a1zuo { padding-top: 0; }
  .a1lunbo .img-list { width: 100%; }
  .a1lunbo .img-list li { width: 0.313333%; margin: 0 0.01%; }
  .fymain { padding-bottom: 40px; } }

@media screen and (max-width: 767px) { .abnav a { font-size: 14px; font-size: 1.4rem; }
  .a1p1 { font-size: 24px; font-size: 2.4rem; }
  .a1you { width: 330px; }
  .a1p2 { font-size: 14px; font-size: 1.4rem; } }

@media screen and (max-width: 650px) { .a1you { float: none; width: auto; margin-left: 0; }
  .a1zuo { margin-top: 20px; }
  .a1p2 { margin-top: 15px; } }

@media screen and (max-width: 500px) { .a1lunbo .img-list li { width: 0.48%; } }

@media screen and (max-width: 450px) { .abnav a { width: 50%; }
  .a1p1 { padding-bottom: 10px; margin-bottom: 20px; } }

/**************   about2   *************/
.newbox { position: relative; padding-bottom: 41px; background: url("../images/a2xu.jpg") repeat-x left bottom; margin-bottom: 55px; }

.newbox .riqi { background: #959595; border: 1px solid #959595; width: 92px; height: 92px; position: absolute; top: 0; left: 0; }

.newbox .riqi .ri { font-size: 30px; font-size: 3rem; margin-top: 10px; padding: 0; text-align: center; display: block; color: #fff; font-weight: normal; padding-bottom: 7px; }

.newbox .riqi .yue { color: #fff; display: block; text-align: center; margin-top: 8px; font-size: 18px; font-size: 1.8rem; }

.newbox .synnr { padding-left: 359px; }

.newbox .npp1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; }

.newbox .npp2 { display: block; line-height: 24px; height: 48px; overflow: hidden; margin-top: 12px; color: #666666; }

.newbox .npp1:hover { color: #1c841c; }

.newbox .npp2:hover { color: #1c841c; }

.newbox .nlnr { padding-left: 155px; }

@media screen and (max-width: 767px) { .newbox .nlnr { padding-left: 120px; } }

@media screen and (max-width: 450px) { .newbox .riqi .yue { font-size: 14px; font-size: 1.4rem; margin-top: 2px; }
  .newbox .riqi .ri { font-size: 20px; font-size: 2rem; }
  .newbox .riqi { width: 65px; height: 70px; }
  .newbox .nlnr { padding-left: 85px; }
  .newbox .npp2 { margin-top: 5px; }
  .newbox { padding-bottom: 20px; margin-bottom: 30px; } }

/**********  about3  **********/
.about3 h1 { text-align: center; font-size: 20px; font-size: 2rem; color: #1c841c; margin-bottom: 18px; }

.kejisj { text-align: center; }

.kejisj span { color: #999999; font-size: 12px; font-size: 1.2rem; }

.kejisj i { font-size: 16px; font-size: 1.6rem; color: #999999; margin-right: 15px; }

.nex { line-height: 30px; padding-top: 31px; padding-bottom: 47px; margin-bottom: 43px; color: #666666; font-size: 16px; font-size: 1.6rem; background: url(../images/xwxu.jpg) repeat-x center bottom; }

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

.nex a { color: #1c841c; }

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

.nex b { font-size: 16px; font-size: 1.6rem; color: #209929; display: block; margin-top: 30px; }

.xwsx { line-height: 28PX; margin-top: 18px; }

.xwsx span { display: inline-block; width: 77px; height: 24px; line-height: 24px; border: 1px solid #666; text-align: center; margin-right: 13px; color: #666666; font-size: 14px; font-size: 1.4rem; }

.xwsx a { font-size: 16px; font-size: 1.6rem; color: #666666; }

.xwsx a:hover { color: #1c841c; }

/**********  about4  **********/
.a4p1 { font-size: 20px; font-size: 2rem; color: #1c841c; line-height: 30px; margin-bottom: 5px; }

.a4p2 { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-bottom: 18px; }

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

.a4p3 { margin-bottom: 22px; }

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

.a4p4 { font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #666666; line-height: 30px; margin-top: 6px; }

.a4p5 { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; padding-left: 12px; background: url(../images/a4dian.png) no-repeat left 10px; }

.a4p33 { margin-top: 18px; }

.a4p6 { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #1c841c; margin-top: 16px; margin-bottom: 13px; }

.a4p11 { margin-top: 27px; }

/**********  about5-1  **********/
.a5p1 img { max-width: 100%; }

.a5p1 { margin-bottom: 17px; }

.a5p2 { font-size: 20px; font-size: 2rem; font-weight: bold; color: #1c841c; text-transform: uppercase; margin-bottom: 8px; }

.a5p3 { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-bottom: 9px; }

.a5p3 a { color: #1c841c; font-weight: bold; font-style: italic; }

.a5p4 { font-size: 20px; font-size: 2rem; color: #1c841c; line-height: 30px; }

.a5p33 { margin-bottom: 30px; }

.a5p22 { margin-top: 15px; }

.a5p5 { font-size: 16px; font-size: 1.6rem; color: #1c841c; text-decoration: underline; line-height: 30px; }

/**********  about5-2  **********/
.aap1 { font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #1c841c; line-height: 26px; text-transform: uppercase; margin-bottom: 9px; }

.aap2 { font-size: 16px; font-size: 1.6rem; line-height: 26px; margin-bottom: 24px; }

.aap3 { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 30px; padding-left: 11px; background: url(../images/hongxing.png) no-repeat left 12px; }

.aap4 { font-size: 16px; font-size: 1.6rem; line-height: 39px; background: #efefef; }

.msint1 { height: 35px; line-height: 35px; border: 1px solid #ccc; padding-left: 13px; width: 1185px; margin-top: 18px; }

.msint11 { padding-left: 29px; width: 1169px; background: url(../images/lvxing.png) no-repeat 13px 14px; }

.aap5 { font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #666666; text-transform: uppercase; line-height: 22px; margin-top: 18px; margin-bottom: 10px; }

.checklist li { line-height: 30px; text-transform: uppercase; }

.checklist li span { color: #666666; }

.checklist li input { cursor: pointer; }

.msbox1 { margin-bottom: 13px; }

.msbox1 span { display: block; color: #666666; line-height: 42px; }

.msbox1 input { border: 1px solid #ccc; height: 35px; line-height: 35px; padding-left: 10px; width: 1188px; }

.msbox2 span { display: block; color: #666666; line-height: 42px; }

.msbox2 li { float: left; width: 275px; margin-left: 33px; margin-bottom: 23px; }

.msbox2 a { color: #666666; margin-left: 5px; }

.msbox2 input { border: 1px solid #ccc; height: 35px; line-height: 35px; padding-left: 8px; width: 244px; }

.msbox3 .aap5 { margin-top: 0; }

.msbox4 input { border: 1px solid #ccc; height: 35px; line-height: 35px; padding-left: 8px; width: 244px; float: left; margin-left: 61px; margin-bottom: 15px; }

.msbox4 span { display: block; line-height: 26px; margin-bottom: 17px; }

.msbox5 div { margin-top: 20px; margin-left: 30px; margin-right: 35px; }

.msbox5 div input { margin: 0 7px; cursor: pointer; }

.msbox5 a { color: #666666; line-height: 22px; margin-top: 18px; text-transform: uppercase; }

.msbox5 > input { border: 1px solid #ccc; height: 35px; line-height: 35px; padding-left: 8px; width: 623px; margin-top: 18px; }

.msint2 { height: 131px; line-height: 35px; border: 1px solid #ccc; padding-left: 13px; width: 1185px; margin-top: 18px; }

.msbox6 input { border: 1px solid #ccc; height: 35px; line-height: 35px; padding-left: 23px; width: 229px; background: url(../images/lvxing.png) no-repeat 10px 12px; /*margin-left: 57px;*/ margin-bottom: 37px; }

.msbox7 .msint3 { border: 1px solid #ccc; height: 35px; line-height: 35px; padding-left: 23px; width: 402px; background: url(../images/lvxing.png) no-repeat 10px 12px; }

.msbox7 .msint4 { width: 252px; height: 37px; line-height: 37px; text-align: center; color: #fff; background: #999999; font-size: 16px; font-size: 1.6rem; font-weight: bold; margin-left: 59px; }

.msbox7 .msint4:hover { background: #1c841c; cursor: pointer; }

.msbox7 img { vertical-align: middle; margin-left: 15px; cursor: pointer; }

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .msint1 { width: 965px; }
  .msint11 { width: 949px; }
  .msbox1 input { width: 968px; }
  .msbox2 input { width: 200px; }
  .msbox2 li { width: 229px; margin-left: 21px; }
  .msbox4 input { margin-left: 30px; width: 212px; }
  .msbox5 > input { width: 410px; }
  .msint2 { width: 965px; }
  .msbox6 input {/* margin-left: 25px; */width: 198px; }
  .msbox7 .msint3 { width: 182px; }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .msint1 { width: 885px; }
  .msint11 { width: 869px; }
  .msbox1 input { width: 888px; }
  .msbox2 input { width: 180px; }
  .msbox2 li { width: 208px; margin-left: 21px; }
  .msbox4 input { margin-left: 15px; width: 202px; }
  .msbox5 > input { width: 340px; }
  .msint2 { width: 885px; }
  .msbox6 input {/* margin-left: 12px;*/ width: 188px; }
  .msbox7 .msint3 { width: 102px; }
}

@media screen and (max-width: 999px) { .msint1 { width: -webkit-calc(100% - 13px); width: -moz-calc(100% - 13px); width: calc(100% - 13px); }
  .msint11 { width: -webkit-calc(100% - 29px); width: -moz-calc(100% - 29px); width: calc(100% - 29px); }
  .msbox1 input { width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); }
  .msbox2 li { width: 25%; margin-left: 0; }
  .msbox4 input { width: -webkit-calc(24% - 10px); width: -moz-calc(24% - 10px); width: calc(24% - 10px); margin-right: 1%; margin-left: 0; }
  .msbox5 > input { width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); }
  .msint2 { width: -webkit-calc(100% - 13px); width: -moz-calc(100% - 13px); width: calc(100% - 13px); }
  .msbox6 input { width: -webkit-calc(24% - 28px); width: -moz-calc(24% - 28px); width: calc(24% - 28px); margin-left: 0; margin-right: 1%; }
  .msbox7 .msint4 { width: 45%; margin: 0; margin-right: 1%; margin-top: 20px; float: left; }
  .msbox7 .msint3 { width: 60%; }
  .msbox2 input { width: -webkit-calc(100% - 35px); width: -moz-calc(100% - 35px); width: calc(100% - 35px); } }

@media screen and (max-width: 767px) { .msbox2 li { width: 50%; }
  .msbox5 .aap5 { float: none; }
  .msbox5 div { margin-left: 0; } }

@media screen and (max-width: 650px) { .msbox4 input { width: -webkit-calc(49% - 10px); width: -moz-calc(49% - 10px); width: calc(49% - 10px); }
  .msbox6 input { width: -webkit-calc(49% - 28px); width: -moz-calc(49% - 28px); width: calc(49% - 28px); margin-bottom: 15px; }
  .msint2 { line-height: 22px; } }

@media screen and (max-width: 450px) { .msbox7 .msint3 { width: -webkit-calc(100% - 25px); width: -moz-calc(100% - 25px); width: calc(100% - 25px); }
  .msbox7 img { display: block; margin-left: 0; margin-top: 15px; }
  .aap5 { font-size: 14px; font-size: 1.4rem; }
  .msbox2 li { width: 100%; margin-bottom: 15px; } }

/**********  about6  **********/
.a6you { margin-left: 40px; }

.a6you img { width: 100%; max-width: 458px; }

.a6zuo { padding-top: 33px; }

.a6p1 { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #1c841c; line-height: 30px; margin-bottom: 22px; }

.a6p2 { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-bottom: 30px; }

@media screen and (max-width: 999px) { .a6you { width: 350px; }
  .a6zuo { padding-top: 0; } }

@media screen and (max-width: 767px) { .a6you { width: auto; margin-left: 0; text-align: center; float: none; margin-bottom: 20px; }
  .a6p2 { margin-bottom: 15px; } }

@media screen and (max-width: 500px) { .a6p1 { font-size: 20px; font-size: 2rem; } }

/**********  about7  **********/
.a7p1 img { max-width: 100%; }

.a7p11 img { max-width: 150px; }

.a7p11 { margin-top: 30px; }

.a7p1 { margin-bottom: 16px; }

.a7p2 { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #1c841c; line-height: 30px; margin-bottom: 14px; }

.a7p3 { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-bottom: 30px; }

.biaobox { width: 220px; float: left; margin-left: 106px; text-align: center; margin-top: 13px; }

.biaop1 { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 30px; margin-top: 9px; margin-bottom: 2px; }

.biaobox1 .biaop1 { color: #fcb812; }

.biaobox2 .biaop1 { color: #61106c; }

.biaobox3 .biaop1 { color: #0a3277; }

.biaobox4 .biaop1 { color: #7bccc5; }

.biaop2 { color: #666666; line-height: 24px; }


@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .biaobox { margin-left: 33px; }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .biaobox { margin-left: 10px; width: 217px;}
}

@media screen and (max-width: 999px) { .biaobox { width: 48%; margin: 0 1%; margin-bottom: 20px; }
  .biaop2 { height: 72px; } }

@media screen and (max-width: 500px) { .biaobox { width: 98%; }
  .biaop2 { height: auto; }
  .a7p2 { font-size: 20px; font-size: 2rem; } }

/***************  video  ***************/
.vbox { background: #f5f5f5; margin-bottom: 49px; }

.vcon { padding: 12px; padding-bottom: 16px; }

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

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

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

.vbox .vzuo { width: 512px; margin-right: 62px; }

.vbox .vyou { padding-top: 45px; padding-right: 48px; }

.vp1 { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #333333; line-height: 24px; }

.vp2 { color: #666666; line-height: 30px; margin-top: 24px; font-size: 16px; font-size: 1.6rem; }

.ms_ye { position: relative; margin-top: 22px; text-align: center; }

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

.ms_sx { width: 59px !important; background: none !important; color: #333 !important; }

.ms_sx:hover { color: #1c841c !important; }

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

.ms_ye a:hover { color: #1c841c; border: 1px solid #1c841c; }

.ms_ye a.no:hover { color: #333333 !important; border: 1px solid #e5e5e5; }

@media screen and (max-width: 1219px) { .vbox .vzuo { margin-right: 30px; }
  .vbox .vyou { padding-top: 25px; } }

@media screen and (max-width: 999px) { .vbox .vzuo { width: 350px; }
  .vp2 { margin-top: 10px; font-size: 14px; font-size: 1.4rem; line-height: 26px; }
  .vbox .vyou { padding-top: 12px; }
  .ms_ye a { margin-bottom: 10px; } }

@media screen and (max-width: 850px) { .vbox .vzuo { float: none; width: auto; max-width: 512px; margin: 0 auto; }
  .vbox .vyou { padding: 0px; padding-top: 10px; text-align: center; }
  .vbox { margin-bottom: 20px; } }

/**********   product1   **********/
.fypbt { font-size: 24px; font-size: 2.4rem; font-weight: bold; padding-bottom: 18px; border-bottom: 1px solid #dcdcdc; margin-bottom: 27px; }

.pxbjq { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 24px; padding-bottom: 16px; }

.pxbjq li, .pxbjq span, .pxbjq p, .pxbjq div { color: #666666; }

.pxbjq a { color: #1c841c; }

.pbox { width: 251px; float: left; margin-left: 65px; text-align: center; margin-bottom: 50px; -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.3); position: relative; overflow: hidden; }

.ptu { display: block; }

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

.pp1 {height: 56px;padding: 0 10px; display: block; line-height: 30px; padding-top: 8px; padding-bottom: 8px; overflow: hidden; background: #fff; }

.pp1:hover { color: #1c841c; }

.pp2 {padding: 0 10px; display: block; overflow: hidden; text-overflow: ellipsis; background: #fff; height: 45px; line-height: 21px; }

.pp2:hover { color: #1c841c; }

.sop2 { display: none; overflow: hidden; text-overflow: ellipsis; background: #fff; height: 46px; line-height: 21px; padding: 0 29px; }

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

.pcover span { position: absolute; width: 95px; height: 28px; line-height: 28px; text-align: center; background: url(../images/fybtn.png) no-repeat; border-radius: 5px; font-size: 12px; font-size: 1.2rem; left: 50%; margin-left: -48px; top: 43%; margin-top: -11px; }

.pbox:hover .pcover { top: 0; }

.xiangshang { position: absolute; left: 0; bottom: 0; padding-left: 23px; background: url(../images/xs.jpg) no-repeat left 6px; }

.xiangshang input { width: 168px; height: 30px; line-height: 30px; text-align: center; color: #1c841c; border: 1px solid #1c841c; cursor: pointer; background: #fff; }

.xiangshang input:hover { background: #333; }

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .pbox { width: 222px; margin-left: 30px; }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .pbox { width: 210px; margin-left: 20px; }
}

@media screen and (max-width: 999px) { .pbox { width: 23%; margin: 0 1%; margin-bottom: 30px; }
  .pcover { display: none; } }

@media screen and (max-width: 700px) { .pbox { width: 31.33%; }
  .pxbjq { padding-bottom: 35px; }.vp2{display: none;}
  .vp1 { font-size: 18px; font-size: 1.8rem; } }

@media screen and (max-width: 500px) { .pbox { width: 48%; }
  .pxbjq { font-size: 14px; font-size: 1.4rem; }
  .fypbt { padding-bottom: 10px; margin-bottom: 15px; } }

/**********   product2   **********/
.fypbt2 { font-size: 24px; font-size: 2.4rem; font-weight: bold; margin-top: 54px; line-height: 24px; margin-bottom: 22px; }

.lv { background: #1c841c; margin-bottom: 50px; }

.lvn { padding-left: 23px; padding-top: 20px; padding-right: 20px; padding-bottom: 37px; }

.lvn p { font-size: 16px; font-size: 1.6rem; color: #fff; }

.lvn select { float: right; width: 350px; height: 44px; line-height: 44px; border: none; padding-left: 20px; cursor: pointer; font-size: 16px; font-size: 1.6rem; color: #666666; }

.lvn .search { position: relative; margin-left: 100px; margin-top:0;}

.lvn .sou { border: none; border-radius: 0; width: 270px; height: 44px; line-height: 44px; padding-left: 11px; color: #999999; }

.lvn form i { z-index: 1; background: #fff; position: absolute; top: 0px; right: -45px; width: 44px; height: 44px; line-height: 44PX; text-align: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: #333; font-size: 14px; font-size: 1.4rem; }

.lvn .suo { position: absolute;right: -45px;top: 0;width: 44px;height: 44px;cursor: pointer;background: transparent;border-top-right-radius: 10px; border-bottom-right-radius: 10px;z-index: 2;}

@media screen and (max-width: 500px) { .lvn select { float: none; margin-top: 10px; width: 100%; }
  .lvn { padding-bottom: 25px; }
  .lv { margin-bottom: 30px; } }

/**********   product3   **********/
@font-face { font-family: 'Gotham'; src: url("../fonts/Gotham.eot"); src: url("../fonts/Gotham.eot") format("embedded-opentype"), url("../fonts/Gotham.woff2") format("woff2"), url("../fonts/Gotham.woff") format("woff"), url("../fonts/Gotham.ttf") format("truetype"), url("../fonts/Gotham.svg#Gotham") format("svg"); }

@font-face { font-family: 'FuturaStdBold'; src: url("../fonts/FuturaStdBold.eot"); src: url("../fonts/FuturaStdBold.eot") format("embedded-opentype"), url("../fonts/FuturaStdBold.woff2") format("woff2"), url("../fonts/FuturaStdBold.woff") format("woff"), url("../fonts/FuturaStdBold.ttf") format("truetype"), url("../fonts/FuturaStdBold.svg#FuturaStdBold") format("svg"); }

.product3 { background: url(../images/successbg.jpg) no-repeat center top; height: 100%; text-align: center; }

.p3p1 { font-size: 30px; font-size: 3rem; line-height: 44px; font-family: 'Gotham'; padding-top: 24%; }

.p3p2 { font-size: 50px; font-size: 5rem; color: #1c841c; font-family: 'FuturaStdBold'; margin-top: 60px; }

@media screen and (max-width: 1219px) { .p3p1 { font-size: 24px; font-size: 2.4rem; padding-top: 18%; }
  .p3p2 { font-size: 40px; font-size: 4rem; } }

@media screen and (max-width: 999px) { .p3p1 { font-size: 20px; font-size: 2rem; padding-top: 14%; }
  .p3p2 { font-size: 30px; font-size: 3rem; margin-top: 40px; } }

@media screen and (max-width: 600px) { .p3p1 { font-size: 18px; font-size: 1.8rem; padding-top: 10%; line-height: 36px; }
  .p3p2 { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 450px) { .p3p1 { font-size: 16px; font-size: 1.6rem; line-height: 30px; }
  .p3p2 { font-size: 20px; font-size: 2rem; margin-top: 25px; } }

/**********   product4   **********/
/*-------------products2 start-------------------------------------------------------------*/
.m-propic { margin: 0 auto; width: 719px; }

.m-propic .pic-big { position: relative; float: left; width: 580px; margin-right: 12px; }

.m-propic .big-img { display: block; line-height: 0; font-size: 0; border-radius: 0; border: 0 solid #d7d7d7; border: 0 solid rgba(113, 113, 113, 0.3); }

.m-propic .big-img .zoomPad { float: none; z-index: 8; }

.m-propic .big-img .zoomPad img { border-radius: 0;}

.m-propic .big-img img{max-width: 100%;}

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

.m-propic .pic-small { position: relative; float: left; width: 125px; padding-top: 21px; padding-bottom: 21px; overflow: hidden; }

.m-propic .pic-btn { position: absolute; margin: 0 auto; left: 0; right: 0; display: block; width: 100%; height: 18px; cursor: pointer; text-align: center; }

.m-propic .pic-btn .iconfont { font-size: 18px; font-size: 1.8rem; color: #000; }

.m-propic .pic-btn.prev { top: 0; }

.m-propic .pic-btn.next { bottom: 0; }

.m-propic .pic-list { height: 306px; margin-top: 43px; margin-bottom: 40px; overflow: hidden; }

.m-propic .pic-list ul { height: 2000px; }

.m-propic .pic-list .list-item { margin-bottom: 17px; overflow: visible; padding-left: 0; position: relative; margin-left: 3px; }

.m-propic .pic-list .list-item .pxjiao { position: absolute; left: -3px; top: 50%; margin-top: -4px; display: none; }

.m-propic .pic-list .item-pics { display: block; border-radius: 0; border: 1px solid transparent; position: relative; }

.m-propic .pic-list .item-pics img { width: 100%; display: block; }

.m-propic .item-pics:hover, .m-propic .item-pics.zoomThumbActive { border-color: #1c841c; }

.m-propic .item-pics:hover .pxjiao, .m-propic .item-pics.zoomThumbActive .pxjiao { display: 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; }
  .m-propic { max-width: 100%; float: none; }
  .m-propic .pic-big { height: auto; }
  /*.m-propic .pic-small { width: 110px; } .m-propic .pic-list { height: 444px; } .m-propic .list-item { margin-bottom: 40px; } */ }

@media screen and (max-width: 767px) { .m-propic1 { 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: #1c841c; }
  .m-propic2 .box-btn.prev { left: 0; }
  .m-propic2 .box-btn.next { right: 0; }
  .m-propic2 .box-list { overflow: hidden; }
  .m-propic2 .box-list ul { width: 1000%; }
  .m-propic2 .list-item { float: left; margin-left: .1%; margin-right: .1%; margin-bottom: 0; width: 3.13%; border-radius: 0; border: 0 solid #d7d7d7; border: 0 solid rgba(113, 113, 113, 0.3); overflow: hidden; }
  .m-propic2 .list-item 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%; } }

.item-btns { margin-top: 4px; }

.pro2-info .item-title { line-height: 30px; font-size: 24px; font-size: 2.4rem; color: #1c841c; margin-bottom: 15px; }

.pro2-info .pro-share { float: left; margin-top: 8px; }

.pro2-info .item-btn { display: inline-block; width: 100%; height: 58px; line-height: 58px; background: #0072BE; text-align: center; font-size: 20px; font-size: 2rem; color: #555555; }

.pro2-info .item-btn:hover { background-color: #0072BE; color: #fff; border-color: #1c841c; }

.pro2-info .item-btn span { color: #fff; display: inline-block; padding-right: 50px; background: url(../images/xpjt.png) no-repeat right center; }

@media only screen and (max-width: 999px) { .pro2-info { text-align: center; }
  .pro2-info .item-title { padding-right: 0; }
  .pro2-info .pro-share { float: none; }
  .pro2-info .item-btns { float: none; margin-top: 20px; } }

@media only screen and (max-width: 767px) { .pro2-info .item-title { line-height: 30px; font-size: 20px; font-size: 2rem; margin: 20px 0 10px; }
  .pro2-info .item-btn { height: 32px; line-height: 30px; font-size: 14px; font-size: 1.4rem; } }

@media only screen and (max-width: 400px) { .pro2-info .item-btn { width: 45%; }
  .pro2-info .item-btn:first-child { margin-right: 5%; } }

.pro2-title { font-size: 24px; font-size: 2.4rem; border-bottom: solid 1px #BFBFBF; position: relative; padding-bottom: 15px; text-transform: capitalize; }

.pro2-title, .pro2-title a { color: #1c841c; }

.pro2-title:after { position: absolute; content: ''; width: 129px; height: 3px; background-color: #1c841c; left: 0; bottom: -2px; }

@media screen and (max-width: 767px) { .pro2-title { font-size: 20px; font-size: 2rem; padding-bottom: 10px; } }

.pro2-descbox { margin-top: 64px; }

@media screen and (max-width: 999px) { .pro2-descbox { margin-top: 50px; } }

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

.pro2-spec { padding: 24px 0 52px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.pro2-spec, .pro2-spec p, .pro2-spec li, .pro2-spec a, .pro2-spec span, .pro2-spec b, .pro2-spec strong, .pro2-spec dd, .pro2-spec em { color: #555; }

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

.pro2-spec table { border: 0; }

.pro2-spec table tr:nth-child(odd) { background-color: #f3f3f3; }

.pro2-spec table tr:first-child td { padding-top: 10px; }

.pro2-spec table tr:last-child td { padding-bottom: 8px; }

.pro2-spec table tr td { border: solid 2px #f3f3f3; line-height: 28px; padding: 0 24px; font-size: 16px; font-size: 1.6rem; font-family: Verdana; }

.pro2-spec table tr td:first-of-type { border-left: 0; }

.pro2-spec table tr td:last-of-type { border-right: 0; }

@media screen and (max-width: 767px) { .pro2-spec { padding: 24px 0 30px; font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .pro2-spec table tr td { font-size: 14px; font-size: 1.4rem; } }

/* pro2-parabox start */
.pro2-parabox .pro2-spec { padding: 42px 0 70px; }

@media screen and (max-width: 999px) { .pro2-parabox .pro2-spec { padding: 42px 0 50px; } }

@media screen and (max-width: 767px) { .pro2-parabox .pro2-spec { padding: 30px 0; } }

/* pro2-parabox end */
/* related-pro start */
.related-pro .pro1-list { padding-bottom: 0; }

.related-pro .pro1-list .list-item { margin-top: 45px; margin-bottom: 0; }

@media screen and (max-width: 767px) { .related-pro .pro1-list .list-item { margin-top: 30px; } }

.related-pro .pro1-list .item-btnbox { text-align: center; padding-left: 0; }

/* related-pro end */
/*-------------products2 end---------------------------------------------------------------*/
.cpxx { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.pro2-info { width: 427px; padding-top: 23px; }

.pxlist { margin-top: 44px; }

.pxlist li { width: 140px; background: #1c841c; text-align: center; float: left; margin-left: 3px; padding-top: 15px; padding-bottom: 15px; }

.pxlist li a { display: block; font-size: 16px; font-size: 1.6rem; color: #fff; padding-top: 35px; }

.pxli1 a { background: url(../images/pi1.png) no-repeat center top; }

.pxli2 a { background: url(../images/pi2.png) no-repeat center top; }

.pxli3 a { background: url(../images/pi3.png) no-repeat center top; }

.share1 { margin-right: 10px; position: relative; top: 3px; }

.share { margin-top: 46px; }

#outer { margin-top: 40px; }

#tab { border-bottom: 1px solid #dcdcdc; }

#tab li { line-height: 57px; width: 298px; margin-right: 2px; float: left; background: #f5f5f5; text-align: center; font-size: 20px; font-size: 2rem; cursor: pointer; }

#tab li.current { background: #999; color: #fff; }

#tab li:hover { background: #999; color: #fff; }

.ul { display: none; padding-top: 38px; }

.chanpinx { line-height: 30px; padding-top: 3px; font-size: 16px; font-size: 1.6rem; color: #333333; }

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

.chanpinx a { color: #1d70db; }

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

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

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

.chanpinx .table table tr td, .nex tr td, .cpxx tr td { width: auto; line-height: 24px; padding: 2px; }

.table table { width: 100%; border-collapse: collapse; line-height: 22px; border: 1px solid #ccc; }

.table table tr td { padding: 15px 7px; border: 1px solid #ccc;  }

.wsap .table table tr td  { width: 50%; }


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

.bgcolor { background: #fafafa; margin-top: 29px; }

.bgcolorn { padding-left: 33px; padding-top: 27px; padding-right: 20px; padding-bottom: 49px; }

.bgzuo { width: 549px; }

.bgyou { width: 560px; }

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

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

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

.lvbt { font-size: 20px; font-size: 2rem; font-weight: bold; background: url(../images/lvxian.jpg) repeat-x center center; margin-bottom: 24px; }

.lvbt a { display: inline-block; color: #1c841c; background: #fafafa url(../images/lvdian.png) no-repeat right center; padding-right: 18px; }

.lvbox { position: relative; }

.lvtu { position: absolute; left: 0; top: 0; width: 313px; }

.lvtu img { display: block; width: 100%; max-width: 381px; max-height: 212px; }

.lvnr { padding-left: 340px; }

.lvp1 { font-size: 18px; font-size: 1.8rem; color: #1c841c; font-weight: bold; display: block; }

.lvp2 { display: block; font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; height: 90px; overflow: hidden; margin-top: 9px; margin-bottom: 35px; }

.lvp3 { display: block; font-size: 16px; font-size: 1.6rem; color: #1c841c; }

.lvp2:hover { color: #1c841c; }

.bgcolorn2 { padding-top: 20px; padding-bottom: 46px; }

.zjpbt { font-size: 24px; font-size: 2.4rem; font-weight: bold; text-align: center; background: url(../images/zjpbg.png) no-repeat center center; }

.zjpbt a { color: #209929; }

.p4lunbo .img-scroll { position: relative; margin-top: 37px; }

.p4lunbo .prev, .p4lunbo .next { position: absolute; display: block; top: 50%; margin-top: -20px; text-align: center; }

.p4lunbo .prev i, .p4lunbo .next i { font-size: 40px; font-size: 4rem; color: #000000; }

.p4lunbo .prev:hover i, .p4lunbo .next:hover i { color: #1c841c; }

.p4lunbo .prev { left: 0; cursor: pointer; }

.p4lunbo .next { right: 0; cursor: pointer; }

.p4lunbo .img-list { position: relative; width: 1087px; padding: 10px; overflow: hidden; margin: 0 auto; }

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

.p4lunbo .img-list li { float: left; display: inline; width: 251px; margin-right: 28px; position: relative; position: relative; text-align: center; -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.3); }

.p4lunbo .img-list li img { width: 100%; max-width: 304px; max-height: 228px; display: block; }

.p4lunbo .img-list li:hover .pp11 { color: #1c841c; }

.pp11 { display: block; line-height: 30px; padding-top: 3px; padding-bottom: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #fff; }

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .m-propic{float: none;}
  .pro2-info { width: 719px; margin: 0 auto; float: none; }
  .pxlist li { width: 237px; }
  #tab li { width: 243px; }
  .bgzuo { width: 450px; }
  .bgyou { width: 450px; }
  .lvtu { width: 250px; }
  .lvnr { padding-left: 265px; }
  .lvp2 { margin-bottom: 10px; }
  .p4lunbo .img-list { width: 850px; }
  .p4lunbo .img-list li { margin-right: 18px; width: 199px; } 
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .pro2-info { width: 719px; margin: 0 auto; float: none; }
  #tab li{width: 223px;}
  .p4lunbo .img-list{width: 810px;}
  .pxlist li { width: 237px; }
}


@media screen and (max-width: 999px) { 
  .m-propic{float: none;}
  .pro2-info{width: 100%;float: none;}
  .pxlist li { width: 31.333%; margin: 0 1%; }
  #tab li { width: 24%; margin-right: 1%; }
  .bgzuo { width: 100%; }
  .bgyou { width: 100%; margin-top: 20px; }
  .p4lunbo .img-list { width: 85%; }
  .p4lunbo .img-list li { width: 0.27333%; margin: 0 0.03%; } }

@media screen and (max-width: 767px) { #tab li { font-size: 16px; font-size: 1.6rem; line-height: 40px; }
  .ul { padding-top: 20px; }
  .pxlist { margin-top: 25px; }
  .p4lunbo .img-list li { -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); width: 0.2933%; margin: 0 0.02%; }
  .p4lunbo .img-list { padding: 4px; }
  .pro2-info { width: 100%; }
  .lvp2,.lvp3 { display: none; } }

@media screen and (max-width: 550px) { .bgcolorn { padding-left: 15px; padding-right: 15px; }
  .p4lunbo .img-list li { width: 0.46%; margin: 0 0.02%; }
  .p4lunbo .img-list { width: 80%; }
  .zjpbt { background: none; } }

@media screen and (max-width: 500px) { #tab li { width: 50%; margin: 0; }
  .lvtu { position: static; max-width: 313px; margin: 0 auto; }
  .lvnr { padding-left: 0; margin-top: 20px; text-align: center; }
  .lvp2 { height: auto; } }

@media screen and (max-width: 450px) { .zjpbt { font-size: 20px; font-size: 2rem; }
  .p4lunbo .img-list { width: 70%; }
  .p4lunbo .img-list li { width: 0.96%; margin: 0 0.03%; } }

@media screen and (max-width: 400px) { .pxlist li a { font-size: 14px; font-size: 1.4rem; } }

/************* cover *************/
.cover { background: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999999999999999; display: none; }

.covern { background: #fff; width: 1080px; margin: 0 auto; position: relative; padding-top: 35px; padding-bottom: 22px; top: 10px; }

.guanbi { position: absolute; top: 15px; right: 26px; cursor: pointer; width: 24px; height: 24px; border: 1px solid #999; border-radius: 50%; line-height: 24px; text-align: center; }

.guanbi i { font-size: 12px; font-size: 1.2rem; color: #999; }

.covernr { padding-left: 53px; padding-right: 86px; }

.if { font-size: 30px; font-size: 3rem; color: #1c841c; font-weight: bold; text-transform: uppercase; padding: 0 10px; text-align: center; margin-bottom: 3px; }

.if2 { color: #666666; line-height: 22px; text-align: center; }

.if3 { font-size: 16px; font-size: 1.6rem; color: #1c841c; font-weight: bold; line-height: 22px; padding-bottom: 14px; border-bottom: 1px solid #9b9b9b; margin-bottom: 28px; padding-left: 12px; margin-left: 20px; margin-top: 36px; }

.tint { padding-left: 30px; margin-bottom: 40px; }

.tint2 { margin-bottom: 30px; }

.tint select { cursor: pointer; }

.tint.xing, .tint2.xing { background: url(../images/txing.png) no-repeat left 7px; }

.tint1 select { border: none; float: left; }

.tint1 { width: 404px; }

.tint2 { width: 284px; }

.tint span { color: #666666; float: left; }

.tint div { overflow: hidden; border-bottom: 1px solid #999; }

.tint4 div { border: none; }

.tint input { padding-left: 10px; color: #666666; height: 22px; line-height: 22px; width: 341px; }

.tint11 input { float: left; width: 303px; }

.tint textarea { padding-left: 10px; color: #666666; height: 115px; line-height: 38px; width: 791px; border: 1px solid #999; float: left; margin-left: 15px; }

.tint2 input { padding-left: 10px; color: #666666; height: 22px; line-height: 22px; width: 204px; background: #fff; }

.tint3 input { width: 442px; height: 53px; line-height: 53px; text-align: center; background: #999999; color: #fff; cursor: pointer; font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.tint3 input:hover { background: #1c841c; }

.tint5 input { width: 837px; }

.tput1 { background: #fff; }

.tput2 { background: #fff; }

.tput3 { background: #fff; }

.tyzm { cursor: pointer; margin-left: 10px; position: relative; top: -27px; }

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .covern { width: 940px; }
  .tint1 { width: 355px; }
  .tint input { width: 292px; }
  .tint11 input { width: 253px; }
  .tint5 input { width: 698px; }
  .tint textarea { width: 682px; }
  .tint3 input { width: 380px; }
}

@media screen and (max-width: 1219px) { .covern { width: 940px; }
  .tint1 { width: 355px; }
  .tint input { width: 292px; }
  .tint11 input { width: 253px; }
  .tint5 input { width: 698px; }
  .tint textarea { width: 682px; }
  .tint3 input { width: 380px; } }

@media screen and (max-width: 999px) { .covern { width: 100%; }
  .tint1 { width: -webkit-calc(48% - 30px); width: -moz-calc(48% - 30px); width: calc(48% - 30px); }
  .tint input { width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); }
  .tint11 input { width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); }
  .tint { margin-bottom: 20px; }
  .tint textarea { width: -webkit-calc(100% - 92px); width: -moz-calc(100% - 92px); width: calc(100% - 92px); }
  .tyzm { top: -10px; }
  .tint3 { width: 46%; }
  .tint3 input { width: 100%; height: 38px; line-height: 38px; }
  .if { font-size: 24px; font-size: 2.4rem; } }

@media screen and (max-width: 767px) { .tint textarea { height: 70px; }
  .if3 { margin-top: 15px; } }

@media screen and (max-width: 550px) { .covern { height: 550px; overflow-y: scroll; }
  .tint1 { width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); }
  .tint textarea { width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); margin-left: 0; margin-top: 10px; }
  .covernr { padding-left: 20px; padding-right: 20px; }
  .tint2 { float: none; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); } }

/**********  product5  **********/
.czuo { margin-left: 71px; }

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

.cyou { width: 708px; border-radius: 10px; background: #e5e5e5; padding-top: 25px; padding-bottom: 30px; }

.cyou form { width: 564px; margin: 0 auto; }

.cyp1 { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #1c841c; line-height: 30px; padding-left: 12px; }

.cyp2 { font-size: 16px; font-size: 1.6rem; color: #1c841c; line-height: 30px; padding-left: 12px; margin-bottom: 17px; }

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .cyou { width: 620px; }
  .cyou form { width: 460px; }
  .czuo { margin-left: 0px; }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .cyou { width: 560px; }
  .cyou form { width: 460px; }
  .czuo { margin-left: 0px; }
}

@media screen and (max-width: 999px) { .cyou { width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: calc(100% - 350px);}
  .cyou form { width: 90%; } 
  .czuo{width: 330px;margin-left: 0;}
}

@media screen and (max-width: 800px) { .cyou { width: 100%; }
  .czuo { width: 100%; text-align: center; margin-top: 20px; } }

@media screen and (max-width: 500px) { .cyp1 { font-size: 20px; font-size: 2rem; }
  .cyp2 { font-size: 14px; font-size: 1.4rem; line-height: 24px; }
  .cyou form { width: 96%; }
  .cyou .c_input1 { width: 89%; }
  .cyou .c_textarea { width: 89%; } }

/**********  project1  **********/
.fllist { background: #efefef; text-align: center; padding-top: 11px; padding-bottom: 11px; margin-bottom: 31px; }

.fllist li { text-align: center; display: inline-block; line-height: 49px; border-left: 1px solid #fff; font-size: 16px; font-size: 1.6rem; font-weight: bold; padding: 0 37px; }

.fllist li a { display: block; border: 1px solid #fff; }

.fllist li.noborder { border: none; }

.fllist li.currentfl a { color: #1c841c; }

.fllist li:hover a { color: #1c841c; }

.wppnei{ display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.probox { 
/*    width: 381px;*/
/*float: left;*/
/*margin-left: 28px;*/
margin-bottom: 30px; 
     width: 48%;
    
}

.probox img { display: block; 
width: 100%;
/*max-width: 381px; max-height: 212px; */
    
}

.probox .yue {
    color: #333;
    line-height: 30px;
  margin-bottom:10px;    display: block;
}
.probox a { display: block; }

.probox a:hover { color: #1c841c; }

.prop1 { font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 19px; }

.prop2 {font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; 
height: 60px;
overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
overflow: hidden; 
margin-bottom: 7px; margin-top: 7px; }

.prop3 { font-size: 16px; font-size: 1.6rem; color: #1c841c; }

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .fllist li { padding: 0 14px; }
  /*.probox { margin-left: 20px; width: 313px; }*/
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .fllist li { padding: 0 14px; }
  /*.probox { margin-left: 20px; width: 286px; }*/
}

@media screen and (max-width: 999px) { .fllist li { float: left; width: 33.3333%; padding: 0; border: none; line-height: 40px; }
  .probox { width: 31.333%; margin: 0 1%; margin-bottom: 30px; }
  .prop1 { font-size: 16px; font-size: 1.6rem; } }

@media screen and (max-width: 767px) {
    /*.probox a.prop2  { display: none; }*/
    .fllist li { float: left; width: 50%; padding: 0; border: none; line-height: 40px; } }

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

@media screen and (max-width: 500px) { .fllist li { font-size: 14px; font-size: 1.4rem; line-height: 30px; } }

@media screen and (max-width: 450px) { .fllist li { width: 100%; } }

/**********  project2  **********/
.project2 h1 { font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #333333; text-align: center; line-height: 24px; }

.kejisj2 { text-align: center; }

.kejisj2 span { line-height: 30px; display: inline-block; color: #999999; font-size: 12px; font-size: 1.2rem; }

.kejisj2 i { color: #999999; }

.nex2 { line-height: 30px; font-size: 16px; font-size: 1.6rem; padding-top: 6px; color: #666666; padding-bottom: 30px; background: url(../images/xwxu.jpg) repeat-x center bottom; margin-bottom: 43px; }

.nex2 li, .nex2 p, .nex2 div, .nex2 span { color: #666666; }

.nex2 a { color: #1c841c; }

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

.xwsx { line-height: 28px; margin-top: 19px; color: #666666; }

.xwsx span { display: inline-block; width: 77px; height: 24px; line-height: 24px; border: 1px solid #666666; text-align: center; margin-right: 10px; color: #666666; }

.xwsx a { color: #666666; }

.xwsx a:hover { color: #1c841c; }

.back { display: block; width: 599px; height: 54px; line-height: 54px; text-align: center; color: #fff; background: #999; font-size: 20px; font-size: 2rem; font-weight: bold; margin-top: 70px; }

.back:hover { background: #1c841c; }

@media screen and (max-width: 999px) { .back { width: 500px; } }

@media screen and (max-width: 767px) { .back { font-size: 16px; font-size: 1.6rem; }
  .back { width: 270px; height: 44px; line-height: 44px; margin-top: 45px; } }

/**********  solution1  **********/
.sohezi { width: 337px; float: left; margin-left: 94px; position: relative; margin-bottom: 40px; }

.sobox2 { -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); position: absolute; z-index: 99; left: 0; top: 0; width: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.sobox img { display: block; width: 100%; max-width: 371px; max-height: 273px; }

.sop { position: relative; background: #fff; line-height: 30px; padding-top: 18px; padding-bottom: 18px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.sop i { color: #333; font-size: 20px; font-size: 2rem; position: absolute; right: 34px; top: 19px; }

.sop a { display: block; margin-left: 29px; margin-right: 65px; font-size: 16px; font-size: 1.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.sobox:hover a { color: #1c841c; }

.sobox:hover i { color: #1c841c; }

.sohezi:hover .sobox2 { width: 371px; left: -17px; top: -16px; }

.sohezi:hover .sop a { font-size: 18px; font-size: 1.8rem; }

.sohezi:hover .sobox2.sop { padding-top: 22px; padding-bottom: 22px; }

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .sohezi { margin-left: 30px; width: 306px; }
  .sohezi:hover .sobox2 { width: 326px; left: -10px; top: -10px; } 
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .sohezi { margin-left: 30px; width: 280px; }
  .sohezi:hover .sobox2 { width: 300px; left: -10px; top: -10px; }
}

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

@media screen and (max-width: 999px) { .sohezi { width: 31.333%; margin: 0 1%; }
  .sop a { margin-left: 10px; margin-right: 40px; }
  .sop i { right: 12px; }
  .sohezi:hover .sobox2 { width: 100%; left: 0; top: 0; }
  .sohezi:hover .sop a { font-size: 16px; font-size: 1.6rem; }
  .sohezi:hover .sop { padding-top: 18px; padding-bottom: 18px; } }

@media screen and (max-width: 650px) { .sohezi { width: 48%; margin-bottom: 20px; } }

@media screen and (max-width: 400px) { .sohezi { width: auto; max-width: 370px; margin: 0 auto; margin-bottom: 20px; float: none; } }

/**********  solution2  **********/
.so2p1 { font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #1c841c; line-height: 36px; margin-bottom: 3px; }

.fymain .wsap strong { font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 36px; margin-bottom: 3px; }

.fymain .wsap img { max-width: 100%; }

.so2p2 { margin-bottom: 15px; margin-top: 9px; }

.fymain .wsap p { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px;font-weight: initial; }

.so2p4 { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #f7941e; line-height: 36px; margin-top: 30px; margin-bottom: 12px; }

.so2list li { padding: 14px; background: #f7941e; line-height: 24px; position: relative; width: 562px; }

.a1 { font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #fff; display: block; margin-right: 113px; }

.a2 { color: #fff; font-size: 16px; font-size: 1.6rem; position: absolute; right: 18px; top: 15px; }

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .so2list li { width: 450px; }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .so2list li { width: 415px; }
}

@media screen and (max-width: 999px) { .fymain .wsap strong {font-size: 1.6rem;}.fymain .wsap p{font-size: 1.4rem;}.so2list li { width: -webkit-calc(100% - 28px); width: -moz-calc(100% - 28px); width: calc(100% - 28px); margin-bottom: 10px; } }

@media screen and (max-width: 400px) { .a1 { margin-right: 0; }
  .a2 { position: static; margin-top: 10px; }
  .so2p1 { line-height: 26px; }
  .so2p4 { font-size: 20px; font-size: 2rem; } }

/**********  support1-1  **********/
.suppzuo { width: 258px; }
.videozong{font-size: 0;
    letter-spacing: 0;}
.suppyou { width: 880px; }
.suppyou .video{width: 32%; margin-left:2%;display: inline-block;
    vertical-align: top;}
    .suppyou .video:nth-child(3n+1){ margin-left:0%;}
.suppyou .video .iframe{width: 100%;
    position: relative;
    padding-top: 75%;
    overflow: hidden;}
    .suppyou .video .iframe iframe{    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;} 
    
.suppyou .video .sop{ font-size: 16px; font-size: 1.6rem; color:#333; }

.suppzuo p { line-height: 42px; padding-left: 33px; background: #1c841c; color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: bold; }

.suppzuo ul { background: #eee; border: 1px solid #1c841c; border-top: none; padding-top: 11px; padding-bottom: 22px; }

.suppzuo ul li { padding-left: 32px; font-size: 16px; font-size: 1.6rem; line-height: 38px; }

.suppzuo ul li a:hover { text-decoration: underline; }

.suppzuo ul li.currentsupp a { text-decoration: underline; }

.suppyou .sohezi { width: 251px; margin-left: 63px; margin-bottom: 58px; }

.ifyou { display: block; width: 100%; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #fff; background: #1c841c; text-align: center; line-height: 30px; padding-top: 19px; padding-bottom: 19px; margin-top: 38px; }

.suppyou .sop { padding-top: 10px; padding-bottom: 10px; height: 80px; }

.suppyou .sohezi:hover .sobox2 { width: 276px; left: -12px; top: -12px; }

.suppyou .sohezi:hover .sop a { font-size: 18px; font-size: 1.8rem; }

.suppyou .sop i { top: 30px; right: 27px; }

.suppyou .sop a { height: 80px; margin-left: 22px; margin-right: 45px; display: block; font-size: 16px; font-size: 1.6rem; overflow: hidden; white-space: inherit; text-overflow: inherit; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; text-align: center;}

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .suppyou { width: 690px; }
  .suppyou .sohezi { margin-left: 30px; width: 210px; }
  .suppyou .sohezi:hover .sobox2 { width: 230px; left: -10px; top: -10px; }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .suppyou { width: 625px; }
  .suppyou .sohezi { margin-left: 30px; width: 188px; }
  .suppyou .sohezi:hover .sobox2 { width: 208px; left: -10px; top: -10px; }
}


@media screen and (max-width: 999px) { .suppyou { width: 100%; }
  .suppzuo { width: 100%; margin-top: 50px; }
  .suppyou .sohezi { width: 31.333%; margin: 0 1%; margin-bottom: 30px; }
  .suppyou .sohezi:hover .sobox2 { width: 100%; left: 0; top: 0; }
  .suppyou .sohezi:hover .sop { padding-top: 10px; padding-bottom: 10px; } }

@media screen and (max-width: 650px) { .suppyou .sohezi { width: 48%; margin: 0 1%; margin-bottom: 30px; } }

@media screen and (max-width: 400px) { .suppyou .sohezi { width: 98%; margin: 0 1%; margin-bottom: 30px; } }

/**********  support1-2  **********/
.supp2p1 { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #1c841c; line-height: 30px; margin-bottom: 18px; }

.qwer p strong { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: #1c841c; line-height: 30px; margin-bottom: 18px; }

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

.qwer p em { font-style: inherit; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #666666; line-height: 30px; margin-top: 23px; }

.qwer p { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-bottom: 30px; }

.liabtn { margin-top: 34px; }

.liabtn a { display: inline-block; width: 438px; height: 39px; line-height: 39px; text-align: center; font-size: 16px; font-size: 1.6rem; font-weight: bold; background: #999999; }

.liabtn a:hover { background: #1c841c; }

.liabtn a span { color: #fff; display: inline-block; }

.liabtn1 span { padding-left: 57px; background: url(../images/zuojt.png) no-repeat left center; }

.liabtn2 span { padding-right: 57px; background: url(../images/youjt.png) no-repeat right center; }

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .liabtn a { width: 340px; }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .liabtn a { width: 300px; }
}

@media screen and (max-width: 999px) { .liabtn a { width: 48%; } }

@media screen and (max-width: 767px) { .supp2p1 { font-size: 20px; font-size: 2rem; }
  .supp2p4 { margin-bottom: 20px; } }

@media screen and (max-width: 700px) { .liabtn a { display: block; width: 100%; margin-bottom: 10px; } }

/**********  support2  **********/
.downbox { width: 360px; background: #fff; -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); text-align: center; float: left; margin-left: 60px; margin-bottom: 40px; }

.downboxn { padding: 39px 32px 52px 32px; }

.downp1 { display: block; font-size: 18px; font-size: 1.8rem; line-height: 30px; height: 60px;overflow: hidden;}

.downp2 { display: none; color: #666666; line-height: 24px; height: 72px; overflow: hidden; margin-top: 18px; margin-bottom: 22px; }

.downp3 i { font-size: 27px; font-size: 2.7rem; color: #1c841c; margin-right: 10px; position: relative; top: 3px; }

.downp1:hover { color: #1c841c; }

.downp2:hover { color: #1c841c; }

.downp3:hover { color: #1c841c; }

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .downbox { margin-left: 25px; width: 330px; }
  .downboxn { padding: 39px 20px 52px 20px; }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .downbox { margin-left: 25px; width: 300px; }
  .downboxn { padding: 39px 20px 52px 20px; }
}

@media screen and (max-width: 999px) { .downboxn { padding: 20px 15px 30px 15px; }
  .downbox { width: 48%; margin: 0 1%; margin-bottom: 30px; } }

@media screen and (max-width: 550px) { .downbox { width: 98%; } }

/**********  support3  **********/
.supp3p1 { font-size: 16px; font-size: 1.6rem; color: #666666; line-height: 30px; margin-bottom: 30px; }

.supp3p2 { font-size: 16px; font-size: 1.6rem; color: #1c841c; line-height: 30px; }

.supp3p11 { margin-bottom: 0; }

.zslist { margin-top: 60px; }

.zslist li { width: 224px; float: left; margin-left: 77px; text-align: center; margin-bottom: 9px; }

.zslist li img { display: block; width: 100%; max-width: 224px; max-height: 320px; }

.zslist li p { color: #555555; line-height: 24px; height: 48px; margin-top: 22px; }

@media screen and (max-width: 1219px) { .zslist li { margin-left: 20px; width: 210px; } }

@media screen and (max-width: 999px) { .zslist { margin-top: 35px; }
  .zslist li { width: 23%; margin: 0 1%; margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .zslist li { width: 31.333%; } }

@media screen and (max-width: 500px) { .zslist li { width: 48%; } }

/**********  support4  **********/
.supp4p1 img { max-width: 100%; }

.supp4p2 { font-size: 20px; font-size: 2rem; font-weight: bold; color: #1c841c; line-height: 30px; margin-top: 27px; margin-bottom: 17px; }

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

/**********  contact  *********/
.contact_top { background: #e5e5e5; border-radius: 8px; }

/* c_left */
.c_left { width: 465px; padding-top: 41px; padding-bottom: 58px; background: url(../images/conleft1.png) no-repeat left top; border-radius: 8px 0px 0px 8px; }

.c_left_wrap { width: 370px; margin: 0 auto; }
.c_left_wrap .c_con h2{
    font-size: 18px;
}
.c_left_wrap .c_con p{
    margin:10px 0;
}
.c_left_wrap .c_title { padding-bottom: 48px; font-size: 14px; font-size: 1.4rem; line-height: 24px;}

.c_left_wrap .c_titl3 { padding-bottom: 10px; }

.c_left_wrap .c_tiyl { margin-bottom: 10px; max-width: 270px; line-height: 18px; color: #333;}

.c_left_wrap .c_tiyl i { color: #1c841c; margin-right: 5px; }

.c_left_wrap .c_tiyl a:hover { color: #1c841c; }

.c_left_wrap .c_tiyl a {color: #1c841c; font-size: 16px; font-size: 1.6rem;}

/* c_right */
.c_right { float: right; width: 47%; margin-right: 84px; }

.c_title2 { padding-top: 23px; padding-left: 14px; line-height: 30px; font-weight: bold; font-size: 24px; font-size: 2.4rem; color: #1c841c; text-transform: uppercase; padding-bottom: 3px; font-weight: bold; }

.c_xp { padding-top: 13px; }

.c_bt { width: 14px; float: left; color: #1c841c; font-family: Verdana; line-height: 36px; height: 36px; font-size: 14px; font-size: 1.4rem; }

.c_div1 { padding-bottom: 12px; }

.c_div2 { padding-bottom: 12px; }

.c_div3 { padding-bottom: 12px; }

.c_div4 { padding-top: 2px; margin-bottom: 5px; }

.c_input1 { float: left; line-height: 35px; height: 35px; font-size: 12px; font-size: 1.2rem; padding-left: 14px; color: #666666; width: 533px; border: solid 1px #cccccc; background: #fff; box-sizing: content-box;
}

.c_textarea { font-family: Arial; float: left; font-size: 12px; font-size: 1.2rem; padding-left: 14px; color: #666666; width: 533px; border: solid 1px #cccccc; line-height: 26px; padding-top: 1px; height: 144px; background: #fff; }

.c_captcha { font-size: 12px; font-size: 1.2rem; background: #fff; width: 145px; float: left; line-height: 35px; height: 35px; padding-left: 9px; color: #666666; border: solid 1px #cccccc; }

.c_yzm { float: left; margin-left: 19px; cursor: pointer; }

.c_send { float: right; text-align: center; color: #fff; background: #333333; width: 181px; height: 37px; line-height: 35px; font-size: 14px; font-size: 1.4rem; font-weight: bold; cursor: pointer; }

.c_send:hover { background: #1c841c; }

.map { margin: 50px auto 0px; }

.map img { display: block; max-width: 1200px; max-height: 381px; width: 100%; }

.c_div11 { position: relative; }

.c_div11 .c_input1 { padding-left: 67px; width: 480px; }

.c_div11 select { position: absolute; left: 15px; top: 0; height: 37px; line-height: 37px; border: 1px solid #ccc; padding-left: 12px; width: 65px; }

@media screen and (min-width: 1220px) and (max-width: 1369px) {
  .c_left { width: 399px; }
  .c_div1, .c_div2, .c_div3 { padding-bottom: 16px; }
  .c_input1 { width: 93%; }
  .c_textarea { width: 93%; }
  .c_send { width: 116px; }
  .c_div11 .c_input1 { width: 375px; }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  .c_left{width: 410px;}
  .c_right{width: 46%;margin-right: 50px;}
  .c_div11 .c_input1{width: 330px;}
  .c_input1{width: 383px;}
  .c_textarea{width: 383px;}
  .c_captcha{width: 95px;}
  .c_send{width: 140px;}
}

@media screen and (max-width: 999px) { .contact_top { background: #e5e5e5; margin-top: 20px; }
  .map { margin: 20px auto 0px; }
  .c_left { float: none; width: 95%; margin: 0 auto; max-width: 399px; border-radius: 10px; margin-top: 20px; padding-bottom: 20px; padding-top: 20px; }
  .c_right { float: none; width: 95%; margin: 0 auto; margin-top: 20px; }
  .c_title2 { padding-top: 0px; }
  .c_left_wrap { width: 90%; }
  .c_send { width: 95%; margin-left: 14px; margin-top: 15px; float: left; }
  .c_left_wrap .c_title { padding-bottom: 20px; }
  .c_input1 { width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: calc(100% - 32px); }
  .c_div11 .c_input1 { width: -webkit-calc(100% - 87px); width: -moz-calc(100% - 87px); width: calc(100% - 87px); }
  .c_textarea { width: -webkit-calc(100% - 32px); width: -moz-calc(100% - 32px); width: calc(100% - 32px); } }

@media screen and (max-width: 419px) { .c_left_wrap .c_tiyl { margin-bottom: 15px; }
  .c_input1 { width: 89%; }
  .c_textarea { width: 89%; }
  .c_send { width: 90%; }
  .c_captcha { width: 90%; margin-bottom: 20px; }
  .c_yzm { margin-left: 12px; } }

/**********  support4  **********/
/***********  xiala  ***********/
.yiji { position: absolute; z-index: 9999; width: 100%; background: #eeeeee; top: -9999px; left: 0; padding-bottom: 62px; padding-top: 36px; -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.3); border-top: 6px solid #007ac4; }

.yiji li { width: 260px; float: left; margin-left: 25px; min-height: 425px; background: #fff; }

.yiji li div { border: 3px solid #fff; }

.yiji li div img { display: block; width: 100%; max-width: 580px; max-height: 427px; }

.xlp1 { display: block; padding: 0 15px; font-size: 16px; font-size: 1.6rem; font-weight: bold; color: #1c841c; line-height: 20px; margin-top: 22px; margin-bottom: 13px; }

.xlp2 { display: block; padding: 0 15px; line-height: 26px; /*height: 182px;*/ overflow: hidden; }

.xlp1:hover { text-decoration: underline; }

.xlp2:hover { color: #1c841c; }

.yiji2 { position: absolute; width: 258px; left: 50%; margin-left: -129px; top: -9999px; background: #eeeeee; border-top: 6px solid #007ac4; z-index: 9999; padding-top: 20px; padding-bottom: 14px; }

.yiji2 li { padding: 0 33px; line-height: 20px; margin-bottom: 18px; font-size: 16px; font-size: 1.6rem; }

.yiji2 li a:hover { text-decoration: underline; }

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

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


@media screen and (min-width: 1370px) and (max-width: 1599px) { 
  .yiji li{width: 220px;}
}

@media screen and (min-width: 1000px) and (max-width: 1369px) { 
  .yiji li{width: 188px;margin-left: 10px;}
 }


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

.ce { position: fixed; right: 0px; top: 30%; width: 69px; z-index: 9999999999; }

.ce li { height: 69px; line-height: 69px; line-height: 40px; text-align: center; margin-bottom: 2px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; border-radius: 5px; cursor: pointer; }

.ce li p{line-height: 20px;color:#fff;}

.ce li a { 
    display: block; 
    /*height: 53px;*/
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.ce li i { color: #f4eeeb; font-size: 30px; font-size: 3rem;pointer-events: none;}

.ce1 { background: #13c1f3; }

.ce2,.ce4 { background: #157eee; }

.ce3 { background: #23c53a; }

.ewm { position: absolute; bottom: 0; left: 144px; max-width: 142px; width: 142px; height: 142px; }

.ce .ce2:hover .ewm { left: -144px; }
.ce li.sss{display: none;}
@media screen and (max-width: 767px) {
    .ce { bottom: 0; top: auto; width: 100%; }
  .ce li { width: 33.3333333%; margin: 0; float: left; height: 40px; line-height: 40px; border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
  .link { padding-bottom: 10px; }
.ce li.sss{display: block;width:50%;}
.ce .ce2 { display: none; }
  .ewm { position: absolute; bottom: 50px; left: 0; margin-left: 0; display: none; }
  .ce .ce2:hover .ewm { left: 0; } 
    .ce3{
        width:50% !important;
    }
}

.hdtop { position: fixed; right: 20px; bottom: -100px; -webkit-transition: 1s; -o-transition: 1s; -moz-transition: 1s; transition: 1s; cursor: pointer; z-index: 99999; width: 69px; height: 69px; background: #209929; text-align: center; line-height: 69px; border-radius: 5px; }

.hdtop i { color: #fff; font-size: 25px; font-size: 2.5rem; }

.msce { position: fixed; z-index: 999; left: 0; top: 20%; width: 222px; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); padding-top: 31px; padding-bottom: 27px; background: #e5e5e5 url(../images/cebg.jpg) no-repeat center top; }

.mscen { padding: 0 14px; }

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

.cepp1 { display: block; font-size: 20px; font-size: 2rem; font-weight: bold; color: #1c841c; line-height: 30px; margin-top: 10px; margin-bottom: 5px; }

.cepp2 { display: block; font-size: 16px; font-size: 1.6rem; line-height: 30px; }



.msce .guanbi { top: 7px; right: 7px; width: 20px; height: 20px; line-height: 20px; }

@media screen and (max-width: 767px) { .msce { display: none; }
  .hdtop { width: 55px; height: 55px; line-height: 55px; } }

/*# sourceMappingURL=index.css.map */
.zscon{position: relative;overflow: hidden;}
.zscon a span{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.zscon a span i{color: #fff;font-size:30px;font-size:3rem;position: absolute;top: 50%;margin-top: -15px;left: 50%;margin-left: -15px;}
.zslist li:hover .zscon a span{top: 0;}
@media screen and (max-width: 999px) {.zscon a span{display: none;} }

/*********************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; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 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); } }





@media screen and (max-width: 800px) {
  .lvn .search {
    margin-right: 61px;
  }
  .lvn select {
    float: none;
    margin-left: 100px;
    margin-top: 13px;
  }
}

@media screen and (max-width: 500px) {
  .lvn .search {
    margin: 13px 0 0 0;
  }
  .lvn select {
    float: none;
    margin: 13px 0 0 0;
  }
}


@media screen and (max-width: 390px) {
  .lvn .sou {
        width: 204px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1219px) { 
  
}

.sydabg .syayou .logo3 {
    font-size: 3rem;
    text-transform:capitalize;
    color: #007ac4;
}
.sydabg .syayou .logo3:hover{
  color: #1c841c;
}


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

.cloud-zoom-title {display: none!important;}

/**********  zslist2  ************/
.zslist2{padding-top: 61px;}
.zslist2 li{position: relative;width: 224px;float: left;margin-left: 78px;margin-bottom: 33px; cursor: pointer;}
.zscon{position: relative;overflow: hidden;}
.zstu{display: block;}
.zslist2 li img{width: 100%;max-width: 672px;max-height: 960px;display: block;}
.zstu img{display: block;width: 100%;max-width: 672px;max-height: 960px;}
.zslist2 li p{text-align: center;color: #555555;line-height: 24px;margin-top: 22px;}
.zsfd{position: absolute;right: 105%;width: 130%;top: 0;display: none;z-index: 999;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.zscover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../images/sypcover.png);}
.zslist2 li:hover .zsfd{display: block;}
.zslist2 li:hover .zscover{top: 0;}

@media screen and (max-width: 1219px) { 
  .zslist2 li{margin-left: 30px;width: 210px;}
}
@media screen and (max-width: 999px) { 
  .zsfd{display: none;}
  .zslist2 li:hover .zsfd{display: none;}
  .zslist2 li{width: 23%;margin: 0 1%;margin-bottom: 20px;}
}
@media screen and (max-width: 650px) { 
  .zslist2 li{width: 31.333%;margin: 0 1%;margin-bottom: 20px;}
}
@media screen and (max-width: 450px) { 
  .zslist2 li{width: 48%;margin: 0 1%;margin-bottom: 20px;}
}


.czuocc img {
  width: 325px;
    height: 442px;
}
.table table tr td img { max-width:inherit;}
.kejisj>div>div{display:inline-block; vertical-align:middle}

.show-xp{    
  width: 1080px;
  margin: auto;
  margin-top: 29px;
}
.show-xp .tint{margin-bottom: 28px;}
@media screen and (max-width: 1369px) {
    .show-xp{width: 100%;}
}




.ce .WhatsApp .ewm{
    top:0;
}


.suspension{
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    display:none;
}
.suspension p{
    position: fixed;
    right: 10px;
    top: 5px;
    width: 15px;
    height: 15px;
    text-align: center;
    cursor: pointer;
}