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

.navlist2  .active a{ color:#d60c06 !important;}

::-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;}
 
 .neprj p{ text-align: center;}
 

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

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

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



@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/sousuo.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 > 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; font-family: Arial, Helvetica, sans-serif;}





.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; font-family: Arial, Helvetica, sans-serif;}





.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; font-family: Arial, Helvetica, sans-serif;}





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



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

.container .nav > ul > dl dd img{width: 30px;}



.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: #e60012; }



@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: 30px;left: 18%;margin-left: 5px;

}

.slide .dotList ul li{

	display: inline-block;

    width: 23px;

    height: 23px;

    background: url(../images/dian1.png) no-repeat center bottom;

    margin-left: 8px;

    cursor:pointer;

}

.slide .dotList ul li.active{

	 background: url(../images/dian2.png) no-repeat center center;

}

.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: 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  *******/

.head{}



.topform{position: relative;margin-top: 49px;}

.sou{
    /*width: 204px;*/
     width: 130px;
    padding-left: 14px;height: 22px;line-height: 22px;border-radius: 11px;border: 1px solid #999999;color: #999999;background: transparent;font-family: Tahoma, Geneva, Verdana, sans-serif;}

.suo{width: 14px;height: 14px;background: url(../images/sousuo.png) no-repeat;position: absolute;top: 4px;right: 11px;cursor: pointer;}



.logo{padding-top: 22px; margin-right:50px; }

.logo img{width: 100%;max-width: 179px;max-height: 63px;}



.navlist2{display: none;}

.navlist>li{float: left;position: relative;
/*margin-left: 36px;*/
  margin-left: 30px;  
}

.navlist>li>a{display: block;font-size:16px;font-size:1.6rem;padding: 0 15px;padding-bottom: 33px; padding-top: 51px;font-family: 'FuturaStdBook';color: #333;}

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

.navlist{padding-top: 1px;}

/*.navlist>li:hover>a{background: #d60c06;color: #fff;}*/



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

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

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

.logo{ margin-right:20px; }
}

@media screen and (max-width:999px) {
.logo{ margin-right:0px; }
    .navlist{width: 100%;padding-top: 20px;}

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

    .navlist>li>a{padding-left: 0;padding-right: 0;padding-top: 10px;padding-bottom: 10px;}

}

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

    .navlist1{display: none;}

    .navlist2{display: block;}

    .navlist>li{width: 25%;}

    .topform{display: none;}

    .logo{margin-right: 0px;width:100px;}

}



@font-face {

    font-family: 'FuturaStdBook';

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

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

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

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

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

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

}



.yiji{position: absolute;left: 50%;margin-left: -79px;top: -99999px;width: 260px;background: #eee;padding-top: 4px; padding-bottom: 4px;z-index: 99999;}

.yiji li{line-height: 26px; padding-bottom:7px; padding-top:7px;padding-left: 15px;position: relative; padding-right:15px;}

.yiji li a{display: block;}

.yiji li:hover{background: #fff;}

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

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

.erji>ul{width: 158px;background: #eee;padding-top: 4px;padding-bottom: 4px;}

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

.sanji>ul{width: 246px;background: #eee;padding-top: 4px;padding-bottom: 4px;}

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

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

.erji>ul>li:hover .sanji{top: -4px;}

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

    .yiji{display: none;}

}



/**************  syfl  **************/

.syfl{padding-top: 95px;padding-bottom: 91px;}

.syflzuo{width: 305px;}

.syflzuo a{display: block;}

.syflp1{font-size: 40px;font-size: 4rem;font-family: 'FuturaStdBook';line-height: 50px;}

.syflp1 span{color: #d60c06;}

.syflp2{line-height: 24px;margin-top: 23px;margin-bottom: 69px;}

.syflp3{width: 160px;height: 34px;line-height: 34px;text-align: center;color: #d60c06;border: 1px solid #d60c06;}

.syflyou{width: 853px;margin-right: 9px;}

.syflp1:hover{color: #d60c06;}



.syflp3:hover{background: #d60c06;color: #fff;}



.syflbox{width: 389px;float: left;margin-left: 75px;}

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

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

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

.syflcover img{width: 65px;height: 65px;position: absolute;left: 50%;margin-left: -33px;top: 50%;margin-top: -33px;}

.syflp{display: block;text-align: center;font-size: 18px;font-size: 1.8rem;line-height: 28px;margin-top: 20px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;}

.syflbox:hover .syflcover{top: 0;}



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

    .syflyou{width: 655px;}

    .syflbox{margin-left: 30px;width: 312px;}

}

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

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

    .syflp3{margin: 0 auto;}

    .syfl{padding-top: 40px;padding-bottom: 40px;}

    .syflp2{margin-bottom: 30px;}

    .syflyou{width: 100%;margin-right: 0;margin-top: 20px;}

    .syflbox{width: 40%;margin: 0 5%;}

    .syflcover{display: none;}

}

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

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

    .syflp2{margin-top: 15px;margin-bottom: 15px;}

    .syflbox{width: 48%;margin: 0 1%;}

}

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

    .syflp{font-size: 14px;font-size: 1.4rem;margin-top: 10px;}

}

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

    .syflbox{width: 98%;margin: 0 1%;}

    .syflp1{font-size: 24px;font-size: 2.4rem;line-height: 30px;}

}



/***********  sya  ***********/
.sya{ display: flex;
    /*align-items: center;*/
    justify-content: space-between;
    flex-wrap: wrap;}
    
.syazuo{width: 50%;position: relative;}
.syazuo>a{     padding-bottom: 56%;
    position: relative;
    height: 0;
    display: block;}
.syazuo img{width: 100%;
   position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    
}


.syazuo video {
position: absolute;
    display: block;
    left: 0%;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;

}

.syayou{width: 50%;position: relative;     background: url(https://www.szdxj.com/themes/simplebootx/picbanners/syabg.jpg);
    background-size: contain;}

.syayou>img{width: 100%;
/*max-width: 960px;max-height: 540px;   */
display: block; display:none}

.syayoun{
    /*width: 600px;*/
    /*position: absolute;left: 0;top: 0;height: 100%;*/
    
}

.syayoun>div{padding-left: 70px;padding-right: 42px;padding-top: 76px; padding-bottom: 20px;}

.syayoun a{display: block;}

.ap1{font-size: 24px;font-size: 2.4rem;color: #d60c06;padding-left: 42px;background: url(../images/syaxian.jpg) no-repeat left center;font-family: 'FuturaStdBook';margin-bottom: 10px;}

.ap2{font-size: 40px;font-size: 4rem;line-height: 50px;font-family: 'FuturaStdBook';margin-bottom: 30px;}

.ap3{line-height: 30px;}

.ap4{width: 55px;height: 58px;position: absolute;left: 0;bottom: -54px;}

.ap2:hover{color: #d60c06;}

.ap3:hover{color: #d60c06;}



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

    .syayoun>div{padding-top: 30px;}

}

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

    .ap2{font-size: 30px;font-size: 3rem;line-height: 40px;margin-bottom: 10px;}

}

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

    .syayoun{width: 490px;}

    .syayoun>div{padding-left: 30px;}

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

}

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

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

    .syayou{width: 100%;text-align: center;background: url(../images/syabg.jpg) no-repeat center top;}

    .syayou>img{display: none;}

    .syayoun{width: 98%;margin: 0 auto;position: static;}

    .syayoun>div{padding: 40px;}

    .ap1{background: none;}

    .ap4{display: none!important;}

}

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

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

    .syayoun>div{padding-left: 20px;padding-right: 20px;}

}

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

    .ap2{font-size: 18px;font-size: 1.8rem;}

    .syayoun>div{padding-left: 0px;padding-right: 0px;}

}



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

.syp{padding-top: 88px;padding-bottom: 87px;}

.sypbtp{position: relative;padding-right: 180px;}

.sypbt{font-size: 40px;font-size: 4rem;font-family: 'FuturaStdBook';}

.sypbt span{color: #d60c06;}

.syvm{position: absolute; right: 0;bottom: 4px;width: 160px;height: 34px;line-height: 34px;display: block;color: #d60c06;border: 1px solid #d60c06;text-align: center;}

.sypbt:hover{color: #d60c06;}

.syvm:hover{background: #d60c06;color: #fff;}



.sypp{display: block;line-height: 24px;padding-top: 5px;}



.sypbox{width: 277px;float: left;margin-left: 30px;margin-top: 45px;}

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

.syptu img{width: 100%;max-width: 473px;max-height: 332px;display: block;}

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

.sypcover img{width: 46px;height: 46px;position: absolute;left: 50%;margin-left: -23px;top: 50%;margin-top: -23px;}

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

.sypp1{display: block;text-align: center;font-size: 16px;font-size: 1.6rem;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 15px;margin-bottom: 9px;}

.sypp2{text-align: center;display: block;line-height: 24px;height: 72px;overflow: hidden;}

.sypp1:hover{color: #d60c06;}

.sypp2:hover{color: #d60c06;}



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

    .sypbox{width: 222px;}

}

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

    .sypbox{width:  23%;margin: 0 1%;margin-top: 30px;}

    .syp{padding-top: 40px;}

    .sypcover{display: none;}

}

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

    .sypbox{width:  48%;}

}

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

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

    .sypp{padding-top: 20px;}

}

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

    .sypbox{width:  98%;margin-top: 15px;}

    .syvm{width: 100px;}

    .sypbtp{padding-right: 110px;}

    .sypp2{height: auto;}

}



/***********  sycase  *************/

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

.sycasebt{font-size: 40px;font-size: 4rem;font-family: 'FuturaStdBook';margin-bottom: 10px;}

.sycasebt a{color: #fff;}

.sycasep{line-height: 24px;color: #fff;}

.sycasep:hover{color: #d60c06;}

.sycasebt a:hover{color: #d60c06;}

.img-scroll11 {position: relative;margin: 0 auto;width: 100%;padding-top: 49px;}

.img-scroll11 .prev11, .img-scroll11 .next11 {position: absolute;display: block;width: 35px;height: 35px;top:0;margin-top: -80px;color: #fff;text-align: center;line-height: 100px}

.img-scroll11 .prev11 {right: 0; margin-right: 43px;cursor: pointer;background: url("../images/cases.png") no-repeat;}

.img-scroll11 .next11 {right: 0;cursor: pointer;background: url("../images/casex.png") no-repeat;}

.img-scroll11 .prev11:hover {background: url("../images/cases2.png") no-repeat;}

.img-scroll11 .next11:hover {background: url("../images/casex2.png") no-repeat;}

.img-list11 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}

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

.img-list11 li {float: left;display: inline;width: 565px;position: relative;margin-right: 69px;padding-bottom: 20px;}



.casetu{position: absolute;right: 0;top: 0;}

.casetu img{width: 100%;max-width: 303px;max-height: 240px;}



.casenr{margin-right: 203px;padding-left: 14px;padding-right: 30px;margin-top: 24px;padding-top: 31px;padding-bottom: 64px;background: #fff;background: rgba(243,243,243,0.9);position: relative;z-index: 9;}

.casep1{display: block;font-weight: bold;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.casep2{display: block;color: #666666;line-height: 24px;margin-top: 15px;height: 96px;overflow: hidden;}

.casep3{width: 134px;padding-left: 8px;height: 43px;line-height: 43px;color: #fff;background: #d60c06;display: block;position: absolute;bottom: -20px;left: 15px;font-size: 16px;font-size: 1.6rem;}



.casep1:hover{color: #d60c06;}

.casep2:hover{color: #d60c06;}





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

    .img-list11 li{margin-right: 30px;width: 475px;}

}

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

    .casetu{position: static;display: block;text-align: center;}

    .casenr{margin-top: 0px;margin-right: 0;}

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

    .sycase{background: url(../images/sybg11.jpg) no-repeat center top;background-attachment: fixed;}

    .syp{padding-bottom: 50px;}

    .img-scroll11 .prev11, .img-scroll11 .next11{top: auto;bottom: 0;}

    .img-scroll11 .prev11{left: 50%;margin-left: -50px;right: auto;}

    .img-scroll11 .next11{right: 50%;margin-right: -50px;}

    .img-list11{padding-bottom: 70px;}

}

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

    .img-scroll11 .prev11, .img-scroll11 .next11{margin-top: -100px;}

}

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

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

    .img-scroll11{padding-top: 30px;}

    .img-list11 li{width: 0.98%;margin: 0 0.01%;}

}

/************  syzs  *************/

.syzs{padding-top: 87px;padding-bottom: 50px;}

.syquabt span{color: #d60c06;}

.syquabt a{color: #333333;}

.syquap{line-height: 24px;}





.img-scroll2 {position: relative;margin: 0 auto;width: 100%;padding-top: 37px;}

.img-scroll2 .prev2, .img-scroll2 .next2 {position: absolute;display: block;width: 35px;height: 35px;top:0;margin-top: -80px;color: #fff;text-align: center;line-height: 100px}

.img-scroll2 .prev2 {right: 0; margin-right: 43px;cursor: pointer;background: url("../images/quas.png") no-repeat;}

.img-scroll2 .next2 {right: 0;cursor: pointer;background: url("../images/quax.png") no-repeat;}

.img-scroll2 .prev2:hover {background: url("../images/cases2.png") no-repeat;}

.img-scroll2 .next2:hover {background: url("../images/casex2.png") no-repeat;}

.img-list2 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}

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

.img-list2 li {float: left;display: inline;width: 180px;position: relative;margin-right: 75px;}

.img-list2 li img{width: 100%;max-width: 180px;max-height: 254px;}



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

    .img-list2 li{margin-right: 20px;}

}

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

    .img-scroll2 .prev2, .img-scroll2 .next2{top: auto;bottom: 0;}

    .img-scroll2 .prev2{left: 50%;margin-left: -50px;right: auto;}

    .img-scroll2 .next2{right: 50%;margin-right: -50px;}

    .img-list2{padding-bottom: 70px;}

    .img-list2 li{width: 0.18%;margin: 0 0.01%;}

    .syzs{padding-top: 40px;}

}

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

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

}

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

    .img-list2 li{width: 0.31%;margin: 0 0.01%;}

}

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

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

}



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

.syn{padding-top: 50px;padding-bottom: 80px;}

.synbtp{position: relative;margin-bottom: 25px;}

.synbt{font-family: 'FuturaStdBook';font-size: 40px;font-size: 4rem;color: #333333;}

.synbt span{color: #d60c06;}

.sym{position: absolute;right: 0;bottom: 0;width: 84px;height: 30px;line-height: 30px;border-radius: 15px;text-align: center;color: #fff;background: #d60c06;position: absolute;right: 0;bottom: 7px;font-size: 16px;font-size: 1.6rem;}

.synzuo{width: 600px;}

.synzuo ul li{position: relative;margin-top: 18px;}

.ri{font-family: 'FuturaStdBook';font-size: 55px;font-size: 5.5rem;position: absolute;left: 0;top: 0;}

.yuenian{position: absolute;left: 66px;top: 3px;text-align: center;font-family: 'FuturaStdBook';}

.yuenian span{display: block;line-height: 30px; text-transform:uppercase;}

.yue{padding-bottom: 1px;background: url(../images/yue.jpg) no-repeat center bottom;}

.synnr{padding-left: 124px;}

.synnr a{display: block;color: #666666;line-height: 24px;height: 72px;overflow: hidden;display: table-cell;vertical-align: middle;}

.synnr a:hover{color: #d60c06;}



.synyou img{width: 100%;max-width: 560px;max-height: 313px;}



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

    .synyou{width: 450px;margin-top: 78px;}

    .synzuo{width: 510px;}

}

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

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

    .synzuo{width: 100%;}

    .syn{padding-top: 15px;padding-bottom: 40px;}

}

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

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

    .sym{bottom: 6px;}

    .synnr{padding-left: 0;padding-top: 65px;}

}





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

.sypartner{padding-top: 17px;padding-bottom: 15px;background: url(../images/sybg2.jpg);}

.hbzuo{width: 155px;padding-top: 10px;}

.hbzuo a{font-family: 'FuturaStdBook';font-size: 40px;font-size: 4rem;}



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

.img-scroll3 .prev3, .img-scroll3 .next3 {position: absolute;display: block;width: 28px;height: 28px;top:62%;margin-top: 0px;color: #fff;text-align: center;line-height: 100px}

.img-scroll3 .prev3 {left: 0; margin-left: -235px;cursor: pointer;background: url("../images/quas.png") no-repeat;background-size:100%; }

.img-scroll3 .next3 {left: 0; margin-left: -200px;cursor: pointer;background: url("../images/quax.png") no-repeat;background-size:100%;}

.img-scroll3 .prev3:hover {background: url("../images/cases2.png") no-repeat;background-size:100%;}

.img-scroll3 .next3:hover {background: url("../images/casex2.png") no-repeat;background-size:100%;}

.img-list3 {position:relative;width:100%;overflow: hidden;margin: 0 auto;}

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

.img-list3 li {float: left;display: inline;width: 224px;position: relative;margin-right: 23px;}

.img-list3 li img{width: 100%;max-width: 224px;max-height: 108px;}



.hbyou{width: 967px;}



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

    .hbyou{width: 745px;}

    .img-list3 li{margin-right: 36px;}

}

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

    .hbzuo{width: 100%;margin-bottom: 10px;}

    .hbyou{width: 100%;}

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



    .img-scroll3 .prev3, .img-scroll3 .next3{top: auto;bottom: 0;}

    .img-scroll3 .prev3{left: 50%;margin-left: -50px;right: auto;}

    .img-scroll3 .next3{right: 50%;margin-right: -50px;margin-left: auto;}

    .img-list3{padding-bottom: 70px;}

}

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

    .img-list3 li{width: 0.31%;}

}

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

    .img-list3 li{width: 0.48%;}

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

}



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

.bottom{padding-top: 56px;background: #333;font-family: 'FuturaStdBook';}

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

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

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

.div1>span{padding-left: 39px;background: url(../images/bicon1.png) no-repeat left center;}

.div2>a{padding-left: 46px;background: url(../images/bicon2.png) no-repeat left center;}

.div3>span{padding-left: 47px;background: url(../images/bicon3.png) no-repeat left center;}



.div1{margin-right: 219px;}

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

.div1 ul{padding-left: 40px;}



.div2 li{line-height: 36px;padding-left: 30px;font-size: 16px;font-size: 1.6rem;}

.div2 ul{padding-left: 40px;}

.bli1{background: url(../images/bi1.png) no-repeat left 11px;}

.bli2{background: url(../images/bi2.png) no-repeat left 11px;}

.bli3{background: url(../images/bi3.png) no-repeat left 11px;}

.bli4{background: url(../images/bi4.png) no-repeat left 11px;}

.bli5{background: url(../images/icon-weixin.png) no-repeat left 11px;}

.div2>a{margin-bottom: 16px;}



.div3{width: 347px;}

.div3>div{padding-left: 46px;}

.bsjj{padding-top: 17px;padding-bottom: 13px;}

.bsjj a{margin-right: 3px;position: relative;top: 0;}

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

.copyright,.support{font-size: 16px;font-size: 1.6rem;line-height: 30px;}

.cnzz{padding-left: 10px;}



.link{line-height: 37px;height: 37px;border-top: 1px solid #8e8e8e;margin-top: 26px;}

.link a{padding-right: 20px;}

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

    .div1{margin-right: 95px;}

}

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

    .div1{width: 30%;margin-right: 5%;}

    .div2{width: 65%;}

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

}

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

    .div1,.div2{display: none;}

    .div3>span{display: none;}

    .bsjj{display: none;}

    .div3{margin-top: 0;}

    .bottom{padding-top: 30px;}

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

}





/******************  product1  ******************/

.bread{background: url(../images/breadbg.jpg) no-repeat center top;padding-top: 31px;padding-bottom: 28px;}

.bread a:hover{color: #d60c06;}

.bread a.currentbread{color: #d60c06;}





/**************************  product1  ***************************/

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



.pzuo{width: 270px;}

.pyou{width: 894px;}



.title1{text-align: center;font-size: 22px;font-size: 2.2rem;line-height: 46px;background: #d60c06;margin-bottom: 8px;}

.zitib{color: #fff;}

.subNav{line-height: 30px;background: #f3f3f3 url(../images/cejt1.png) no-repeat 95% center;padding-left: 15px; padding-right:20px; padding-top:5px; padding-bottom:5px;margin-bottom: 6px;}

.subNav a{font-size: 16px;font-size: 1.6rem;display: block;}

.subNav:hover{background: #d60c06 url(../images/cejt2.png) no-repeat 95% center;}

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

.subNav.currentDd{background: #d60c06 url(../images/cejt2.png) no-repeat 95% center}

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

.navContent{background: #f8f8f8;padding-top: 3px;padding-bottom: 9px;margin-top: -6px;margin-bottom: 6px;padding-left: 9px;padding-right: 11px;     display: none;}

.navContent p{line-height: 45px;padding-left: 17px;border-bottom: 1px solid #a9a9a9;}

.navContent p.noborder{border: none;}

.navContent p a{display: block;font-size: 16px;font-size: 1.6rem;}

.navContent p.currentp a{color: #d60c06;}

.navContent p.currentp{border-bottom: none;}

.navContent p:hover a{color: #d60c06;}

.navContent ul li{line-height: 24px;padding-left: 17px; }

.navContent ul{border-bottom: 1px solid #a9a9a9;padding-bottom: 5px; display:none;}

.navContent ul li a{color: #666666;}

.navContent ul li:hover a{color: #d60c06;}



.currentp{ color: #d60c06 !important;}



.pbox{position: relative;margin-bottom: 58px;}

.pcon{position: absolute;left: 0;top: 0;overflow: hidden;width: 277px;}

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

.pcover img{width: 46px;height: 46px;position: absolute;left: 50%;margin-left: -23px;top: 50%;margin-top: -23px;}

.ptu{display: block;}

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

.pnr{padding-left: 313px;}

.pp1{display: block;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 23px;font-size: 16px;font-size: 1.6rem;font-weight: bold;}

.pp2{display: block;line-height: 24px;height: 48px;overflow: hidden;margin-top: 23px;margin-bottom: 40px;}

.pp3 input{cursor: pointer;position: absolute;left: 0;top: 10px;}

.pp3{padding-left: 30px;position: relative;}

.pp3 a{display: block;width: 129px;height: 30px;line-height: 30px;text-align: center;color: #d60c06;border: 1px solid #d60c06;border-radius: 15px;}

.pp1:hover{color: #d60c06;}

.pp2:hover{color: #d60c06;}

.pp3 a:hover{background: #d60c06;color: #fff;}



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



.title2{line-height: 46px;text-align: center;background: #d60c06;margin-top: 90px;margin-bottom: 6px;}

.title2 a{color: #fff;font-size: 22px;font-size: 2.2rem;}



.pcenlist li{margin-bottom: 9px;background: #e7e7e7;padding-left: 8px;padding-right: 6px;}

.pcenlist li a{display: block;line-height: 24px;padding-top: 16px;padding-bottom: 16px;}

.pcenlist li a:hover{color: #d60c06;}



.ms_ye{text-align: center;margin-top: 13px;}

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

.ms_ye .ms_current_ye{border:1px solid #d60c06;color: #fff;background: #d60c06;}

.ms_ye a:hover{border:1px solid #d60c06;color: #fff;background: #d60c06;}

.xiangshang{display: inline-block;margin-left: 11px;padding-right: 19px;background: url(../images/xiangshang.png) no-repeat right 5px;}

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



.no:hover{ background:none !important; color:#333 !important;     border: 1px solid #e5e5e5 !important;}



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

    .pyou{width: 675px;}

    .pyou .sypbox{margin-left: 21px;width: 211px;}

}

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

    .pyou{width: 100%;}

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

    .title1{background: #d60c06;position: relative;margin-bottom: 10px;line-height: 48px;}

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

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

    .title2{margin-top: 45px;}

    .pcover{display: none;}

}

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

    .title1 p{display: block;position: absolute;right: 10px;bottom: 10px;}

    .title1 p span{display: block;width: 30px;height: 5px;margin-bottom: 3px;background: #fff;}

    .subNavBox{display: none;}

    .title1{text-align: left;padding-left: 15px;font-size: 18px;font-size: 1.8rem;line-height: 48px;}

    .pcon{position: static;margin: 0 auto;width: auto;max-width: 277px;}

    .pnr{padding-left: 0;padding-top: 10px;}

    .pbox{margin-bottom: 30px;}

    .ms_ye{margin-top: 60px;}
	.bread{padding-top: 10px;}

}







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

.product2 #tsShopContainer li,.product #tsShopContainer img{vertical-align:top;}

.product2 #tsShopContainer{position:relative; float:left; margin-top:0px;

width:475px;float: left;}

.product2 #tsShopContainer #tsImgS{text-align:center;position:relative;left: 0px;border: 1px solid #dadada;}

.product2 #tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}

.product2 #tsShopContainer #tsImgS img{border:1px;  width:473px; height:332px;}

.product2 #tsShopContainer #tsPicContainer{width:100%;position:relative;height:85px;margin-top: 15px;}

.product2 #tsShopContainer #tsPicContainer #tsImgSArrL{width:11px;position:absolute;top:32px;left:0;margin-left: 5px;cursor:pointer;

height:19px;background: url(../images/ps.png) no-repeat;}

.product2 #tsShopContainer #tsPicContainer #tsImgSArrR{width:11px;position:absolute;top:32px;right:0px;cursor:pointer;

height:19px;background: url(../images/px.png) no-repeat;}



.product2 #tsShopContainer #tsPicContainer #tsImgSArrL:hover{background: url(../images/ps2.png) no-repeat;}

.product2 #tsShopContainer #tsPicContainer #tsImgSArrR:hover{background: url(../images/px2.png) no-repeat;}



.product2 #tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:1px;left:18px;width:1px;overflow:hidden;

height:85px;}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li{width:117px;float:left;cursor:pointer;margin-left: 0px;margin-bottom: 0;

padding: 0 15px;padding-top: 0px;}


.product2 #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block;width:117px;border: 1px solid #dadada;}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;width:117px;height:82px;}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{}

.product2 .MagicZoomBigImageCont{border:1px solid #ccc;background:#FFF;}

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

.product2 .MagicZoomMain{text-align:center !important;width: 92px;}



.MagicZoomBigImageCont img{width: 600px!important;height:421px!important;display: block;} 



.product2 .content{width: 382px;}

.product2 .content .title{margin-bottom: 26px;}

.product2 .content .title h1{font-size:16px;font-size:1.6rem;color: #d60c06;line-height: 20px;font-weight: bold;}

.product2 .content ul p{font-size:16px;font-size:1.6rem;color: #333;padding-top: 0px;padding-bottom: 0px;line-height: 30px;margin-bottom: 30px;}

.product2 .content ul li{font-size:16px;font-size:1.6rem;color: #333;padding-top: 0px;padding-bottom: 0px;line-height: 30px;}

.product2 .content .btn{margin-top: 31px;}

.product2 .content .btn a,.product2 .content .btn span { width: 129px;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;border: 1px solid #d60c06;color: #d60c06;display: inline-block;}

.product2 .content .btn a:hover{background-color: #d60c06;color: #fff;border: 1px solid #d60c06;}

.product2 .content .btn a.btn1{margin-right: 28px;}

.product2 .content .share1{margin-right: 9px;color: #999999;display: inline-block;position: relative;top: 2px;}

.product2 .content .share2{display: inline-block;}

.product2 .content .pshare{text-align: left;padding-top: 28px;display: flex;}

.des{margin-bottom: 14px;font-size: 20px;font-size: 2rem;color: #333333;margin-top: 53px;font-family: 'OpenSansBold';padding-bottom: 11px;}

.des a:hover{color: #0166b6;}

.des2{margin-bottom: 38px;}



.cpxx{color: #333;line-height: 24px;}

.cpxx a{color: #0166b6;}



.chanpinx p{line-height: 26px; color:#333; font-size:14px; font-size:1.4rem;}





.chanpinx strong{    font-size: 18px;

    font-size: 1.8rem;

    color: #d60c06;}

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

.chanpinx a{color: #0166b6;}


.chanpinx table {
  width: 100%;
  border-collapse: collapse;
  line-height: 22px;
  border: 1px solid #ccc;
  margin-left: auto;
  margin-right: auto;
  overflow:hidden;
}
.chanpinx table tr td {
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 14px;
  font-size: 1.4rem;
}
 .table {
    width: 100%;
    overflow-x: auto;
  }
@media screen and (max-width: 991px) {
 
  .table table {
    min-width: 640px;
  }
}

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

.img-scroll7 .prev7, .img-scroll7 .next7 {position: absolute;display: block;width: 12px;height: 20px;top:50%;color: #fff;text-align: center;line-height: 100px}

.img-scroll7 .prev7 {left: 0;cursor: pointer;background: url("../images/zjs.png") no-repeat;}

.img-scroll7 .next7 {right: 0;cursor: pointer;background: url("../images/zjx.png") no-repeat;}

.img-list7 {position:relative;width:90%;overflow: hidden;margin: 0 auto;}

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

.img-list7 li {float: left;display: inline;width: 0.31%;margin: 0 0.01%;position: relative;position: relative;text-align: center;}

.img-list7 li span,.img-list7 li a{color: #fff;display: block;border: 1px solid #e6e6e6;}

.img-list7 li img{width: 100%;max-width: 590px;max-height: 532px;}



.img980{display: none;}



#outer{padding-top: 45px;}

#outer #tab{background: #dcdcdc;line-height: 40px;}

#outer #tab li{float: left;border-right: 1px solid #fff;padding: 0 25px;font-size: 16px;font-size: 1.6rem;cursor: pointer;}

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

#outer #tab li:hover{background: #d60c06;color: #fff;}

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



.cubt{font-size: 18px;font-size: 1.8rem;color: #d60c06;}



.relate{position: relative;padding-right: 170px;margin-top: 50px;}

.relatea{font-size: 30px;font-size: 3rem;font-family: 'FuturaStdBook';}

.relatea span{color: #d60c06;}

.zjvm{position: absolute;right: 0;bottom: 0;width: 160px;height: 34px;line-height: 34px;text-align: center;color: #d60c06;border: 1px solid #d60c06;}

.zjvm:hover{background: #d60c06;color: #fff;}

.fypbox{width: 277px;float: left;margin-left: 31px;margin-top: 33px;}

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

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

.fypcover img{width: 46px;height: 46px;position: absolute;left: 50%;margin-left: -23px;top: 50%;margin-top: -23px;}

.fyptu{display: block;}

.fyptu img{display: block;width: 100%;max-width: 473px;max-height: 332px;}

.fypp{display: block;font-size: 16px;font-size: 1.6rem;font-weight: bold;text-align: center;line-height: 20px;margin-top: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.fypbox:hover .fypcover{top: 0;}

.fypbox:hover .fypp{color: #d60c06;}





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

.product2 .MagicZoomBigImageCont{display: none!important;}

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

}



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

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

.product2 #tsShopContainer{float: none;margin: 0 auto;}

.fypbox{margin-left: 15px;width: 215px;}



}

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

.product2 #tsShopContainer{float: none;margin: 0 auto;}

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



.product2 #tsShopContainer{display: none;}

.img980{display: block;}



.fypbox{width: 31.333%;margin: 0 1%;margin-top: 30px;}

.fypcover{display: none;}



}

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

    #outer #tab li{width: 25%;border: none;padding: 0;text-align: center;}

}

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

    #outer #tab li{width: 50%;}

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

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

}

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

.img-list7 li{width: 0.48%;}

.img-list7{width: 85%;}



}

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

.img-list7 li{width: 0.98%;}

.product2 .content .title{margin-bottom: 20px;}

.product2 .content .title h1{padding-bottom: 15px;}

.product2 .content .btn a,.product2 .content .btn span{float: none;margin-bottom: 10px;}

.product2 .content .share1{margin-top: 30px;}

}

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

    .fypbox{width: 98%;}

    .zjvm{width: 100px;}

    .relate{padding-right: 110px;}

}

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

    #outer #tab li{width: 100%;}

}





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

.abnav{ background:url(../images/abbiao.jpg) repeat-x left 54px; text-align:center;padding-bottom: 30px;}

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

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

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







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

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






.abnav a:hover{ color:#d60c06;}

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

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



.dangqianab{ color:#d60c06 !important;}



.ayou img{width: 100%;max-width: 572px;max-height: 367px;}

.fyap1{line-height: 28px;font-size: 24px;font-size: 2.4rem;color:#d60c06;padding-left: 14px;background: url(../images/ashu.jpg) no-repeat left center;font-weight: bold;margin-bottom: 19px;margin-top: 15px;}

.fyap1 strong{display: block;color:#d60c06;font-size: 20px;font-size: 2rem;font-weight: bold;}

.azuo{width: 605px;}

.fyap2{line-height: 30px;padding-right: 20px;}

.azuo2{width: 585px;margin-top: 45px;}

.ayou2 img{width: 100%;max-width: 603px;max-height: 394px;}

.ayou2{margin-top: 45px;}



.ab1main2{padding-top: 44px;background: #f6f6f6;margin-top: 66px;padding-bottom: 72px;}

.ab1biao2{font-size: 30px;font-size: 3rem;color: #d60c06;font-weight:bold;text-transform: uppercase;}

.ab1main2 .img-scroll4 { position:relative; z-index:9}

.ab1main2 .ab1nav{ width:65px; height:29px; position:absolute; right:9px; top:17px; z-index:999}

.ab1main2 .img-scroll4 .prev4,.ab1main2 .img-scroll4 .next4{position:absolute;display:block;width:28px;height:28px; z-index:9999}

.ab1main2 .img-scroll4 .prev4 { left:0;cursor:pointer; background:url(../images/ableft.png)}

.ab1main2 .img-scroll4 .next4 { right:0;cursor:pointer; background:url(../images/abright.png)}

.ab1main2 .img-scroll4 .prev4:hover { left:0;cursor:pointer; background:url(../images/ablefth.png)}

.ab1main2 .img-scroll4 .next4:hover { right:0;cursor:pointer; background:url(../images/abrighth.png)}

.ab1main2 .img-list4 { position:relative; width:auto; overflow:hidden; z-index:99}

.ab1main2 .img-list4 ul { width:10000%;}

.ab1main2 .img-list4 li { float:left;  width:246px; margin-right:72px; margin-top:47px;}

.ab1main2 .zhengshu{  max-width: 246px; width: 100%; position:relative; overflow:hidden; z-index:9;}

.ab1main2 .zhengtu img{ display: block; width:100%; max-width:246px; max-height:334px;}

.ab1main2 .zhengfu{position:absolute; width:100%; height:100%; top:100%; left:0px; transition:0.5s;background: url(../images/zscover.png);}

.ab1main2 .zhengfu img{width:32px;height: 32px;position: absolute;left: 50%;margin-left: -16px;top: 50%;margin-top: -16px;}

/* .ab1main2  li img{ display: block; width:100%; max-width:209px; max-height:284px;} */

.ab1main2 .wenzi { text-align: center; line-height: 30px; margin-top: 5px;display: none;}

.ab1main2 .img-list4 li:hover .zhengfu{ top:0px; }



/*********************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)}}





.atuji{padding-top: 64px;}

.about3_ttile{font-weight: bold; line-height: 40px; font-size: 36px; font-size: 3.6rem; text-transform: uppercase; color: #d60c06; text-align: center;  }



.ab_ditu{ display: block; max-width: 1140px; max-height: 558px; width: 100%;  margin: 0 auto;  margin-top: 58px; margin-bottom: 101px; }



.main6 .top{margin-top: 41px;}

.main6 .top .m6box{width:595px;position: relative;}

.main6 .top .m6box .m6tu a{display: block;}

.main6 .top .m6box .m6tu a img{display: block;max-width: 595px; width: 100%; margin: 0 auto;}

.main6 .top .m6box{overflow: hidden;}

.main6 .top .m6box .m6tuzz{position: absolute;top: 100%;left: 0;background:url(../images/zscover.png) repeat center center;width: 100%;height: 100%;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}

.main6 .top .m6box:hover .m6tuzz{top: 0;}

.main6 .top .m6box .m6tuzz .tuhezi .hang1{text-align: center;margin-top: 23.7%;margin-bottom: -2px;}

.main6 .top .m6box .m6tuzz .tuhezi .hang1 a{text-transform: uppercase; font-size:20px;font-size:2rem;line-height: 50px;color:#fff;font-weight: bold;}

.main6 .top .m6box .m6tuzz .tuhezi .hang2{margin: 0 auto;width: 71px;height: 1px;background-color: #fff;}

.main6 .top .m6box .m6tuzz .tuhezi .hang3{margin: 3px auto 23px;text-align: center;width: 95%;}

.main6 .top .m6box .m6tuzz .tuhezi .hang3 a{font-size:14px;font-size:1.4rem;line-height: 30px;color:#fff;}

.main6 .top .m6box .m6tuzz .tuhezi .hang4 a{font-size:14px;font-size:1.4rem; display: block;width: 118px;height: 28px;border: 1px solid #fff;color: #fff;line-height: 28px;text-align: center;margin: 0 auto;}





.main6 .bottom {margin-top: 8px; padding-top: 0;background: none;}

.main6 .bottom .m6box{width:394px;position: relative;}

.main6 .bottom .m6box .m6tu a{display: block;}

.main6 .bottom .m6box .m6tu a img{display: block;max-width: 100%;}

.main6 .bottom .m6box{overflow: hidden;}

.main6 .bottom .m6box .m6tuzz{position: absolute;top: 100%;left: 0;background:url(../images/zscover.png) repeat center center;width: 100%;height: 100%;transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;}

.main6 .bottom .m6box:hover .m6tuzz{top: 0;}

.main6 .bottom .m6box .m6tuzz .tuhezi .hang1{text-align: center;margin-top: 16.7%;margin-bottom: -2px;}

.main6 .bottom .m6box .m6tuzz .tuhezi .hang1 a{text-transform: uppercase; font-size:20px;font-size:2rem;line-height: 50px;color:#fff;font-weight: bold;}

.main6 .bottom .m6box .m6tuzz .tuhezi .hang2{margin: 0 auto;width: 71px;height: 1px;background-color: #fff;}

.main6 .bottom .m6box .m6tuzz .tuhezi .hang3{margin:3px auto 23px;text-align: center;width: 95%;}

.main6 .bottom .m6box .m6tuzz .tuhezi .hang3 a{font-size:14px;font-size:1.4rem;line-height: 30px;color:#fff;}

.main6 .bottom .m6box .m6tuzz .tuhezi .hang4 a{font-size:14px;font-size:1.4rem; display: block;width: 118px;height: 28px;border: 1px solid #fff;color: #fff;line-height: 28px;text-align: center;margin: 0 auto;}

.main6 .bottom .m6box.m6boxz{margin-left: 10px;}



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

    .main6 .top .m6box{width: 48%;}

    .main6 .bottom .m6box{width: 30%;}

    .main6 .bottom .m6box.m6boxz{margin-left: 5%;}



    .abnav a{margin: 0 120px;}

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

    .azuo{width: 500px;}

    .fyap2{padding-right: 0;}



    .ayou2{width: 470px;margin-top: 70px;}

    .azuo2{width: 500px;}



    .ab1main2 .img-list4 li{margin-right: 25px;width: 226px;}



}

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

    .main6{ height: auto;}

    .main6 .top .m6box .m6tuzz .tuhezi .hang3{max-height: 50px;overflow: hidden;}

    .main6 .bottom .m6box .m6tuzz .tuhezi .hang3{max-height: 70px;overflow: hidden;}

    .main6 .bottom .m6box .m6tuzz .tuhezi .hang3{margin-top: 10px;margin-bottom: 10px;}



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

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

    .azuo2{width: 100%;}

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

    .abnav a{margin: 0 90px;}



    .main6 .top .m6box .m6tuzz{ position: relative;  top: 0px;  padding-bottom: 2%;}

    .main6 .top .m6box .m6tuzz .tuhezi .hang1{margin-top: 0;}

    .main6 .bottom .m6box .m6tuzz{position: relative;  top: 0px;  padding-bottom: 2%;}

    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1{margin-top: 0;}



    .ab1main2 .img-list4 li{width: 0.23%;margin: 0 0.01%;margin-top: 30px;}



    .ab1main2 .zhengfu{display: none;}

}



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

.about_left .dan_wrap .dan_img2{ top: 0; }

.about_ul li .dan_wrap .dan_img2{ top: 0; }

.about_left .dan_wrap .dan_img2{ top: 0; }

}



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

    .main6 .bottom .m6box .m6tuzz .tuhezi .hang3{width: 100%;max-height: 35px;}

    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;padding-top: 10px;}

    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1 a{font-size:14px;font-size:1.4rem;line-height: 16px;}

    .main6 .bottom .m6box .m6tuzz .tuhezi .hang3 a{font-size:12px;font-size:1.2rem;line-height: 16px;margin-top: 0;margin-bottom: 5px;}

    .main6 .top .m6box .m6tuzz .tuhezi .hang3{width: 100%;max-height: 35px;margin-top: 0;margin-bottom: 5px;}

    .main6 .top .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;padding-top: 10px;}

    .main6 .top .m6box .m6tuzz .tuhezi .hang1 a{font-size:14px;font-size:1.4rem;line-height: 16px;}

    .main6 .top .m6box .m6tuzz .tuhezi .hang3 a{font-size:12px;font-size:1.2rem;line-height: 16px;}



    .main6{ background-attachment: fixed; }



}

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

    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;margin-top: 5%;}

    .main6{ background-attachment: fixed; }

}

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

    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1{margin-bottom: 5px;margin-top: 5%;}

    .ab1main2 .img-list4 li{width: 0.31%;}

    .ab1main2{padding-bottom: 50px;}

    .atuji{padding-top: 40px;}

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

}

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

    .main6 .top .m6box{width: 100%;margin-bottom: 25px;}

    .main6 .bottom .m6box .m6tuzz{  position: relative; top: 0px; padding-bottom: 2%; }

    

    .main6 .bottom .m6box{width: 100%;max-width: 373px;float: none;margin: 10px auto!important;}



    .main6 .top .m6box .m6tuzz .tuhezi .hang3{ margin-top: 0%!important; padding-top: 5%;padding-bottom: 2%;}



    .main6 .top .m6box .m6tuzz .tuhezi .hang1 a{line-height: 16px;}

    .main6 .top .m6box .m6tuzz .tuhezi .hang1{ margin-top: 0%!important; padding-top: 5%;padding-bottom: 2%;}

    .main6 .bottom .m6box .m6tuzz .tuhezi .hang1{ margin-top: 0%!important; padding-top: 5%;padding-bottom: 2%;}

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

    .ab1main2 .img-list4 li{width: 0.48%;}

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



}



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

.ls{padding-top: 6px;background: url(../images/lsxian1.jpg) no-repeat center top;}

.lsn{background: url(../images/lsxian2.jpg) repeat-y center top;padding-top: 142px;}



.lshang{background: url(../images/lsyuan.jpg) no-repeat center 36px;margin-bottom: 41px;}



.lszuo{width: 50%;padding-top: 30px;}

.lsyou{width: 50%;}



.lsyou a{display: inline-block;border-radius: 50%;overflow: hidden;}



.lszuo p{max-width: 490px;}

.lszuo p a,.lszuo p span{display: block;}

.lszuo p a{font-size: 24px;font-size: 2.4rem;font-weight: bold;line-height: 30px;color: #d60c06;}

.lszuo p span{font-size:16px;font-size:1.6rem;line-height: 26px;margin-top: 23px;}



.lshang1 .lszuo p a{text-align: right;}

.lshang1 .lszuo p{float: right;margin-right: 38px;}

.lshang2 .lszuo p{float: left;margin-left: 38px;}



.lshang1 .lsyou a{margin-left: 75px;float: left;}

.lshang2 .lsyou a{margin-right:152px;float: right;}






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

    

}

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

	.lshang2 .lsyou a{margin-right: 75px;}

	.lsn{padding-top: 80px;}

}

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

	.ls{background: none;}

	.lsn{background: none;padding-top: 0;}

	.lshang{background: none;}

	.lszuo{width: 100%;float: none;padding-top: 0;}

	.lsyou{width: 100%;float: none;margin-top: 15px;text-align: center;}

    .lshang .lszuo p{max-width: 100%;margin: 0;text-align: center;float: none;}

    .lshang1 .lszuo p a{text-align: center;}

    .lshang .lsyou a{margin: 0;float: none;}

    .abnav{ font-size:0; letter-spacing:0; padding-bottom:0px;}

    .abnav a{ width:48%; margin-left:1%; margin-right:1%; display:inline-block; vertical-align:top;}

    .abnav{background: none;}
	.ayou{ margin-top:20px}

}





/************ project1 ************/

.gcbox{width: 590px;position: relative;margin-bottom: 67px;}

.gctu{position: absolute;left: 0;top: 0;}

.gctu img{width: 100%;max-width: 303px;max-height: 240px;}

.gcwen{padding-left: 329px;}

.gcwen a{display: block;}

.gca1{font-weight: bold;line-height: 24px;height: 48px;overflow: hidden;margin-top: 7px;}

.gca2{color: #666666;line-height: 24px;height: 96px;overflow: hidden;margin-top: 10px;margin-bottom: 22px;}

.gca3{width: 140px;height: 41px;line-height: 41px;text-align: center;font-size: 16px;font-size: 1.6rem;color: #d60c06;border: 1px solid #d60c06;}

.gca1:hover{color: #d60c06;}

.gca2:hover{color: #d60c06;}

.gca3:hover{background: #d60c06;color: #fff;}



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

    .gcbox{width: 480px;}

    .gctu{width: 250px;}

    .gcwen{padding-left: 265px;}

    .gca1{margin-top: 0;}

    .gca2{margin-bottom: 10px;}

}

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

    .gcbox{width: 100%;}

}

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

    .gctu{position: static;text-align: center;}

    .gcwen{padding-left: 0;padding-top: 10px;}

    .gca2{height: auto;}

    .gca1{height: auto;}

    .gcbox{margin-bottom: 35px;}

}





/*********  project2  *********/

.gcmain h1{text-align: center;font-size: 20px;font-size: 2rem;font-weight: bold;}

.nex{color: #666666;line-height: 24px;padding-top: 15px;}

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



.lunboa {padding-bottom: 22px;}

.lunboa .ban .ban2 ul li{position: relative;}

.lunboa .ban .ban2 ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;display: block;text-align: center;height: 32px; color: #fff;line-height: 32px;background:rgba(0,0,0,0.5);}

.lunboa .ban .ban2 ul li .mzz a{width: 100%; }





.lunboa{position: relative;}

img{ border:0;}

/*1*/

.ban{ width:715px; height:719px; position:relative; 

/*overflow:hidden;*/

margin:5px auto 0 auto;}

.ban2{ width:715px; height:569px; position:relative; overflow:hidden;margin: 0 auto;right: 0px;}

.ban2 ul{ position:absolute; left:0; top:0;}

.ban2 ul li{ width:715px; height:569px;background: #fff;}

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



/*2*/

.num{ height:114px;overflow:hidden; width:715px; position:relative;float:left;}

.min_pic{ padding-top:33px;}

.num ul{ position:absolute; left:0; top:0;}

.num ul li{ width:145px; height:114px; margin-right:45px; padding:0px;}

.num ul li a{display: block;background: transparent;padding-right: 2px;}

.num ul li a img{width: 145px;height: 114px;}


.prev_btn1{ width:16px; text-align:center; height:21px; margin-top:47px; margin-right:30px; cursor:pointer; float:left;}

.next_btn1{  width:16px; text-align:center; height:21px; margin-top:47px;cursor:pointer;float:right;}

.prev1{ position:absolute; bottom: 41px; left:-60px; width:39px; height:39px;z-index:9;cursor:pointer;background: url("../images/lbs.png") no-repeat; }

.next1{ position:absolute; bottom: 41px; right:-60px; width:39px; height:39px;z-index:9;cursor:pointer;background: url("../images/lbx.png") no-repeat;}


.prev1:hover{ background: url("../images/lbs2.png") no-repeat; }

.next1:hover{background: url("../images/lbx2.png") no-repeat;}

.mhc{

        z-index: 99999;

        background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:fixed; left:0; top:0; display:none;}



/*3*/

.pop_up{ width:845px; height:546px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-498px; margin-top:-273px; display:none; z-index:9999999;}

.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}

.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}

.pop_up2{ width:845px; height:546px; position:relative; overflow:hidden; float:left;}

.pop_up2 ul{ position:absolute; left:0; top:0;}

.pop_up2 ul li{ width:845px; height:546px; float:left;}



.tukuang{position: relative;display: block;}

.lunboa {padding-bottom: 0px;padding-top: 22px;}

.lunboa .ban .ban2 ul li{position: relative;}

.lunboa .ban .ban2 ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;display: block;text-align: center;height: 46px; color: #fff;line-height: 46px;background:rgba(0,0,0,0.5);font-size: 16px;font-size: 1.6rem;}



.lunboa .ban .ban2 ul li .mzz a{width: 100%; }



.lunbob{display: none;}

.lunbob ul li{width: 48%;position: relative;float: left;margin: 20px 1%!important;}

.lunbob ul li a{display: block;}

.lunbob ul li a img{display: block;width: 100%;}

.lunbob ul li .mzz{ position: absolute;bottom: 0;left: 0;width: 100%;}

.lunbob ul li .mzz a{width: 100%; display: block;text-align: center;height: 44px; font-size:16px;font-size:1.6rem;color: #fff;line-height: 44px;}



.sxxw .item-title{ padding-left:5px; color:#333;}



.xiaoping{display: none;}

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

.xiaoping li img{width: 100%;max-width: 845px;max-height: 546px;}

.xiaoping li p{text-align: center;margin-top: 10px;line-height: 20px;}



.sxxw{padding-top: 40px;border-top: 1px solid #d2d2d2;margin-top: 25px;line-height: 26px;}

.sxxw .xws{padding-left: 36px;display: inline-block;text-transform: uppercase;color: #666666;}

.xws{background: url(../images/xws.jpg) no-repeat left center;}

.xws{background: url(../images/xws.jpg) no-repeat left center;}

.sxxw div{margin-bottom: 15px;}

.sxxw div a:hover{color: #d60c06;}



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

.renbox{margin: 0 39px;margin-bottom: 60px;margin-top: 40px;}


.about2{padding-bottom: 50px;}

}

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

.lunboa{display: none;}

.xiaoping{display: block;padding-top: 20px;}

.renbox{width: 48%;margin: 0 1%;margin-bottom: 60px;margin-top: 40px;}

.about2{padding-bottom: 30px;}

}

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

.renbox{width: 90%;margin: 0 5%;margin-bottom: 40px;margin-top: 40px;}

}

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

.about2{padding-bottom: 10px;padding-top: 20px;}

}

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

.renboxn span{position: static;}

.renboxn{padding: 0 15px;}

.renbox{padding-top: 66px;}

}



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

/* new1 */

.new1 .fwp{padding-bottom: 38px;  position: relative;  }

.new1 .swp{ position: absolute; top:0; left: 0;  }

.new1 .swp a{ display: block; width: 100%; margin: 0 auto; }

.new1 .swp a img{ display: block; max-width: 330px; max-height: 185px; width: 100%; margin: 0 auto; }



.new1 .zi {  padding-left: 370px; min-height: 185px; padding-right: 0px; }

.new1 .zi .time{ padding-bottom: 23px;font-size: 14px; font-size: 1.4rem; line-height: 30px;color: #333;   }

.new1 .zi .title{  color: #333;   display: block;line-height: 30px; font-size: 16px; font-size: 1.6rem; font-weight: bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.new1 .zi .p{ display: block;  margin-bottom: 17px; font-size: 14px; font-size: 1.4rem; color: #333; line-height: 28px; height: 56px;overflow: hidden;}

.new1 .zi .more{ display: block;  font-size: 14px; font-size: 1.4rem;  width: 111px; height: 32px; line-height: 32px; text-align: center; color: #d60c06; border-radius: 16px; border: 1px solid #d60c06;}

.new1 .zi .title:hover{ color: #d60c06;}

.new1 .zi .p:hover{ color: #d60c06;}



.new1 .zi .more:hover{ background: #d60c06; color: #fff; }



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



.fyppart .fypbox{margin-left: 30px;}



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

.fyppart .fypbox{width: 222px;}

}

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

.new1 .fwp{padding-bottom: 15px;margin-bottom: 20px;}

.new1 .page{margin: 45px auto 0;}

.new1{padding-bottom: 60px;}



.fyppart .fypbox{margin-left: 30px;}



.fyppart .fypbox{width: 23%;margin: 0 1%;margin-top: 30px;}

}

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

    .new1{ padding-bottom: 30px; }

    .new1 .fwp{ padding-bottom: 0px; }

    .new1 .swp{ position: relative; top:0; left: 0;  }

    .new1 .zi {  padding-left: 0px; min-height: 236px; padding-right: 0px; padding-top: 195px;min-height: auto;}

    .new1 .zi .title{padding-top: 10px;}

    .new1 .page{margin: 20px auto 0;}

    .new1 .zi .time{padding-bottom: 5px;}



    .fyppart .fypbox{width: 48%;margin: 0 1%;margin-top: 30px;}



}

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

    .fyppart .fypbox{width: 98%;margin: 0 1%;margin-top: 20px;}

}



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

.lxhui{background: #f7f7f7;padding-left: 63px;padding-right: 84px;padding-top: 22px;padding-bottom: 15px;border-radius: 10px;}

.lxzuo li{margin-bottom: 26px;}

.lxzuo{width: 402px;border-right: 1px solid #c5c5c5;padding-top: 33px;margin-top: 9px;padding-bottom: 22px;}

.lxzuo li b{padding-left: 20px;display: block;margin-top: 10px;max-width: 260px;line-height: 26px;}

.cli1 b{background: url(../images/ci1.png) no-repeat left center;}

.cli2 b{background: url(../images/ci2.png) no-repeat left center;}

.cli3 b{background: url(../images/ci3.png) no-repeat left center;}

.cli4 b{background: url(../images/ci4.png) no-repeat left center;}

.cli5 b{background: url(../images/icon-weixin-hong.png) no-repeat left center;}

.cli6 b{background: url(../images/ci6.png) no-repeat left 0px;}

.lxzuo li a:hover{color: #d60c06;}

.lxyou{width: 564px;}





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



.c_title2 {padding-left: 14px; line-height: 30px; font-weight: bold; font-size: 24px; font-size: 2.4rem; color: #d60c06; text-transform: uppercase; padding-bottom: 16px; }



.c_xp { padding-top: 13px; }



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





.c_div1 { padding-bottom: 18px; }



.c_div2 { padding-bottom: 20px; }



.c_div3 { padding-bottom: 20px; }



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



.c_input1 { float: left; line-height: 35px; height: 35px;text-indent: 14px; color: #666666; width: 547px; border: solid 1px #cccccc; background: #fff; }



.c_textarea { font-family: Arial; float: left; text-indent: 14px; color: #666666; width: 544px; border: solid 1px #cccccc; line-height: 26px; padding-top: 1px; height: 211px; background: #fff; }



.c_captcha {background: #fff; width: 154px; float: left; line-height: 35px; height: 35px; text-indent: 9px; color: #666666; border: solid 1px #cccccc; }



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



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



.c_send:hover{background: #d60c06;}



.ditu { text-align: center;padding-top: 50px;}



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



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

    .lxzuo{width: 225px;}

}

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

    .lxzuo{width: 100%;border: none;padding-top: 0;margin-top: 0;}

    .lxyou{width: 100%;}



    .c_input1{width: 95%;}

    .c_textarea{width: 95%;}

    .c_send{width: 95%;float: left;margin-top: 18px;margin-left: 14px;}

}

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

    .lxhui{padding-left: 25px;padding-right: 25px;}

}

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

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

    .c_input1{width: 94%;}

    .c_textarea{width: 94%;}

    .c_send{width: 94%;}

    .c_captcha{width: 94%;}

    .c_yzm{margin-left: 14px;margin-top: 18px;}

}



.xwxsj{text-align: center;line-height: 40px;}



/*

font-family: 'FuturaStdBook';

*/



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

    

}

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

    

}







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



.sideNav {
  position: fixed;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 200;
  width: 50px;
}

.sideNav .sideItem {
  width: 100%;
  background-color: #dfdfdf;
  transition: 0.2s;
  position: relative;
  margin-top: 3px;
  border-radius: 5px;
}
.sideNav .wxImg {
  max-width: unset;
  width: 120px;
  height: 120px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 10px);
  display: none;
}


.sideNav .sideBox {
  width: 100%;
  text-align: center;
  display: block;
}

.sideNav .sideBox span { display:inline-block; height:50px; width:50px;

  line-height: 50px;
}
.sideNav .sideBox span.whatsapp1{ background:url(../images/kfwhatsapp.png) no-repeat center}
.sideNav .sideBox span.skype1{ background:url(../images/kfskype.png) no-repeat center}
.sideNav .sideBox span.wechat{ background:url(../images/kfwechat.png) no-repeat center}
.sideNav .sideBox span.email1{ background:url(../images/kfemail1.png) no-repeat center}
.sideNav .sideItem:hover {
  background-color: #d60c06;
}


  
  
  
 @media screen and (max-width:999px) { 
  
   .sideNav {
    bottom: -1px;
    right: unset;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    top: unset;
    transform: translateY(0);
  }
  .sideNav .sideBox span {
    line-height: 40px;
    font-size: 18px !important;
    color: #ffffff;
  }
  .sideNav .sideItem {
    flex: 1;
    width: unset;
    margin: 0;
    height: auto;
    border-radius: 0;
    background-color: #101010;
  }
  .sideNav .sideItem:hover span {
    color: #ffffff;
  }
  .sideNav .sideItem:last-child .sideBox span {
    line-height: 40px;
    font-size: 20px;
  }
  .sideNav .footBox {
    padding-bottom: 53px;
  }
  .sideNav .wxImg, .sideNav .phoneTxt {
    left: 10px;
    top: unset;
    bottom: calc(100% + 10px);
    transform: translateY(0);
  }
 }