@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:#999999;}

.ss :-o-placeholder {/* Mozilla Firefox 4 to 18 */

color:#999999;}

.ss ::-moz-placeholder {/* Mozilla Firefox 19+ */

color:#999999;}

.ss :-ms-input-placeholder {/* Internet Explorer 10+ */

color:#999999;}



.coxin ::-webkit-input-placeholder {/* WebKit browsers */

color:#999999;}

.coxin :-o-placeholder {/* Mozilla Firefox 4 to 18 */

color:#999999;}

.coxin ::-moz-placeholder {/* Mozilla Firefox 19+ */

color:#999999;}

.coxin :-ms-input-placeholder {/* Internet Explorer 10+ */

color:#999999;}

 

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

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

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

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



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

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

@media screen and (min-width:1000px) and (max-width:1419px) {.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(../img/sousuo.jpg) 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(../img/sousuo.jpg) 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(../img/sousuo.jpg) 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 > 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: #3daf19; }



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





/***********  lunbo  *************/

#lun2{position: relative;}

.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: 58px;width: 100%;left: 0;

}

.slide .dotList ul li{

    display: inline-block;

    width: 13px;

    height: 13px;

    border-radius: 50%;border: 3px solid #fff;

    background: #fff;

    margin-left: 12px;

    cursor:pointer;

}

.slide .dotList ul li.active{

     background:transparent;

}

.slide .carousel-control{

    position: absolute;

    top: 45%;

    width: 30px;

    height: 30px;

    z-index:999;

}

.slide .carousel-control.left{

    left:0;

   

    cursor:pointer;

}

.slide .carousel-control.right{

    right:0;

   

    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: 30px;}

.slide .dotList ul li{width: 5px;height: 5px;overflow: hidden;}

.slide .carousel-control.left,.slide .carousel-control.right{display: none;}

}





/***********  toppart  **********/

.toppart{background: #f8f8f8;}

.toppart li{float: left;width: 47px;text-align: center;line-height: 35px;border-left: 1px solid #e8e8e8;}

.toppart li.youborder{border-left: 1px solid #e8e8e8;}

.toplx{padding-top: 9px;margin-right: 50px;}

.toplx p{float: left;color: #3daf19;margin-right: 30px;font-family: Verdana, Geneva, Tahoma, sans-serif;}

.toplx p a{color: #3daf19;}

.lxli1{padding-left: 24px;background: url(../img/topi1.png) no-repeat left center;}

.lxli2{padding-left: 23px;background: url(../img/topi2.png) no-repeat left center;}



.head{background: #fff; z-index: 99999}



.logo{padding-top: 14px;}

.logo img{width: 100%;max-width: 338px;max-height: 89px;}

.ssnav{margin-top: 21px;}

.ss{position: relative;}

.sou{width: 244px;height: 28px;line-height: 28px;padding-left: 6px;border: 1px solid #dedede;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;font-style: italic;}

.suo{position: absolute;right: 1px;top: 1px;width: 28px;height: 28px;background: url("../img/sousuo.jpg") no-repeat;cursor: pointer;}



.navlist2{display: none;}

.navlist{padding-top: 24px;}

.navlist>li{float: left;position: relative;margin-left: 54px;}

.navlist>li>a{display:block;font-size: 18px;font-size: 1.8rem;font-family: Verdana, Geneva, Tahoma, sans-serif;padding-bottom: 22px;border-bottom: 3px solid transparent;}

.navlist>li:hover>a{color: #3daf19;border-bottom: 3px solid #3daf19;}

.navlist>li.currentnav>a{color: #3daf19;border-bottom: 3px solid #3daf19;}



.ilist{font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 12px;font-size: 1.2rem;color: #666666;line-height: 30px;margin-right: 15px;}



.lxli6 a{padding-left: 31px;background: url(../img/gq1.jpg) no-repeat left center;}

.lxli7 a{padding-left: 31px;background: url(../img/gq2.jpg) no-repeat left center;}
.lxli8 a {
    padding-left: 31px;
    background: url(../img/kr.png) no-repeat left center;
}
.lxli9 a {
    padding-left: 31px;
    background: url(../img/jp.png) no-repeat left center;
}

.toppart li.lxli6{width: 78px;}

.toppart li.lxli7{width: 78px;}
.toppart li.lxli8{width: 78px;}

.toppart li.lxli9{width: 78px;}


@media screen and (min-width:1000px) and (max-width:1419px) {

    .navlist>li{margin-left: 25px;}

    .navlist>li>a{font-size:16px;font-size:1.6rem;}

}

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

    .head .wp{position: relative;}

    .ssnav{width: 100%;margin-top: 0;}

    .navlist>li{margin-left: 0;width: 16.6666%;text-align: center;}

    .ilss{position: absolute;right: 0;top: 35px;}

    .toplx{margin-right: 0;}

    .toppart li{width: 35px;}

}

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

    .navlist>li>a{font-size:14px;font-size:1.4rem;}

    .toplx p{margin-right: 10px;}

    .toppart li.lxli6{width: 65px;}

    .toppart li.lxli7{width: 65px;}

}

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

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

    .navlist1{display: none;}

    .navlist2{display: block;}

    .navlist>li{width: 25%;}

    .ilss{display: none;}

    .toppart ul{display: none;}

    .toplx{float: left;}

    .toppart{padding-bottom: 5px;}

}

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

    .logo{width: 60%;}

    .navlist>li>a{padding-bottom: 12px;}

}



/**********  syp  *********/

.syp{padding-top: 65px;padding-bottom: 78px;}

.sybt{text-align: center;}

.sybt a{font-size: 42px;font-size: 4.2rem;text-transform: uppercase;}

.sybt a span{font-weight: bold;color: #3daf19;}

.hebei{display: block;text-align: center;color: #666666;line-height: 28px;margin-top: 2px;margin-bottom: 30px;}





#outer #tab{text-align: center;}

#outer #tab li{display: inline-block;cursor: pointer;margin: 0 33px;padding-top: 50px; min-width: 54px;}

#outer #tab li.current{color: #3daf19;}

#outer #tab li:hover{color: #3daf19;}

#outer .ul{display: none;padding-top: 50px;}



#li1{background: url(../img/fl1.png) no-repeat center top;}

#li2{background: url(../img/fl3.png) no-repeat center top;}

#li3{background: url(../img/fl4.png) no-repeat center top;}

#li4{background: url(../img/fl2.png) no-repeat center top;}



#li1:hover{background: url(../img/fl1h.png) no-repeat center top;}

#li2:hover{background: url(../img/fl3h.png) no-repeat center top;}

#li3:hover{background: url(../img/fl4h.png) no-repeat center top;}

#li4:hover{background: url(../img/fl2h.png) no-repeat center top;}



#li1.current{background: url(../img/fl1h.png) no-repeat center top;}

#li2.current{background: url(../img/fl3h.png) no-repeat center top;}

#li3.current{background: url(../img/fl4h.png) no-repeat center top;}

#li4.current{background: url(../img/fl2h.png) no-repeat center top;}



.ul .img-scroll {position: relative;margin: 0 auto;width: 100%;padding-bottom: 80px;}

.ul .img-scroll .prev,.ul .img-scroll .next {position: absolute;display: block;width: 35px;height: 40px;bottom: 0;color: #fff;text-align: center;line-height: 100px}

.ul .img-scroll .prev {left: 50%;margin-left: -48px;cursor: pointer;background: url("../img/ps.png") no-repeat center center;}

.ul .img-scroll .next {right: 50%;margin-right: -48px;cursor: pointer;background: url("../img/px.png") no-repeat center center;}

.ul .img-scroll .prev:hover{background: url("../img/ps2.png") no-repeat center center;}

.ul .img-scroll .next:hover{background: url("../img/px2.png") no-repeat center center;}

.ul .img-list {position:relative;width:99%;padding: 0 0.5%;overflow: hidden;margin: 0 auto;padding-top: 10px;padding-bottom: 10px;}

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

.ul .img-list li {float: left;display: inline;width: 1%;margin-right:10px;position: relative;position: relative;text-align: center;}

.ul .img-list li img{width: 100%;max-width: 511px;max-height: 511px;}




.syptu{display: block;border: 1px solid #a4a4a4;}

.sypxia{border: 1px solid #a4a4a4;border-top: none;padding-top: 19px;padding-bottom: 21px;text-align: center;}

.sypxia a{display: block;}

.sypp1{font-size:20px;font-size:2rem;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.sypp2{line-height: 21px;}

.sypbox{width: 263px;float: left;margin-left: 14px;}

.sypbox:hover{box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);}

.sypbox:hover .sypxia{background: #3daf19;border: 1px solid #3daf19;border-top: none;}

.sypbox:hover .sypxia a{color: #fff;}

.xplunbo{display: none;}


@media screen and (min-width:1000px) and (max-width:1419px) {

    .sypbox{width: 180px;}

}

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

    .ul .img-list{width: 100%;padding: 0;}

    .sypbox:hover{box-shadow: none;}

    .sypp1{font-size:16px;font-size:1.6rem;}

    .sybt a{font-size: 34px;font-size: 3.4rem;}

    .sypbox{width: 18%;margin: 0 1%;}

}

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

    #outer #tab li{margin: 0 15px;}

    .syp{padding-top: 30px;}

    .ul .img-scroll{display: none;}

    .xplunbo{display: block;}
    .xplunbo .img-scroll{display: block;}
    .sypbox{width: 31.333%;margin: 0 1%;}

}

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

    .sybt a{font-size: 30px;font-size: 3rem;}
}
@media screen and (max-width:400px) {

    .sypp1{font-size:14px;font-size:1.4rem;}
    .sypp2{font-size: 12px;font-size: 1.2rem;}
}


/***********  bottom  ***********/

.bottom{background: #333;padding-top: 49px;padding-bottom: 17px;max-width: 1920px;margin: 0 auto;}

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

.bottom a:hover{color: #3daf19;}

.div>span,.div>a{font-size:24px;font-size:2.4rem;font-weight: bold;text-transform: uppercase;display: block;margin-bottom: 18px;}

.div1{width: 460px;margin-right: 126px;}

.div1 li{float: left;width: 50%;line-height: 28px;}

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

.div3{width: 400px;}

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

.reanod{padding-right: 10px;}

.bsjj a{margin-right: 15px;position: relative;top: 0;transition: 0.5s;}

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

.bsjj{padding-top: 33px;}

.link{line-height: 30px;min-height: 30px;margin-top: 11px;}

.link a{padding: 0 20px;}



@media screen and (min-width:1000px) and (max-width:1419px) {

    .div1{margin-right: 0;}

    .div3{width: 340px;}

}

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

    .div1{width: 70%;margin-right: 0;}

    .div2{width: 30%;}

    .div3{width: 100%;margin-top: 30px;}

}

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

    .div1,.div2{display: none;}

    .div3>span{display: none;}

    .div3{margin-top: 0;}

    .bottom{padding-top: 25px;padding-bottom: 0;}

    .link a,.link span{display: none;}

    .link{margin-top: 0;}

}





/**********  sya  **********/

.sya{padding-top: 78px;padding-bottom: 55px;background:#d8d8d6 url(../img/sybg1.jpg) no-repeat center top;}

.sya .sybt a{font-size: 38px;font-size: 3.8rem;}

.sya .hebei{margin-top: 12px;}

.sya ul{padding-top: 25px;}

.sya li{float: left;width: 250px;margin-left: 133px;text-align: center;}

.sya li a{display: block;font-size:16px;font-size:1.6rem;line-height: 28px;padding-top: 146px;}

.ali1 a{background: url(../img/ai1.png) no-repeat center top;}

.ali2 a{background: url(../img/ai2.png) no-repeat center top;}

.ali3 a{background: url(../img/ai3.png) no-repeat center top;}

.ali4 a{background: url(../img/ai4.png) no-repeat center top;}



.ali1:hover a{background: url(../img/ai1h.png) no-repeat center top;}

.ali2:hover a{background: url(../img/ai2h.png) no-repeat center top;}

.ali3:hover a{background: url(../img/ai3h.png) no-repeat center top;}

.ali4:hover a{background: url(../img/ai4h.png) no-repeat center top;}



.sya li:hover a{color: #3daf19;}



@media screen and (min-width:1000px) and (max-width:1419px) {

    .sya li{width: 230px;margin-left: 20px;}

    .sya li a{font-size:14px;font-size:1.4rem;}

}

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

    .sya li{width: 46%;margin: 0 2%;margin-bottom: 20px;}

    .sya li a{min-height: 56px;}

    .sya .sybt a{font-size: 34px;font-size: 3.4rem;}

    .sya{padding-top: 55px;}

}

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

    .sya li a{font-size:14px;font-size:1.4rem;line-height: 24px;}

    .sya ul{padding-top: 0;}

}

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

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

}

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

    .sya li{width: 48%;margin: 0 1%;margin-bottom: 20px;}

    .sya ul{padding-top: 0;}

    .syp{padding-bottom: 50px;}



}



/**********  sylv  **********/

.sylv{padding-top: 56px;padding-bottom: 58px;background: url(../img/sybg2.jpg) no-repeat center top;text-align: center;}

.sybt2{padding-bottom: 24px;background: url(../img/btxian.jpg) no-repeat center bottom;text-align: center;margin-bottom: 80px;}

.sybt2 a{font-size: 38px;font-size: 3.8rem;text-transform: uppercase;color: #fff;}



.syap1{display: block;font-size:16px;font-size:1.6rem;line-height: 34px;margin-top: 30px;color: #fff;}

.syap2{display: block;width: 206px;height: 48px;line-height: 48px;text-align: center;background: #fff;font-size:18px;font-size:1.8rem;color: #3daf19;text-transform: uppercase;margin: 0 auto;margin-top: 83px;}

.syap2:hover{background: #3daf19;color: #fff;}

@media screen and (min-width:1000px) and (max-width:1419px) {

    .sybt2{margin-bottom: 50px;}

}

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

    .sybt2 a{font-size: 34px;font-size: 3.4rem;}

    .sybt2{margin-bottom: 40px;}

}

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

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

    .sybt2{margin-bottom: 30px;}

    .syap2{margin-top: 35px;}

    .sya{padding-bottom: 35px;}

}

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

    .sylv{padding-top: 35px;}

    .syap1{font-size:14px;font-size:1.4rem;line-height: 30px;}

}



/**********  sypartner  ***********/

.sypartner{padding-top: 78px;padding-bottom: 30px;}

.sypartner .sybt a{font-size: 38px;font-size: 3.8rem;}

.sypartner .hebei{margin-bottom: 48px;font-size:16px;font-size:1.6rem;}



.sypartner .img-scroll {position: relative;margin: 0 auto;width: 100%;}

.sypartner .img-scroll .prev,.sypartner .img-scroll .next {position: absolute;display: block;width: 20px;height: 22px;top: 50%;margin-top: -11px;color: #fff;text-align: center;line-height: 100px}

.sypartner .img-scroll .prev {left: 0;cursor: pointer;background: url("../img/hbs.png") no-repeat center center;}

.sypartner .img-scroll .next {right: 0;cursor: pointer;background: url("../img/hbx.png") no-repeat center center;}

.sypartner .img-scroll .prev:hover{background: url("../img/hbs2.png") no-repeat center center;}

.sypartner .img-scroll .next:hover{background: url("../img/hbx2.png") no-repeat center center;}

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

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

.sypartner .img-list li {float: left;display: inline;width: 1%;margin-right:10px;position: relative;position: relative;text-align: center;}

.sypartner .img-list li img{width: 100%;max-width: 229px;max-height: 121px;}

.sypartner .img-list li a{display: block;border: 1px solid #4e4e4e;width: 229px;margin-left: 22px;float: left;}



@media screen and (min-width:1000px) and (max-width:1419px) {

    .sypartner .img-list{width: 910px;}

    .sypartner .img-list li a{margin-left: 9px;width: 170px;}
}

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

    .sypartner .img-list{width: 90%;}

    .sypartner{padding-top: 40px;}

    .sypartner .img-list li a{width: 18%;margin: 0 0.5%;}
}

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

    .sypartner .img-scroll{display: none;}
    .xplunbo .img-scroll{display: block;}
    .sypartner .img-list li a{width: 31.333%;}
}


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

    .sypartner .hebei{margin-bottom: 30px;}

    .sypartner .sybt a{font-size: 30px;font-size: 3rem;}

    .sypartner .hebei{font-size:14px;font-size:1.4rem;}

}

@media screen and (max-width:550px) {
    .sypartner .img-list{width: 85%;}
}

/***********  syapp  ***********/

.syapp{padding-top: 45px;}

.syappbox{width: 24.4%;margin: 0 0.3%;float: left;}

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

.syappcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../img/sycover.png) no-repeat;background-size: 100%;transition: 0.5s;}

.syapptu{display: block;}

.syapptu img{width: 100%;max-width: 465px;max-height: 590px;display: block;}

.syappcover a{display: block;color: #fff;text-align: center;font-size: 38px;font-size: 3.8rem;text-transform: uppercase;padding-bottom: 120px;background: url(../img/syjia.png) no-repeat center bottom;margin-top: 201px;}

.syappbox:hover .syappcover{top: 0;}



.syapp .sybt a{font-size: 38px;font-size: 3.8rem;}

.syapp .hebei{margin-bottom: 41px;}



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

    .syappcover a{font-size: 30px;font-size: 3rem;margin-top: 160px;}

}

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

    .syappcover a{font-size: 24px;font-size: 2.4rem;margin-top: 160px;padding-bottom: 100px;}

}

@media screen and (min-width:1000px) and (max-width:1419px) {

    .syappcover a{font-size: 24px;font-size: 2.4rem;margin-top: 120px;padding-bottom: 100px;}

}

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

    .syappcover{position: static;background: none;}

    .syappcover a{margin-top: 0;color: #333;padding-bottom: 0;background: none;font-size:16px;font-size:1.6rem;line-height: 30px;margin-top: 15px;}

}

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

    .syappbox{width: 48%;margin: 0 1%;margin-bottom: 20px;}

    .syapp{padding-top: 25px;}

}

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

    .syapp .sybt a{font-size: 30px;font-size: 3rem;}

}

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

    .sypartner .sybt a{font-size:24px;font-size:2.4rem;}

    .syapp .sybt a{font-size:24px;font-size:2.4rem;}

    .syappcover a{font-size:14px;font-size:1.4rem;}

}



/**********  syn  ***********/

.symap{background: url(../img/map.jpg) no-repeat center bottom;}

.syn{padding-top: 72px;padding-bottom: 55px;}

.syn .hebei{margin-bottom: 60px;}

.n_zuo{width: 595px;position: relative;overflow: hidden;}

.n_zuo img{width: 100%;max-width: 595px;max-height: 385px;transition: 0.5s;}
.n_zuo:hover img{transform: scale(1.1);}
.n_you{width: 781px;}

.bottom_cover{position: absolute;left:0;bottom: 0;height: 117px;background: rgba(10,152,68,0.7) url("../img/tixing.png") no-repeat right top;width: 100%;}

.n_zuo .nr{margin-top: 25px;padding-left: 26px;width: 405px;}

.n_you .nr{margin-top: 20px;padding-left: 18px;width: 405px;}

.nr a{color: #fff;}

.s_p{font-size: 18px;font-size: 1.8rem;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 4px;}

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

.x_p{line-height: 28px;overflow: hidden;height: 56px;font-size:16px;font-size:1.6rem;}

.x_p a{color: #cccccc;}

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

.sj span{padding-top: 27px;background: url("../img/sybiao.png") no-repeat center top;color: #fff;font-size: 14px;font-size: 1.4rem;}

.sj{margin-top: 63px;margin-right: 16px;}

.xw_wz{height: 117px;background: #efefef url("../img/tixing2.png") no-repeat right top;width: 599px;}

.xw_list li{margin-bottom: 15px;}

.xw_list li img{width: 100%;max-width: 595px;max-height: 385px;transition: 0.5s;}
.xw_list li:hover img{transform: scale(1.1);}

.xw_tu{width: 181px;overflow: hidden;}

.xw_list li .nr a{color: #333;}

.xw_list li .nr a:hover{color: #3daf19;}

.xw_list li .nr .x_p a{color: #666666;}

.n_you .sj span{color: #333;background: url(../img/sybiao2.png) no-repeat center top;}

.xw_list li .nr .x_p a:hover{color: #3daf19;}



@media screen and (min-width:1000px) and (max-width:1419px) {

    .n_zuo{width: 485px;}

    .n_zuo .nr{width: 320px;}

    .n_you{width: 480px;}

    .xw_tu{width: 140px;}

    .xw_wz{width: 340px;height: 90px;}

    .n_you .nr{width: 210px;margin-top: 10px;}

    .x_p{font-size:14px;font-size:1.4rem;line-height: 24px;height: 48px;}

    .xw_list li{margin-bottom: 21px;}

}

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

    .n_zuo{float: none;max-width: 595px;margin: 0 auto;width: auto;margin-bottom: 15px;}

    .n_you{width: 100%;}

    .xw_wz{width: calc(100% - 181px);}

    .n_you .nr{width: 70%;}

    .syn{padding-top: 30px;}

}

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

    .bottom_cover{position: static;}

    .n_zuo .nr{width: auto;float: none;margin-top: 0;padding-top: 10px;}

    .bottom_cover{height: 140px;background: #0a9844;}

    .sj{margin-top: 10px;float: none;padding-left: 18px;}

    .sj span{padding-top: 0;background: none;}



    .n_you .nr{width: auto;float: none;}

    .n_you .sj span{background: none;}

    .xw_tu{width: 220px;}

    .xw_wz{width: calc(100% - 220px);height: 142px;background: #efefef;}

}

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

    .xw_wz{width: 100%;}

    .xw_tu{width: 100%;text-align: center;}

    .syn .hebei{margin-bottom: 30px;}

}





/*********  sycontact  *********/

.sycontact{padding-bottom: 82px;}

.for{ width:1388px;margin: 0 auto;}



.for form{}



.for .int1{ padding-left:20px; margin-top:15px;float: left;margin-left: 37px;}

.for .int1.xing{background:url(../img/syxing.png) no-repeat left center; }

.for .int1 input{ width:253px; height: 57px; line-height:57px; padding-left:44px; font-size:18px; font-size:1.8rem; color:#999999;border: 1px solid #cdcdcd;}



.fren{ background:#fff url(../img/fren.jpg) no-repeat left center;}



.fdianhua{ background:#fff url(../img/fyouxiang.jpg) no-repeat left center;}



.fxinfeng{ background:#fff url(../img/fcountry.jpg) no-repeat left center;}



.ffang{ background:#fff url(../img/ftel.jpg) no-repeat left center;}



.for .int2{ background:url(../img/syxing.png) no-repeat left 19px; padding-left:20px; margin-top:20px;}



.for textarea{width:1318px; height:168px; line-height:50px; padding-left:47px;color:#999999;background:#fff url(../img/fduihua.jpg) no-repeat left top;border: 1px solid #cdcdcd;font-size:18px;font-size:1.8rem;}



.for .int3{ background:url(../img/syxing.png) no-repeat left 19px; padding-left:20px; margin-top:17px;}



.fyanzheng{ width:162px; height:59px; float:left; margin-left:15px; cursor:pointer}



.for .int5{ width:213px; height:59px; float:left; background:#3daf19;border:1px solid #3daf19;font-size:18px; font-size:1.8rem;color:#fff; text-transform:uppercase; cursor:pointer; transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;margin-left: 13px;}



.for .int5:hover{ background:#fff; color:#0b2f6a; border:1px solid #0b2f6a;}



.for .int4{width: 215px;height: 57px;line-height: 57px;border: 1px solid #cdcdcd;float: left;padding-left: 9px;color: #999;}







@media screen and (min-width:1000px) and (max-width:1419px) {



.for{width: 100%;}



.for .int1{margin-left: 21px;}



.for .int1 input{width: 163px;}



.for textarea{width: 911px;}



.sylx{padding-top: 80px;}



}



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



.for{width: 100%;}



.sylx{padding-top: 40px;}



.sylxbt{font-size: 40px;font-size: 4rem;}



.sylxbt{margin-bottom: 40px;}



.for .int1{float: none;margin: 0;margin-top: 13px;}



.for .int1 input{width: calc(100% - 44px);}



.for textarea{width: calc(100% - 44px);}



}



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



    .for .int1 input{height: 48px;line-height: 48px;}

    .syn{padding-bottom: 30px;}

    .sycontact{padding-bottom: 50px;}

    .for .int5{width: 100%;margin-left: 0;margin-top: 15px;}



}



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



.sylxbt{font-size: 30px;font-size: 3rem;}



.for .int5{width: 100%;margin-top: 13px;margin-left: 0;}



}



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



.for .int4{width: calc(100% - 9px);}



.fyanzheng{margin-left: 0;margin-top: 13px;}



}



.huimain{background: #f0f0f0;}

.bread{line-height: 30px;padding-top: 14px;font-size:16px;font-size:1.6rem;padding-bottom: 21px;}

.bread a:hover{color: #3daf19;}

.bread a.currentbread{color: #3daf19;}



.flpart{background: #fff;padding-top: 28px;padding-bottom: 20px;}

.flbox{position: relative;padding-bottom: 49px;border-bottom: 2px solid #e3e3e3;margin-bottom: 26px;}

.flbox.noborder{border: none;margin-bottom: 0;padding-bottom: 10px;}

.flbox p{font-size:18px;font-size:1.8rem;color: #666666;text-transform: uppercase;position: absolute;left: 0;top: 0;line-height: 36px;}

.yijilist{padding-left: 173px;}

.yijilist>li{position: relative;}

.yijilist>li>a{display: block;padding: 0 20px;line-height: 36px;font-size:18px;font-size:1.8rem;}

.yijilist ul:last-child{margin-top:10px;}
.yijilist ul:last-child li a{font-size:16px;font-size:1.6rem;}

.tab11 li{float: left;}

.tab11 li a{display: block;padding: 0 20px;line-height: 36px;font-size:18px;font-size:1.8rem;}

.tab11 li:hover a{background: #76b900;color: #fff;}
.tab11 li.current_f a{background: #76b900;color: #fff;}
#content11 li.current_f a{background: #76b900;color: #fff;}

.avtive2>a{background: #76b900 !important;color: #fff !important;}

.ul11{padding-top: 17px;}

#content11 li{float: left; line-height: 32px;}

#content11 li a{font-size:18px;font-size:1.8rem;color: #666666;padding: 0 20px;display: block;}



#content11 li:hover a{background: #76b900;color: #fff;}

.xuanzhong>a{background: #76b900 !important;color: #fff !important;}

#tab22 li{float: left;}

#tab22 li a{display: block;padding: 0 20px;line-height: 36px;font-size:16px;font-size:1.6rem; width: 197px; text-align: center; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

#tab22 li:hover a{background: #76b900;color: #fff;}

.ul22{display: none;padding-top: 17px;}

#content22 li{float: left;}

#content22 li a{font-size:18px;font-size:1.8rem;color: #666666;padding: 0 20px;display: block;}

#content22 li a:hover{color: #3daf19;}



.fymain{padding-top: 64px;padding-bottom: 130px;}

.pbox{float: left;width: 335px;margin-left: 20px;background: #fff;margin-bottom: 38px;}

.ptu img{width: 100%;max-width: 511px;max-height: 511px; margin-top: 27px;}

.pcon{padding-left: 47px;padding-right: 47px;padding-bottom: 16px;}

.pcon ul li{width: 50px;margin-left: 12px;float: left;}

.pcon ul li a{display: block;border: 1px solid #e0e0e0;}

.pcon ul li a.border{border: 1px solid #3daf19;}

.pcon ul li a img{display: block;width: 100%;max-width: 511px;max-height: 511px;}

.pcon ul{padding-top: 30px;}



.pp1{margin-top: 28px;margin-bottom: 12px;}

.pp1 input{cursor: pointer;margin-right: 10px;}

.pp1 a{font-size:20px;font-size:2rem;display: inline-block; line-height: 32px; height: 64px; overflow:hidden}

.pp1 a:hover{color: #3daf19;}

.pp2{display: block;font-size:18px;font-size:1.8rem;color: #666666;line-height: 26px;height: 52px;overflow: hidden;}

.pp2:hover{color: #3daf19;}

.page{position: relative;margin:67px auto 0;}

.page {text-align: center;}

.page a {display: inline-block;background-color:#fff;color: #333; margin-left:5px;width: 33px;height: 28px;line-height: 28px;border: 1px solid #e5e5e5; text-align:center;font-size: 12px;font-size: 1.2rem;border-radius: 0px;}

.page a.on,.page a:hover{color: #fff;border: 1px solid #3daf19;background: #3daf19;}

.page a.first{width:59px;margin-left: 0;}

.page a.last{width: 59px;}

.xiangshang{display: inline-block;margin-left: 22px;}

.xiangshang input{width: 150px;height: 30px;line-height: 30px;color: #fff;text-align: center;background: #3daf19;cursor: pointer;}

.pbox:hover{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}

.flpart2{display: none;}



.page a.no,.page a.no:hover{color:#333 !important; border: 1px solid #e5e5e5 !important; background: #fff !important}





@media screen and (min-width:1000px) and (max-width:1419px) {

    .pbox{width: 233px;margin-left: 16px;}

    .pcon{padding-left: 15px;padding-right: 15px;}

    .pp1 a{font-size:16px;font-size:1.6rem;}

    .pp2{font-size:14px;font-size:1.4rem;}

}

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

    .pbox{width: 31.333%;margin: 0 1%;margin-bottom: 30px;}

    #tab11 li a{font-size:16px;font-size:1.6rem;}

    #content11 li a{font-size:16px;font-size:1.6rem;}

    #tab22 li a{font-size:16px;font-size:1.6rem;}

    #content22 li a{font-size:16px;font-size:1.6rem;}

    .flbox{padding-bottom: 20px;}

    .pp1 a{font-size:16px;font-size:1.6rem;}

    .pp2{font-size:14px;font-size:1.4rem;}

    .pcon ul li{width: 23%;margin: 0 1%;}

    .fymain{padding-top: 10px;padding-bottom: 40px;}

    .pcon{padding-left: 20px;padding-right: 20px;}



    .flpart2{display: block;}

    .flpart{display: none;}



    .flbox2>p{font-size:18px;font-size:1.8rem;color: #666666;text-transform: uppercase;line-height: 30px;margin-bottom: 10px;}

    .xllist1>li{line-height: 40px;font-size:18px;font-size:1.8rem;border-bottom: 1px solid #e3e3e3;margin-bottom: 10px;}

    .xllist2>li{line-height: 30px;font-size:14px;font-size:1.4rem;}

    .xllist2>li:hover>a{color: #3daf19;}

    .page a{margin-bottom: 10px;}

}

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

    .pbox{width: 48%;}

    .pcon ul{padding-top: 15px;}



    .page{margin: 40px auto 0;}

}

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

    .pbox{width: 98%;}

}





/************  product2  **************/

.fymain2{padding-top: 91px;}



.img980{display: none;}

#showArea{margin-top: 11px;margin-bottom:10px; }

#showArea img{cursor:pointer;width:120px;height:131px;display: block;}

#showArea a{ display:block;text-align: right;border: 1px solid #a4a4a4;margin: 0 auto;margin-bottom: 33px;}

#showArea a:hover{border: 1px solid #3daf19;}

#main_img{cursor:pointer;display:block;}

#gotop{cursor:pointer;display:block;  width: 28px;height: 14px;background: url(../img/top.png) no-repeat center top;margin: 0 auto;}

#gobottom{cursor:pointer;display:block; width: 28px;height: 14px;background: url(../img/bottom.png) no-repeat center bottom;margin: 0 auto;}

#gotop:hover{background: url(../img/topon.png) no-repeat center top;}

#gobottom:hover{background: url(../img/bottomon.png) no-repeat center bottom;}

#showArea{height:466px; overflow:hidden;}

.MagicZoomBigImageCont {background:#FFF;}

.MagicZoomBigImageCont img{width: 700px!important;display: block;}

.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}



.left-pro{width:685px;text-align:left;margin-bottom:27px;margin: 0 auto;}

.left-pro .t1{width:122px;float:left;}

.left-pro .t2{width:513px;text-indent:0;float:right;}

.left-pro .t2 a{ display:block;margin-bottom: 0px;border: 1px solid #a4a4a4;}

.left-pro .t2 img{text-indent:0;display: block;}



.titleh1{margin-bottom: 22px;}

.titleh1 h1{font-size: 28px;font-size: 2.8rem;line-height: 40px;color: #3daf19;}

.content{width: 630px;}



.btn{padding-top: 28px;}

.btn a{display: inline-block;/*width: 164px;*//*height: 46px;line-height: 46px;*/text-align: center;border: 1px solid #001634;padding: 16px 10px;}

.btn a.btn1{margin-right: 46px;}

.btn a:hover{background: #3daf19;color: #fff;border: 1px solid #3daf19;}



.xbiao{padding-top: 64px;padding-bottom: 20px;}

.xbiao li{float: left;width: 140px;text-align: center;margin-left: 23px;}

.xbiao li p{font-weight: bold;line-height: 28px;margin-top: 16px;}

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



.share{margin-top: 30px;}

.share .share1{line-height: 20px;color: #333333;padding-right: 10px;font-size:16px;font-size:1.6rem;font-family: Verdana, Geneva, Tahoma, sans-serif;}



.cpxxbt{font-size:18px;font-size:1.8rem;color: #333333;margin-bottom: 10px;}

.cpxx{line-height: 30px;font-size:16px;font-size:1.6rem;font-weight: bold;color: #333;margin-bottom: 5px;max-width: 465px;}

..cpxx img{display: block;width: 100%;}

.chanpinx{line-height: 28px;font-size:16px;font-size:1.6rem; /*text-align: center; */background: #fff;padding: 20px 20px;}

.chanpinx a{color: #333;text-decoration: underline;}

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

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



.chanpinx table,.nex table,cpxx table{ width:100%; 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("../img/zjs.png") no-repeat;}

.img980 .img-scroll .next {right: 0;cursor: pointer;background: url("../img/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,.img980 .img-list li a{color: #fff;display: block;}

.img980 .img-list li img{width: 100%;max-width: 390px;max-height: 390px;display: block;}



.des{font-size: 28px;font-size: 2.8rem;margin-top: 94px;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px;color: #3daf19;background: url(../img/desbg.png) no-repeat left bottom;}

.des a{color: #3daf19;}

.des2{font-family: 'LatoBold';font-size: 26px;font-size: 2.6rem;text-transform: uppercase;padding-bottom: 10px;margin-bottom: 47px;margin-top: 50px;}



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

    .MagicZoomBigImageCont {display: none!important;}

    .MagicZoomBigImageCont img{display: none!important;}

    .MagicZoomPup {background: rgba(0,0,0,0)!important;}

}



@media screen and (min-width:1000px) and (max-width:1419px) {

    .left-pro{float: none;}

    .content{width: 100%;margin-top: 20px;}

    .titleh1 h1{font-size:20px;font-size:2rem;line-height: 30px;}

    .btn{padding-top: 50px;}

}

@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: 24px;font-size: 2.4rem;margin-top: 60px;margin-bottom: 30px;}

    .des2{margin-bottom: 40px;}

    .share{padding-left: 0;}

    .btn a{margin: 0;margin-right: 20px;}

    .titleh1{padding-top: 10px;}

    .fymain2{padding-top: 20px;}

    .titleh1 h1{font-size:22px;font-size:2.2rem;}

}

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

    .titleh1 h1{font-size:20px;font-size:2rem;line-height: 30px;}

    .des{font-size:20px;font-size:2rem;margin-top: 50px;}

    .xbiao li{width: 23%;margin: 0 1%;}

    .xbiao{padding-top: 30px;}

    .share{margin-top: 30px;}
    .btn a{width: 100%;padding: 10px 0;    margin-bottom: 12px;}
}

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

    .xbiao li{width: 48%;margin-bottom: 20px;}

}

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

    .cpms{padding-top: 35px;}

    .cpxx{font-size:14px;font-size:1.4rem;}

    .btn1{margin-left: 0;}

    .des{font-size:16px;font-size:1.6rem;line-height: 40px;}

}



/***************  about1  ***************/

.fymain3{padding-top: 28px;}

.bannerf img{width: 100%;max-width: 1920px;max-height: 514px;}



.abnav{ background:url(../img/abbiao.jpg) repeat-x left 39px; text-align:center; }

.abnav a{ display:inline-block; *float:left; width:160px; padding-top:90px; font-size:16px; font-size:1.6rem; line-height:24px; height:48px; margin:0 57px;}

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

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

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

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

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





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

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

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

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

.ab5:hover{ background:url(../img/abbiao5h.png) no-repeat center top;}
.abnav a:hover{ color:#3daf19;}

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

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

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

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

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

.dangqianab{ color:#3daf19 !important;}



.aboutal{text-align: center;font-size: 36px;font-size: 3.6rem;font-weight: bold;padding-top: 68px;margin-bottom: 49px;}



.azuo{width: 740px;}

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

.ayou img{width: 100%;max-width: 609px;max-height: 370px;}

.ayou2{width: 735px;margin-top: 36px;}

.azuo2{margin-top: 42px;}

.azuo2 img{width: 100%;max-width: 609px;max-height: 370px;}



.a1tu3{max-width: 1920px;margin: 0 auto;margin-top: 90px;}

.a1tu3 img{width: 100%;max-width: 1920px;max-height: 571px;}



.aboutos{text-align: center;padding-top: 53px;font-size: 36px;font-size: 3.6rem;font-weight: bold;margin-bottom: 62px;}

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

.aboutfd{padding-top: 117px;margin-bottom: 48px;}



.abmain5{ margin-top: 43px; padding-bottom: 9px; }



.abmain5 #box { position: relative; width: 1246px; height: 528px; margin: auto; margin-top: 30px; }



.abmain5 #box ul { position: relative; width: 1246px; height: 528px; }



.abmain5 #box li { position: absolute; list-style: none; width: 0; height: 0; top: 0px; left: 0px; z-index: 0; }



.abmain5 #box li img { width: 100%; height: 100%; vertical-align: top; }



.abmain5 #box li div { width: 100%; line-height: 30px; margin-top: 15px; color: #333; text-align: center; font-size: 18px; font-size: 1.8rem; }



.abmain5 #box .prev, .abmain5 #box .next { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -8px; overflow: hidden; text-indent: -999px; cursor: pointer; }



.abmain5 #box .prev { left: -82px; background: url(../img/ableft.png) no-repeat; }



.abmain5 #box .next { right: -82px; background: url(../img/abright.png) no-repeat; }

.abmain5 #copyright { padding-top: 10px; text-align: center; }



.abmain5 .heitu { position: absolute; width: 100%; left: 0px; top: 0px; }



.abmain5 .heitu img { display: block; margin: auto; width: 100%; max-width: 620px; max-height: 450px; }



.abmain5 #box li img { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }



.abmain5 #box2 { display: none; }



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

  .abmain5 #box { display: none; }

  .abmain5 #box2 { display: block; }

  .abmain5 #box2 li { float: left; margin-left: 10px; width: 314px; margin-top: 20px; }

  .abmain5 #box2 li img { width: 100%; max-width: 510px; max-height: 394px; }

  .abmain5 #box2 li div { text-align: center; font-size: 14px; font-size: 1.4rem; line-height: 22px; height: 44px; } 

  

  .abnav a{margin: 0 15px;}

  .azuo{width: 520px;}

  .ayou{width: 440px;margin-top: 50px;}

  .ap1{margin-bottom: 0;font-size:14px;font-size:1.4rem;}

  .ayou2{width: 520px;}

  .azuo2{width: 440px;margin-top: 108px;}

} 



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

  .abmain5 #box2 li { width: 31%; margin: 1% !important; }



  .abnav a{margin: 0 5px;}

  .aboutal{padding-top: 30px;margin-bottom: 30px;}

  .azuo{width: 100%;}

  .ayou{width: 100%;text-align: center;}

  .azuo2{width: 100%;text-align: center;margin-top: 20px;}

  .ayou2{width: 100%;}

  .a1tu3{margin-top: 50px;}

  .aboutal{font-size: 30px;font-size: 3rem;}

  .aboutos{font-size: 30px;font-size: 3rem;}

  

}

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

    .abnav{background: none;}

    .abnav a{width: 32%;margin: 0 10px;}

    .aboutal,.aboutos{font-size:24px;font-size:2.4rem;}

    .aboutos{padding-top: 35px;margin-bottom: 20px;}

}

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

.abmain5 #box2 li{width: 48%;}

.abnav a{width: 49%;margin: 0;}

}

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

    .ayou2{margin-top: 10px;}

    .aboutal{margin-bottom: 10px;}

    .abnav a{font-size:14px;font-size:1.4rem;}

    .a1tu3{margin-top: 25px;}

}



/***************  about2  ***************/

.fyabt{text-align: center;font-size: 30px;font-size: 3rem;font-weight: bold;padding-top: 75px;margin-bottom: 50px;}



.fyzspart .img-scroll {position: relative;margin: 0 auto;width: 100%;}

.fyzspart .img-scroll .prev,.fyzspart .img-scroll .next {position: absolute;display: block;width: 20px;height: 22px;top: 50%;margin-top: -11px;color: #fff;text-align: center;line-height: 100px}

.fyzspart .img-scroll .prev {left: 0;cursor: pointer;background: url("../img/hbs.png") no-repeat center center;}

.fyzspart .img-scroll .next {right: 0;cursor: pointer;background: url("../img/hbx.png") no-repeat center center;}

.fyzspart .img-scroll .prev:hover{background: url("../img/hbs2.png") no-repeat center center;}

.fyzspart .img-scroll .next:hover{background: url("../img/hbx2.png") no-repeat center center;}

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

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

.fyzspart .img-list li {float: left;display: inline;width: 231px;margin-right:28px;position: relative;position: relative;text-align: center;}

.fyzspart .img-list li img{width: 100%;max-width: 229px;max-height: 121px;}

.fyzspart .img-list li a{display: block;border: 1px solid #4e4e4e;margin-bottom: 20px;}



@media screen and (min-width:1000px) and (max-width:1419px) {

    .fyzspart .img-list{width: 910px;}

    .fyzspart .img-list li{width: 206px;}

}

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

    .fyzspart .img-list{width: 90%;}

    .fyzspart .img-list li{width: 0.23%;margin: 0 0.01%;}

}

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

    .fyzspart .img-list li{width: 0.31333%;margin: 0 0.01%;}

}

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

    .fyzspart .img-list{width: 85%;}

    .fyzspart .img-list li{width: 0.48%;margin: 0 0.01%;}

}



.a2main1{padding-top: 18px;}

.a2main2 li{float: left;width: 448px;margin-left: 28px;margin-bottom: 55px;text-align: center;}

.a2main2 li img{width: 100%;max-width: 448px;max-height: 333px;}

.a2main2 li p{font-size:16px;font-size:1.6rem;line-height: 24px;margin-top: 7px;}



.a2main3{background: url(../img/map2.jpg) no-repeat center top;padding-bottom: 86px;}





.a2main3 .img-scroll {position: relative;margin: 0 auto;width: 100%;}

.a2main3 .img-scroll .prev,.a2main3 .img-scroll .next {position: absolute;display: block;width: 48px;height: 48px;top: 45%;margin-top: -24px;color: #fff;text-align: center;line-height: 100px}

.a2main3 .img-scroll .prev {left: 0;cursor: pointer;background: url("../img/zss.png") no-repeat center center;}

.a2main3 .img-scroll .next {right: 0;cursor: pointer;background: url("../img/zsx.png") no-repeat center center;}

.a2main3 .img-scroll .prev:hover{background: url("../img/zss2.png") no-repeat center center;}

.a2main3 .img-scroll .next:hover{background: url("../img/zsx2.png") no-repeat center center;}

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

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

.a2main3 .img-list li {float: left;display: inline;width: 268px;margin-right:51px;position: relative;position: relative;text-align: center;}

.a2main3 .img-list li img{width: 100%;max-width: 268px;max-height: 367px;}

.a2main3 .img-list li a{display: block;}

.a2main3 .img-list li p{font-size:16px;font-size:1.6rem;line-height: 40px;}





.a2main4 li{float: left;width: 448px;margin-left: 28px;margin-bottom: 35px;text-align: center;}

.a2main4 li img{width: 100%;max-width: 448px;max-height: 335px;}

.a2main4 li p{font-size:16px;font-size:1.6rem;line-height: 24px;margin-top: 7px;}

.a2main4 .fyabt{padding-top: 0;}



@media screen and (min-width:1000px) and (max-width:1419px) {

    .a2main2 li{width: 308px;}

    .a2main4 li{width: 308px;}

    .a2main3 .img-list{width: 850px;}

    .a2main3 .img-list li{margin-right: 20px;width: 197px;}

    .a2main3{background-size: 100%; }

}

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

    .a2main2 li,.a2main4 li{width: 31.333%;margin: 0 1%;margin-bottom: 20px;}

    .fyabt{padding-top: 40px;}



    .a2main3 .img-list{width: 80%;}

    .a2main3 .img-list li{width: 0.3133%;margin: 0 0.01%;}

    .a2main3{background-size: 100%; }

}

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

    .fyabt{font-size:24px;font-size:2.4rem;padding-top: 20px;margin-bottom: 20px;}

    .a2main3{padding-bottom: 40px;}

}

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

    .a2main3 .img-list li{width: 0.48%;}

    .a2main2 li, .a2main4 li{width: 48%;}

}

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

    .a2main3 .img-list{width: 75%;}

}

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

    .a2main3 .img-list{width: 68%;}

    .a2main3 .img-list li{width: 0.98%;}

    .a2main2 li p{font-size:14px;font-size:1.4rem;}

}



/****************  about3  ***************/

.about3{background: url(../img/about3bg.jpg) no-repeat center top;padding-bottom: 260px;}

.a3bt{text-align: center;font-size: 32px;font-size: 3.2rem;font-weight: bold;padding-top: 50px;margin-bottom: 90px;}



@font-face {

    font-family: 'AKZIDENZGROTESK-SUPER_0';

    src: url('../fonts/AKZIDENZGROTESK-SUPER_0.eot');

    src: url('../fonts/AKZIDENZGROTESK-SUPER_0.eot') format('embedded-opentype'),

         url('../fonts/AKZIDENZGROTESK-SUPER_0.woff2') format('woff2'),

         url('../fonts/AKZIDENZGROTESK-SUPER_0.woff') format('woff'),

         url('../fonts/AKZIDENZGROTESK-SUPER_0.ttf') format('truetype'),

         url('../fonts/AKZIDENZGROTESK-SUPER_0.svg#AKZIDENZGROTESK-SUPER_0') format('svg');

}



.a3box{margin-bottom: 65px;}

.a3p1{font-size: 30px;font-size: 3rem;text-transform: uppercase;font-family: 'AKZIDENZGROTESK-SUPER_0';color: #3daf19;}

.a3p1 span{color: #3daf19;font-size: 50px;font-size: 5rem;}

.a3p2{font-size:16px;font-size:1.6rem;line-height: 28px;margin-top: 15px;}

.a3box2{max-width: 705px;margin-bottom: 108px;}

.a3box2 p{text-align: right;}

.a3box3{max-width: 395px;}

.a3box3 p{text-align: right;}



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

    .a3bt{margin-bottom: 50px;}

    .a3p1 span{font-size: 40px;font-size: 4rem;}

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

    .a3box{margin-bottom: 30px;}

}

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

    .a3box2{max-width: 100%;}

    .a3box2 p{text-align: left;}



    .a3box3{max-width: 100%;}

    .a3box3 p{text-align: left;}

    .about3{padding-bottom: 30px;}

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

    .a3p1 span{font-size: 30px;font-size: 3rem;}

    .a3p1{font-size:2px;font-size:2rem;}



}

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

    .about3{padding-bottom: 0;}   

}



/****************  about3  ***************/

.a4rod{text-align: center;font-size: 30px;font-size: 3rem;font-weight: bold;color: #3daf19;padding-bottom: 35px;background: url(../img/rodbg.jpg) no-repeat center bottom;padding-top: 46px;}



.abzhou{ height:1467px; background:url(../img/lsxian1.jpg) repeat-y center; position:relative; margin-top:50px; margin-bottom:7px;}



.ab21{ width:580px; padding-right:83px; position:absolute; right:50%; margin-right:-10px; top:-20px; background:url(../img/yuandian.png) no-repeat right 15px; text-align:right;}

.ab2a{ display:block; font-size:40px; font-size:4rem; color:#3daf19;font-family: 'Impact';}

.ab21 p{ font-size:16px; font-size:1.6rem; line-height:26px; color:#666666; margin-top:19px;}

.ab2tu{ display:block; margin-top:48px;}

.ab2tu img{ width:100%; max-width:526px; max-height:340px;}



.ab22{ width:580px; padding-left:83px; position:absolute; left:50%; margin-left:-10px; top:316px; background:url(../img/yuandian.png) no-repeat left 15px;}

.ab22 p{ font-size:16px; font-size:1.6rem; line-height:26px; color:#666666; margin-top:19px;}



.ab23{ width:580px; padding-right:83px; position:absolute; right:50%; margin-right:-10px; top:646px; background:url(../img/yuandian.png) no-repeat right 15px; text-align:right;}

.ab23 p{ font-size:16px; font-size:1.6rem; line-height:26px; color:#666666; margin-top:19px;}



.ab24{ width:580px; padding-left:83px; position:absolute; left:50%; margin-left:-10px; top:983px; background:url(../img/yuandian.png) no-repeat left 15px;}

.ab24 p{ font-size:16px; font-size:1.6rem; line-height:26px; color:#666666; margin-top:19px;}



@font-face {

    font-family: 'impact';

    src: url('../fonts/impact.eot');

    src: url('../fonts/impact.eot') format('embedded-opentype'),

         url('../fonts/impact.woff2') format('woff2'),

         url('../fonts/impact.woff') format('woff'),

         url('../fonts/impact.ttf') format('truetype'),

         url('../fonts/impact.svg#impact') format('svg');

}



@media screen and (min-width:1000px) and (max-width:1419px){

.ab21{ width:402px;}

.ab22{ width:402px;}

.ab23{ width:402px;}

.ab24{ width:402px;}

}

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

.abzhou{ height:auto; background:none}

.ab21{ width:100%; padding-right:0px; position:relative; right:auto; margin-right:auto; top:auto; background:none; text-align:left;}

.ab22{ width:100%; padding-left:0px; position:relative; left:auto; margin-left:auto; top:auto; background:none}

.ab23{ width:100%; padding-right:0px; position:relative; right:auto; margin-right:auto; top:auto; background:none; text-align:left;}

.ab24{ width:100%; padding-left:0px; position:relative; left:auto; margin-left:auto; top:auto; background:none}

.ab2zi{ display:none}

}

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

    .ab2a{font-size: 30px;font-size: 3rem;margin-top: 20px;}

}   



/*************  news2  *************/

.newslist li{display: inline-block;margin: 0 17px;width: 173px;height: 42px;line-height: 42px;text-align: center;font-size:16px;font-size:1.6rem;border: 1px solid #b4b4b4;}

.newslist li a{display: block;}

.newslist{text-align: center;margin-bottom: 70px;}

.news1 .newslist{margin-bottom: 135px;}

.newslist li:hover{background: #3daf19;border: 1px solid #3daf19;color: #fff;}

.newslist li:hover a{color: #fff;}

.newslist li.currentlist{background: #3daf19;border: 1px solid #3daf19;color: #fff;}

.newslist li.currentlist a{color: #fff;}



.news2 h1{font-size:18px;font-size:1.8rem;margin-bottom: 20px;color: #666666;text-align: center;}

.kejisj{text-align: center;}

.kejisj span{padding-left: 21px;background: url(../img/syrili.png) no-repeat left center;color: #999999;font-size: 12px;font-size: 1.2rem;line-height: 30px;display: inline-block;}



.nex{line-height: 28px;font-size:16px;font-size:1.6rem;padding-top: 48px;padding-bottom: 50px;margin-bottom: 43px;background: url(../img/nxxu.jpg) repeat-x center bottom;}

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



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

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

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

.xwsx a:hover{color: #3daf19;}



.ispart{padding-top: 43px;background: url(../img/nxxu.jpg) repeat-x left top;margin-top: 75px;}
.ispart>p{font-size: 22px;font-size: 2.2rem;line-height: 24px;margin-bottom: 17px;}
.ispart li p{font-size:16px;font-size:1.6rem;padding-left: 25px;background: url(../img/ndian.png) no-repeat left 8px;line-height: 28px;}
.ispart li p a{color: #666666;}
.ispart li{float: left;width: 50%;margin-bottom: 11px;}



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

    .newslist li{width: 150px;}

    .newslist li{margin: 0 10px;}

}



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

    .news2 h1{font-size:20px;font-size:2rem;}

    .newslist li{width: 48%;margin: 0;margin-bottom: 5px;}

    .newslist{margin-bottom: 40px;}

    .ispart li{width: 100%;max-width: 100%;}

    .nex{padding-top: 20px;}

}



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

    .newslist li{width: 98%;margin: 0;margin-bottom: 5px;}

    .ispart{margin-top: 45px;}

    

}





/************* news1 *************/

.news1{padding-top: 50px;padding-bottom: 107px;}

.news1 .fwp{margin-bottom: 69px;}

.news1 .swp img{width: 100%;max-width: 341px;max-height: 221px;}

.news1 .zi {padding-left: 389px;}

.news1 .zi .nltime{color: #666666;padding-left: 29px;background: url(../img/nlbiao.jpg) no-repeat left center;line-height: 22px;margin-top: 22px;}

.news1 .zi .nlp1{display: block;line-height: 24px; font-size: 16px; font-size: 1.6rem; font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 46px;}

.news1 .zi .nlp2{ display: block;  margin-bottom: 30px; color: #666666; line-height: 22px; height: 66px;overflow: hidden;max-width: 775px;}

.news1 .zi .more{ display: block;  font-size: 14px; font-size: 1.4rem;  width: 142px; height: 47px; line-height: 47px; text-align: center; color: #3daf19; background: #fff;border: 1px solid #3daf19;}

.news1 .zi .nlp1:hover{ color: #3daf19;}

.news1 .zi .nlp2:hover{ color: #3daf19;}



.news1 .zi .more:hover{ background: #3daf19; color: #fff;}

.news1 .ms_ye{position: relative;top: -3px;}





@media screen and (min-width:1000px) and (max-width:1319px) {



}

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

.news1 .swp{width: 300px;}

.news1 .zi{padding-left: 325px;}

.news1 .zi .nlp1{margin-bottom: 10px;}

.news1{padding-bottom: 50px;}

.slide .carousel-control{top: 36%;}

.news1 .newslist{margin-bottom: 60px;}

}

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

.news1 .swp{width: 280px;}

.news1 .zi{padding-left: 305px;}

.news1 .zi .nlp1{padding-top: 0;font-size: 14px;font-size: 1.4rem;}

.news1 .zi .nlp2{margin-bottom: 10px;font-size: 12px;font-size: 1.2rem;}

}

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

.time{float: none;width: 280px;margin: 0 auto;}

.news1 .zi{padding-left: 0;margin-top: 20px;}

.news1{padding-top: 30px;padding-bottom: 30px;}

.news1 .zi .more{width: 130px;height: 35px;line-height: 35px;}

.news1 .zi .nltime{margin-top: 9px;}

}





/**************  video  *************/

.bhang{position: relative;background: #f4f4f4;margin-bottom: 50px;min-height: 320px;}

.bhang .fyblog{width: 435px;position: absolute;top: 0px;}



.bhang1 .fyblognr{padding-right: 480px;padding-top: 80px;padding-left: 45px;}

.bhang2 .fyblognr{padding-left: 480px;padding-top: 80px;padding-right: 45px;}



.bhang1 .fyblog{right: 0px;}

.bhang2 .fyblog{left: 0px;}



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

.fyblogp2{display: block;line-height: 24px; height: 96px; overflow: hidden;margin-top: 22px;color: #4d4d4d;}



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

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

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



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

    .bhang .fyblog{width: 350px;}

    .bhang{min-height: 257px;}

    .bhang2 .fyblognr{padding-left: 375px;}

    .bhang1 .fyblognr{padding-right: 375px;}

    .bhang .fyblognr{padding-top: 35px;}

}

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

    .bhang .fyblog{width: 270px;}

    .bhang1 .fyblog{right: 20px;}

    .bhang2 .fyblog{left: 20px;}

    .bhang1 .fyblognr{padding-right: 330px;}

    .bhang2 .fyblognr{padding-left: 330px;}

    .fyblogp2{margin-top: 10px;margin-bottom: 15px;}

    .bhang2 .fyblogp2{margin-bottom: 15px;}

    .bhang{padding-bottom: 5px;}

}

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

    .bhang .fyblog{position: static;}

    .bhang .fyblognr{padding: 20px;}

    .bhang{text-align: center;padding-top: 20px;margin-bottom: 20px;}



    .bhang .fyblog{width: auto;max-width: 435px;margin: 0 auto;}

}

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

    .fyblogp3 a{width: 130px;}

    .fyblogp3{padding-bottom: 15px;}

    .bhang .fyblognr{padding: 10px;}

}





/***************  contact  ***************/

.contact{background: url(../img/map3.jpg) no-repeat center top;}



.clx{padding-bottom: 59px;}

.clx li{float: left;text-align: center;width: 165px;margin-left:143px;}

.clx li img{position: relative;top: 0;transition: 0.5s;}

.clx li:hover img{top: -10px;}

.clx li b{display: block;font-size:18px;font-size:1.8rem;font-weight: bold;color: #3daf19;margin-top: 20px;line-height: 28px;}

.clx li p{font-size:16px;font-size:1.6rem;line-height: 28px;margin-top: 5px;}

.clx li p a:hover{color: #3daf19}

.ditu img{width: 100%;max-width: 1398px;max-height: 539px;display: block;}

.ditu{border: 1px solid #a0a0a0;margin-top: 121px;}





.coxin{ padding-top:70px;}

.coxin .int1{ padding-left:22px; background:url(../img/xing.jpg) no-repeat left 14px;}

.mat4{ margin-top:24px;}

.coxin .int1 input{ width:361px; height:38px; line-height:38px; border:1px solid #cccccc; float:left; padding-left:11px; margin-left:128px;font-size:16px;font-size:1.6rem;}

.coxin .int2{ padding-left:22px; background:url(../img/xing.jpg) no-repeat left 15px; margin-top:24px;}

.coxin .int2 textarea{ width:1365px; height:153px; line-height:30px; border:1px solid #cccccc; padding-left:11px; font-size:16px;font-size:1.6rem;}

.coxin .int3{ padding-left:22px; background:url(../img/xing.jpg) no-repeat left 14px; margin-top:25px; float:left;}

.coxin .int3 input{ width:426px; height:38px; line-height:38px; border:1px solid #cccccc; padding-left:11px; font-size:16px;font-size:1.6rem;}

.coxin .yanzheng{ width:136px; height:40px; float:left; margin-left:58px; margin-top:25px; cursor:pointer;}

.coxin .int4{ width:377px; height:40px; float:right; margin-top:25px; background:#3daf19; font-size:18px; font-size:1.8rem; font-weight: bold;color:#fff; text-transform:uppercase; cursor:pointer;}

.coxin .int4:hover{ background:#005ca2;}



.xuanze select{width: 321px;height: 32px;line-height: 32px;border: 1px solid #cccccc;color: #999999;font-size: 14px;font-size: 1.4rem;text-indent: 5px;cursor: pointer;}

.xuanze select option{cursor: pointer;}

.xuanze{padding-left: 21px;background: url(../img/xing.jpg) no-repeat left 14px;float: left;margin-left: 108px;}



.love1{text-align: center;font-size: 40px;font-size: 4rem;}

.love2{font-size:16px;font-size:1.6rem;color: #4d4d4d;line-height: 34px;margin-top: 28px;}

@media screen and (min-width:1000px) and (max-width:1419px){

.coxin .int1 input{ width:289px; margin-left:25px;}

.coxin .int2 textarea{ width:945px;}

.coxin .int3 input{width: 340px;}

.xuanze{margin-left: 5px;}



.clx li{margin-left: 38px;}

}

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

.coxin{ margin-top:0px;}

.coxin .int1 input{ width:290px; margin-left:25px;}

.coxin .int2 textarea{ width:950px;}

.coxin .int1,.coxin .int2{ margin-top:auto;}

.coxin .int1 input{ width:92%; float:none; margin-left:auto; margin-bottom:21px;}

.coxin .int2 textarea{ width:92%;}

.coxin .int3{ float:none;}

.coxin .int3 input{ width:92%;}

.coxin .yanzheng{ margin-left:18px;}

.coxin .int4{ width:40%; float:left; margin-left:11px;}



.xuanze{margin-left: 0;position: relative;left: -18px;padding-left: 18px;width: 100%;}



.clx li{width: 31.333%;margin: 0 1%;margin-bottom: 10px;}

.love1{font-size: 30px;font-size: 3rem;}

.ditu{margin-top: 60px;}

}

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

    .clx li{width: 48%;}

    .clx{padding-bottom: 25px;}

    .coxin{padding-top: 30px;}

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

    .love2{font-size:14px;font-size:1.4rem;line-height: 28px;}

} 





/****************  contact3  **************/

.c3box{margin-bottom: 72px;}

.huitou{background: #f4f4f4;padding-top: 19px;padding-bottom: 19px;padding-left: 23px;padding-right: 37px;}

.huitou p{font-size: 32px;font-size: 3.2rem;font-weight: bold;line-height: 70px;padding-left: 106px;background: url(../img/touxiang.png) no-repeat left center;float: left;}

.huitou div{line-height: 70px;}

.huitou div span{display: inline-block;font-size:18px;font-size:1.8rem;margin-left: 20px;}

.baibody{padding-top: 35px;padding-left: 22px;}

.lxxq{font-size:16px;font-size:1.6rem;line-height: 24px;}

.youxiang{font-size:24px;font-size: 2.4rem;margin-top: 72px;}

.youxiang a:hover{color: #3daf19;}



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

    .huitou p{font-size:24px;font-size:2.4rem;padding-left: 90px;}

}

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

    .huitou p{float: none;}

    .huitou div span{font-size:14px;font-size:1.4rem;}

    .huitou div{line-height: 30px;}

    .huitou{padding-top: 10px;padding-bottom: 10px;}

    .youxiang{font-size:18px;font-size:1.8rem;margin-top: 30px;}

}

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

    .huitou{padding-left: 10px;padding-right: 10px;}

    .c3box{margin-bottom: 40px;}

}



.ce{position: fixed;right: 0;top: 20%;z-index: 9999;width: 78px;}
.ce li{float: right;padding-right: 0;transition: 0.5s;}
.ce li a{display: block;}

.ce li a img{display: block;max-width: 100%;}

.wsce1{background: #dedede;}
.wsce2{background: #1ca0f1;}
.wsce3{background: #db4d40;}
.wsce4{background: #3a5897;}
.wsce5{background: #0076b4;}
.wsce6{background: #db4d40;}
.wsce7{background: #838383;}

.ce li:hover{padding-right: 30px;}



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

    .ce{bottom: 0;width: 100%;top: auto;background: #333;}

    .ce li{float: left;width: 14.28%;text-align: center;}

    .ce li a img{display: inline-block;}

    .ce li:hover{padding-right: 0px;}

    .bottom{padding-bottom: 50px;}

}



.yiji{position: absolute;left: 0;top: -999px;background: #fff;z-index: 999;width: 234px;padding-bottom: 10px;}

.yiji li{line-height: 36px;padding-top: 13px;font-size:16px;font-size:1.6rem;position: relative;font-family: Verdana, Geneva, Tahoma, sans-serif;}

.yiji li.noborder a{border: none;}

.yiji li>a{margin: 0 11px;border-bottom: 1px solid #e6eef5;padding-left: 14px;}

.yiji li:hover{background: #3daf19;}

.yiji li:hover>a{color: #fff;border-bottom: 1px solid transparent;}

.yiji a{display: block;color:#333;}

.erji{width: 214px;position: absolute;left: 100%;top:-99999px;padding-left: 3px;}

.erji ul{background: #fff;padding-bottom: 10px;}

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

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



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

    .yiji{display: none;}

}



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

    .yanzheng{margin-top: 15px;}

}





@media screen and (min-width:1000px) and (max-width:1419px) {

    

}





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



/*********  contact2  *******/
.contact2{background: url(../img/contactbg.jpg) no-repeat center top;}
.shutu img{max-width: 100%;}


@media screen and (min-width:1000px) and (max-width:1419px) {
    
}


.none{border: 1px solid #001634 !important; background: #f0f0f0 !important; color: #333 !important}



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



.hdtop{position: fixed;right: 20px;bottom: -100px;transition: 1s;cursor: pointer;z-index: 99999;}



/***************  xiugai  ***************/
.pyou{width: 980px;}
.pzuo{width: 335px;}
.fypboxlist .pbox{margin-left: 0;margin-bottom: 20px;width: 100%;}
.des3{margin-bottom: 20px;}

@media screen and (max-width:1419px) {
    .pyou{width: 710px;}
    .pzuo{width: 220px;}
    .des{font-size:22px;font-size:2.2rem;}
}
@media screen and (max-width:999px) {
    .pyou{width: 100%;}
    .pzuo{width: 100%;}
    .fypboxlist .pbox{width: 48%;margin: 0 1%;margin-bottom: 20px;}
}
@media screen and (max-width:400px) {
    .fypboxlist .pbox{width: 98%;margin: 0 1%;margin-bottom: 20px;}
}



/*************  faq  ************/
.duihualist li{padding-bottom: 44px;border-bottom: 1px solid #dcdcdc;margin-bottom: 45px;}
.duihualist li.noborder{border: none;margin-bottom: 39px;}
.duihualist li b{font-size:24px;font-size:2.4rem;color: #3daf19;display: block;margin-bottom: 39px;line-height: 30px;}
.duihualist li p{font-size:18px;font-size:1.8rem;color:#666666;line-height: 30px;}

.page{position: relative;margin:25px auto 0;}
.page {text-align: center;}
.page a {display: inline-block;background-color:#fff;color: #333; margin-left:4px;width: 33px;height: 28px;line-height: 28px;border: 1px solid #e5e5e5; text-align:center;font-size: 12px;font-size: 1.2rem;border-radius: 0px;}
.page a.on,.page a:hover{color: #3daf19;border: 1px solid #3daf19;}
.page a.first{width:59px;margin-left: 0;}
.page a.last{width: 59px;}
.page span{display: inline-block;width: 50px;text-align: center;font-size:16px;font-size:1.6rem;color: #333;position: relative;top: 3px;}
.page img{display: inline-block;position: relative;top: 5px;margin-right: 7px;}
.ins{width: 148px;display: inline-block;height: 30px; line-height: 28px;text-align: center; border: none; outline: none;background-color: #3daf19;color: #fff;cursor: pointer;font-family: Arial, Helvetica, sans-serif;}
.page a.no,.page a.no:hover{color:#333 !important; border: 1px solid #e5e5e5 !important}


@media screen and (min-width:1000px) and (max-width:1219px) {
    
}
@media screen and (max-width:999px) {
    .duihualist li b{font-size:20px;font-size:2rem;}
}



.cenlie li{line-height: 40px;border-bottom: 1px dotted #666;}
.cenlie li a{display: block; font-size: 16px; font-size: 1.6rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cenlie li a:hover{color: #3daf19}

.gjclist li{width: 100%;margin-bottom: 10px;}
.gjclist li a{display: block;line-height: 40px;text-align: center;border:1px dotted #666; font-size: 16px; font-size: 1.6rem;}
.gjclist li a:hover{color: #3daf19}
/***************  xiugai  ***************/
.pyou{width: 980px;}
.pzuo{width: 335px;}
.fypboxlist .pbox{margin-left: 0;margin-bottom: 20px;width: 100%;}
.des3{margin-bottom: 20px;}

@media screen and (max-width:1419px) {
    .pyou{width: 710px;}
    .pzuo{width: 220px;}
    .des{font-size:22px;font-size:2.2rem;}
}
@media screen and (max-width:999px) {
    .pyou{width: 100%;}
    .pzuo{width: 100%;}
    .fypboxlist .pbox{width: 48%;margin: 0 1%;margin-bottom: 20px;}
}
@media screen and (max-width:400px) {
    .fypboxlist .pbox{width: 98%;margin: 0 1%;margin-bottom: 20px;}
}



/**********  faq  **********/
.faq{padding-top: 8px;}

.faqzuo{width: 233px;}
.faqyou{width: 1078px;}

.cebox{margin-bottom: 13px;}
.cebox p{line-height: 40px;background: #3daf19;margin-bottom: 6px;}
.cebox p a{display: block;padding-left: 17px;color: #fff;font-size:16px;font-size:1.6rem;}
.cebox ul li{margin-bottom: 2px;border-bottom: 1px solid #b6b6b6;}
.cebox ul li a{display: block;line-height: 40px;margin-bottom: 1px;padding-left: 39px;}
.cebox ul li a:hover{color: #3daf19;}

.faqyou h1{text-align: center;font-size:18px;font-size:1.8rem;line-height: 34px;}
.mssj{text-align: center;color: #666666;text-align: center;display: block;margin-top: 12px;}
.fshare div{display: inline-block;}
.fshare{text-align: center;margin-top: 13px;}
.fshare1{font-size:16px;font-size:1.6rem;color: #666666;position: relative;top: -6px;padding-right: 13px;}

.msnex{line-height: 34px;font-size:16px;font-size:1.6rem;padding-top: 40px;padding-bottom: 85px;}
.msnex img,.msnex iframe{max-width: 100%;}

.msns,.msnx{line-height: 32px;}
.msns span,.msnx span{display: inline-block;padding-left: 23px;}
.msns span,.msns a,.msnx span,.msnx a{color: #666666;}
.msns span{background: url(../images/ns.jpg) no-repeat left center;}
.msnx span{background: url(../images/nx.jpg) no-repeat left center;}
.msns{}
.msns a:hover,.msnx a:hover{color: #3daf19;}

.fyppart{padding-top: 79px;}
.fypbox{width: 252px;float: left;margin-left: 23px;}
.syptu img{display: block;width: 100%;max-width: 511px;max-height: 555px;}
.zjp{border-bottom: 1px solid #3daf19;padding-bottom: 10px;margin-bottom: 27px;}
.zjp a{font-size:24px;font-size:2.4rem;color: #3daf19;}

.rnpart{padding-top: 104px;}
.rnpart li{width: 49%;padding-right: 1%;float: left;margin-bottom: 12px;overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rnpart li a{display: block;font-size:16px;font-size:1.6rem;color: #666666;line-height: 28px;padding-left: 25px;background: url(../images/ndian.png) no-repeat left 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rnpart li a:hover{color: #3daf19;}

@media screen and (max-width:1419px) {
    .faqyou{width: 720px;}
    .fypbox{margin-left: 12px;width: 171px;}
    .fyppart{padding-top: 50px;}
    .rnpart{padding-top: 60px;}
}
@media screen and (max-width:999px) {
    .faqyou{width: 100%;margin-bottom: 40px;}
    .faqzuo{width: 100%;}
    .fypbox{width: 23%;margin: 0 1%;}
    .msnex{padding-bottom: 40px;}
    .rnpart li a{font-size:14px;font-size:1.4rem;}
}
@media screen and (max-width:767px) {
    .rnpart li{width: 100%;padding: 0;}
}
@media screen and (max-width:550px) {
    .fypbox{width: 48%;margin-bottom: 20px;}
    .rnpart{padding-top: 30px;}
    .zjp a{font-size:20px;font-size:2rem;}
    .msnex{font-size:14px;font-size:1.4rem;line-height: 30px;}
    .faqyou h1{font-size:16px;font-size:1.6rem;line-height: 28px;}
}
.bfaniu img{cursor: pointer;}
.tankaunga{ position:fixed; width:100%; height:100%; left:0px; top:0px; background:#000; background:rgba(0,0,0,0.5); display:none; z-index:9999999999}
.tankaunga:before{ content:"X"; position:absolute; width:30px; height:30px; line-height:30px; text-align:center; top:10px; right:10px; background:#fff; border-radius:50%; font-size:18px;}
.tankaungn2{position:fixed; left:5%; top:5%; right:5%; bottom:5%;}

.tankaungn2 iframe,.tankaungn2 video {  position: absolute; top:0; left: 0; width: 100%; height: 100%; border:none;}
.tankaungn2 iframe body{ margin:0px !important;}
.alist{display: flex; flex-flow: wrap; justify-content: space-between; align-items: center;}