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


.logonav{ background:#fff;}



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

 

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

.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:30px;line-height:26px;position:relative;right:0px;top:0px; z-index: 999999; background:#fff; border-radius:17px;border: 1px solid #ea5205;}

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





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

}

.slide .dotList ul li{

	display: inline-block;

    width: 18px;

    height: 18px;

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

    margin-left: 13px;

    cursor:pointer;

}

.slide .dotList ul li.active{

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

}

.slide .carousel-control{

	position: absolute;

    top: 50%;

    margin-top: -28px;

    width: 56px;

    height: 56px;

    z-index:999;

}

.slide .carousel-control.left{

	left:8%;

	background-image:url("../images/prev.png");

	cursor:pointer;

}

.slide .carousel-control.right{

	right:8%;

	background-image:url("../images/next.png");

	cursor:pointer;

}



.slide .carousel-control.left:hover{

    background-image:url("../images/prev2.png");

}

.slide .carousel-control.right:hover{

    background-image:url("../images/next2.png");

}



.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{background: #f5f5f5;}

.toplx{margin-top: 1px;}

.toplx li{float: left;margin-right: 32px;}

.toplx li p{padding-left: 19px;line-height: 36px;}

.toplx li p a:hover{color: #ea5205;}

.topli1 p{background: url(../images/topi1.png) no-repeat left center;}

.topli2 p{background: url(../images/topi2.png) no-repeat left center;}

.topli3 p{background: url(../images/topi3.png) no-repeat left center;}



.yy{margin-top: 7px;}

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



.logo{display: block;padding-top: 33px;margin-right: 185px;}

.logo img{width: 100%;max-width: 212px;max-height: 38px;}



.navlist2{display: none;}

.navlist{padding-top: 44px;}

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

.navlist>li>a{font-size: 16px;font-size: 1.6rem;display: block;font-weight: bold;text-transform: uppercase;}

.navlist>li:hover>a{color: #666666;}

.navlist>li.currentnav>a{color: #666666;}



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

    .logo{margin-right: 20px;}

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

}

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

    .navlist{width: 100%;padding-top: 30px;}

    .navlist>li{padding-bottom: 20px;width: 16.66%;margin: 0;text-align: center;}

    .logo{margin-right: 0;}

}

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

    .navlist1{display: none;}

    .navlist2{display: block;}

    .navlist>li{width: 25%;}

    .logo{padding-top: 18px;}

    .search{display: none;}

    .toplx{display: none;}

    .yy{float: left;}

}

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

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

}



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

.syp{padding-top: 89px;padding-bottom: 60px;}

.sypbt{font-size: 30px;font-size: 3rem;font-weight: bold;text-transform: uppercase;}

.sypbt a:hover{color: #ea5205;}

.img-scroll {position: relative;margin: 0 auto;width: 100%;padding-top: 48px;margin-top: 4px;margin-bottom: 0px;}

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

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

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

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

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

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

.img-list ul {width: 999999px;}

.img-list li {float: left;display: inline;width: 234px;position: relative;margin-right: 41px;}



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

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

.sypbox .sypp{display: block;font-size:16px;font-size:1.6rem;font-weight: bold;line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 13px;text-transform: uppercase; text-align: center;}



.sypbox:hover .sypp{color: #7e7e7e;}

.sydatu img{width: 100%;max-width: 1920px;max-height: 600px;}



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

    .img-list{width: 880px;}

    .img-list li{width: 189px;}

}

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

    .syp{padding-top: 50px;}

    .img-list{width: 85%;}

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

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

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

}

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

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

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

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

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

    .syp{padding-bottom: 30px;}

}

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

    .img-list{width: 75%;}

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

    .logo{width: 170px;}

    

}



/************************************  syhot  *********************************/

.syhot{padding-top: 96px;padding-bottom: 30px;}

.sypbt2{margin-bottom: 25px;}

.sypbox2{width: 332px;float: left;margin-left: 102px;margin-top: 31px;}

.syptu2{border: 1px solid #d5d5d5;display: block;}

.syptu2 img{display: block;width: 100%;max-width: 404px;max-height: 404px;}

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

.sypbox2:hover .sypp2{color: #ea5205;}



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

    .sypbox2{margin-left: 50px;width: 293px;}

}

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

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

    .syhot{padding-top: 60px;}

}

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

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

    .sypbt2{margin-bottom: 0;}

}

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

    .sypbox2{width: 48%;}

    .syhot{padding-top: 40px;}

}

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

    .sypbox2{width: 98%;}

}





/*****************************  syvideo  *******************************/

.syvideo{padding-top: 30px;padding-bottom: 66px;}

.syvbox{float: left;margin-left: 12px;margin-top: 48px;}

.syvboxn{width: 380px;padding: 0 6px;padding-bottom: 34px;background: url(../images/videoyy.jpg) no-repeat center bottom;}

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

.vtu{display: block;}

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

.vcover{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: url(../images/bofang.png) no-repeat center center;background-size: 100%;}

.syvbox:hover .vcover{top: 0;}



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

    .syvboxn{width: 306px;}

    .syvboxn{background-size: 100%;padding-bottom: 27px;}

}

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

    .syvboxn{padding: 0;background: none;width: auto;}

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

    .vcover{display: none;}

}

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

    .syvbox{float: none;max-width: 380px;margin: 0 auto;margin-top: 20px;width: auto;}

    .syvideo{padding-top: 0;}

}



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

.bottom{padding-top: 70px; padding-bottom: 67px;background:#17303c url(../images/bottombg.png) no-repeat center top;font-size:16px;font-size:1.6rem;}

.div a,.div li,.div p,.div span{color: #e3e3e3;}

.div>a,.div>span{display: block;font-size: 30px;font-size: 3rem;color: #fff;font-weight: 900;text-transform: uppercase;padding-left: 49px;background: url(../images/quan.png) no-repeat left center;margin-bottom: 20px;}

.div a:hover{color: #ea5205;}



.div1{margin-right: 126px;}

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

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

.div1 li a{display: block;padding-left: 0;transition: 0.5s;}

.div1 li:hover a{padding-left: 16px;background: url(../images/bjt.png) no-repeat left center;color: #ea5205;}



.div2 li{padding-left: 23px;}

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

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

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

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

.bli5{background: url(../images/bi5.png) no-repeat left 10px;}



.div2{width: 278px;}

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



.padl{padding-left: 49px;}



.div3{width: 344px;}

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

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

.bsjj{padding-top: 9px;}



.copyright{line-height: 30px;padding-top: 16px;}

.right{line-height: 30px;}

.support{line-height: 30px;}



.link{background: #17303c;border-top: 1px solid #5b5b5b;line-height: 40px;height: 40px;}

.link a,.link span{color: #e3e3e3;}

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

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



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

    .div1{margin-right: 55px;}

}

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

    .div1,.div2{width: 50%;margin: 0;}

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

}

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

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

    .div1,.div2{display: none;}

    .div3>span{display: none;}

    .bsjj{display: none;}

    .padl{padding-left: 0;}

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

    .syvideo{padding-bottom: 35px;}

}



/********************  bread  **********************/

.bread{font-size:16px;font-size:1.6rem;padding-top: 21px;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #e9e9e9;}

.bread a{color: #666666;}

.bread a.home{padding-left: 25px;background: url(../images/home.png) no-repeat left center;}

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

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



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

.clogo{text-align: center;}

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



.clx{padding: 0 73px;padding-top: 50px;}

.clx li{float: left;text-align: center;max-width: 205px;margin-left: 149px;}

.clx li b{display: block;font-size:16px;font-size:1.6rem;color: #ea5205;margin-top: 16px;line-height: 28px;text-transform: uppercase;margin-bottom: 4px;}

.clx li p{font-size:16px;font-size:1.6rem;line-height: 24px;}

.clx li p a:hover{color: #ea5205;}

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

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



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

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

}

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

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

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

    .clx{padding-left: 0;padding-right: 0;}

}

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

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

    .ditu{margin-top: 25px;}



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

}

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

    .clx li{width: 98%;}

}





/*******************************  shop  *******************************/

.os{text-align: center;font-size: 40px;font-size: 4rem;font-weight: bold;background: url(../images/shopxian.jpg) no-repeat center 24px;}



.shoplist{padding-top: 52px;padding-left: 7px;padding-right: 7px;}

.shoplist li{float: left;margin-left: 10px;margin-top: 7px;}

.shoplist li img{width: 100%;max-width: 289px;max-height: 89px;}



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

    .shoplist li{width: 234px;}

}

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

    .shoplist li{width: 31.333%; margin: 0 1%; margin-top: 10px;}

}

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

    .shoplist li{width: 48%; margin: 0 1%; margin-top: 10px;}

    .os{font-size: 30px;font-size: 3rem;background: none;}

    .shoplist{padding-top: 20px;}

}



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

.xwxbt{text-align: center;font-size: 20px;font-size: 2rem;font-weight: bold;line-height: 30px;}

.xwsj{text-align: center;margin-top: 10px;}

.xwsj span{color: #999999;padding-left: 25px;background: url(../images/rili.jpg) no-repeat left center;}



.nex{color: #666666;line-height: 30px;padding-top: 24px;padding-bottom: 33px;border-bottom: 1px solid #dcdcdc;margin-bottom: 14px;}

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

.nex a{color: #ea5205;}

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



.chanpinx table,.nex table{ width:80%; border-collapse:collapse; line-height:24px; word-break:break-all; border: 1px solid #333; color: #333;table-layout:fixed;}

.chanpinx tr td,.nex tr td{ line-height:24px; padding:6px;border: 1px solid #333;}





.newsx{line-height: 26px;margin-bottom: 5px;}

.newsx span.span1,.newsx span.span2{padding-left: 29px;display: inline-block;height: 26px; padding-right:5px;}

.newsx a{}

.newsx a:hover{color: #888888;}

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

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





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



.m3_tl{ width: 129px; height: 129px; background: #666666; }



.m3_tl span{ display: block; width: 100%; text-align: center;color: #fff; }

.m3_tl .sp1{ font-size: 68px; font-size: 6.8rem;margin-top: 16px;line-height: 70px;}

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

.m3_tc{ max-width: 811px; padding-left: 25px; color: #333; }

.m3_tc a{ color: #333333; display: block;}

.m3_tc a:hover{ color: #ea5205;}

.main3 .title:hover{ color: #ea5205;}





.m3_tc .tit{display: block; font-weight: bold; padding-top: 10px; padding-bottom: 12px; font-size: 16px; font-size: 1.6rem; line-height: 30px; }

.m3_tc .tit strong{ display: block; width: 53px; height: 1px; background: #333333; margin-top: 5px; }

.m3_tc .p1{ font-size: 14px; font-size: 1.4rem; line-height: 30px; color: #666666;}





.m3_tr{ width: 203px; height:130px; position: relative; top: -9px; }

.m3_tr img{ max-width: 203px; max-height: 130px; padding-top: 11px; }

.m3_tc2{ position: relative; top:-5px; }



.main3_top{padding-bottom: 32px;border-bottom: 1px solid #dcdcdc;margin-bottom: 39px;}



.ms_ye{text-align: center;margin-top: 60px;}
.n1_pn{width:53px!important;}
.ms_ye a{display: inline-block;width: 33px;line-height: 28px;border: 1px solid #e5e5e5; background: #fff;text-align: center;margin: 0 2px;font-size: 12px;font-size: 1.2rem;}

.ms_sx{width: 59px!important;}

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

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



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

    .m3_tc{ width:60%;} 

}



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

    .main3{ overflow: hidden;}

    .main3_top{ position: relative}

    .m3_tl{ position: absolute; max-width: 129px;  float: none; left: 0; }

    .m3_tr{  position: absolute; float: none;  right: 0; }

    .m3_tc{ width:100%; float: none; padding-left: 0;position: relative ; padding-top:165px; }

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

}

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

.m3_tl{ position: relative;  width: 100%; max-width: 129px; float: none; margin-bottom: 20px; }

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

.m3_tr{position: relative; width:100%; float: none; }



.m3_tl .sp1{font-size: 40px;font-size: 4rem;line-height: 60px;}

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

.m3_tl{max-width: 100px;height: 100px;}

.main3_top{margin-bottom: 10px;}

        

}



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

.fyap1{line-height: 24px;margin-bottom: 23px;}

.aliatu{padding-top: 7px;}

.aliatu img{width: 100%;max-width: 572px;max-height: 361px;}



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

    .aliatu img{width: 49%;}

}

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

    .aliatu img{width: 49%;}

}

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

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

}



/*******************************  support  ***********************************/

.qiandt{background: url(../images/qianditu.png) no-repeat center 20px;padding-bottom: 20px;}

.pqi{text-align: center;font-size: 16px;font-size: 1.6rem;line-height: 24px;margin-top: 14px;margin-bottom: 25px;}



.input-group label{display: block;padding-left: 20px;color: #a6a6a6;line-height: 26px;}

.input-group label.xing{background: url(../images/xing.png) no-repeat 7px center;}

.qiandt form{width: 478px;margin: 0 auto;}



.input-group input{border: 1px solid #a0a0a0;padding-left: 15px;height: 37px;line-height: 37px;width: 461px;}

.input-group{margin-bottom: 8px;}



.input-group textarea{border: 1px solid #a0a0a0;padding-left: 15px;height: 81px;line-height: 37px;width: 461px;}



.input-group2 input{border: 1px solid #a0a0a0;padding-left: 15px;height: 37px;line-height: 37px;width: 211px;float: left;color: #a6a6a6;background: url(../images/xing.png) no-repeat 4px center;}

.input-group2 img{cursor: pointer;width: 228px;height: 39px;float: right;}

.input-group2{margin-top: 14px;}



.input-group3 input{width: 100%;height: 43px;line-height: 43px;background: #666666;color: #fff;text-align: center;cursor: pointer;}

.input-group3{margin-top: 15px;}

.input-group3 input:hover{background: #ea5205;}

.qiandt form p{font-size:16px;font-size:1.6rem;line-height: 24px;margin-top: 44px;}



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

    .qiandt form{width: 100%;}

    .input-group input{width: calc(100% - 20px);}

    .input-group textarea{width: calc(100% - 20px);}

    .input-group2 input{width: calc(100% - 20px);}

    .input-group2 img{float: left;margin-top: 15px;}

}







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

.pzuo{width: 270px;}

.pyou{width: 830px;}



.pc{font-size: 20px;font-size: 2rem;font-weight: bold;text-transform: uppercase;border-bottom: 2px solid #333333;padding-bottom: 7px;}

.pc2{font-size: 20px;font-size: 2rem;font-weight: bold;text-transform: uppercase;border-bottom: 2px solid #333333;padding-bottom: 7px;margin-top: 109px;margin-bottom: 22px;}



.linebar{display: none;}



.linebar{font-size: 20px;font-size: 2rem;font-weight: bold;text-transform: uppercase;border-bottom: 2px solid #333333; padding-top: 7px;padding-bottom: 7px;background:url(../images/santiao.png) no-repeat 97% center;}

.linebar a{}



.celist>li{font-size:16px;font-size:1.6rem;line-height: 40px;border-bottom: 1px solid #eaeaea;background: url(../images/cejt1.jpg) no-repeat 99% center;position: relative;}

.celist>li a{display: block;}

.celist{padding-top: 10px;}

.celist>li:hover>a{color: #ea5205;}

.celist>li:hover{background: url(../images/cejt2.jpg) no-repeat 99% center;}

.ceerji{position: absolute;left: 100%;top: -99999px;background: #fafafa;padding: 0 6px;width: 166px;padding-top: 8px;padding-bottom: 5px;}

.ceerji>li{line-height: 36px;border-bottom: 1px solid #eaeaea;padding-left: 6px;font-size: 14px;font-size: 1.4rem;}

.ceerji>li.noborder{border: none;}

.ceerji>li:hover>a{color: #ea5205;}



.celist>li:hover .ceerji{top: 0;}



.cenlist li{position: relative;padding-bottom: 21px;border-bottom: 1px solid #cdcdcd;margin-top: 17px;}

.centu img{width: 100%;max-width: 404px;max-height: 404px;display: block;border: 1px solid #e6e6e6;}

.centu{display: block;position: absolute;left: 0;top: 0;width: 82px;}

.cenp{display: block;margin-left: 96px;line-height: 24px;padding-top: 5px;}

.cenlist li:hover .cenp{color: #ea5205;}



.pbox{width: 242px;float: left;margin-left: 52px;margin-bottom: 33px;}

.pcon{border: 1px solid transparent;padding: 4px;padding-bottom: 30px;position: relative;transition: 0.5s;}

.ptu{display: block;border: 1px solid #e6e6e6;}

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

.pp1{display: block;text-align: center;font-weight: bold;line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 8px;}



.checkb{position: absolute;right: 4px;bottom: 9px; background:url(../images/jia1.jpg) no-repeat right 5px; width: 20px;

    height: 26px; cursor:pointer;}

.jia{position: absolute;z-index: 99;right: 4px;bottom: 9px;cursor: pointer;}



.pbox:hover .pcon{border: 1px solid #e6e6e6;}



.ms_ye2{position: relative;text-align: left;}

.xiangshang{padding-left: 28px;background: url(../images/jia1.jpg) no-repeat left 5px;position: absolute; right: 0;bottom: 0;}

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

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



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

    .pyou{width: 675px;}

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

}

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

    .pyou{width: 100%;}

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

    .ceerji{position: static;padding: 0;width: 100%;}

    .ceerji>li{padding-left: 15px;}

    .pbox{width: 31.3333%;margin: 0 1%;margin-bottom: 20px;}

    .pc2{margin-top: 45px;}

    .cenlist li{padding-bottom: 70px;}

}

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

    .ms_ye2{text-align: center;}

    .xiangshang{display: inline-block;position: static;}

}

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

    .linebar{display: block;}

    .pc{display: none;}

    .celist{display: none;}

}

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

    .pbox{width: 48%;}

}

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

    .pbox{width: 98%;}

}







/*goods1*/

/* .product .xiangqing .good2{width: 900px;} */

/*mouse hands*/

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

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

width:408px;float: left;}

.product2 #tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;left: 0px;}

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

.product2 #tsShopContainer #tsImgS img{border:1px;}

.product2 #tsShopContainer #tsPicContainer{width:100%;position:relative;

height:131px;

margin-top: 20px;

}

.product2 #tsShopContainer #tsPicContainer #tsImgSArrL{width:8px;position:absolute;top:56px;left:0;cursor:pointer;

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

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

height:12px;background: url(../images/px.jpg) no-repeat;} 

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

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

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

height:135px;}

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

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

padding: 0 8px;padding-top: 3px;}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg{background: url(../images/p2jt.jpg) no-repeat center top;}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a{border: 1px solid #ea5205;}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block;

width:114px;border: 1px solid #e6e6e6;}

.product2 #tsShopContainer #tsPicContainer #tsImgSCon li img{display:block;

width:114px;

height:114px;}

.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:600px!important;display: block;} 







.product2 .good2 .content{width: 355px;}

.good2 .content .title{padding-top: 2px;margin-bottom: 9px;}

.good2 .content .title h1{font-size:16px;font-size:1.6rem;color: #666666;font-weight: bold;padding-bottom: 9px;border-bottom: 2px solid #ea5205; line-height: 25px;}

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

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

.good2 .content .btn{margin-top: 4px;margin-bottom: 27px;max-width: 385px;}

.good2 .content .btn a {display: block;border-radius: 5px;font-weight: bold;color: #fff;width: 150px;height: 32px;line-height: 32px;text-align: center;background-color: #ea5205;text-transform: uppercase;}

.good2 .content .btn a:hover{background-color: #333;}



.good2 .content .share1{margin-top: 54px;margin-bottom: 24px;margin-right: 9px;color: #666666;display: inline-block;position: relative;top: -8px;}

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



.des{padding-top: 45px;margin-bottom: 18px;font-size: 30px;font-size: 3rem;text-transform: uppercase;font-weight: 900;}

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

.des2{margin-bottom: 38px;}



b.cxxbt{font-size: 24px;font-size: 2.4rem;color: #f05324;font-weight: normal;margin-top: 45px;}



.cpxx{color: #666666;line-height: 25px;}

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

.cpxx a{color: #e8531d;}



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

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

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



.chanpinx table,.nex table{ width:80%; border-collapse:collapse; line-height:24px; table-layout:fixed;}

.chanpinx tr td,.nex tr td{ line-height:24px; padding:6px;}
.chanpinx tr td:first-child{ background:#CCC;}


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





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

.img-scroll8 .prev8, .img-scroll8 .next8 {position: absolute;display: block;width: 24px;height: 24px;top:-9%;margin-top:-20px;color: #fff;text-align: center;line-height: 100px}

.img-scroll8 .prev8 {right: 0;margin-right:36px;cursor: pointer;background: url("../images/xgs.jpg") no-repeat;}

.img-scroll8 .next8 {right: 0;cursor: pointer;background: url("../images/xgx.jpg") no-repeat;}

.img-scroll8 .prev8:hover {background: url("../images/xgs2.jpg") no-repeat;}

.img-scroll8 .next8:hover {background: url("../images/xgx2.jpg") no-repeat;}

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

.img-list8 ul {width: 999999px;}

.img-list8 li {float: left;display: inline;width: 242px;position: relative;position: relative;margin-right: 52px;}



.img-list8 li .pbox{margin-left: 0;}





@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) {

.cpfl li{width: 215px;margin: 0 5px;}

.product2 .good2 .content{width: 350px;}



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

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

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

.img-list8 li{margin-right: 15px;width: 215px;}

}

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

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

.product2 .good2 .content{float: none;width: 100%;}



.product2 #tsShopContainer{display: none;}

.img980{display: block;}



.product2 .good2 .content{margin-top: 20px;}

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



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

.img-list8 li .pbox{width: 100%;}

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

}

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

.cpfl li{width: 47%;margin: 0 1%;margin-bottom: 10px;}

.cpfl{margin-bottom: 30px;}

}

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



.product2{padding-bottom: 10px;}

}

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

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

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

}

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

.cpfl li{height: 40px;line-height: 40px;width: 98%;}

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

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

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

.good2 .content .btn a{float: none;margin-bottom: 10px;}

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

.des{padding-top: 25px;}

}

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

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

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

    .img-scroll8 .prev8, .img-scroll8 .next8{top: -5%;}

}



.yiji{position: absolute;left: 0; top: -99999px;width: 204px;border-top: 2px solid #ea5205;z-index: 99999;background: #f2f2f2;padding-top: 10px;padding-bottom: 10px;}

.yiji li{line-height: 30px;padding-left: 18px;position: relative;}

.yiji li a{display: block;padding-left: 0;}

.yiji li:hover>a{color: #ea5205;padding-left: 8px;background: url(../images/xljt.jpg) no-repeat left center;}

.erjibox{position: absolute;left: 100%;top: -99999px;padding-left: 1px;}

.erji{width: 204px;border-top: 2px solid #ea5205;background: #f2f2f2;padding-top: 10px;padding-bottom: 10px;}

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

.yiji>li:hover .erjibox{top: -12px;}





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



}

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

.yiji{display: none;}

}



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



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

.juse{ color:#ea5205 !important;}

.currentce>a{color:#ea5205 !important; }

.xunpanc a{ line-height:26px;}

.xunpanc a:hover{ color:#ea5205;}

.headbox{z-index:99999999;}