@charset "UTF-8";

@font-face {
 
  font-family: "my";
 
  src: url("../font/MyriadPro-Regular.ttf") format("truetype"),
 
       url("../font/MyriadPro-Regular.svg") format("svg"),
 
       url("../font/MyriadPro-Regular.otf") format("opentype"),

       url("../font/MyriadPro-Regular.woff") format("woff"),

        url("../font/MyriadPro-Regular.eot") ;
 
  font-weight: normal;
 
  font-style: normal;
}

*{ margin:0; padding:0;font-size: 16px;color: #2d2d2d;}

html.act{width: 100%;height: 100vh;overflow: hidden;}

body {font-family:"my",arial;  margin:0 auto; padding:0px; font-size:14px;  line-height:22px; width:100%;overflow-x: hidden;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}

a{ text-decoration:none; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;color: #333;}

a:hover{ -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}

.text,textarea,select{ outline:none; font-family:my; color:#666; font-size:12px; width:100%;}

::-webkit-scrollbar{ width:4px;height: 1px;}

::-webkit-scrollbar-thumb{ background:#ccc;}

::-webkit-scrollbar-track{ background:#fff;}


.box{ width:1200px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;position: relative;}

/*分页*/

.page1{clear:both; text-align:left;font-size:18px; margin-top:25px; line-height: 18px;}

.page1 span a{ color:#333333;padding:10px 15px; text-decoration:none;background:#f1f2f4;}

.page1 span:last-child{float: right;}

.page1 span a:hover,.page1 span.current a{  background:#0b5f94; color:#fff;}

.page1 span{margin:2px;}

.page1  span a.pageback{display:none}

.baidu{position: fixed;width: 60px;height: 60px;top: 50%;right: 20px;background: #cc131f;border-radius: 50%;z-index: 9;cursor: pointer;}

.baidu img{display: block;width: 100%;position: relative;z-index: 3;background: #cc131f;border-radius: 50%;}

.baidu s{display: block;width: 100%;height: 100%;border-radius: 50%;background: rgba(204, 19, 31, 0.3);opacity: 0; position: absolute;top: 0;left: 0;z-index: -1;}

.baidu:hover s{animation: pulsate 1.5s ease-out infinite; -webkit-animation: pulsate 1.5s ease-out infinite;}

@keyframes pulsate {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1.6);-webkit-transform: scale(1.6);opacity: 0; } }

@-webkit-keyframes  pulsate {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1.6);-webkit-transform: scale(1.6);opacity: 0; } }

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}


/*index*/

/*head*/

.clearfix:after {content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

.headtop {background: #191919;height: 20px;line-height: 20px;}

.headtop  .hdrt{float: right;height: 20px;} 

.headtop  .tui{display: block;line-height: 20px;float: left; background-size: 80%;margin:0 5px;cursor: pointer;position: relative;z-index: 9;color: #fff;cursor: pointer;}

.headtop  .tui .wz{display: block;width: 90px;line-height: 40px;background: #646464;color: #fff;text-align: center;position: absolute;top: 20px;right: 0;display: none;font-size: 12px;}

.headtop  .tui:hover .wz{display: block;}


.headtop  .ss{display: block;width: 20px;height: 20px;background: url(../image/ss.png)center no-repeat;float: left; background-size: 90%;margin-left: 5px;}

.headtop  .ss:hover{background: url(../image/ss2.png)center no-repeat;background-size: 90%;}

.headtop  .hdrt .en{float: right;position: relative;padding-right: 20px;margin-left: 10px;background: url(../image/s_d.png)center right no-repeat;cursor: pointer;}

.headtop  .hdrt .en span{display: block;color: #fff;}

.headtop  .hdrt .en .qh{position: absolute;top: 20px;right: 0;width: 70px; padding: 5px 0; text-align: center; background: #646464;z-index: 11;display: none;}

.headtop  .hdrt .en .qh div{display: block;color: #fff;width: 100%;line-height: 24px;}

.headtop  .hdrt .en .qh div:hover{color: #f00;}

.headtop  .hdrt .en:hover .qh{display: block;}


.head{width: 100%;height: 60px;line-height: 60px; text-align: center;background: #2d2d2d;}

.head .logo{width: 134px;float: left;}

.head .logo a,.head .logo a img{display: block;width: 100%;}

.head ul{float: left;margin-left: 105px;}


.head ul li{float: left;}

.head ul li a{display: block;color: #fff;font-size: 16px;padding: 0 15px;}

.head ul li:hover a{color: #f60202;}

.head ul li.mus a{width: 70px;height: 60px;background: url(../image/mu0.png) center no-repeat;background-size: contain;}

.head ul li.mus a:hover,.head ul li.mus.act a{background: url(../image/mu1.png) center no-repeat;color: #f00;background-size: contain;}


.head .sstc{position: absolute;top: -100px;right: 0;z-index: 2;height: 80px;background: #2d2d2d;padding-right: 100px; box-sizing: border-box;width: 100%;}

.head .sstc input{width: 390px;height: 30px;padding-left: 10px;display: inline;position: relative;top: 10px;outline: none;}

.head .sstc a{display: inline-block;width: 25px;height: 25px;line-height: 25px;position: relative;top: 15px;left: 10px;}

.head .sstc .cx{position: absolute;top: 0;right: 0;width: 60px;height: 80px;background: url(../image/clear.png)center no-repeat;cursor: pointer;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.head .sstc .cx:hover{background: url(../image/clear2.png)center no-repeat;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.head .hrt{float: right;}

.head .hrt .list{width:64px;float: left;color: #fff;text-align: center;position: relative;}

.head .hrt .list .sc{width: 24px;height: 24px;background: url(../image/mu2.png) center no-repeat;position: relative;margin: 18px auto 0;cursor: pointer;}

.head .hrt .list .sc .num{position: absolute;top: -5px;right: -10px;background: #f00;color: #fff;border-radius: 50%;font-size: 12px;line-height: 1;padding: 2px 5px;}

.head .hrt .list .xz{display: block; width: 24px;height: 24px;background: url(../image/mu3.png) center no-repeat;position: relative;margin: 18px auto 0;cursor: pointer;}

.head .hrt .list .tt{color: #fff;line-height: 1;opacity: 0;display: none;}

.head .hrt .list:hover .tt{opacity: 1;}

.head .hrt .list .lia{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;}






.i1{width: 1920px;position: relative;left: 50%;margin-left: -960px;height: 870px;}

.i1 .is1{width: 100%;}

.i1 .is1 img{width: 100%;display: block;}

.i1 .box{position: absolute;left: 50%;margin-left: -600px;top: 408px;}

.i1 .next_i1{width: 55px;height: 55px;background: url(../image/lt2.png)center no-repeat;right: -80px;}

.i1 .prev_i1{width: 55px;height: 55px;background: url(../image/rt2.png)center no-repeat;left: -80px;}

.i2{height: 337px;background: #d32020;padding: 15px 0;}

.i2 .i2lt{width: 42.5%;float: left;font-size: 24px;color: #fff;line-height: 1.5;text-align: right;padding-top: 100px;}

.i2 .i2lt div{font-size: 42px;color: #fff;}

.i2 .i2rt{width: 50%;float: right;position: relative;}

.i2 .i2rt video{width: 100%;height: 332px;background: #000;border-radius: 5px;opacity: 0;}

.i2 .i2rt iframe{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}

.i3{padding: 30px 0 15px;background: #1e1e1e;}

.i3 dl{}

.i3 dl dd{width: 591px;float: left;height: 259px;box-sizing: border-box;border:5px solid #333;margin-right: 15px;margin-bottom: 15px;overflow: hidden;}

.i3 dl dd:nth-child(even){margin-right: 0;}

.i3 dl dd img{display: block;width: 100%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.i3 dl dd:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

/* 底部 */

.footer{width: 100%;border-top: 5px solid #333;background: #2d2d2d;padding: 35px 0 50px;}

.footer dl{}


.footer dl dd{width: 12.5%;float: left;}

.footer dl dd div{color: #fff;font-size: 18px;margin-bottom: 10px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.footer dl dd span{display: block;font-size: 14px;color: #fff;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.footer dl dd div:hover,.footer dl dd span:hover{margin-left: -5px;color: #f00;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.footer dl dd .img1{width: 30px;height: 30px;display: inline-block;background: url(../image/if1.png)center no-repeat;position: relative;}

.footer dl dd .img2{width: 30px;height: 30px;display: inline-block;background: url(../image/if2.png)center no-repeat;position: relative;left: 10px;}

.footer dl dd .img1:hover,.footer dl dd .img2:hover{margin-left: 0;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;background: url(../image/if1_1.png)center no-repeat;}

.footer dl dd .img2:hover {background: url(../image/if2_1.png)center no-repeat;}

.ftother{width: 100%;height: 35px;line-height: 35px;color: #fefefe;line-height: 35px;text-align: center;background: #3c3c3c;}

.ftother .box{color: #fefefe;}

.footer dl dd.df{width: auto;}

.footer dl dd.df a{display: block;float: left;width: 32px;height: 32px; margin-right: 26px;}


.footer dl dd.df a:last-child{margin-right: 0;}

.footer dl dd.df a.a_fs{background: url(../image/nl1.png) center no-repeat;background-size: cover;}

.footer dl dd.df a.a_tt{background: url(../image/nl2.png) center no-repeat;background-size: cover;}

.footer dl dd.df a.a_in{background: url(../image/nl3.png) center no-repeat;background-size: cover;}

.footer dl dd.df a.a_ytb{background: url(../image/nl4.png) center no-repeat;background-size: cover;}

.footer dl dd.df a.a_fs:hover{background: url(../image/nl1_1.png) center no-repeat;background-size: cover;}

.footer dl dd.df a.a_tt:hover{background: url(../image/nl2_1.png) center no-repeat;background-size: cover;}

.footer dl dd.df a.a_in:hover{background: url(../image/nl3_1.png) center no-repeat;background-size: cover;}

.footer dl dd.df a.a_ytb:hover{background: url(../image/nl4_1.png) center no-repeat;background-size: cover;}

/* about us */

.a1{text-align: center;height: 55px;border-bottom: 1px solid #bdbdbd;line-height: 55px;}

.a1 .box{display: flex;justify-content: center;}

.a1 .box a{display: block;margin: 0 1px;}

.a1 span{font-size: 14px;display: block;width: 200px;}

.a1 span.act,.a1 span:hover{font-weight: bold;background: #cc131f;color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}


.a2{padding-bottom: 50px;}

.a2 .tt{height: 90px;line-height: 90px;font-size: 36px;color: #646464;font-weight: bold; }

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

.a2 .txt{font-size: 24px;color: #666;line-height: 30px;margin:20px 0 50px;}

.c1 {padding: 50px 0  100px;}

.c1 .c1lt{width: 500px;padding: 0 90px 0 30px;overflow: hidden;float: left;}

.c1 .c1lt .tt{font-size: 24px;font-weight: bold;color: #2d2d2d;padding-top: 20px;}

.c1 .c1lt .ct{font-size: 18px;line-height: 18px;padding-top: 10px;}

.c1  .c1rt{width: 580px;float: right;}

.c1  .c1rt .tt{font-size: 18px;font-style:italic;}

.c1  .c1rt input{width: 100%;height: 45px;margin-top: 20px;padding-left: 3%;font-size: 18px;box-sizing: border-box;border: 1px solid #bcbcbc;}


.c1  .c1rt .ipd1{height: 20px;line-height: 20px;font-size: 18px;padding-left: 5%;color: #f00;}

.c1  .c1rt .ipt1{margin-top: 0;}

.c1  .c1rt textarea	{font-size: 18px;line-height: 24px;padding:1% 0 0 3%;width: 100%;resize: none;margin-top: 20px;box-sizing: border-box;height: 135px;}

.c1  .c1rt input::-webkit-input-placeholder{color: #666;}

.c1  .c1rt input:-ms-input-placeholder {color: #666; }


.c1 .tc2{width: 100%;height: 50px;margin-top: 10px;overflow: hidden;}

.c1 .tc2 span{display: inline-block;float: left;height: 50px;line-height: 50px;font-size: 18px;}

.c1 .tc2 input{width: 100px;height: 50px;float: left;display: inline-block;margin: 0;}

.c1 .tc2 img{margin-left: 20px;width: 100px;height: 50px;}

.c1 .tc2 .tj{width: 120px;height: 50px;display: block;float: right;font-size: 24px;text-align: center;background: #2d2d2d;color: #fff;line-height: 50px;}

.c1 .tc2 .tj:hover{background: #000;}

/* login */

.l1{width: 1920px;background: url(../image/l1.jpg)center no-repeat;position: relative;left: 50%;margin-left: -960px;background-size: cover;}

.l1 .lo{width: 355px;height: 250px;position: absolute;left: 50%;margin-left: -178px;top: 50%;margin-top: -105px;}

.l1 .lo .logo2{position: absolute;width: 100%;height: 120px;top:-135px;left: 0;text-align: center;}

.l1 .lo .d1{height: 55px;background:url(../image/l5.png)center ;margin-bottom: 15px; }

.l1 .lo .d1 input{font-size: 18px; display: block;box-sizing: border-box;padding-left: 60px;background: url(../image/l1.png)center left no-repeat;width: 100%;height: 100%;border:none;color: #fff;}

.l1 .lo .d1 input::-webkit-input-placeholder{font-size: 18px;color: #fff;}

.l1 .lo .d2 input{background: url(../image/l2.png)center left no-repeat;}

.l1 .lo a{height: 55px;margin-bottom: 15px;text-align: center;line-height: 55px;display: block; background: #c52222;color: #fff;font-size: 24px;}

.l1 .lo .d3{height: 28px;width: 100%;line-height: 28px;}

.l1 .lo .d3 span{display: inline-block;float: left;font-size: 18px;color: #fff;}

.l1 .lo .d3 .sp1{padding-left: 35px;background:url(../image/l3.png)center left no-repeat; position: relative;}

.l1 .lo .d3 .sp1.act{background:url(../image/l4.png)center left no-repeat; }

.l1 .lo .d3 .sp2{float: right;}

.l1 .lo .d3 .sp1 input{position: absolute;top: 0;left: 0;width: 180px;height: 30px;opacity: 0;}

.l1 .lo .error{width: 100%;height: 50px;color: #f00;font-size: 18px;text-align: center;line-height: 50px;}

.l1 .lo .ps{width: 90%;height: 90px;background: url(../image/l6.png)center no-repeat;padding: 30px 5% 0;color: #fff;font-size: 18px;margin-top: -5px;position: relative;z-index: 2;display: none;}

.d1{width: 100%;height: 50px;background: #646464;position: relative;}

.d1 .dsp1{padding-left: 25px;display: inline-block;background: url(../image/d1.png)center left no-repeat;height: 50px;line-height: 53px;font-size: 18px;color: #fff;}

.d1 .dbx{width: 400px;height: 50px;background: url(../image/d2.png)center left no-repeat;position: absolute;top: 0;left: 50%;margin-left: -200px;}

.d1 .dbx input{width: 95%;height: 30px;border:none;margin: 10px 0;padding: 0 0 0 5%;}

.d1 .dsp2{padding-left: 25px;display: inline-block;background: url(../image/d3.png)center left no-repeat;height: 50px;line-height: 53px;float: right;}

.d1 .dbx a{position: absolute;top: 10px;right: -40px;}

.d1 .dsp2 a{font-size: 18px;color: #fff;}

.d1 .dsp2 a:hover{color: #f00;}

.dn2{padding-top: 40px;min-height: 500px;}

.dn2 dd{padding: 15px;background: #fff;margin-bottom: 20px;}

.dn2 dd .dlt{float: left;position: relative;width: 50px;}

.dn2 dd .dlt img{display: block;width: 100%;}

.dn2 dd .dlt span{display: block;width: 100%;line-height: 20px;background: #d81e06;text-align: center;position: absolute;left: 0;bottom: 5px;color: #fff;text-transform:uppercase}

.dn2 dd .drt{float: right;width: calc(100% - 70px);}

.dn2 dd .drt a{display: block;}

.dn2 dd .drt .drtt{font-size: 18px;line-height: 30px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.dn2 dd .drt .drtt:hover{color: #00a8ff;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;text-decoration:underline ;}

/* buy */

.b1{width: 100%;height: 158px;box-sizing: border-box;border-bottom: 2px solid #c8c8c8;background: #3c3c3c;text-align: center;}

.b1 .tt{font-size: 24px;font-weight: bold;color: #fff;height: 58px;overflow: hidden;line-height: 75px;}

.b1 select{width: 350px;height: 41px;box-sizing: border-box;border:3px solid #c8c8c8;}

.b1 .ball{line-height: 30px;height: 30px;color: #fff;margin-top: 10px;text-decoration: underline;display: none;}

.b2{padding: 25px 0 95px;}

.b2 dl{}

.b2 dl dd{width: 100%;height: 210px;overflow: hidden;margin-bottom: 30px;background: #fff;}

.b2 dl dd .dlt{width: 280px;height: 210px;float: left;}

.b2 dl dd .dlt img{display: block;width: 100%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.b2 dl dd .drt{float: left;margin-left: 60px;width: 860px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.b2 dl dd .drt div{padding-left: 25px;font-size: 18px;height: 28px;line-height: 28px;color: #646464;;}

.b2 dl dd .drt .d_box{display: block;height: 112px;overflow: auto;}

.b2 dl dd .drt .d_box div{background-size: 16px}

.b2 dl dd .drt .tt{font-size: 24px;line-height: 24px; content: #646464;font-weight: bold;margin-top: 40px;}

.b2 dl dd .drt .t1{background: url(../image/b1.png) 0 6px no-repeat;}

.b2 dl dd .drt .t2{background: url(../image/b2.png) 0 6px  no-repeat;}

.b2 dl dd .drt .t3{background: url(../image/b3.png) 0 6px  no-repeat;}

.b2 dl dd .drt .t4{background: url(../image/b4.png) 0 6px  no-repeat;}

.b2 dl dd:hover .drt{margin-left: 50px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} 

.b2 dl dd:hover .dlt img{transform: scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

/* news */

.n{width: 100%;min-height: 1100px;background: #f5f5f5 url(../image/n2.png)center -100px no-repeat;}

.n1{padding: 55px 0 95px;background: url(../image/n1.png)center;text-align: center;}

.n1 .tt{line-height: 65px;font-size: 36px;font-weight: bold;color: #2d2d2d;}

.n1 .ct{font-size: 18px;color: #2d2d2d;line-height: 30px;padding-top: 20px;}

.n2{padding-top: 45px;}

.n2 li{width: 100%;height: 210px;background: url(../image/n1.png)center ;margin-bottom: 45px;}

.n2 li .llt{width: 280px;height: 210px;overflow: hidden;float: left;}

.n2 li .llt img{display: block;width: 100%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.n2 li .lrt{width: 735px;float: left;margin-left: 50px;text-align: left;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.n2 li .rt1{font-size: 30px;font-weight: bold;color: #3c3c3c;line-height: 30px;padding-top: 30px;}

.n2 li .rt2{font-style: italic;font-size: 18px;height: 40px;line-height: 40px;}

.n2 li .rt3{font-size: 18px;line-height: 26px;height: 78px;overflow: hidden;}

.n2 li:hover .lrt{margin-left: 60px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} 

.n2 li:hover .llt  img{transform: scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.n_i{width: 100%;min-height: 1100px;background: #f5f5f5 url(../image/n3.png)center -200px no-repeat;}

.n_i1{padding-top: 40px;}

.n_i1 li{width: 291px;float: left;margin-right: 12px;background: #fff;padding-bottom: 15px;margin-bottom: 12px;}

.n_i1 li .img{width: 100%;overflow: hidden;}

.n_i1 li .img img{display: block;width: 100%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.n_i1 li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.n_i1 li .n_ltt{font-size: 18px;font-weight: bold;color: #3c3c3c;width: 90%;margin: 20px auto 0;height: 68px;overflow: hidden;}

.n_i1 li .n_lct{font-size: 16px;width: 90%;margin: 0 auto;height: 100px;overflow: hidden;}

.n_i1 li .n_lbt{font-style: italic;text-align: center;}

.n_i1 li:nth-child(4n){margin-right: 0;} 

.move{width: 230px;height: 35px;text-align: center;line-height: 35px;margin: 50px auto ;background: #fff;font-size: 18px;display: block;}

.move:hover{background: #2d2d2d;color: #f00;}

.nc1{padding: 30px 0 100px;text-align: center;}

.nc1 img{display: block;max-width: 100%;margin: 0 auto;}

.nc1 .tt{font-size: 34px;font-weight: bold;line-height: 34px;color: #3c3c3c;margin-bottom: 20px;}

.nc1 .tt2{font-size: 18px;font-style: italic;line-height: 18px;color: #3c3c3c;margin-bottom: 30px;}

.nc1 .ct{text-align: left;font-size: 22px;color: #3c3c3c;line-height: 30px;padding: 20px 0;}

.fh{display: block;width: 155px;height: 50px;padding-left: 60px; text-align: left;line-height: 50px;background: #646464 url(../image/n4.png)center left no-repeat;font-size: 18px;color: #fff;}

.fh:hover{background: #2d2d2d url(../image/n4.png)center left no-repeat;}

/* products */

.p1{width: 100%;min-height: 840px;background: url(../image/p8.jpg)center no-repeat;padding-top: 50px;background-size: cover;}

.p1 ul{}

.p1 ul *{box-sizing: border-box;}

.p1 ul li{width: 224px;height: 305px;float: left;overflow:hidden;margin-right: 20px;box-sizing: border-box;border:1px solid #ddd;margin-bottom: 20px;}

.p1 ul li:nth-child(5n){margin-right: 0;}

.p1 ul li img{display: block;width: 100%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;height: 100%;}

.p1 ul li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}


.pd1{width: 1920px;height: 660px;position: relative;left: 50%;margin-left: -960px;}

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

.pd2 ul{padding: 65px 0 50px;}

.pd2 ul li{width: 120px;float: left;margin-right: 34px;margin-bottom: 30px;height:155px}

.pd2 ul li .img{width: 120px;height: 120px;background: url(../image/p2.png)center no-repeat;}

.pd2 ul li .img img{display: block;width: 100%;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.pd2 ul li:hover .img img{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.pd2 ul li .txt{font-size: 12px;color: #2d2d2d;text-align: center;padding-top: 10px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.pd2 ul li:nth-child(8n){margin-right: 0;}

.pd2 ul li:hover .txt{color: #f00;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.pl{height: 55px;border-bottom: 1px solid #bdbdbd;line-height: 55px;}

.pl a{display: inline-block;text-transform:uppercase; }

.pl a:hover{color: #f00;}

.pl1{width: 1920px;height: 380px;position: relative;left: 50%;margin-left: -960px;}


.pdc1{padding: 40px 0 110px;}

.pdc1 .pclt{width: 300px;float: left;}

.pdc1 .pclt .t1{width: 300px;height: 300px;overflow: hidden;}

.pdc1 .pclt .t1 img{display: block;width: 100%;}

.pdc1 .pclt .t2{width: 100%;min-height: 70px;overflow: hidden;margin-top: 10px;}

.pdc1 .pclt .t2 img{display: block;width: 70px;height: 70px; float: left;margin-right: 6px;cursor: pointer;}

.pdc1 .pclt .t2 img:nth-child(4n){margin-right: 0;}

.pclt_tc{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;display: none;background: url(../image/bbg.png)center;}

.pclt_tc .img{width: 800px;height: 800px;background: #eee;position: relative;margin: 5% auto;}

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

.p_tc{width: 100%;}

.p_tc .s_tc1{height: 40px;position: absolute;left: 0;bottom: 30px;color: #fff;}

.p_tc .s_tc1 span{color: #fff}

.pclt_tc .x{position: absolute;width: 51px;height: 51px;right: 2%;top: 2%;background: url(../image/out.png)center no-repeat;cursor: pointer;z-index: 100;}

.pdc1 .pcrt{width: 840px;float: right;margin-right: 30px;position: relative;}

.pdc1 .pcrt .tt{font-size: 30px;font-weight: bold;color: #2d2d2d;line-height: 30px;font-size: 32px;}

.pdc1 .pcrt .ct{font-size: 18px;color: #646464;line-height: 18px;padding: 5px 0;font-size: 20px;}

.pdc1 .pcrt .st{height: 30px;line-height: 30px;margin-top: 20px;border-bottom: 2px solid #d2d2d2;}

.pdc1 .pcrt .st span{display: none;}

.pdc1 .pcrt .st span a{font-size: 18px;color: #646464;display: inline-block;padding: 0 15px;margin-right: 30px;font-size: 20px;font-weight: bold;}

.pdc1 .pcrt .st span.act a{border-bottom: 2px solid #f60202; color: #2d2d2d;}

.pdc1 .pcrt .st span.act{display: block;}

.pdc1 .pcrtbox {padding: 20px 0 0;}

.pdc1 .pcrtbox img{display: block;max-width: 100%;height: auto !important;}


.pdc1 .pcrt .jg{margin: 10px  0 40px;}

.pdc1 .pcrt .jg .jgtt{font-size: 16px;font-weight: bold;font-size: 18px;}

.pdc1 .pcrt .jg .jgxz{margin: 10px 0;font-size: 16px;font-weight: bold;font-size: 18px;}

.pdc1 .pcrt .jg .jgxz span{display: block;width: 45px;height: 32px;border: 1px solid #ddd;text-align: center;cursor: pointer;float: left;background: #f1f1f1;position: relative;}

.pdc1 .pcrt .jg .jgxz div{display: block;float: left;margin: 0 2px;height: 32px;line-height: 32px;border: 1px solid #ddd;text-align: center;padding: 0 20px;background: #e8e8e8;}

.pdc1 .pcrt .jg .jgxz span.jian::after{content: '-';position: absolute;width: 100%;height: 100%;line-height: 30px;z-index: 2;top: 0;left: 0;}

.pdc1 .pcrt .jg .jgxz span.jia::after{content: '+';position: absolute;width: 100%;height: 100%;line-height: 30px;z-index: 2;top: 0;left: 0;}

.pdc1 .pcrt .jg .jgxz span:hover{background: #f60202;color: #fff;border: 1px solid #f6f6f6;}

.pdc1 .pcrt .jg .jgcar{width: 195px;line-height: 50px;background: #cc131f url(../image/eq_2.png) 35px center no-repeat;color: #fff;padding: 0 0 0 35px;box-sizing: border-box;cursor: pointer;margin-top: 30px;font-size: 16px;text-align: center;font-size: 18px;}

.pdc1 .pcrt .jg .jgcar:hover{background: #f60202 url(../image/eq_2.png) 35px center no-repeat;}

.pdc1 .pcrtbox table{width: 100% !important;}

.pdc1 .pcrtbox table tr:nth-child(2n){background: #ebebeb;}

.pdc1 .pcrtbox table td{width: 160px;}

.pdc1 .pcrtbox table td:nth-child(1){width: 220px;}

/* .pdc1 .pcrtbox .pcrtb1_lt{width: 135px;padding-left: 10px;padding-left: 10px;float: left;font-size: 18px;color: #2d2d2d;line-height: 30px;}

.pdc1 .pcrtbox .pcrtb1_rt{width: 670px;float: right ;margin-right: 20px;}

.pdc1 .pcrtbox .pcrtb1_rt p{font-size: 18px;color: #2d2d2d;line-height: 30px;}

.pdc1 .pcrtbox .pcrtb1_rt img{width: 54px;height: 19px;display: inline-block;margin: 5px 15px 0 10px;cursor: pointer;} */

/* .pdc1 .pcrtbox .pcrtb1_rt span img{display: block;width: 100%;} 

.pdc1 .pcrtbox .pcrtb2{margin-top: 40px;}

.pdc1 .pcrtbox  .pcrtb3{width: 475px;padding-top: 20px;padding-left: 10px;}

.pdc1 .pcrtbox  .pcrtb3 .tt1{font-size: 18px;color: #2d2d2d;}

.pdc1 .pcrtbox  .pcrtb3 table{}

.pdc1 .pcrtbox  .pcrtb3 table td{line-height: 30px;padding:0;line-height: 30px;font-size: 18px;color: #2d2d2d;border-bottom: 1px solid #d2d2d2;}*/


.pdc1 .pcrt  .share{width: 160px;height: 20px;line-height: 20px;position: absolute;top: 0;right: 0;display: none;}

.pdc1 .pcrt  .share span,.pdc1 .pcrt  .share a{display: block;float: left;margin-left: 10px;}

.pdc1 .pcrt  .share span.act{color: #3664a2;}

.pdc1 .pcrtbox2{display: none;}

.pdc1 .pcrtbox2 img{display: block;}

.pdc1 .ul1{margin-top: 30px;background: #fff;}

.pdc1 .ul1 li{padding: 20px 30px;background: url(../image/d5.png)  95% center no-repeat;background-size: 26px;position: relative;border-bottom: 1px solid #ededed;}

.pdc1 .ul1 li:last-child{border-bottom: 0;}

.pdc1 .ul1 li .llt{width: 40px;position: relative;text-align: center;float: left;}

.pdc1 .ul1 li .llt img{display: block;width: 100%;}

.pdc1 .ul1 li .llt span{display: block;width: 100%;line-height: 20px;background: #d81e06;color: #fff;position: absolute;left: 0;bottom: 5px;z-index: 2;font-size: 12px;text-transform: uppercase;}

.pdc1 .ul1 li .lrt{width: calc(100% - 100px);float: right;font-size: 16px;margin-right: 40px;}

.pdc1 .ul1 li a{display: block;position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}





.pdc2{background: #e6e6e6;padding: 40px 0;text-align: center;}

.pdc2 .tt{font-size: 18px;color: #2d2d2d;text-decoration: underline;}

.pdc2 .pc1 .swiper-slide{text-align: center;}

.pdc2 .pc1 .img{width: 200px;height: 200px;overflow: hidden;margin: 0 auto;}

.pdc2 .pc1 .img img{display: block;width: 100%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.pdc2 .pc1 .swiper-slide:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.pdc2 .pc1 .tt1{font-size: 18px;color: #2d2d2d;line-height: 30px;}

.pdc2 .pc1 .ct{height:45px;overflow: hidden;width: 90%;text-align: left;margin-left: 5%;}

.pdc2 .pc1 .next_pc1{width: 35px;height: 110px;right: 0;background: url(../image/prt.jpg)center no-repeat;margin-top: -55px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.pdc2 .pc1 .prev_pc1{width: 35px;height: 110px;left:  0;background: url(../image/plt.jpg)center no-repeat;margin-top: -55px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.pdc2 .pc1 .next_pc1:hover,.pdc2 .pc1 .prev_pc1:hover{margin-top: -60px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.pa1{width: 100%;height: 495px;background: url(../image/pa1.jpg)center no-repeat;padding-top: 50px;text-align: center;}

.pa1 .pa{padding: 50px 0 80px;background: url(../image/pa1.png)center ;}

.pa1 .pa .tt1{font-size: 30px;font-weight: bold;color: #2d2d2d;line-height: 30px;}

.pa1 .pa .tt2{font-size: 40px;line-height: 40px;font-weight: bold;color: #2d2d2d;padding: 25px 0;}

.pa1 .pa .ct{font-size: 24px;line-height: 34px;color: #666;}

.pa2{width: 100%;height: 80px;line-height: 80px;text-align: center;font-size: 24px;font-weight: bold;color: #2d2d2d;background: #fff;}

.pa3{padding: 40px; }

.pa3 .pa3_lt{width: 440px;float: left;overflow: hidden;}

.pa3 .pad_rt{width: 665px;float: left;margin-left: 40px;}

.pa3 .pad_rt .tt1{font-size: 18px;font-weight: bold;color: #646464;line-height: 18px;padding-bottom: 10px;}

.pa3 .pad_rt .tc1{font-size: 18px;color: #646464;padding:0px 0 0px  10px;background: url(../image/pa2.png) 0px 12px no-repeat;line-height: 30px;}

.pa3 .pad_rt .tt2{margin-top: 30px;}

.pa3 .pad_rt .tc1 span a{font-size: 18px;color: #00a0e9;}

.pa2s{width: 100%;height: 80px;line-height: 80px;text-align: center;font-size: 24px;font-weight: bold;color: #fff;background: #de2836;}

.pa4{padding-top: 65px;width: 100%;height: 285px;background: #fff;}

.pa5s{display: none;}

.pa4 .box div{width: 250px;height: 180px;float: left;margin-right: 35px;position: relative;}

.pa4 .box div:nth-child(1){background: url(../image/pa3.png)no-repeat;margin-left: 60px;cursor: pointer;}

.pa4 .box div:nth-child(2){background: url(../image/pa4.png)no-repeat;}

.pa4 .box div:nth-child(3){background: url(../image/pa5.png)no-repeat;}

.pa4 .box div:nth-child(4){background: url(../image/pa6.png)no-repeat;}

.pa4 .box div a{position: absolute;right: 50px;bottom: -70px;z-index: 2;}

.pa5{padding: 50px 0 ;background: #fff;display: none;}

.pa5 .pa5_1{padding-top: 10px;}

.pa5 .pa5_1 .pa5_1lt{width: 50%;float: left;width: 545px;float: left;overflow: hidden;margin-right: 50px;}

.pa5 .pa5_1 .pa5_1lt div,.pa5 .pa5_1 .pa5_1rt div,.pa5 .pa5_2 div{font-size: 18px; color: #2d2d2d;}

.pa5 .pa5_1 .pa5_1lt input{width: 97%;padding-left: 3%; height: 45px;box-sizing: border-box;font-size: 16px;outline: none;}

.pa5 .pa5_1 .pa5_1lt input::-webkit-input-placeholder {color: #f00;}

.pa5 .pa5_1 .pa5_1rt{width: 545px;float: left;}

.pa5 .pa5_1 .pa5_1rt div label,.pa5 .pa5_2 label{line-height: 45px;font-size: 18px;cursor: pointer;float: left;}

.pa5 .pa5_1 .pa5_1rt div label input,.pa5 .pa5_2 label input{width: 25px;height: 25px;float: left;margin-top: 10px;margin-right: 5px;}

.pa5 .pa5_1 .pa5_1rt .rt1 span{line-height: 45px;font-size: 18px;float: left;margin: 0 50px 0  10px;}

.pa5 .pa5_1 .pa5_1rt .rt1 span input{height: 45px;width: 220px;font-size: 16px;}

.pa5 .pa5_1 .pa5_1rt .rt1 span input::-webkit-input-placeholder {color: #f00;}

.pa5 .pa5_2{padding-top: 10px;}

.pa5 .pa5_2 label{margin-right: 40px;}

.pa5 .pa5_2 input{width: 510px;height: 45px;box-sizing: border-box;padding-left: 18px;font-size: 16px;}

.pa5 .pa5_2 input::-webkit-input-placeholder {color: #f00;}

.pa5 .pa5_2 textarea{resize: none;width: 100%;height: 270px;font-size: 18px;}

.pa5 .pa5_3 .pa5_rt{width: 150px;float: right;text-align: right;}

.pa5 .pa5_3 .pa5_rt div{font-size: 18px;line-height: 40px;}

.pa5 .pa5_3 .tj{width: 120px;height: 50px;display: block;font-size: 24px;text-align: center;background: #2d2d2d;color: #fff;line-height: 50px;float: right;}

.pa5 .pa5_3 .tj:hover{background: #000;}


.pl2{padding: 40px  0 90px;}

.pl2 ul li{border: 1px solid #ddd;box-sizing: border-box;width: 276px;height: 430px;background: url(../image/pl1.png) center no-repeat; background-size: cover;float: left;margin-right: 30px;overflow: hidden;margin-bottom: 30px;}

.pl2 ul li:nth-child(4n){margin-right: 0;}

.pl2 ul li .txt{width: 80%;margin: 0 auto;}

.pl2 ul li .txt .tt{font-size: 20px;font-weight: bold;color: #3c3c3c;line-height: 20px;height: 20px; padding: 20px 0 0;}

.pl2 ul li .txt .ct{height: 44px;overflow: hidden;margin-bottom: 15px;}

.pl2 ul li .img{width: 276px;height: 330px;overflow: hidden;}

.pl2 ul li .img img{display: block;width: 100%;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.pl2 ul li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.mhead,.mfooter,.pdc1 .pcrt .mst,.mss2 {display: none;}

/* 条件筛选 */

.p_sx{padding: 20px 0;min-height: 220px;border-bottom: 1px solid #ddd;}

.p_sx .dx1 dt,.p_sx .dx1 dd{width: 20%;float: left;position: relative;box-sizing: border-box;}

.p_sx .dx1 dt div,.p_sx .dx1 dd div{font-size: 16px;font-weight: bold;margin-bottom: 10px;}

.p_sx .dx1 dt a{text-decoration: underline;color: #00b7ee;}

.p_sx .dx1 dd  a{display: block;}

.p_sx .dx1 dd  a span{display: inline-block;height: 20px;}

.p_sx .dx1 dd  a.act span{background: #dcdcdc;}

.p_sx .dx2 dt{width: 10%;margin-right: 10%;}

.p_sx .dx2 dt a{text-decoration: none;color: #fff;background: #de2836;display: block;text-align: center;border-radius: 3px;}

.p_sx .dx2 dd.dd2{text-align: center;margin:0 5%;}

.p_sx .dx2 dd.dd2 .cp1{cursor: pointer;position: relative;background:#e6e6e6 url(../image/sx1.png) 180px center no-repeat;}

.p_sx .dx2 dd.dd2 .cp1>div{font-size: 14px;font-weight: normal;height: 30px;line-height: 30px;}

.p_sx .dx2 dd .cp1 ul{display: none; position: absolute;top: 30px;left: 0; padding: 10px 15px 15px;background: #e6e6e6;width: 679px;z-index: 2;}

.p_sx .dx2 dd .cp1 ul li{width: 113px;float: left;box-sizing: border-box;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.p_sx .dx2 dd .cp1 ul li .img{width: 100px;height: 100px;margin: 7px auto;}

.p_sx .dx2 dd .cp1 ul li .img img{display: block;width: 100%;}

.p_sx .dx2 dd .cp1 ul li .txt{font-weight: normal;font-size: 14px;color: #000;line-height: 20px;width: 70%;margin: 0 auto;height: 80px;overflow: hidden;}


.p_sx .dx2 dd .cp1 ul li:hover,.p_sx .dx2 dd .cp1 ul li.active{background: #bebebe;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}


/* 搜索页面 */

.se1{width: 100%;height: 54px;border-bottom: 1px solid #e0e0e0;background: #f3f3f3;}

.se1 .sebox{width: 445px;height: 35px;margin: 0 auto;padding-top: 10px;}

.se1 .sebox a{width: 36px;height: 36px;float: left;background:url(../image/ss3.png)center no-repeat ;display: block;}

.se1 .sebox a:hover{background:url(../image/ss4.png)center no-repeat ;}

.se1 .sebox input{-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);width: 390px;height: 32px;float: right;border:1px solid #ddd;padding-left: 10px;font-style:italic;font-size: 20px;color: #999;font-weight: normal;}

.se1 .sebox input::-webkit-input-placeholder { color:#999; }

.se2 .stt{padding-left: 15px; height: 55px;line-height: 55px;font-size: 30px;color: #000;}

.se2 .sct{padding-left: 15px; line-height: 14px;color: #000;}

.se2 .sct span{font-weight: bold;color: #000;}

.se3{padding: 0;min-height: 500px;text-align: center;}

.se3 .ut{font-size: 26px;color: #000;height: 45px;line-height: 45px;background: #ededed;padding-left: 15px;margin: 15px 0;text-align: left;}

.se3  ul{text-align: left;}


/* 购物车 */

.gouwuche{width: 100%;position: fixed;height: calc(100vh - 80px);left: 0;bottom: 0;z-index: 9;background: rgba(170, 170, 170, 0.5);display: none;}

.gouwuche .gox{width: 600px;background: #fff;float: right;box-sizing: border-box;}

.gouwuche .gox * {box-sizing: border-box;}

.gouwuche .ul1{width: 100%;padding: 5px 10px 0;height: 448px;overflow: auto;}

.gouwuche .ul1 li{position: relative;padding: 10px 0;border-bottom: 1px solid #ddd;}

.gouwuche .ul1 li:last-child{border: 0;}

.gouwuche .ul1 li .dx{display: block;width:18px ;height: 18px;border: 2px solid #ddd;border-radius: 50%;cursor: pointer;float: left;margin-top: 35px;box-sizing: border-box;}

.gouwuche .ul1 li .img{display: block;width: 90px;height: 90px;float: left;border: 1px solid #ddd;margin: 0 10px;background: #eee;}

.gouwuche .ul1 li .img img{display: block;width: 100%;}

.gouwuche .ul1 li .txt{width: calc(100% - 170px);float: left;}

.gouwuche .ul1 li .txt .att{font-size: 18px;color: #000;font-weight: bold;margin: 5px 0 ;}

.gouwuche .ul1 li .txt .atc{font-size: 12px;line-height: 14px;height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #000;}

.gouwuche .ul1 li .txt .atc2{color: #999;font-size: 12px;line-height: 14px;height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.gouwuche .ul1 li .out{display: block;width:20px ;height: 20px;border-radius: 50%;cursor: pointer;float: right;background: #ddd url(../image/eq_3.png) center no-repeat;}

.gouwuche .ul1 li .out:hover{background: #f60202 url(../image/eq_3.png) center no-repeat;}

.gouwuche .ul1 li.act .dx{background: #000;border: 4px solid #ddd;}

.gouwuche .btm{border-top: 1px solid #ddd;padding: 0 0 0 10px;line-height: 60px;}

.gouwuche .btm .qx{display: block;width:18px ;height: 18px;border: 2px solid #ddd;border-radius: 50%;cursor: pointer;float: left;margin-top: 23px;box-sizing: border-box;}

.gouwuche .btm .blt{width: calc(100% - 220px);float: left;font-size: 16px;color: #333;margin-left: 10px;}

.gouwuche .btm .blt .sz{color: #cc131f;font-size: 18px;}

.gouwuche .btm .brt{width: 180px;float: right;text-align: center;background: #cc131f;cursor: pointer;color: #fff;font-size: 18px;}

.gouwuche .btm .brt:hover{background: #f60202;}

.gouwuche .btm .qx.act{background: #000;border: 4px solid #ddd;}

.gouwuche.act{opacity: 1;visibility: visible;}

/* 登录 */

.sig1{padding: 160px 0;background: #f5f5f5;min-height: calc(100vh - 469px);box-sizing: border-box;}

.sig1 *{box-sizing: border-box;}

.sig1 .tt{text-align: center;line-height: 30px;font-size: 30px;font-weight: bold;}

.sig1 .tt span{font-size: 24px;color: #cc131f;}

.sig1 .sox{width: 550px;min-height: 320px;box-sizing: border-box;padding: 40px 30px;border: 1px solid #d2d2d2;margin: 25px auto 0;}

.sig1 .sox .ul1{}

.sig1 .sox .ul1 li{width: 100%;height: 48px;border: 1px solid #ddd;background: #fff;overflow: hidden;margin-bottom: 20px;}

.sig1 .sox .ul1 li img{display: block;width: 20px;float: left;margin: 14px;}

.sig1 .sox .ul1 li input{display: block;width: calc(100% - 50px);float: right;height: 100%;border: 0;outline: none;}

.sig1 .sox .tj{display: block;width: 100%;line-height: 50px;background: #cc131f;color: #fff;text-align: center;margin: 30px 0 20px;font-size: 16px;cursor: pointer;}

.sig1 .sox .wz{display: block;}

.sig1 .sox .wz a{display: block;}

.sig1 .sox .wz a.wzl{float: left;}

.sig1 .sox .wz a.wzr{float: right;color: #c52222;}

.sig1 .sox .wz a:hover{text-decoration: underline;color: #c52222;}

.sig1 .sox .tj:hover{background: #de2836;}





.sitanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9;background: rgba(17, 23, 31, 0.6);display: none;}

.sitanchuang *{box-sizing: border-box;}

.sitanchuang .sbox{width: 550px;height: 80vh;margin: 10vh auto 0;background: #fff;position: relative;}

.sitanchuang .sbox .out{display: block;width: 35px;height: 35px;position: absolute;top: 0;right: -50px;z-index: 2;background:  url(../image/out.png) center no-repeat;background-size: 35px;cursor: pointer;}

.sitanchuang .sbox .txt{width: 100%;height: 100%;overflow: auto;padding: 40px 30px;}

.sitanchuang .sbox .txt .tt{text-align: center;font-size: 24px;color: #2d2d2d;}

.sitanchuang .sbox .txt .ul1{margin: 30px 0 20px;}

.sitanchuang .sbox .txt .ul1 li{width: 100%;height: 50px;border: 1px solid #ddd;margin-bottom: 10px;padding: 0 10px;line-height: 50px;background: #fff;float: left;}

.sitanchuang .sbox .txt .ul1 li .xin{color: #c52222;float: left;}

.sitanchuang .sbox .txt .ul1 li input{display: block;width: calc(100% - 10px);float: right;height: 100%;border: 0;outline: none;font-size: 12px;color: #000;}

.sitanchuang .sbox .txt .ul1 li.li2{width: 49%;}

.sitanchuang .sbox .txt .ul1 li.li2r{float: right;}

.sitanchuang .sbox .txt .ul1 li.li3{width: 305px;}

.sitanchuang .sbox .txt .ul1 li.li4{width: 170px;float: right;padding: 0;font-size: 12px;text-align: center;cursor: pointer;background: #eee;}

.sitanchuang .sbox .txt .ul1 li.li4:hover{background: #c52222;color: #fff;}

.sitanchuang .sbox .txt .ul1 li.li4 .sz{display: inline-block;color: #000;padding-left: 5px;}

.sitanchuang .sbox .txt .ul1 li.li4:hover .sz{color: #fff;}

.sitanchuang .sbox .txt .ul1 li.li4.act{pointer-events: none;}



.sitanchuang .sbox .txt .dl1{}

.sitanchuang .sbox .txt .dl1 dt{font-size: 16px;}

.sitanchuang .sbox .txt .dl1 dt span{color: #c52222;margin-right: 5px;}

.sitanchuang .sbox .txt .dl1 dd{margin-top: 10px;}

.sitanchuang .sbox .txt .dl1 dd span{display: block;float: left;line-height: 20px;padding-left: 20px;background: url(../image/eq7.png) center left no-repeat;cursor: pointer;padding-right: 20px;margin-bottom: 10px;background-size: 16px;}

.sitanchuang .sbox .txt .xian{display: block;width: 100%;height: 1px;background: #ddd;margin: 20px 0;}

.sitanchuang .sbox .txt .dl1 dd span.act{background: url(../image/eq6.png) center left no-repeat;background-size: 16px;}

.sitanchuang .sbox .txt .tj{display: block;width: 100%;line-height: 50px;background: #c52222;color: #fff;font-size: 16px;text-align: center;cursor: pointer;margin-top: 20px;}

.sitanchuang .sbox .txt .tj:hover{background: #de2836;}

/* 提示 */

.susstc {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 15;background: rgba(170, 170, 170, 0.5);display: none;}

.susstc .sbox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background: #fff;border: 4px solid #e7e7e7;border-radius: 3px;width: 380px;}

.susstc .sbox .tt{padding: 0 15px;line-height: 40px;background: #f3f3f3;color: #666;font-size: 12px;}

.susstc .sbox .tc{padding: 30px 15px;line-height: 1.5;text-align: center;color: #666;}

.susstc .sbox .out{display: block;width: 16px;height: 16px;background: url(../image/eq8.png) center no-repeat;position: absolute;top: 8px;right: 10px;cursor: pointer;}

/* 修改密码 */

.pass1{padding:160px 0 ;}

.pass1 *{box-sizing: border-box;}

.pass1 .tt{text-align: center;font-size: 24px;}

.pass1 .ul1{width: 500px;margin: 30px auto 50px;}

.pass1 .ul1 li{width: 100%;height: 50px;border: 1px solid #ddd;margin-bottom: 10px;padding: 0 10px;line-height: 50px;background: #fff;float: left;}

.pass1 .ul1 li input{display: block;width: calc(100% - 10px);float: right;height: 100%;border: 0;outline: none;font-size: 12px;color: #000;}

.pass1 .ul1 li.li2{width: 200px;float: right;cursor: pointer;background: #eee;    font-size: 12px;}

.pass1 .ul1 li.li1{width: calc(100% - 220px);}  

.pass1 .ul1 li.li2:hover{background: #de2836;color: #fff;}

.pass1 .ul1 li.li2 .sz{display: inline-block;color: #000;padding-left: 5px;}

.pass1 .ul1 li.li2:hover .sz{color: #fff;}

.pass1 .ul1 li.li2.act{pointer-events: none;}

.pass1 .tj{display: block;width: 500px;line-height: 50px;background: #c52222;color: #fff;text-align: center;margin: 0 auto;font-size: 16px;}

.pass1 .tj:hover{background: #de2836;}

/* 表单列表 */

.btab{padding: 40px 0;background: #f5f5f5;}

.btab *{box-sizing: border-box;}

.btab .dl1{background: #fff;margin-bottom: 30px;}

.btab .dl1:last-child{margin-bottom: 0;}

.btab .dl1 dt{display: block;padding: 20px 25px;border-bottom: 1px solid #ddd;line-height: 42px;}

.btab .dl1 dt .num{display: block;float: left;font-size: 18px;color: #999;width: calc(100% - 130px);}

.btab .dl1 dt a{display: block;width: 120px;float: right;background: #c52222;color: #fff;text-align: center;}

.btab .dl1 dt a:hover{background: #de2836;}

.btab .dl1 dd{padding: 25px;}

.btab .dl1 dd table{width: 1150px;border-top: 1px solid #ddd;border-left: 1px solid #ddd;line-height: 1.4;}

.btab .dl1 dd table th,.btab .dl1 dd table td{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 10px 5px;text-align: center;}

.btab .dl1 dd table td textarea{display: block;width: 100%;height: 100%;border: 0;resize: none;outline: none;text-align: center;line-height: 1.4;height: auto;color: #000;}


/* musontek */

.mus1,.mus1 *{box-sizing: border-box;}

.mus1 .mbox{display: flex;justify-content: center;background: #373737;}

.mus1 a{display: block;padding: 0 20px;line-height: 40px;color: #fff;font-size: 14px;margin: 0 1px;}

.mus1 a.act,.mus1 a:hover{background: #cada12;}

.mus2{width: 100%;height: 285px;background: url(../image/mu4.png) center no-repeat;}

.mus3{padding: 30px 0 130px;background: #f5f5f5;}

.mus3 .box .ul1{}

.mus3 .box .ul1 li{width: 23%;float: left;position: relative;overflow: hidden;margin-right: 2.66%;margin-bottom: 2.66%;background: #f1f1f1;border: 1px solid #ddd;box-sizing: border-box;}

.mus3 .box .ul1 li:nth-child(4n){margin-right: 0;}

.mus3 .box .ul1 li a{display: block;}

.mus3 .box .ul1 li a .txt{padding: 20px 10% 5px;line-height: 1;}

.mus3 .box .ul1 li a .txt .att{font-size: 20px;font-weight: bold; color: #444;}

.mus3 .box .ul1 li a .txt .atc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 44px;line-height: 22px; overflow: hidden;}

.mus3 .box .ul1 li a .img{overflow: hidden;}

.mus3 .box .ul1 li a .img img{display: block;width: 100%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}

.mus3 .box .ul1 li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.mus1_new{background: #fff;border-bottom: 1px solid #ddd;}

.mus1_new a{line-height: 54px;color: #333;}

.mus1_new .mbox{background: #fff;}

.mus1_new a.act,.mus1_new a:hover{background: #cc131f;color: #fff;font-weight: bold;}


/* 关于 */

.abn1{padding: 60px 0;background: #f5f5f5;}

.abn1 .abtop{}

.abn1 .abtop img{display: block;margin: 0 auto ;max-width: 100%;}

.abn1 .acont{padding: 30px 90px;line-height: 2;background: #eee;margin: 30px 0;}


@media  (min-width : 1024px) { .pbody{background: #1e1e1e;} }


@media  (max-width : 1024px) {  

.box{ width:auto; padding-left:5%; padding-right:5%;}

.mhead{display: block;width: 100%;position: relative;}

.mhead .top{width: 100%;height: 50px;background: #2d2d2d;}

.mhead .top img{display: block;height: 50px;}

.mhead .top .mlt{float: left;}

.mhead .top .mrt{width: 50px;height: 50px;float: right;}

.mhead .top .mrt s{background: #fff; display: block;width: 24px;height: 2px;margin:0 auto 5px ;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.mhead .top .mrt s:nth-child(1){margin-top: 17.25px;}

.mhead .top .mrt.act s:nth-child(1){transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-top: 25.875px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.mhead .top .mrt.act s:nth-child(2){display: none;}

.mhead .top .mrt.act s:nth-child(3){transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin-top: -6.5px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.mhead .mbd{display: none; position: absolute;top: 50px;left: 0;z-index: 20;width: 100%;text-align: center;background: #3c3c3c;padding: 10px 0;}

.mhead .mbd a{display: block;width: 50%;margin: 0 auto;color: #fff;font-size: 18px;line-height: 39px;border-bottom: 1px solid #555;}

.mhead .top .list{height: 50px;float: right;margin-right: 5px;}

.mhead .top .list .sc{width: 24px;height: 24px;background: url(../image/mu2.png) center no-repeat;position: relative;margin: 12px auto 0;cursor: pointer;}

.mhead .top .list .sc .num{position: absolute;top: -5px;right: -10px;background: #f00;color: #fff;border-radius: 50%;font-size: 12px;line-height: 1;padding: 2px 5px;}

.mhead .top .list .xz{display: block; width: 24px;height: 24px;background: url(../image/mu3.png) center no-repeat;position: relative;margin: 18px auto 0;cursor: pointer;}




.mhead .mbd .mss{position: relative;width: 50%;height: 30px;margin: 10px auto ;}

.mhead .mbd .mss span{}

.mhead .mbd .mss input{box-sizing: border-box;width: 100%;height: 30px;padding-left: 5%;outline: none;display: none;}

.mhead .mbd .mss  input::-webkit-input-placeholder {font-style:italic;}


.head,.footer,.ftother,.p_sx{display: none;}

.i1{width: 100%;left: 0;margin-left: 0;height: auto;}

.i1 .next_i1{right: 0;}

.i1 .prev_i1{left: 0;}

.i1 .box{left: 0;margin-left: 0;top:85px;width: 100%;padding: 0;}

.i2 .i2lt,.i2 .i2rt{width: 100%;float: none;padding: 0;text-align: center;}

.i2,.i2 .i2rt video{height: auto;}

.i3 dl dd{width: 100%;float: none;margin-right: 0;height: auto;}

.p1{padding: 30px 0;}

.p1 ul li{width: 48%;height: auto;margin-right: 0;margin-bottom: 10px;height: 222px;}

.p1 ul li:nth-child(2n){float: right;}

.mfooter{background: #2d2d2d;padding:  0;display: block;}

.mfooter .mf1{width: 60%;margin: 0 auto;display: none;}

.mfooter .mf1 a{display: block;width: 47%;float: left;margin-right: 6%;}

.mfooter .mf1 a:nth-child(2){margin-right: 0;}

.mfooter .mf1 a img{display: block;width: 100%;}

.mfooter .mf2{padding: 20px 0 10px;}

.mfooter .mf2 a{font-size: 12px; display: inline-block;float: left;width: 25%;text-align: center;color: #fff;border-right: 1px solid #fff;box-sizing: border-box;margin-bottom: 10px;line-height: 14px;}

.mfooter .mf2 a:nth-child(4),.mfooter .mf2 a:nth-child(7){border-right: 0;}

.mfooter .mf2 a:nth-child(5){margin-left: 12%;}

.mfooter .mf3{color: #fff;text-align: center;background: #3c3c3c;padding: 10px 5%;}

.pd1{width: 100%;left: 0;margin-left: 0;height: auto;}

.pd2 ul{padding: 30px 0;}

.pd2 ul li{width: 50%;margin: 0 0 20px 0;}

.pd2 ul li .img{margin: 0 auto;}

.pl1{width: 100%;left: 0;margin-left: 0;height: auto;}

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

.mss2{display: block; background: url(../image/mp1.png) center no-repeat;padding: 10px 5%;border-bottom: 1px solid #ddd;}

.mss2 span{display: block;width: 10%;float: left;margin-left: 10%;margin-right: 2%;}

.mss2 span img{width: 100%;display: block;}

.mss2 input{width: 60%;height: 33px;outline: none;border:1px solid #eee;padding-left: 3%;}

.mss2 input::-webkit-input-placeholder {font-style:italic;}

.pl2{padding: 30px 0;}

.pl2 ul li{width: 48%;margin-right: 2%;height: auto;margin-bottom: 10px;}

.pl2 ul li .txt{width: 96%;}

.pl2 ul li .img{width: 100%;height: auto;}

.pl2 .move{margin: 10px auto;}

.pl{height: auto;line-height: 20px;padding: 10px 0;}

.pdc1{padding: 30px 0;}

.pdc1 .pclt{width: 100%;float: none;}

.pdc1 .pclt .t1{width: 100%;height: auto;}


.pdc1 .pclt .t2 img{width: 40px;height: 40px;border:1px solid #ddd;}

.pdc1 .pcrt{width: 100%;float: none;margin: 20px 0;overflow: hidden;}

.pdc1 .pcrt .ct{line-height: 26px;}

.pdc1 .pcrt .st{display: none;}

.pdc1 .pcrt .mst{display: block; height: 40px;line-height: 40px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;text-align: center;font-size: 18px;font-weight: bold;}

.pdc1 .pcrtbox .pcrtb1_lt{width: 30%;padding: 0;}

.pdc1 .pcrtbox .pcrtb1_rt{width: 70%;margin: 0;}

.pdc1 .pcrtbox .pcrtb1_rt span{margin: 5px;}

.pdc1 .pcrtbox  .pcrtb3{width: 100%;padding: 0;margin-top: 20px;}

.pdc2{display: none;}

.pdc1 .pcrtbox2 img{display: block;width: 100%;}

.pdc1 .pcrtbox2 .mst{border-top: none;}

.b2 dl dd{height: auto;}

.b2 dl dd .dlt,.b2 dl dd .drt{width: 100%;float: none;height: auto;}

.b2 dl dd .drt{margin:  0;box-sizing: border-box;padding-left: 3%;}

.b2 dl dd .drt div{height: auto;}

.pa1 .pa{padding: 0;}

.pa1 .pa .tt1{font-size: 20px;padding: 20px 0 0;}

.pa1 .pa .tt2{font-size: 22px;margin: 0;padding: 0;}

.pa1 .pa .ct{font-size: 16px;}

.pa2,.pa2s{font-size: 20px;}

.pa3{padding: 20px 0;}

.pa3 .pa3_lt{width: 100%;float: none;}

.pa3 .pa3_lt img{display: block;width: 100%;}

.pa3 .pad_rt{width: 100%;float: none;margin: 20px 0;}

.pa4 .box div{width: 50%;height: 180px;float: left;margin-right: 0;position: relative;}

.pa4 .box div:nth-child(1){background: url(../image/mp2.png)center no-repeat;margin-left: 0;cursor: pointer;background-size: cover;}

.pa4 .box div:nth-child(2){background: url(../image/mp3.png)center no-repeat;background-size: cover;}

.pa4 .box div:nth-child(3){background: url(../image/mp5.png)center no-repeat;background-size: cover;}

.pa4 .box div:nth-child(4){background: url(../image/mp4.png)center no-repeat;background-size: cover;}

.pa4{height: auto;padding: 20px 0;}

.pa4 .box div a{display: none;}

.pa5{padding: 20px 0;}

.pa5 .pa5_1 .pa5_1lt{width: 100%;float: none;margin-right: 0;}

.pa5 .pa5_1 .pa5_1rt{width: 100%;}

.pa5 .pa5_1 .pa5_1rt .rt1 span{margin: 0;}


.pa5 .pa5_1 .pa5_1rt div label{display: block;width: 50%;}

.pa5 .pa5_2 input{width: 100%;}

.pa5 .pa5_3 img{display: none;}

.a1{overflow: auto;box-sizing: border-box;}

.a1 .box{float: left;margin-right: -999em;padding: 0;height: 50px;}

.a1::-webkit-scrollbar{ width:1px;height: 1px;}

.a1::-webkit-scrollbar-thumb{ background:transparent;}

.a1::-webkit-scrollbar-track{ background:transparent;}

.n1 .tt{font-size: 20px;line-height: 30px;}

.n2 li{height: auto;}

.n2 li .llt{width: 100%;height: auto;float: none;}

.n2 li .lrt{width: 100%;margin-left: 0;}

.n2 li .rt3{height: auto;}

.n_i1 li{width: 100%;margin-right: 0;}

.nc1 .tt{font-size: 20px;line-height: 26px;}

.nc1 .tt2{font-size: 16px;}

.nc1 img{width: 100%;}

.nc1 .ct,.a2 .txt{font-size: 16px;line-height: 20px;}

.fh{margin: 0 auto;}

.a2 .txt{margin: 20px 0;}

.c1{margin: 20px 0;padding: 0;}

.c1 .c1lt,.c1  .c1rt{width: 100%;float: none;padding: 0;}

.c1 .c1lt  img{display: block;width: 100%;}

.c1 .c1lt .tt{font-size: 20px;}

.c1 .tc2{height: auto;}

.c1 .tc2 span{font-size: 14px;}

.c1 .tc2 input,.c1 .tc2 img{padding: 0;width: 70px;}

.c1 .tc2 .tj{float: none;margin: 10px  auto;}

.d1 .dbx{width: 100px;margin-left: -50px;padding: 0;}

.dn2 dd .dlt{margin-top: 10px;width: 40px;}

.dn2 dd .dlt span{font-size: 12px;}

.dn2 dd .drt .drtt{line-height: 24px;}

.dn2 dd .drt{width: calc(100% - 60px);float: right;margin: 0;}

.n_i1 li .n_lct{height: 60px;}

.n_i1 li .n_ltt{line-height: 26px;}

.b2 dl dd{padding-bottom: 20px;}

.n{min-height: 600px;}

.se1 .sebox{width: 90%;}

.se1 .sebox input{width: 80%;}

.pclt_tc .img {width: 100%;height: auto;background: #eee;position: relative;margin: 30% auto;}

.l1 {width: 100%;left: 0;margin-left: 0;}

.l1 .lo{width: 350px;margin-left: -175px;}

.pl2 ul li .txt .ct{height: 65px;}

.m_lan{display: block;width: 50px;line-height: 50px;float: right;text-align: center;color: #fff;font-size: 1.2rem;}

.gouwuche{height:100vh;}

.gouwuche .box{width: 100%;height: 100%;padding: 0;}

.gouwuche .gox{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}


.gouwuche .ul1{height: calc(100% - 110px);}

.gouwuche .btm{padding: 15px 10px;line-height: 30px;}

.gouwuche .btm .qx{margin-top: 5px;}

.gouwuche .btm .blt{width: calc(100% - 30px);}

.gouwuche .btm .brt{width: 100%;line-height: 40px;margin-top: 5px;}

.sig1{padding: 30px 0;}

.sig1 .tt br{display: none;}

.sig1 .tt,.sig1 .tt span{font-size: 20px;}

.sig1 .sox{width: 100%;padding: 20px 5%;height: auto;}

.sig1 .sox .wz a.wzr{width: 100%;}

.sitanchuang .sbox{width: 90%;margin-top: 15vh;}

.sitanchuang .sbox .txt{padding: 20px 5%;}

.sitanchuang .sbox .out{top: -50px;right: 0;}

.sitanchuang .sbox .txt .ul1 li.li4,.sitanchuang .sbox .txt .ul1 li.li2{width: 100%;}

.susstc .sbox{width: 90%;}

.pass1{padding: 30px 0;}

.pass1 .ul1{width: 100%;margin: 20px 0 ;}

.pass1 .ul1 li.li1,.pass1 .ul1 li.li2,.pass1 .tj{width: 100%;}

.btab .dl1{overflow: hidden;}

.btab .dl1 dd{width: 100%;overflow: hidden;}

.btab .dl1 dd .dbox {width: 100%;overflow: auto;}

.btab .dl1 dt{padding: 10px 25px 20px;}

.btab .dl1 dt .num{width: 100%;float: none;text-align: center;}

.btab .dl1 dt a{float: none;margin: 0 auto;}

.btab{padding: 30px 0;}

.headtop .ss,.m_lan{display: none;}

.mus1{width: 100%;padding: 0 5%;background: #373737;overflow: auto;}

.mus1 .mbox{width: auto;display: block;float: left;margin-right: -999em;height: 40px;}
.mus1 a{float: left; height: 40px;display: block;}

.mus2{height: 200px;background: url(../image/mu4.png) 38% bottom no-repeat;}

.mus3{padding: 30px 0;overflow: hidden;}

.mus3{box-sizing: border-box;}

.mus3 .box .ul1 li{width: 48%;margin: 0 0 10px;}

.mus3 .box .ul1 li:nth-child(2n){float: right;}

.mus1_new{background: #fff;}

.mus1_new .mbox{height: 55px;}

.mus1_new a{height: 54px;}

.i2 .i2lt{font-size: 16px;margin-bottom: 20px;}

.i2 .i2lt div{font-size: 20px;}

.abn1 .acont{padding: 20px ;margin: 20px 0;}

.pdc1 .pcrtbox table{width: 100% !important;}

}