@charset "utf-8";/* 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%;}
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}
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:#1b1b1b;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#1b1b1b;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#1b1b1b;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#1b1b1b;}

.ss ::-webkit-input-placeholder {/* WebKit browsers */
color:#fff;}
.ss :-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#fff;}
.ss ::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#fff;}
.ss :-ms-input-placeholder {/* Internet Explorer 10+ */
color:#fff;}

.dibu ::-webkit-input-placeholder {/* WebKit browsers */
color:#999;}
.dibu :-o-placeholder {/* Mozilla Firefox 4 to 18 */
color:#999;}
.dibu ::-moz-placeholder {/* Mozilla Firefox 19+ */
color:#999;}
.dibu :-ms-input-placeholder {/* Internet Explorer 10+ */
color:#999;}

.wp {width: 1745px;margin: auto;} 
@media screen and (min-width:1765px) {.wp {width: 1745px;margin: auto;}.about {width: 1745px;margin: auto;}}
@media screen and (min-width:1520px) and (max-width:1764px) {.wp {width: 1500px;margin: auto;}.about {width: 1500px;margin: auto;}}
@media screen and (min-width:1220px) and (max-width:1519px) {.wp {width: 1200px;margin: auto;}.about {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin: auto;}.about {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin: auto;}.about {width: 95%;margin: auto;}}

@media screen and (min-width:1420px) {.wp2 {width: 1150px;margin: auto;}}
@media screen and (min-width:1220px) and (max-width:1419px) {.wp2 {width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.wp2 {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.wp2 {width: 95%;margin: auto;}}

@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;}}

/*********************** search *****************************/
.search{width:33px;z-index:9999;background:none;margin-top: 36px;}
.sb-icon-search {color: #fff;z-index: 99;width:33px;height:33px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none; z-index:99999;}
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 33px;height: 33px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden; z-index:99; border:none;}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 33px;line-height:26px;padding-left:10px;border:none;margin: 0;z-index: 190;font-family:Arial, Helvetica, sans-serif; color:#333; border-radius:4px; background:none;color: #fff;}
.sb-icon-search,.sb-search-submit{width: 33px;height: 33px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background: url(../images/sousuo.png) no-repeat center;border:none;}

.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:32px;line-height:26px;position:relative;right:0px;top:0px; z-index: 999999; background:#978641; border-radius:17px;}
.no-js .sb-search .sb-icon-search {position:absolute;background:url(../images/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px;}
.no-js .sb-search .sb-search-submit{z-index:91;}


/*.container*/
.container { width: 5px; height: 100%; position: absolute; right: 0; -webkit-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; }

.container .nav form .iptc { 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: #fff url(../images/sousuo2.png) no-repeat center center; }

.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 > .c-s1 > 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; transition: all 0.4s ease 0s; z-index: 9999; }

.container .menubtn span { display: block; width: 100%; height: 3px; margin-bottom: 3px; background-color: #4b9e01; }

@media screen and (min-width: 768px) { .container, .nav { display: none!important; } }


/***********  lunbo  *************/
#lun2{position: relative;max-width: 1920px;margin: 0 auto;}
.slide .carouse{width:100%;overflow:hidden;position:relative}
.slide .slideItem .banner-img{width:100%;display: block;}
.slide .carouse .slideItem{
	width:100%;
	position:absolute;
}
.slide .console{
	height: 57px;
    display: inline-block;
    width: 35px;
    position: absolute;
    top: 40%;
}
.slide .dotList{
    text-align: center;
    position: absolute;bottom: 36px;width: 100%;left: 0;
}
.slide .dotList ul li{
	display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    border-radius:50%; 
    background:#fff;
    margin-left: 14px;
    cursor:pointer;
}
.slide .dotList ul li.active{
	 background: #333;
}
.slide .carousel-control{
	position: absolute;
    top: 50%;
    margin-top: -34px;
    width: 48px;
    height: 68px;
    z-index:999;
}
.slide .carousel-control.left{
	left:0;
	background-image:url("../images/prev.png");
	cursor:pointer;
}
.slide .carousel-control.right{
	right:0;
	background-image:url("../images/next.png");
	cursor:pointer;
}
.slide .slidedetail{display:none;}


.imgtoVideo img{width:100%;}
.imgtoVideo>div{padding:1px;position:relative;cursor:pointer;width:49%;    display: inline-block;}
.imgtoVideo>div:hover .imgtoVideoDetail{display:block}
.imgtoVideo .imgtoVideoDetail{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding:1px;
    display:none
}
.imgtoVideo .imgtoVideoDetail >div{
	 background: rgba(0, 98, 197,0.8);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
	 width: 100%;
     height: 100%;
     text-align:center;
}
.imgtoVideo .tovideo .imgtoVideoDetail{
	display:block;
}
.imgtoVideo .tovideo .imgtoVideoDetail >div{
	    background: #0C2D47;
    width: 60px;
    height: 60px;
    color: #fff;
    line-height: 60px;
    vertical-align: middle;
    margin: 0 auto;
    margin-top: 17%;
}
.imgtoVideo .imgtoVideoDetail .fa-search{
	color: #fff;
    font-size: 25px;
    margin-top: 21%;
}
.contentIV{
	position: fixed;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    display: table;
    background: rgba(20, 43, 73,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
    margin:0 auto;
    z-index:-999;
    max-width:1024px;
    display:none;
}

#picturetoVideo .carouse .slideItem{display:table;height:100%}
#picturetoVideo .carouse .slideItem>div{display:table-cell;vertical-align: middle;text-align: center;}
#picturetoVideo .carouse .slideItem .banner-img{max-width:100%;width:auto}
.closeContentIV{
	    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    cursor:pointer;
    z-index: 999;
}

@media screen and (max-width:639px) {
.slide .dotList ul li{margin-left: 10px;}
.slide .dotList{bottom: 5px;}
.slide .dotList ul li{width: 10px;height: 10px;border-radius: 5px;overflow: hidden;}
.slide .carousel-control.left,.slide .carousel-control.right{display: none;}
}

/***********  head  ***********/
.sybody{background: #eee;}
.head{background: #0f0f0f;max-width: 1920px;margin: 0 auto;}
.head p,.head li,.head span,.head a{color: #fff;}
.logo{padding-top: 33px;}
.logo img{width: 100%;max-width: 211px;max-height: 100px;}
.headyou{padding-top: 13px;}
.headyoutop ul{float: right;}
.headyoutop ul li{float: left;margin-left: 70px;}
.headyoutop ul li.topli1{padding-left: 29px;background: url(../images/topi1.png) no-repeat left center;}
.headyoutop ul li.topli2{padding-left: 47px;background: url(../images/topi2.png) no-repeat left center;}
.headyoutop ul li p{font-size:18px;font-size:1.8rem;line-height: 30px;}
.headyoutop ul li a:hover{color: #4b9e01;}
.headyoutop ul li span{display: block;line-height: 30px;}
.headyoutop{margin-bottom: 27px;}
.navlist2{display: none;}
.navlist{padding-top: 10px;}
.navlist>li{float: left;padding-right: 50px;background: url(../images/navshu.png) no-repeat right 2px;margin-left: 45px;position: relative;}
.navlist>li.nobg{background: none;padding-right: 0;}
.navlist>li>a{display: block;text-transform: uppercase;font-size:18px;font-size:1.8rem;font-weight: bold;padding-bottom: 30px;}
.navlist>li.currentnav>a{background: url(../images/navbg.jpg) no-repeat center bottom;}
.navlist>li:hover>a{background: url(../images/navbg.jpg) no-repeat center bottom;}

.ss{position: relative;margin-left: 27px;}
.sou{width: 171px;height: 39px;line-height: 39px;border-radius: 20px;background: #656464;padding-left: 24px;}
.suo{position: absolute;top: 11px;right: 10px;width: 17px;height: 17px;background: url(../images/sousuo.png) no-repeat;cursor: pointer;}

@media screen and (min-width:1520px) and (max-width:1764px) {
    .navlist>li{margin-left: 25px;padding-right: 30px;}
}
@media screen and (min-width:1220px) and (max-width:1519px) {
    .navlist>li{margin-left: 15px;padding-right: 15px;}
    .navlist>li>a{font-size:16px;font-size:1.6rem;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .navlist>li{margin-left: 15px;padding-right: 15px;}
    .navlist>li>a{font-size:14px;font-size:1.4rem;}
    .logo{width: 135px;}
    .sou{width: 130px;}
    .headyoutop{margin-bottom: 15px;}
}
@media screen and (max-width:999px) {
    .headyoutop{position: absolute;top: 20px;right: 20px;}
    .navlist>li{padding: 0;margin: 0;background: none;width: 14.28%;text-align: center;}
    .navlist{width: 100%;padding-top: 20px;}
    .headyou{width: 100%;}
    .logo{width: 150px;padding-top: 15px;}
    .navlist>li>a{font-size:16px;font-size:1.6rem;}
}
@media screen and (max-width:767px) {
    .navlist2{display: block;}
    .navlist1{display: none;}
    .navlist>li{width: 25%;}
    .navlist>li>a{padding-bottom: 15px;}
    .headyoutop{display: none;}
    .ss{display: none;}
    .navlist{padding-top: 8px;}
}
@media screen and (max-width:500px) {
    .navlist>li>a{font-size:14px;font-size:1.4rem;}
    .logo{width: 120px;}
}

/**********  sya  **********/
.sya{padding-top: 106px;padding-bottom: 58px;background:#fff url(../images/sybg2.jpg) no-repeat center top;position: relative;max-width: 1920px;margin: 0 auto;}
.syazuo{position: absolute;left: 0;top: 102px;width: 51%;}

.vitu{position: relative; padding-bottom: 57.14%;height: 0;overflow: hidden;}
.vitu iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.vitu iframe body{ margin:0px !important;}

.syayou{width: 46%;}
@font-face {
    font-family: 'TimesLTStdBold';
    src: url('../fonts/TimesLTStdBold.eot');
    src: url('../fonts/TimesLTStdBold.eot') format('embedded-opentype'),
         url('../fonts/TimesLTStdBold.woff2') format('woff2'),
         url('../fonts/TimesLTStdBold.woff') format('woff'),
         url('../fonts/TimesLTStdBold.ttf') format('truetype'),
         url('../fonts/TimesLTStdBold.svg#TimesLTStdBold') format('svg');
}

.syap1{font-family: 'TimesLTStdBold';font-size: 46px;font-size: 4.6rem;display: block;text-align: right;text-transform: uppercase;background: url(../images/usxian.jpg) no-repeat right bottom;padding-bottom: 18px;}
.syap2{font-size: 22px;font-size: 2.2rem;font-weight: bold;display: block;text-align: right;line-height: 34px;margin-top: 44px;margin-bottom: 40px;}
.syap3{display: block;text-align: right;}
.syap3 img{width: 100%;max-width: 706px;max-height: 217px;}
.syap4{display: block;width: 202px;height: 48px;line-height: 48px;text-align: center;color: #fff;background: #4b9e01;font-size:18px;font-size:1.8rem;font-weight: bold;float: right;margin-top: 40px;}
.syap1:hover{color: #4b9e01;}
.syap2:hover{color: #4b9e01;}
@media screen and (min-width:1520px) and (max-width:1764px) {
    .syap2{margin-bottom: 20px;}
}
@media screen and (min-width:1220px) and (max-width:1519px) {
    .syap2{font-size:18px;font-size:1.8rem;margin-bottom: 20px;margin-top: 15px;}
    .syap1{font-size: 40px;font-size: 4rem;}
    .syap3 img{width: 90%;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .syap2{font-size:16px;font-size:1.6rem;line-height: 28px;margin-bottom: 20px;margin-top: 15px;}
    .syap1{font-size: 40px;font-size: 4rem;}
    .syap3 img{width: 90%;}
    .sya{padding-top: 55px;}
    .syazuo{top: 75px;}
}
@media screen and (max-width:999px) {
    .syazuo{position: static;width: auto;max-width: 959px;margin: 0 auto;}
    .sya{padding-top: 40px;}
    .syayou{width: 100%;margin-top: 20px;}
    .syap1{text-align: center;background: url(../images/btbg.jpg) no-repeat center bottom;font-size: 40px;font-size: 4rem;}
    .syap2,.syap3{text-align: center;}
    .syap3 img{width: 65%;}
    .syap4{float: none;margin: 0 auto;margin-top: 40px;}
    .syap2{font-size: 18px;font-size: 1.8rem;}
}
@media screen and (max-width:767px) {
    .syap1{font-size: 30px;font-size: 3rem;}
    .syap2{font-size: 16px;font-size: 1.6rem;margin-top: 15px;}
    .syap3 img{width: 75%;}
}

/***********  syp  ***********/
.sypbt{text-align: center;font-family: 'TimesLTStdBold';font-size: 46px;font-size: 4.6rem;text-transform: uppercase;margin-bottom: 13px;margin-top: 150px;}
.sypbt a:hover{color: #4b9e01;}
.sypbt2{max-width: 890px;margin: 0 auto;text-align: center;}
.sypbt2 a{font-size:16px;font-size:1.6rem;line-height: 30px;display: block;}
.sypbt2 a:hover{color: #4b9e01;}
.syp{padding-top:1px;background: #bfbfbf;max-width: 1920px;margin: 0 auto;}
.sypbox{width: 33.2%;margin-left: 1px;float: left;margin-bottom: 1px;}
.sypcon{position: relative;overflow: hidden;}
.syptu img{width: 100%;max-width: 637px;max-height: 637px;}
.sypcover1{position: absolute;left: 0;bottom: 17px;width: 100%;text-align: center;font-size: 22px;font-size: 2.2rem;font-weight: bold;line-height: 58px;z-index: 99;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sypcover2{position: absolute;width: 100%;height: 100%;left: 0;top: -100%;background: url(../images/sypcover.png) repeat;}
.sypcover2 span{width: 202px;height: 48px;line-height: 48px;background: #4b9e01;color: #fff;text-align: center;font-size:18px;font-size:1.8rem;font-weight: bold;text-transform: uppercase;position: absolute;left: 50%;margin-left: -101px;top: 50%;margin-top: -24px;}
.sypbox:hover .sypcover2{top: 0;}


@media screen and (max-width:999px) {
    .sypcover1{bottom: 0;font-size:16px;font-size:1.6rem;}
    .sypcover2{display: none;}
    .sypbt{font-size: 40px;font-size: 4rem;margin-top: 60px;}
}
@media screen and (max-width:767px) {
    .sypbt{font-size: 30px;font-size: 3rem;}
    .sya{padding-bottom: 30px;}
    .sypbox{width: calc(50% - 2px);margin: 0 1px;margin-bottom: 1px;}
}
@media screen and (max-width:500px) {
    .sypcover1{line-height: 34px;}
}
@media screen and (max-width:400px) {
    .sypcover1{font-size:14px;font-size:1.4rem;}
}

/***************  syts  *************/
.syts{padding-top: 136px;padding-bottom: 50px;max-width: 1920px;margin: 0 auto;}
.tsbt{font-size: 48px;font-size: 4.8rem;font-family: 'TimesLTStdBold';padding-bottom: 27px;background: url(../images/btbg.jpg) no-repeat center bottom;text-align: center;margin-bottom: 58px;}
.tsbt a:hover{color: #4b9e01;}

.tszuo{width: 815px;padding-top: 64px;}
.tsp1{font-size: 32px;font-size: 3.2rem;font-weight: bold;text-transform: uppercase;padding-bottom: 15px;background: url(../images/btbg.jpg) no-repeat left bottom;display: inline-block;}
.tsp2{display: block;font-size:18px;font-size:1.8rem;line-height: 30px;margin-top: 27px;color: #333333;margin-bottom: 30px;}
.tsp3{display: block;width: 202px;height: 48px;line-height: 48px;text-align: center;background: #4b9e01;color: #fff;font-size:18px;font-size:1.8rem;font-weight: bold;text-transform: uppercase;margin-top: 45px;}
.tsp1:hover{color: #4b9e01;}
.tsp2:hover{color: #4b9e01;}

.tsyou .img-scroll {position: relative;margin: 0 auto;width: 100%;margin-bottom: 0px;}
.tsyou .img-scroll .prev,.tsyou .img-scroll .next {position: absolute;display: block;width: 57px;height: 51px;bottom: 0;color: #fff;text-align: center;line-height: 100px}
.tsyou .img-scroll .prev {right: 0;margin-right: 63px;cursor: pointer;background:url("../images/tss.jpg") no-repeat center center;}
.tsyou .img-scroll .next {right: 0;cursor: pointer;background:url("../images/tsx.jpg") no-repeat center center;}
.tsyou .img-scroll .prev:hover {background:url("../images/tss2.jpg") no-repeat center center;}
.tsyou .img-scroll .next:hover {background:url("../images/tsx2.jpg") no-repeat center center;}
.tsyou .img-list {position:relative;width:100%;overflow: hidden;margin: 0 auto;}
.tsyou .img-list ul {width:10000%;}
.tsyou .img-list li {float: left;display: inline;width: 1%;position: relative;margin-right: 10px;}
.tsyou .img-list li img{width: 100%;max-width: 841px;max-height: 484px;}
.tsyou{width: 841px;}

@media screen and (min-width:1520px) and (max-width:1764px) {
    .tszuo{width: 610px;}
}
@media screen and (min-width:1220px) and (max-width:1519px) {
    .tszuo{width: 550px;padding-top: 0;}
    .tsyou{width: 620px;}
    .tsp2{margin-bottom: 0;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .tszuo{width: 500px;padding-top: 0;}
    .tsyou{width: 460px;}
    .tsp2{margin-bottom: 0;margin-top: 15px;font-size:14px;font-size:1.4rem;}
    .tsp1{font-size: 26px;font-size: 2.6rem;}
    .tsp3{margin-top: 20px;}
    .syts{padding-top: 80px;}
}
@media screen and (max-width:999px) {
    .tszuo{width: 100%;padding-top: 0;float: none;margin-bottom: 30px;}
    .tsyou{width: auto;float: none;max-width: 841px;margin: 0 auto;}
    .tsp2{margin-bottom: 0;margin-top: 15px;font-size:14px;font-size:1.4rem;}
    .tsp1{font-size: 26px;font-size: 2.6rem;}
    .tsp3{margin-top: 20px;}
    .syts{padding-top: 80px;}
    .tsbt{font-size: 40px;font-size: 4rem;}
}
@media screen and (max-width:767px) {
    .tsbt{font-size: 30px;font-size: 3rem;margin-bottom: 30px;}
    .tsp1{font-size:20px;font-size:2rem;}
    .syts{padding-top: 40px;}
}


/***********  syapp  ************/
.syapp{padding-top: 78px;max-width: 1920px;margin: 0 auto;}
.sybt{text-align: center;font-size: 46px;font-size: 4.6rem;font-family: 'TimesLTStdBold';text-transform: uppercase;padding-bottom: 16px;background: url(../images/btbg.jpg) no-repeat center bottom;}
.sybt a:hover{color: #4b9e01;}
.sydes{display: block;max-width: 880px;margin: 0 auto;text-align: center;font-size:16px;font-size:1.6rem;line-height: 30px;margin-top: 18px;margin-bottom: 49px;}
.lie{width: 32.4%;float: left;margin-left: 1.34%;}
.appbox{position: relative;margin-bottom: 17px;}
.apptu1 img{width: 100%;max-width: 624px;max-height: 395px;}
.apptu2 img{width: 100%;max-width: 624px;max-height: 807px;}
.appcover{width: 229px;height: 78px;line-height: 78px;text-align: center;color: #fff;font-size:22px;font-size:2.2rem;font-weight: bold;background: url(../images/sypcover.png) repeat;position: absolute;left: 0;top: 48px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .appcover{height: 55px;line-height: 55px;font-size:18px;font-size:1.8rem;}
}
@media screen and (max-width:999px) {
    .sybt{font-size: 40px;font-size: 4rem;}
    .syapp{padding-top: 20px;}
    .appcover{height: 40px;line-height: 40px;font-size:14px;font-size:1.4rem;width: 170px;top: 20px;}
    .lie{width: 32.333%;margin: 0 0.5%;}
}
@media screen and (max-width:767px) {
    .sybt{font-size: 30px;font-size: 3rem;}
    .syapp{padding-top: 0;}
    .sydes{font-size:14px;font-size:1.4rem;max-width: 90%;margin-bottom: 25px;}
}
@media screen and (max-width:650px) {
    .lie{width: 96%;margin: 0 2%;}
}

/**************  syn  **************/
.syn{padding-top: 45px;padding-bottom: 70px;max-width: 1920px;margin: 0 auto;}
.syn .m3_tl{ width: 112px; height: 112px; background: #fff; border: 1px solid #333;position: absolute;left: 0;top: 30px;}
.syn .sybt{margin-bottom: 52px;}
.syn .m3_tl span{ display: block; width: 100%; text-align: center;}
.syn .m3_tl .sp1{ font-size: 60px; font-size: 6rem;margin-top: 12px;line-height: 62px;}
.syn .m3_tl .sp2{ font-size: 16px; font-size:1.6rem;background: #333;color: #fff;line-height: 38px;}
.syn .m3_tc{padding-left: 147px;padding-top: 30px;padding-right: 275px;}
.syn .m3_tc a{ color: #333333; display: block;}
.syn .m3_tc a:hover{ color: #4b9e01;}
.syn .main3 .title:hover{ color: #4b9e01;}

.syn .m3_tc .tit{display: block; font-weight: bold;padding-bottom: 10px; font-size: 18px; font-size: 1.8rem; line-height: 30px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.syn .m3_tc .tit strong{ display: block; width: 53px; height: 1px; background: #333333; margin-top: 5px; }
.syn .m3_tc .p1{ font-size: 18px; font-size: 1.8rem; line-height: 30px; color: #555555;}
.syn .m3_tc .p2{margin-top: 20px;}

.syn .m3_tr{position: absolute;right: 0;top: 0;}
.syn .m3_tr img{ max-width: 241px; max-height: 150px;width: 100%;}
.syn .m3_tc2{ position: relative; top:-5px; }

.syn .main3_top{padding-bottom: 11px;margin-bottom: 39px;position: relative;}

@media screen and (max-width:999px) {
    .syn .m3_tc .p1{font-size:14px;font-size:1.4rem;height: 60px;overflow: hidden;}
    .syn{padding-bottom: 20px;}
}
@media screen and (max-width:767px) {
    .syn .m3_tc{padding-left: 0;padding-right: 0;padding-top: 152px;}
    .syn .m3_tr{width: 210px;}
    .syn .m3_tl{top: 0;}
}
@media screen and (max-width:450px) {
    .syn .m3_tr{width: 190px;}
    .syn .m3_tc{padding-top: 135px;}
    .syn .m3_tl{width: 90px;height: 90px;}
    .syn .m3_tl .sp1{font-size: 50px;font-size: 5rem;}
    .syn .m3_tl .sp1{margin-top: 5px;line-height: 47px;}
}
/***************  bottom  ***************/
.bottom{padding-top: 45px;padding-bottom: 30px;background: #333;max-width: 1920px;margin: 0 auto;}
.bottom p,.bottom li,.bottom span,.bottom a{color: #fff;}
.bottom a:hover{ color: #4b9e01;}
.div>span,.div>a{display: block;font-family: 'TimesLTStdBold';font-size: 20px;font-size: 2rem;text-transform: uppercase;margin-bottom: 26px;}
.div li{line-height: 36px;}
.div li.bli6{line-height: 20px;margin-top: 9px;}
.div1{margin-right: 120px;}
.div2{margin-right: 135px;}
.div3{width: 250px;}
.div4{width: 250px;}
.div3 li{padding-left: 27px;}
.bli1{background: url(../images/bi1.png) no-repeat left center;}
.bli2{background: url(../images/bi2.png) no-repeat left center;}
.bli3{background: url(../images/bi3.png) no-repeat left center;}
.bli4{background: url(../images/bi4.png) no-repeat left center;}
.bli5{background: url(../images/bi5.png) no-repeat left center;}
.bli6{background: url(../images/bi6.png) no-repeat left top;}

.bsjj{padding-top: 10px;}
.bsjj a{margin-right: 8px;position: relative;top: 0;}
.bsjj a:hover{top: -10px;}
.copyright{line-height: 30px;padding-top: 14px;}
.cnzz{padding-left: 10px;}

/*************  dibu  ************/
.dibu{background: #000;padding-top: 19px;padding-bottom: 15px;max-width: 1920px;margin: 0 auto;}
.dibu p{font-size: 18px;font-size: 1.8rem;font-weight: bold;color: #fff;text-transform: uppercase;line-height: 40px;}
.dibu form{float: right;position: relative;}
.dibu form input.bsou{width: 519px;height: 41px;line-height: 41px;padding-left: 18px;padding-right: 50px;font-size:16px;font-size:1.6rem;border-radius: 5px;background:#fff;}
.dibu form input.bsuo{width: 30px;height: 26px;background: url(../images/bxin.png) no-repeat;position: absolute;top: 8px;right: 14px;cursor: pointer;}
.link{font-size: 18px;font-size: 1.8rem;font-weight: bold;margin-top: 17px;min-height: 21px;}
.link a,.link span{color: #fff;}
.link a{padding-right: 20px;}
.link a:hover{color: #4b9e01;}

@media screen and (min-width:1220px) and (max-width:1419px) {
    .div1{margin-right: 50px;}
    .div2{margin-right: 70px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .div1{margin-right: 30px;}
    .div2{margin-right: 30px;}
    .div3{width: 300px;}
    .div>span, .div>a{font-size:16px;font-size:1.6rem;}
    .div4{width: 190px;}
    .dibu form input.bsou{width: 320px;}
}
@media screen and (max-width:999px) {
    .div{width: 50%;margin: 0;margin-bottom: 20px;}
    .dibu form{float: left;}
}
@media screen and (max-width:767px) {
    .div1,.div2,.div3{display: none;}
    .div4{width: 100%;margin-bottom: 0;}
    .div4>span,.bsjj{display: none;}
    .copyright{padding-top: 0;}
    .bottom{padding-top: 20px;padding-bottom: 20px;}
    .dibu form{width: 100%;}
    .dibu form input.bsou{width: calc(100% - 68px);}
    .dibu p{font-size: 16px;font-size: 1.6rem;line-height: 30px;margin-bottom: 10px;}
    .link{display: none;}
}

/***********  bread  ***********/
.bread{padding-top: 29px;padding-bottom: 30px;border-bottom: 1px solid #bfbfbf;font-size:16px;font-size:1.6rem;font-weight: bold;max-width: 1920px;margin: 0 auto;}
.bread a:hover{color: #4b9e01;}
.bread a.currentbread{color: #4b9e01;}

.fymain{padding-top: 63px;padding-bottom: 100px;max-width: 1920px;margin: 0 auto;}
.fymain .xwsx .xw{text-align: left;}
.fymain .about p{text-align: center;font-size: 18px;font-size: 1.8rem;line-height: 20px;}
.ap1{text-align: center;font-family: 'TimesLTStdBold';font-size: 46px;font-size: 4.6rem;margin-bottom: 30px;}
.ap2{font-size:22px;font-size:2.2rem;font-weight: bold;text-align: center;padding: 0 30px;line-height: 36px;margin-top: 30px;}
.ap3{font-size: 30px;font-size: 3rem;font-weight: bold;line-height: 48px;text-align: center;max-width: 1145px;margin: 0 auto;margin-top: 32px;margin-bottom: 3px;}
.ap4 img{width: 100%;max-width: 1745px;max-height: 148px;}

.ap5{font-size: 22px;font-size: 2.2rem;font-weight: bold;line-height: 36px;margin-top: 34px;margin-bottom: 18px;}
.ap6{font-size:18px;font-size:1.8rem;line-height: 36px;}
.ap7{font-size:24px;font-size:2.4rem;line-height: 36px;margin-top: 17px;}
.ap8{display: block;width: 368px;height: 66px;line-height: 66px;text-align: center;border-radius: 10px;border: 1px solid #7d7d7d;font-size:24px;font-size:2.4rem;text-transform: uppercase;margin: 0 auto;margin-top: 71px;}

.alb{padding-top: 74px;}
.alb .img-scroll {position: relative;margin: 0 auto;width: 100%;margin-bottom: 0px;}
.alb .img-scroll .prev,.alb .img-scroll .next {position: absolute;display: block;width: 43px;height: 46px;top: 50%;margin-top: -23px;color: #fff;text-align: center;line-height: 100px}
.alb .img-scroll .prev {left: 0;cursor: pointer;background:url("../images/as.png") no-repeat center center;}
.alb .img-scroll .next {right: 0;cursor: pointer;background:url("../images/ax.png") no-repeat center center;}
.alb .img-scroll .prev:hover {background:url("../images/as2.png") no-repeat center center;}
.alb .img-scroll .next:hover {background:url("../images/ax2.png") no-repeat center center;}
.alb .img-list {position:relative;width:100%;overflow: hidden;margin: 0 auto;}
.alb .img-list ul {width:10000%;}
.alb .img-list li {float: left;display: inline;width: 0.3333%;position: relative;margin-right: 1px;}
.alb .img-list li a{display: block;border: 1px solid #e7e7e7;}
.alb .img-list li img{width: 100%;max-width: 638px;max-height: 586px;display: block;}

.avideo{padding-top: 70px;}

.avp1{max-width: 1668px;margin: 0 auto;}
.avp2{text-align: center; position: relative; padding-bottom: 43.28%;height: 0;overflow: hidden;}
.avp2 img {
    display:block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
.avp2 iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.avp2 iframe body{ margin:0px !important;}

.avp3{text-align: center;font-size: 24px;font-size: 2.4rem;line-height: 36px;margin-top: 35px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .ap1{font-size: 40px;font-size: 4rem;}
    .ap2{font-size:18px;font-size:1.8rem;}
    .ap3{font-size: 20px;font-size: 2rem;line-height: 40px;}
    .ap5{font-size: 18px;font-size: 1.8rem;}
    .ap7{font-size: 20px;font-size: 2rem;}
}
@media screen and (max-width:999px) {
    .ap1{font-size: 40px;font-size: 4rem;}
    .ap2{font-size:18px;font-size:1.8rem;}
    .ap3{font-size: 20px;font-size: 2rem;line-height: 40px;}
    .ap5{font-size: 18px;font-size: 1.8rem;}
    .ap7{font-size: 20px;font-size: 2rem;}

    .fymain{padding-top: 30px;padding-bottom: 40px;}
}
@media screen and (max-width:767px) {
    .ap1{font-size: 30px;font-size: 3rem;}
    .ap2{font-size:14px;font-size:1.4rem;line-height: 30px;}
    .ap3{font-size: 16px;font-size: 1.6rem;line-height: 30px;}
    .ap5{font-size: 14px;font-size: 1.4rem;}
    .ap7{font-size: 16px;font-size: 1.6rem;}
    .ap8{margin-top: 30px;}
    .ap8{width: 230px;font-size:16px;font-size:1.6rem;height: 40px;line-height: 40px;}
    .alb{padding-top: 50px;}
    .avp3{font-size:18px;font-size:1.8rem;margin-top: 20px;}
    .avideo{padding-top: 40px;}
}
@media screen and (max-width:550px) {
    .alb .img-list li{width: 0.48%;margin: 0 0.01%;}
    .ap8{width: 180px;}
    .ap6{font-size:16px;font-size:1.6rem;}
    .ap2{padding: 0;margin-top: 15px;}
    .ap3{margin-top: 15px;margin-bottom: 20px;}
}

/***********  product1  ***********/
.pzuo{width: 308px;}
.pyou{width: 1379px;}

/*list*/
.pzuo .list {padding-bottom: 30px; }

.pzuo .list .title1 { width: 100%; margin-bottom: 0px; position: relative;}

.pzuo .list .title1 a { display: block;height: 46px; line-height: 46px;font-size: 24px; font-size: 2.4rem;font-weight: bold;}

.pzuo .list .subNavBox { width: 100%;}

.pzuo .list .subNav { cursor: pointer;margin-top: 13px; padding-bottom: 8px;margin-bottom: 21px; -webkit-transition: 1s all; transition: 1s all; border-bottom: 1px solid #bfbfbf;}

.pzuo .list .subNav.div1 { margin-top: 0px; padding-top: 4px; }

.pzuo .list .subNav a { line-height: 30px;font-size: 20px; font-size: 2rem;color: #333333; -webkit-transition: 0s; transition: 0s; -webkit-transition: 1s all; transition: 1s all; }

.pzuo .list .subNav:hover {}

.pzuo .list .subNav:hover a { color: #4b9e01;}

.pzuo .list .currentDd a { color: #4b9e01;}

.pzuo .list .subNav.currentDd .navContent { display: block; }

.list_title{font-size: 24px;font-size: 2.4rem;font-weight: bold;margin-top: 96px;margin-bottom: 39px;}

.list_ul2 .pbox{width: 100%;margin-bottom: 85px;}
.pcon{position: relative;overflow: hidden;border: 1px solid #bfbfbf;}
.pcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../images/sypcover.png);}
.ptu{display: block;}
.ptu img{width: 100%;max-width: 637px;max-height: 637px;}
.list_ul2 .pcover span{width: 135px;height: 32px;line-height: 32px;text-align: center;color: #fff;background: #4b9e01;position: absolute;left: 50%;margin-left: -67px;top: 50%;margin-top: -16px;text-transform: uppercase;font-size: 12px;font-size: 1.2rem;font-weight: bold;}
.list_ul2 .pp{font-size:16px;font-size:1.6rem;font-weight: bold;text-align: center;line-height: 28px;display: block;margin-top: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pbox:hover .pcover{top: 0;}

.pyou .pbox{width: 459px;float: left;margin-bottom: 57px;text-align: center;}
.pyou .pcover span{width: 202px;height: 48px;line-height: 48px;text-align: center;color: #fff;background: #4b9e01;position: absolute;left: 50%;margin-left: -101px;top: 50%;margin-top: -24px;text-transform: uppercase;font-size: 18px;font-size: 1.8rem;font-weight: bold;}
.pyou .pp{font-size:20px;font-size:2rem;font-weight: bold;text-align: center;line-height: 42px;display: block;margin-top: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.ms_ye{text-align: center;margin-top: 45px;margin-bottom: 45px;}
.ms_ye .anniu a{width: 150px;margin-bottom: 45px;}
.ms_ye a{display: inline-block;width: 33px;line-height: 28px;border: 1px solid #e5e5e5; background: #fff;text-align: center;margin: 0 2.5px;font-size: 12px;font-size: 1.2rem;}
.ms_sx{width: 59px!important;}
.big{width: 59px!important;}
.ms_ye .ms_current_ye{border:1px solid #333;color: #fff;background: #333;}
.ms_ye a:hover{border:1px solid #333;color: #fff;background: #333;}
.ms_ye2{text-align: right;}

@media screen and (min-width:1520px) and (max-width:1764px) {
    .pyou{width: 1150px;}
    .pyou .pbox{width: 383px;}
}
@media screen and (min-width:1220px) and (max-width:1519px) {
    .pyou{width: 840px;}
    .pyou .pbox{width: 280px;}
    .pyou .pp{font-size: 16px;font-size: 1.6rem;margin-top: 10px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .pyou{width: 715px;}
    .pyou .pbox{width: 238px;}
    .pyou .pp{font-size: 16px;font-size: 1.6rem;margin-top: 10px;}

    .pzuo{width: 230px;}
    .pzuo .list .subNav a{font-size:16px;font-size:1.6rem;}
    .list_ul2 .pbox{margin-bottom: 30px;}
    .list_title{margin-top: 57px;}
}
@media screen and (max-width:999px) {
    .pyou{width: 100%;}
    .pzuo{width: 100%;margin-top: 30px;}
    .pyou .pbox{width: 48%;margin: 0 1%;margin-bottom: 30px;}
    .list_ul2 .pbox{float: left;width: 48%;margin: 0 1%;}
    .ms_ye a{margin-bottom: 10px;}
    .pcover{display: none;}
}
@media screen and (max-width:767px) {
    .pzuo .list .subNavBox{display: none;}
    .dan_p{position: absolute;bottom: 10px; right: 0;}
    .dan_p span{display: block;width: 30px;height: 5px;margin-bottom: 2px;background: #4b9e01;}
    .list_title{margin-top: 50px;}
    .pyou .pp{font-size:16px;font-size:1.6rem;margin-top: 15px;}
    .ms_ye2{text-align: center;}
}
@media screen and (max-width:500px) {
    .pzuo .list .subNav a{font-size:16px;font-size:1.6rem;}
    .pyou .pp{font-size:14px;font-size:1.4rem;line-height: 24px;}
}

/***********  product2  ***********/
.pp2{width:100%;box-sizing: border-box;position: relative;display: inline-block;padding: 0 28px;line-height: 42px;margin-top: 22px;}
.pp2 input{position: absolute;left: 0;top: 14px;cursor: pointer;}
.pp2 a{font-size:20px;font-size:2rem;font-weight: bold;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pp3{display: block;width: 200px;height: 46px;line-height: 46px;text-align: center;font-size:18px;font-size:1.8rem;font-weight: bold;border: 1px solid #333333;margin: 0 auto;margin-top: 20px;text-transform: uppercase;}
.product2 .pyou .pbox{margin-bottom: 72px;}
.pp3:hover{background: #4b9e01;color: #fff;border: 1px solid #4b9e01;}
.ms_ye3{text-align: left;position: relative;}
.xiangshang{position: absolute;right: 0;bottom: 0;}
.xiangshang input{width: 150px;height: 30px;margin-bottom: 45px;line-height: 30px;text-align: center;color: #fff;background: #333;}

.anniu{position: absolute;right: 0;bottom: 0;}
.anniu input{width: 150px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #333;}

@media screen and (min-width:1220px) and (max-width:1519px) {
    .pp2 a{font-size:18px;font-size:1.8rem;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .pp2 a{font-size:16px;font-size:1.6rem;}
}
@media screen and (max-width:999px) {
    .ms_ye3{text-align: center;}
    .xiangshang{display: inline-block;position: static;}
    .anniu{display: inline-block;position: static;}
}
@media screen and (max-width:767px) {
    .pp2 a{font-size:16px;font-size:1.6rem;}
    .pp3{width: 150px;height: 40px;line-height: 40px;font-size:14px;font-size:1.4rem;}
    .product2 .pyou .pbox{margin-bottom: 30px;}
    .pp2{display: block;}
}
@media screen and (max-width:450px) {
    .product2 .pyou .pbox{width: 98%;}
}


/*************  product3  **************/
.phui{}
.img980{display: none;}
#showArea{margin-top: 11px;margin-bottom:15px; }
#showArea img{cursor:pointer;width:131px;height:131px;}
#showArea a{ display:block;text-align: right;margin-bottom: 33px;border: 1px solid #bfbfbf;}
/* #showArea a:hover img{} */
#main_img{cursor:pointer;display:block;}
#gotop{cursor:pointer;display:block;  width: 22px;height: 22px;background: url(../images/top.png) no-repeat center top;margin: 0 auto;}
#gobottom{cursor:pointer;display:block; width: 22px;height: 22px;background: url(../images/bottom.png) no-repeat center bottom;margin: 0 auto;}
#gotop:hover{background: url(../images/topon.png) no-repeat center top;}
#gobottom:hover{background: url(../images/bottomon.png) no-repeat center bottom;}
#showArea{height:465px; overflow:hidden;}
.MagicZoomBigImageCont {background:#FFF;}
.MagicZoomBigImageCont img{width: 600px!important;height: 534.94px!important;display: block;}
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}

.left-pro{width:694px;text-align:left;margin-bottom:27px;margin: 0 auto;}
.left-pro .t1{width:133px;float:right;}
.left-pro .t2{width:532px;text-indent:0;float:left;}
.left-pro .t2 a{ display:block;margin-bottom: 0px;border: 1px solid #bfbfbf;}
.left-pro .t2 img{text-indent:0;display: block;}

.titleh1{padding-bottom: 18px;padding-top: 22px;}
.titleh1 h1{font-size: 24px;font-size: 2.4rem;font-weight: bold;line-height: 42px;}
.content{width: 634px;}

.btn{padding-top: 88px;}
.btn a{display: inline-block;width: 200px;height: 46px;line-height: 46px;text-align: center;color: #333333; transition: 0.5s;font-size: 18px;font-size: 1.8rem; font-weight: bold;border: 1px solid #333333;text-transform: uppercase;}
.btn a:hover{background: #4b9e01;color: #fff;border: 1px solid #4b9e01;}
.btn1{margin-left: 62px;}

.share{border-bottom: 1px solid #e5e5e5;padding-bottom: 25px;margin-bottom: 31px;}
.share .share1{line-height: 26px;color: #4d4d4d;padding-right: 10px;font-size:18px;font-size:1.8rem;}

.cpxx{line-height: 30px;font-size:18px;font-size:1.8rem;}
.cpxx a{color: #4b9e01;}

.chanpinx{line-height: 34px;padding-bottom: 21px;font-size:18px;font-size:1.8rem;}
.chanpinx a{color: #4b9e01;}
.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 tr td,.nex tr td,cpxx tr td{ line-height:24px; padding:2px;}

.img980 .img-scroll {position: relative;margin: 0 auto;width: 100%;}
.img980 .img-scroll .prev,.img980 .img-scroll .next {position: absolute;display: block;width: 12px;height: 20px;top:40%;color: #fff;text-align: center;line-height: 100px}
.img980 .img-scroll .prev {left: 0;cursor: pointer;background: url("../images/zjs.png") no-repeat;}
.img980 .img-scroll .next {right: 0;cursor: pointer;background: url("../images/zjx.png") no-repeat;}
.img980 .img-list {position:relative;width:90%;overflow: hidden;margin: 0 auto;}
.img980 .img-list ul {width: 10000%;}
.img980 .img-list li {float: left;display: inline;width: 0.31%;margin: 0 0.01%;position: relative;position: relative;text-align: center;}
.img980 .img-list li span,.img-list li a{color: #fff;display: block;}
.img980 .img-list li img{width: 100%;max-width: 390px;max-height: 390px;}

.m-fixnav{padding-top: 66px;}
.nav-list{background:#242424;}
.nav-list li{display: inline-block;text-align: center;line-height: 64px;border-right: 1px solid #535353;}
.nav-list li a{display:block;text-align: center;padding: 0 32px;color: #c5c5c5;font-size:18px;font-size:1.8rem;text-transform: uppercase;}
.nav-list li a.active{background: #4b9e01;color: #fff;}

.des{font-size: 30px;font-size: 3rem;font-weight: bold;background: url(../images/desbg.jpg) repeat-x left center;margin-bottom: 48px;text-transform: uppercase;}
.des span{padding-right: 20px;background: #fff;}
.cpms{padding-top: 60px;}
.cpms table, th, td{
    border: 1px solid black;
}
.m-abtb1,.m-abtb2,.m-abtb3,.m-abtb4,.m-abtb5{margin-bottom: 50px;}

.cxdown{position: relative;padding-bottom: 55px;background: url(../images/downxu.jpg) repeat-x center bottom;margin-bottom: 28px;}
.wenben{position: absolute;left: 0;top: 0;}
.downp1{display: block;margin-left: 84px;padding-top: 25px;font-size: 20px;font-size: 2rem;margin-right: 150px;}
.downp2{display: block;width: 119px;padding-left: 21px;height: 40px;border: 1px solid #333;line-height: 40px;background:#fff url(../images/down1.png) no-repeat 21px center;color: #333;text-align: center;position: absolute;right: 0;bottom: 44px;font-size: 16px;}
.downp2:hover{background:#4b9e01 url(../images/down2.png) no-repeat 21px center;color: #fff;border: 1px solid #4b9e01;}

@media screen and (max-width:1250px) {
    .MagicZoomBigImageCont {display: none!important;}
    .MagicZoomBigImageCont img{display: none!important;}
    .MagicZoomPup {background: rgba(0,0,0,0)!important;}
}

@media screen and (min-width:1520px) and (max-width:1764px) {
    .content{width: 415px;}
    .btn a{width: 170px;}
    .btn1{margin-left: 40px;}
}
@media screen and (min-width:1220px) and (max-width:1519px) {
    .left-pro{float: none;}
    .content{width: 100%;margin-top: 30px;}
    .btn{padding-top: 50px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .nav-list li a{padding: 0 15px;}
    .content{width: 100%;margin-top: 30px;}
}
@media screen and (max-width:999px) {
    .left-pro{display: none;}
    .img980{display: block;}
    .content{width: 100%;margin-top: 30px;}
    .img980 .img-list li a{border: 1px solid #e3e3e3;}
    .btn{padding-top: 40px;}
    .des{font-size: 20px;font-size: 2rem;}
    .nav-list li a{padding: 0;}
    .nav-list li{padding: 0;width: 24%;}
}
@media screen and (max-width:767px) {
    .nav-list li{line-height: 44px;}
    .nav-list li a{font-size:14px;font-size:1.4rem;}
    .m-fixnav{padding-top: 35px;}
    .downp1{font-size:16px;font-size:1.6rem;}
}
@media screen and (max-width:550px) {
    .img980 .img-list li{width: 0.48%;}
    .btn a{font-size:14px;font-size:1.4rem;width: 150px;height: 40px;line-height: 40px;margin-bottom: 10px;}
    .nav-list li{width: 50%;border: none;float: left;}
    .cpms{padding-top: 35px;}
    .cpxx{font-size:14px;font-size:1.4rem;}

    .cxdown{padding-bottom: 100px;}
    .downp2{bottom: 10px;}
    .downp1{margin-right: 0;}
    .btn1{margin-left: 0;}
    .des{font-size:16px;font-size:1.6rem;}
}


/************  OEM  ************/
.oembg{background: url(../images/oembanner.jpg) no-repeat center top;padding-top: 39px;padding-bottom: 100px;}
.bgp1{font-weight: bold;font-size: 36px;font-size: 3.6rem;text-transform: uppercase;padding-left: 42px;}
.bgp2{max-width: 660px;font-size:24px;font-size:2.4rem;line-height: 48px;font-weight: bold;margin-top: 17px;margin-bottom: 17px;padding-left: 42px;}
.bgp2 a{font-size: 30px;font-size: 3rem;font-weight: bold;}
.bgp2 a img{vertical-align: middle;max-width: 100%;}
.bgp3{display: block;width: 176px;height: 48px;line-height: 48px;text-align: center;border-radius: 2px;background: #4b9e01;color: #fff;font-size:20px;font-size:2rem;font-weight: bold;text-transform: uppercase;margin-left: 42px;border-radius: 2px;}

.oemp1{font-size: 24px;font-size: 2.4rem;line-height: 36px;margin-bottom: 83px;}
.oemp2{font-size: 36px;font-size: 3.6rem;font-weight: bold;text-transform: uppercase;text-align: center;margin-top: 41px;margin-bottom: 55px;}


.oemlb .img-scroll {position: relative;margin: 0 auto;width: 95%;margin-bottom: 0px;}
.oemlb .img-scroll .prev,.oemlb .img-scroll .next {position: absolute;display: block;width: 43px;height: 46px;top: 45%;margin-top: -23px;color: #fff;text-align: center;line-height: 100px}
.oemlb .img-scroll .prev {left: 0;cursor: pointer;background:url("../images/as.png") no-repeat center center;}
.oemlb .img-scroll .next {right: 0;cursor: pointer;background:url("../images/ax.png") no-repeat center center;}
.oemlb .img-scroll .prev:hover {background:url("../images/as2.png") no-repeat center center;}
.oemlb .img-scroll .next:hover {background:url("../images/ax2.png") no-repeat center center;}
.oemlb .img-list {position:relative;width:100%;overflow: hidden;margin: 0 auto;}
.oemlb .img-list ul {width:10000%;}
.oemlb .img-list li {float: left;display: inline;width: 0.32%;position: relative;margin-right: 0.02%;}
.oemlb .img-list li a{display: block;}
.oemlb .img-list li img{width: 100%;max-width: 617px;max-height: 450px;display: block;}
.oemlb .img-list li p{text-align: center;font-size:20px;font-size:2rem;font-weight: bold;text-align: center;line-height: 36px;margin-top: 18px;}

.fymain .case1{width: 1745px;margin: auto;font-size: 24px;font-size: 2.4rem;line-height: 36px;margin-bottom: 83px;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .oemp1{font-size:18px;font-size:1.8rem;margin-bottom: 50px;}
    .oemp2{font-size: 30px;font-size: 3rem;}

    .bgp1{font-size: 30px;font-size: 3rem;}
    .bgp2{font-size:20px;font-size:2rem;}
}
@media screen and (max-width:999px) {
    .oemp1{font-size:18px;font-size:1.8rem;margin-bottom: 50px;}
    .oemp2{font-size: 20px;font-size: 2rem;}
    .oemlb .img-list li p{font-size:16px;font-size:1.6rem;margin-top: 10px;}

    .bgp1{font-size: 24px;font-size: 2.4rem;}
    .bgp2{font-size:20px;font-size:2rem;}
    .oembg{padding-bottom: 40px;}
}
@media screen and (max-width:767px) {
    .oemp1{font-size:14px;font-size:1.4rem;line-height: 26px;margin-bottom: 30px;}
    .oemp2{margin-bottom: 30px;}

    .bgp2{line-height: 36px;padding-left: 0;}
    .bgp1{padding-left: 0;}
    .bgp3{margin-left: 0;}
}
@media screen and (max-width:600px) {
    .oemlb .img-list li{width: 0.48%;margin: 0 0.01%;}

    .bgp3{font-size:16px;font-size:1.6rem;width: 140px;height: 40px;line-height: 40px;}
}
@media screen and (max-width:500px) {
    .oemp2{font-size:16px;font-size:1.6rem;}
    .oemlb .img-list li p{font-size:14px;font-size:1.4rem;}
}
@media screen and (max-width:400px) {
    .oemlb .img-list li{width: 0.98%;margin: 0 0.01%;}
}

/***********  gallery  **********/
.gallery h1{text-align: center;font-size: 34px;font-size: 3.4rem;font-weight: bold;margin-bottom: 37px;}

.gallery .img-scroll {position: relative;margin: 0 auto;width: 100%;margin-bottom: 0px;}
.gallery .img-scroll .prev,.gallery .img-scroll .next {position: absolute;display: block;width: 43px;height: 46px;top: 50%;margin-top: -23px;color: #fff;text-align: center;line-height: 100px}
.gallery .img-scroll .prev {left: 0;cursor: pointer;background:url("../images/as.png") no-repeat center center;}
.gallery .img-scroll .next {right: 0;cursor: pointer;background:url("../images/ax.png") no-repeat center center;}
.gallery .img-scroll .prev:hover {background:url("../images/as2.png") no-repeat center center;}
.gallery .img-scroll .next:hover {background:url("../images/ax2.png") no-repeat center center;}
.gallery .img-list {position:relative;width:100%;overflow: hidden;margin: 0 auto;}
.gallery .img-list ul {width:10000%;}
.gallery .img-list li {float: left;display: inline;width: 0.49%;position: relative;margin-right: 0.025%;}
.gallery .img-list li a{display: block;}
.gallery .img-list li img{width: 100%;max-width: 846px;max-height: 573px;display: block;}

.nshare{padding-bottom: 29px;border-bottom: 1px solid #bfbfbf;margin-bottom: 79px;}
.nshare1{padding-right: 10px;font-size:18px;font-size:1.8rem;color: #4d4d4d;margin-top: 3px;}

.nex{font-size:18px;font-size:1.8rem;color: #4d4d4d;line-height: 26px;padding-bottom: 60px;}
.nex p,.nex span,.nex li,.nex span{color: #4d4d4d;}
.nex a{color: #4b9e01;}

.xwsx{padding-top: 15px;border-top: 1px solid #e6e6e6;margin-top: 66px;font-size:18px;font-size:1.8rem;}
.xwsx span{display: inline-block;padding-left: 29px;}
.xws{background: url(../images/ns.jpg) no-repeat left center;}
.xwx{background: url(../images/nx.jpg) no-repeat left center;}
.xwsx p{line-height: 30px;}
.xwsx p a:hover{color: #888888;}

@media screen and (min-width:1000px) and (max-width:1219px) {
    .gallery h1{font-size: 26px;font-size: 2.6rem;margin-bottom: 20px;}
    .nshare{margin-bottom: 45px;}
}
@media screen and (max-width:999px) {
    .gallery h1{font-size: 26px;font-size: 2.6rem;margin-bottom: 20px;}
    .nshare{margin-bottom: 45px;}
}
@media screen and (max-width:767px) {
    .gallery h1{font-size: 22px;font-size: 2.2rem;}
    .nshare{margin-bottom: 30px;}
    .nex{font-size:14px;font-size:1.4rem;}
    .xwsx{font-size:14px;font-size:1.4rem;}
}
@media screen and (max-width:400px) {
    .gallery .img-list li{width: 0.98%;margin: 0.01%;}
    .nex{padding-bottom: 30px;}
}

/*************  news2  ************/
.news2 h1{font-size: 24px;font-size: 2.4rem;font-weight: normal;text-align: left;margin-bottom: 31px;}
.news2 .nshare{border: none;margin-bottom: 0px;padding-bottom: 10px;}
.nshare span{font-size:16px;font-size:1.6rem;color: #666666;padding-left: 25px;background: url(../images/nbiao.jpg) no-repeat left center;}

.nex2{font-size:16px;font-size:1.6rem;color: #666666;}
.nex2 p,.nex2 li,.nex2 span,.nex2 b{color: #666;line-height: 32px;padding-bottom: 57px;}

@media screen and (max-width:767px) {
    .news2 h1{font-size: 20px;font-size: 2rem;}
}
@media screen and (max-width:500px) {
    .news2 h1{font-size: 20px;font-size: 2rem;}
    .nshare span{display: block;float: none;margin-bottom: 10px;}
    .news2 h1{font-size:18px;font-size:1.8rem;}
    .nshare{margin-bottom: 0;}
}

/*************  news1  ************/
.nbox{width: 545px;float: left;margin-left: 55px;position: relative;margin-bottom: 73px;}
.nbox img{width: 100%;max-width: 545px;max-height: 339px;}
.np1{font-size:20px;font-size:2rem;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;margin-top: 33px;margin-bottom: 11px;}
.np2{display: block;font-size:16px;font-size:1.6rem;color: #666666;line-height: 33px;height: 66px;overflow: hidden;}
.np3{display: block;width: 139px;height: 35px;line-height: 35px;font-size:16px;font-size:1.6rem;color: #999999;text-align: center;border: 1px solid #bfbfbf;margin-top: 23px;}
.np1:hover{color: #4b9e01;}
.np2:hover{color: #4b9e01;}
.np3:hover{color: #fff;background: #333;border: 1px solid #333;}
.fydate{width: 93px;height: 93px;background: url(../images/sjbg.png);text-align: center;position: absolute;left: 0;top: 0;}
.fydate div{font-size: 43px;font-size: 4.3rem;color: #777777;background: url(../images/sjxian.jpg) no-repeat center bottom;padding-top: 2px;padding-bottom: 6px;}
.fydate p{font-size:16px;font-size:1.6rem;color: #777777;margin-top: 14px;}

@media screen and (min-width:1520px) and (max-width:1764px) {
    .nbox{width: 463px;}
}
@media screen and (min-width:1220px) and (max-width:1519px) {
    .nbox{width: 380px;margin-left: 30px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .nbox{width: 306px;margin-left: 30px;margin-bottom: 45px;}
    .np1{font-size:16px;font-size:1.6rem;margin-top: 20px;}
    .np2{font-size:14px;font-size:1.4rem;}
}
@media screen and (max-width:999px) {
    .nbox{width: 48%;margin: 0 1%;margin-bottom: 30px;}
}
@media screen and (max-width:767px) {
    .np1{font-size:16px;font-size:1.6rem;margin-top: 20px;}
    .np2{font-size:14px;font-size:1.4rem;}
    .fydate{width: 70px;height: 70px;}
    .fydate div{font-size: 30px;font-size: 3rem;}
    .fydate p{font-size:14px;font-size:1.4rem;margin-top: 8px;}
}
@media screen and (max-width:550px) {
    .nbox{width: 98%;}
}

/***************  contact  **************/
.cz_part{width: 475px;margin-left: 45px;}
.cbt{font-size: 36px;font-size: 3.6rem;font-weight: bold;margin-bottom: 24px;}

.clxfs>li>span{ font-size:20px;font-size:2rem;color:#333333;  display: block; margin-bottom: 3px;}
.clxfs>li>i{display: block;font-size:16px;font-size:1.6rem;color: #737572;line-height: 36px;}
.clxfs>li{margin-bottom: 30px;  } 
.clxfs>li p{ padding-left: 27px; font-size:18px;font-size:1.8rem; line-height: 30px;color: #555555;}
.clxfs>li p a:hover{color: #4b9e01;}
.cicbiao{line-height: 28px; }
.cicbiao a{display: block;color: #555555;}

.clxfs>li p.cicbiao1{background: url("../images/ci1.png") no-repeat left 5px; font-size:18px;font-size:1.8rem; line-height: 30px; }
.cicbiao2{background: url("../images/ci2.png") no-repeat left 7px;}
.cicbiao3{background: url("../images/ci3.png") no-repeat left 10px;}
.cicbiao4{background: url("../images/ci4.png") no-repeat left 10px;}
.cicbiao5{background: url("../images/ci5.png") no-repeat left 6px;}

.cy_part{width: 1100px;}

.cuxin{ margin-top:39px;}
.xinl{ width:462px; float:left;}
.xinr{ width:608px; float:right;}
.cuxin .int1{ padding-left:18px; margin-top:19px;}
.cuxin .xing{ background:url(../images/xing.jpg) no-repeat left 22px;}
.cuxin .int1 input{ width:402px; height:48px; border:1px solid #666; padding-left:40px;line-height:48px; font-size:16px;font-size:1.6rem;}
.cuxin .curen{ background:#fff url(../images/coren.jpg) no-repeat left center;}
.cuxin .cuxinfeng2{ background:#fff url(../images/coxinfeng.jpg) no-repeat left center;}
.cuxin .cudianhua2{ background:#fff url(../images/codianhua.jpg) no-repeat left center;}
.cuxin .cufangzi2{ background:#fff url(../images/cofang.jpg) no-repeat left center;}
.cuxin .int2{padding-left:18px; margin-top:19px;}
.cuxin .int3{padding-left:18px; margin-top:18px;}
.cuxin textarea{ width:547px; height:186px; border:1px solid #666; padding-left:40px;line-height:48px;background:#fff url(../images/cobiji.jpg) no-repeat left top;font-size:16px;font-size:1.6rem;}
.cuxin .int4{width:229px; height:48px; border:1px solid #666; padding-left:11px;line-height:48px; float:left;font-size:16px;font-size:1.6rem;}
.cuxin .cuyanzheng{ width:161px; height:50px; float:left; margin-left:8px; cursor:pointer;}
.cuxin .int5{ width:169px; height:50px; border:none; background:#4b9e01; float:right; cursor:pointer;color:#fff;padding-left: 0;font-size: 16px;font-size: 1.6rem;font-weight: bold;text-transform: uppercase;}
.ditu img{ width: 100%;max-width: 1920px;max-height: 638px;}
.cuxin .int5:hover{ background:#448a06;}
.fymainlx{padding-bottom: 0;}
.ditu{padding-top: 60px;}

.cbt2{text-transform: uppercase;font-size: 30px;font-size: 3rem;padding-left: 15px;}
.cbt2 span{font-size: 24px;font-size: 2.4rem;color: #999999;font-weight: normal;text-transform: none;}
.ciilist{padding-top: 88px;margin-left: 20px;}
.ciilist li{float: left;margin-right: 185px;}
.ciilist li span{display: block;font-size: 20px;font-size: 2rem;line-height: 29px;}
.ciilist li p{font-size:16px;font-size:1.6rem;color: #555555;line-height: 36px;padding-left: 37px;margin-bottom: 27px;min-height: 36px;}
.cili1 p{background: url(../images/cii1.jpg) no-repeat left center;}
.cili2 p{background: url(../images/cii2.jpg) no-repeat left center;}

@media screen and (min-width:1520px) and (max-width:1764px) {
    .cy_part{width: 950px;}
    .xinl{width: 400px;}
    .cuxin .int1 input{width: 340px;}
    .xinr{width: 535px;}
    .cuxin textarea{width: 474px;}
    .cuxin .int4{width: 157px;}
    .ciilist li{margin-right: 130px;}
}
@media screen and (min-width:1220px) and (max-width:1519px) {
    .cz_part{margin-left: 0;width: 380px;}

    .cy_part{width: 800px;}
    .xinl{width: 300px;}
    .cuxin .int1 input{width: 240px;}
    .xinr{width: 485px;}
    .cuxin textarea{width: 425px;}
    .cuxin .int4{width: 120px;}
    .cuxin .int5{width: 155px;}
    .ciilist li{margin-right: 80px;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    .cz_part{margin-left: 0;width: 305px;}

    .cy_part{width: 655px;}
    .xinl{width: 250px;}
    .cuxin .int1 input{width: 190px;}
    .xinr{width: 400px;}
    .cuxin textarea{width: 339px;}
    .cuxin .int4{width: 90px;}
    .cuxin .int5{width: 100px;}
    .ciilist li{margin-right: 35px;}

    .cbt{font-size: 30px;font-size: 3rem;}
    .clxfs>li p.cicbiao1{font-size:14px;font-size:1.4rem;}
    .clxfs>li p{font-size:14px;font-size:1.4rem;}
}
@media screen and (max-width:999px) {
    .cz_part{margin-left: 0;width: 100%;}

    .cy_part{width: 100%;}
    .xinl{width: 100%;}
    .xinr{width: 100%;}
    .cuxin .int1 input,.cuxin textarea{width: calc(100% - 40px);}

    .ciilist li{width: 32.3333%;margin-right: 1%;}
    .ciilist li img{max-width: 100%;}
}
@media screen and (max-width:767px) {
    .cuxin .int4{width: calc(100% - 11px);margin-bottom: 19px;}
    .cuxin .cuyanzheng{margin-left: 0;}
    .ciilist{padding-top: 40px;}
    .ciilist li span{font-size:16px;font-size:1.6rem;}
    .ciilist li p{font-size:14px;font-size:1.4rem;}
    .ditu{padding-top: 30px;}

    .cbt{font-size: 30px;font-size: 3rem;}
}
@media screen and (max-width:600px) {
    .ciilist li{width: 48%;margin: 0 1%;margin-bottom: 20px;}
    .clxfs>li p.cicbiao1{font-size:14px;font-size:1.4rem;}
    .clxfs>li p{font-size:14px;font-size:1.4rem;}
    .cbt{font-size:24px;font-size:2.4rem;}
    .cbt2 span{font-size:18px;font-size:1.8rem;}
    .cbt{margin-bottom: 10px;}
    .cuxin{margin-top: 10px;}
}
@media screen and (max-width:400px) {
    .ciilist li{width: 98%;margin: 0 1%;margin-bottom: 20px;}
    .cuxin .int5{width: 100%;margin-top: 19px;}
}

.yiji{position: absolute;left: 0;top: -9999px;width: 217px;border: 3px solid #e5e5e5;background: #fff;z-index: 999;}
.yiji li{line-height: 50px;padding-left: 18px;position: relative;}
.yiji li a{display: block;font-size:18px;font-size:1.8rem;color: #333;}
.erji{position: absolute;left: 100%;top: -9999px;width: 217px;border: 3px solid #e5e5e5;background: #fff;}
.yiji li:hover{background: #4b9e01;}
.yiji li:hover>a{color: #fff;}

.navlist>li:hover .yiji{top: 100%;}
.yiji>li:hover .erji{top: -3px;}

@media screen and (max-width:999px) {
    .yiji{display: none;}
}


.hdtop{position: fixed;right: 20px;bottom: -100px;transition: 1s;cursor: pointer;z-index: 99999;}

.ce{position: fixed;right: 1px;top: 20%;width: 69px;z-index: 9999999999;}
.ce li{height: 69px;margin-bottom: 2px;transition: 0.5s;border-radius: 10px;}
.ce li a{display: block;height: 69px;}

.ce .kf-wx {
    position: absolute;
    display: none;
    bottom: 0;
    right: 150%;
    width: 120px;
    font-size: 0;
    line-height: 0;
}

.ce1{background: #5492ff url(../images/ce1.png) no-repeat center center;}
.ce2{background: #5492ff url(../images/ce2.png) no-repeat center center;}
.ce3{background: #5492ff url(../images/ce3.png) no-repeat center center;}
.ce4{background: #5492ff url(../images/ce4.png) no-repeat center center;}
.ce1:hover{background: #4b9e01 url(../images/ce1.png) no-repeat center center;}
.ce2:hover{background: #4b9e01 url(../images/ce2.png) no-repeat center center;}
.ce3:hover{background: #4b9e01 url(../images/ce3.png) no-repeat center center;}
.ce4:hover{background: #4b9e01 url(../images/ce4.png) no-repeat center center;}

.ce3{position: relative;}
.ce3 img{position: absolute;right: 100%;bottom: -99999px;display: block;}
.ce3 img{width: 100px;}
.ce3:hover img{bottom: 0;}

@media screen and (max-width:767px) {
    .ce{bottom: 0;top: auto;width: 100%;}
    .ce li{width: 25%;margin: 0;float: left;border-radius: 0;}
    .dibu{padding-bottom: 80px;}
    .ce3:hover img{right: auto;left: 0;bottom: 100%;}
    .ce li a{height: 40px;}
    .ce li{height: 40px;}
    .ce .kf-wx {
        bottom: 100%;
        right: auto;
        left: 0;
        padding: 5px;
        width: 100vw;
        text-align: center;
        background-color: #fff;
    }
    .ce .kf-wx img {
        width: 140px;
    }

    .vitu img{
        width: 100%;
    }
}


/****************  xiugai  ****************/
.zkpart{height: 0;overflow: hidden;}







@media screen and (min-width:1520px) and (max-width:1764px) {
    
}
@media screen and (min-width:1220px) and (max-width:1519px) {
    
}
@media screen and (min-width:1000px) and (max-width:1219px) {
    
}
@media screen and (max-width:999px) {
    
}
/*
font-family: 'TimesLTStdBold';
*/


.headyoutop {
    margin-bottom: 27px;
    display: flex
;
    justify-content: flex-start;
    flex-direction: row-reverse;
}

.lanauage_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #333;
    float:right;
}

.lanauage_wrap .lanauage {
    position: relative;
    transition: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333333;
}

.lanauage_wrap .lanauage>img {
    margin-right: 5px;
    color: #666;
}

.lanauage_wrap .lanbox {
    display: flex;
    align-items: center;
}

.lanauage_wrap .lanbox i {
    color: #666;
    font-size: 16px;
    margin-left: 5px;
}

.lanauage_wrap .lanbox a {
    color: #FFF;
    font-family: OpenSans-Regular;
    font-size: 16px;
    margin:0 5px 0 10px;
}

.lanauage_wrap .lanauage .silde-down {
    transition: none;
    display: none;
    position: absolute;
    top: 100%;
    background-color: #fff;
    text-align: center;
    min-width: 100px;
    width: 120px;
    max-width: 200px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    z-index: 10;
    margin:0 auto;
    margin-top: 14px;
    z-index: 1000;
    background-color: #5492ff;
}

.lanauage_wrap .lanauage .silde-down a {
    color: #333;
    padding: 6px 0px;
    display: inline-block;
    width: 100%;
    font-size: 16px !important;
    font-family: OpenSans-Regular;
    font-size: 14px;
    color:#fff;
}

.lanauage_wrap .silde-down li:hover {
    background-color: #4b9e01;
}

.lanauage_wrap .silde-down li:hover a {
    color: #fff;
}

.lanauage_wrap .icon-bottom7 {
    font-size: 10px !important;
    margin-left: 10px;
    color: #fff;
}

.lanauage_wrap .lanauage:hover .lanbox>a {
    color: #aaa !important;
}

.lanauage_wrap .lanauage:hover i {
    color: #aaa !important;
}


@media(max-width:1333px) {
    .lanauage_wrap .lanauage .silde-down a {
        padding: 3px 0px;
        font-size: 14px !important;
    }

    .lanauage_wrap .lanauage .silde-down {
        min-width: 100px;
        width: 100px;
        max-width: 200px;
        margin-top: 14px;
    }
     .lanauage_wrap .lanbox a {
        font-size: 14px;
    }
}


@media screen and (max-width: 767px) {
    .headyoutop ul{
        display:none;
    }
    .lanauage_wrap .lanauage .silde-down{
        left:unset;
        right:0px;
    }
    .headyoutop{
        margin-top:20px
    }
}


.slidNav1 {
    position: fixed;
    z-index: 99999999999999999;
    right: 0px;
    top: 40%;
    transform: translateY(-50%);
}

.slidNav1 .one {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 5px 0 0 5px;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    line-height: 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.slidNav1 .one:hover {
    /* background: #5492ff; */
}

.slidNav1 .oneToast {
    padding: 0px 25px;
    width: auto;
    height: auto;
    position: absolute;
    right: 100%;
    top: 0;
    display: none;
}

.slidNav1 .oneToast .p1 {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    background-color: #fff;
    color: #333;
    min-width: 100px;
    position: relative;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    padding: 12px 20px;
    white-space: nowrap;
}

.slidNav1 .oneToast .p1:before {
    content: "";
    display: block;
    position: absolute;
    left: calc(100% + 2px);
    top: 50%;
    transform: translateY(-50%);
    border-left: 12px solid #0000001a;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

