@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:none; outline:none; font-family:"微软雅黑";}
a{ text-decoration:none; color:inherit;}
dl,dt,dd,ol,ul,li{ list-style:none;}

.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
body,html{ width:100%;max-width: 1920px;min-width: 1200px;}

#superContainer {
	width:100%;
	height: 100%;
	overflow:hidden;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;opacity:1;
}

input:-ms-input-placeholder{
    color: #333;opacity:1;
}

input::-webkit-input-placeholder{
    color: #333;opacity:1;
}



.section{ width:100%; height:100%;  position:relative;}
.actives{ width:5.42%; left:47.29%; bottom:0; position:absolute; z-index:9999;}
.actives a{ display:block; width:100%;}
.actives img{ width:100%; display:block;}

/*.lo{ position:absolute; right:5.625%; top:9.44%; width:8.33%;}
.lo img{ width:100%; display:block;}*/
.lo{ position:absolute; right:5.625%; top:7.44%; width:14.33%;}
.lo img{ width:100%; display:block;}
/*01*/
/*.header{ width:100%; position:absolute; top:2.7rem; left:0; height:3.5rem; background-color:#fff; z-index:999;}*/
/*.yous{ height:7rem; right:0; top:0; position:absolute; z-index:9999;}
.yous img{ height:7rem; display:block;}
*/
.yous{ height:7rem; right:5.625%; top:3.3rem; position:absolute; z-index:9999;}
.yous img{ height:2.2rem; display:block; }

.header .head{ width:12%; height:3.5rem; display:table; vertical-align:middle; text-align:center; float:left;}
.header .head a{ height:2rem; display:table-cell; vertical-align:middle; text-align:right; background-color:#fff;}
.header .head a img{ height:2rem; vertical-align:middle; text-align:center;}

.header .nav{ /*width:76.77%;*/ margin-left:5.52%; display:block; height:3.5rem; float:left;}
.header .nav li{ /*width:12%;*/ height:100%; display:block; float:left; position:relative; height:3.5rem;}
.header .nav li a{ width:100%; height:3.5rem; line-height:3.5rem; font-size:1rem; text-align:left; padding-left: 10px; box-sizing:border-box;color:#000; display:block;}
/*.header .nav li dl{ display:none; position:absolute; left:0; width:169.44%; top:100%; z-index:99999; background-image:url(../images/mask.png); background-position:left top; background-repeat:repeat;}
.header .nav li dl dt{ width:100%; display:block; padding-bottom:1px; height:2rem; line-height:2rem; font-size:0.875rem; background-image:url(../images/n.jpg); background-position:right bottom; background-repeat:repeat-x; background-size: 100% auto;}
.header .nav li dl dt a{ display:block; background-color:transparent !important; height:2rem; line-height:2rem; font-size:0.875rem;}
.header .nav li dl dt a img{ display:block; height:2rem;}
.header .nav li:hover a{ background-color:#c6000b;} 
.header .nav li dl dt a:hover{ background-color:#c6000b !important;} 
.header .nav li:hover dl{ display:block;}*/

.header .nav li dl{ display:none; position:absolute; left:0; width:100%; top:100%; z-index:99999; background-image:url(../images/mask_1.png); background-position:left top; background-repeat:repeat;}
.header .nav li dl dt{ width:100%; display:block; padding-bottom:1px; height:2rem; line-height:2rem; font-size:0.875rem; background-position:right bottom; background-repeat:repeat-x; background-size: 100% auto;}
.header .nav li dl dt a{ display:block; background-color:transparent !important; height:2rem; line-height:2rem; font-size:0.875rem; text-align: left;padding-left:10px;box-sizing:border-box; border-bottom:2px solid #faf9f9}
.header .nav li dl dt a img{ display:block; height:2rem;}
.header .nav li:hover>a{ color:#d63139;border-bottom: 3px solid #d21c26; box-sizing: border-box;} 
.header .nav li dl dt a:hover{color:#d23339;box-sizing:border-box; border-bottom: 2px solid #d0111b !important;}
.header .nav li:hover dl{ display:block;}

.logos{ width:8.85%; position:absolute; left:3.85%; bottom:6.11%; z-index:999;}
.logos img{ display:block; width:100%;}

.main_visual{ width:100%;height:83%; overflow:hidden; position:relative;}
.main_image{ width:100%; height:100%; overflow:hidden; position:relative;}
.main_image ul{ width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0}
.main_image li{float:left; width:100%; height:100%; overflow:hidden; cursor:pointer; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
/*.main_image li a{ display: table; width: 100%; height: 100%; vertical-align: bottom; text-align: center;}
.main_image li span{ display: table-cell; width: 100%; height: 100%; vertical-align: bottom; text-align: center;}
.main_image li img{ width:100%; vertical-align:bottom; text-align: center;}*/

.flicking_con{ width:14.95%; position:absolute; z-index:999; bottom:6.23%; left:42.525%;}
.flicking_inner{ width:92.18%; overflow:hidden; float:left; height:22px;}
.flicking_inner a{ width:5.3%; height:22px; display:block; float:left; margin-right:3.79%; background-image:url(../images/ban.png); background-position:center; background-repeat:no-repeat; background-size:100% auto; font-size:0;}
.flicking_inner a.on{ background-image:url(../images/banh.png);}
.flicking_con span{ width:7.82%; height:22px; display:block; float:left; background-image:url(../images/bo.png); background-position:center; background-repeat:no-repeat; background-size:100% auto; font-size:0; cursor:pointer;}
.flicking_con span.ano{ background-image:url(../images/bo01.png);}
#btn_prev{ width:2.1875%; position:absolute; top:43.59%; z-index:999; display:block !important; left:0;}
#btn_next{ width:2.1875%; position:absolute; top:43.59%; z-index:999; display:block !important; right:0;}
#btn_prev img,#btn_next img{ display:block; width:100%;}  
.foot{
  /* font-size: 0.24rem; */
  font-size: 12px;
  /* height: 25%; */
  color:#444;
  /* background: #ccc; */
  text-align:center;
  padding: 3rem 0;
}
.foot .foot_top{
  display:inline-block;
}
.foot .foot_top dl,.foot_line{
  float:left;
 
}
.foot .foot_top dl dt{
  font-size: 13px;
  color:#000;
  font-weight: 600;
  margin-bottom: 3px;
}
.foot .foot_top dl dd{
  color:#444444;
}
.foot .foot_top .relation{
  text-align:left;
  width:20%;
}
.foot_line{
  width:1px;
  height: 2.8rem;
  margin:0.35rem 0.8rem 0;
  background: #7c7d7f;
}
.foot .foot_top .QR_code{
  width:70%;
  margin: 0 auto;
}
.foot_bottom .blogroll{
  font-size: 0;
  margin: 5px 0 3px;
}
.foot_bottom a{
  color:#444;
  /* font-size: 0.24rem; */
  font-size: 12px;
}
.foot_bottom .copy_new{
  margin: 3px 0;
}
.foot_bottom .blogroll .line_1::after,.bottm_law::after{
  content:'';
  display:inline-block;
  height:0.8rem;
  width:1px;
  background: #444;
  color:#444;
  margin:0 6px -2px;
}
.foot_bottom .blogroll .line_1:last-of-type::after{
  content:'';
  display: block;
  height:0;
}



/*02*/
.container{ width:53.86%; margin:auto; height:35.19%; margin-top:9.5%; position:relative; }
.container .img-holder {
  width:26.01%;
  height:89.11%;
  position:absolute;  
  visiblity:hidden;
  top:5.78%;
  left:35.495%;
  cursor:pointer;
  overflow:hidden;
  padding:1.5%;
  background-image:url(../images/mask02.png);
  background-repeat:repeat;
  background-size:100% 100%;
}

.kaugn{ width:100%; height:100%; position:relative;}
.aa{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.aa a{ display:block; width:100%; height:100%; font-size:0;}
.container .img-holder .tu{ width:100%; height:52%;}
.container .img-holder .tu img{ display:block; width:100%;}
.container .img-holder .biao{ width:100%; height:2.6rem; line-height:1.3rem; font-size:0.875rem; color:#fff; margin-top:4.2%;}
.container .img-holder .txt{ width:100%; height:3rem; text-transform:uppercase; line-height:1rem; margin-top:2.2%; font-size:0.625rem; color:#fff;}

.scrollbox{ width:44.53%; margin:auto; margin-top:4.2%; overflow:hidden; height:12px;}
.scrolller-container{  width:100%; height:12px; position:relative; background-image:url(../images/scroll.png); background-position:center; background-size:100% 100%; background-repeat:no-repeat;}
.scrolller-container .scroller{ cursor:pointer !important; width:4.56%; height:10px; position:absolute; top:-5px; left:0px; z-index:999;}
.scrolller-container .scroller img{ width:100%; height:10px; cursor:pointer !important;}

@media screen\0{
	.container .img-holder{ width:16%; float:left; margin-left:0.5%; margin-right:0.5%; position:static; opacity:1; visibility:visible !important;}
	.container{overflow:hidden;}
	.scrollbox{ display:none;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.container{ width:53.86%; margin:auto; height:35.19%; margin-top:6.5%; position:relative; overflow:visible;}
	.container .img-holder {
  width:26.01%;
  height:89.11%;
  position:absolute;  
  visiblity:hidden;
  top:5.78%;
  left:35.495%;
  cursor:pointer;
  overflow:hidden;
  padding:1.5%;
  background-image:url(../images/mask02.png);
  background-repeat:repeat;
  background-size:100% 100%;
}

.kaugn{ width:100%; height:100%; position:relative;}
.aa{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.aa a{ display:block; width:100%; height:100%; font-size:0;}
.container .img-holder .tu{ width:100%; height:52%;}
.container .img-holder .tu img{ display:block; width:100%;}
.container .img-holder .biao{ width:100%; height:1.3rem; font-size:0.875rem; color:#fff; margin-top:4.2%;}
.container .img-holder .biao01{ width:100%; height:1.3rem; font-size:0.875rem; color:#fff; display:none !important;}
.container .img-holder .txt{ width:100%; height:3rem; text-transform:uppercase; line-height:1rem; margin-top:2.2%; font-size:0.625rem; color:#fff;}

.scrollbox{ width:44.53%; margin:auto; margin-top:4.2%; overflow:hidden; height:12px;}
	}

.navbox{ width:26.5625%; margin:auto; margin-top:2%;}
.navbox a{ display:block; float:left; width:48.04%; margin:0 0.98%; height:3rem; line-height:3rem; text-align:center; font-size:1.125rem; color:#fff; background-image:url(../images/mask01.png); background-repeat:repeat;}
.navbox a:hover{ background-image:none; background-color:#c7000a;}
#link1,#link5{ z-index:11;}
#link2,#link4{ z-index:13;}
#link3{ z-index:15;}
/*03*/
/*.box{ width:100%; height:100%; position:relative;}
.box .rotates{ display:block; width:100%; position:absolute; left:0; bottom:0; z-index:1;}*/



@keyframes lefteaseinAnimate{
   from {left:-2000px;}
   to {left:0;}
}
@-webkit-keyframes lefteaseinAnimate{
    from {left:-2000px;}
   to {left:0;}
}
@-o-keyframes lefteaseinAnimate{
    from {left:-2000px;}
   to {left:0;}
}
@-ms-keyframes lefteaseinAnimate{
   from {left:-2000px;}
   to {left:0;}
}
@-moz-keyframes lefteaseinAnimate{
   from {left:-2000px;}
   to {left:0;}
}
.rotatesimg{ display: none;}
.section3.active .rotatesimg{
  width: 100%; position:absolute; bottom:0; display: block;
    animation: lefteaseinAnimate 1s ease 1; 
    -webkit-animation: lefteaseinAnimate 1s ease 1;
    -ms-animation: lefteaseinAnimate 1s ease 1;
    -o-animation: lefteaseinAnimate 1s ease 1;
    -moz-animation: lefteaseinAnimate 1s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}


/*04*/
.logos01{ width:8.85%; position:absolute; left:3.85%; bottom:5.11%; z-index:999;}
.logos01 img{ display:block; width:100%;}
.pro{ width:46.72%; margin:auto; height:55.55%; display:block; margin-top:8.5%;}
.pro dd{ height:100%; float:left; width:25%; display:block; overflow:hidden;}
.pro dt{ height:100%; float:left; width:25%; display:block; overflow:hidden;}
.pro a{ width:100%; height:96.22%; position:relative; display:block; overflow:hidden; text-align:center;}
.pro a img{ width:100%; height:100%; display:block; border:1px solid #7b7a7a; box-sizing:border-box;}
.pro a span{ width:100%; height:2rem; line-height:2rem; position:absolute; top:65.2%; left:0; z-index:100; display:block; font-size:1.125rem; color:#fff; text-transform:uppercase;}
.pro a b{ width:100%; height:100%; border:1px solid #7b7a7a; box-sizing:border-box; background-image:url(../images/mask04.png); background-repeat:repeat; position:absolute; top:0; left:0; z-index:99; display:none;}
.pro a strong{ width:100%; height:2rem; line-height:2rem; font-size:1rem; color:#fff; background-image:url(../images/mask05.png); background-repeat:repeat; position:absolute; top:72.45%; left:0; z-index:101; display:block; font-weight:normal;}
.pro a:hover strong{ background-image:none; background-color:#c7000a;}
.pro a:hover b{ display:block;}
.pro h1{ width:100%; height:3.78%; display:block;}

/*05*/
.zhao{ width:78.7%; margin:auto; margin-top:15.5%;}
.zhao dt{ width:1.532%; display:block; float:left; display:block; height:100px;}
.zhao dd{ width:13.64%; margin-left:-1.532%; display:block; float:left; border-radius:500px;}
.zhao p{ display:block; width:100%; overflow:hidden; border-radius:500px; background-image:url(../images/zhao.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.zhao p span{ width:100%; display:block; overflow:hidden; background-position:center; background-size:100% 100%;}
.zhao p span img{ display:block; width:100%;}
.zhao p b{ display:none; width:100%; overflow:hidden; position:relative; border-radius:500px; background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.zhao p b img{ display:block; width:100%;}
.zhao dt:hover span,.zhao dd:hover span{ display:none;}
.zhao dt:hover b,.zhao dd:hover b{ display:block;}
.zhao h1{ width:116.33%; margin-left:-8.415%; margin-top:3.5%; display:none;}
.zhao h1 img{ display:block; width:100%;}
/*.zhao dt:hover h1,.zhao dd:hover h1{ display:block;}*/

/*06*/
.section .t01{ width:8.21%; margin:auto; margin-top:10.17%;}
.section .t02{ width:6.19%; margin:auto; margin-top:1.04%;}
.section .t03{ width:10.36%; margin:auto; margin-top:0.8%;}
.section .t01 img,.t02 img,.t03 img{ width:100%; display:block;}
.section .link{ width:48.75%; margin:auto; margin-top:4.17%; text-align:center;}
.section .link dt{ display:block; text-align:center; width:100%; height:2rem; line-height:2rem; font-size:1rem; color:#fff;}  
.section .link dd{ display:inline; padding:0 0.5%; font-size:1rem; height:2rem; line-height:2rem; color:#fff;}
.section .link dd a{ color:#fff;}


/*ny*/
.headers{ width:100%; background-color:#fff; z-index: 1;}

.headers .head{ width:100; height:7.5rem;line-height: 7.5rem;}
.headers .head a{float:left;padding-left:11%;box-sizing: border-box;}
.headers .head div{ width:50%;text-align:right; float:right;padding-right:11%; padding-top:1.5rem; box-sizing: border-box;}
.headers .head img{ vertical-align:middle;}

.headers .head_nav{ width:100%; display:block; height:3rem;background-color:#3e3a39;padding-left:10%;box-sizing:border-box;}
.headers .head_nav li{ width:12%; height:100%; display:block; float:left; position:relative; height:3rem;z-index:1;}
.headers .head_nav li a{ width:100%; height:3rem; line-height:3rem; font-size:1.1rem; text-align:left; color:#fff; display:block; padding-left:15px;box-sizing:border-box;}
/*
.headers .head_nav li dl{ display:none; position:absolute; left:0; width:169.44%; top:100%; z-index:99999; background-image:url(../images/mask.png); background-position:left top; background-repeat:repeat;}
.headers .head_nav li dl dt{ width:100%; display:block; padding-bottom:1px; height:2rem; line-height:2rem; font-size:0.875rem; background-image:url(../images/n.jpg); background-position:right bottom; background-repeat:repeat-x; background-size: 100% auto;}
.headers .head_nav li dl dt a{ display:block; background-color:transparent !important; height:2rem; line-height:2rem; font-size:0.875rem;}
.headers .head_nav li dl dt a img{ display:block; height:2rem;}
.headers .head_nav li:hover a{ background-color:#c6000b;} 
.headers .head_nav li dl dt a:hover{ background-color:#c6000b !important;} 
.headers .head_nav li:hover dl{ display:block;}
*/

.headers .head_nav li dl{ display:none; position:absolute; left:0; width:100%; top:100%; background-image:url(../images/mask_1.png); background-position:left top; background-repeat:repeat;z-index: 1;}
.headers .head_nav li dl dt{ width:100%; display:block; padding-bottom:1px; height:2rem; line-height:2rem; font-size:0.875rem; border-bottom: 2px solid #fff;box-sizing:border-box; background-position:right bottom; background-repeat:repeat-x; background-size: 100% auto;}
.headers .head_nav li dl dt a{color:#000; display:block; background-color:#fff !important; height:2rem; line-height:2rem; font-size:0.875rem; text-align: left;padding-left:15px;box-sizing:border-box;}
.headers .head_nav li dl dt a img{ display:block; width:100%;height: auto;}
.headers .head_nav li:hover>a{ border-bottom:3px solid #d0111b;box-sizing:border-box;} 
.headers .head_nav li dl dt a:hover{ color:#d23339;box-sizing: border-box; border-bottom:2px solid #d0111b !important;}
.headers .head_nav li:hover>dl{ display:block;}
.headers .head_nav li .cate_second:hover>dl{ display:block;}
.headers .head_nav li .cate_third{
  top:0;
  left:100%;
}




/*banner*/
.ban{ width:100%; position:relative; padding-bottom:0.8%;}
.ban img{ width:auto; display:block;}
.yin{ width:17.14%; position:absolute; right:0; bottom:0; z-index:999; display:none;}

.ban .you{ width:17.15%; right:0; bottom:0; position:absolute; z-index:9999;}
.ban .you img{ width:100%; display:block;}
.ban .logo{ position:absolute; left:5.625%; top:3.26%; width:10.89%; z-index:9999;}
.ban .logo img{ width:100%; display:block;}

/*foot*/
.foot{ width:100%; position:relative;} 
.foot img{ display:block; width:100%;}
.foot .t01{ width:5.21%; position:absolute; left:47.395%; top:10%;}
.foot .t02{ width:4.19%; position:absolute; left:47.905%; top:31%;}
.foot .t03{ width:10.36%; position:absolute; left:44.82%; top:36%;}
.foot .t01 img,.foot .t02 img,.foot .t03 img{ width:100%; display:block;}
.foot .link{ width:48.75%; position:absolute; left:25.625%; top:50%; text-align:center;}
.foot .link dt{ display:block; text-align:center; width:100%; height:2rem; line-height:2rem; font-size:1rem; color:#fff;}  
.foot .link dd{ display:inline; padding:0 0.5%; font-size:1rem; height:2rem; line-height:2rem; color:#fff;}
.foot .link dd a{ color:#fff;}

/*历程*/
.dao{ width:100%; background-image:url(../images/db.jpg); background-position:bottom left; background-repeat:repeat-x; position:absolute; left:0; bottom:2.1%; height:2.6rem;}
.dao ul{ width:71.15%; margin:auto; text-align:center; vertical-align:middle; height:2.6rem;}
.dao ul li{ width:16.66%; float:left; overflow:hidden; text-align:center; vertical-align:middle; display:table; background-image:url(../images/dh.png); background-position:left bottom; background-repeat:repeat-x; height:2.6rem;}
.dao ul li a{ display:table-cell; width:100%; text-align:center; vertical-align:middle; height:2.6rem;} 
.dao ul li a img{ height:2.6rem; text-align:center; vertical-align:middle; width:auto; margin:auto;}
.dao ul li:hover,.dao ul li.on{ background-image:none; background-color:#fff; border:1px solid #858686; border-bottom:none; box-sizing:border-box;}

.main{ width:100%; background-image:url(../images/nei01.jpg); background-position:top center; background-size:100% auto; background-repeat:no-repeat; margin-top:-0.8%;}
.biao{ width:71.15%; margin:auto; margin-top:3%;}
.biao img{ width:100%; display:block;}

/*.lic{ width:57.55%; margin:auto; margin-bottom:6%;}*/
.lic{ width:71.15%; margin:auto; margin-bottom:6%;}
.lic li{ width:100%; display:block; margin-top:2%;}
.lic li img{ width:100%; display:block;}

/*德国*/
/*.dg{ width:57.55%; margin:auto; margin-top:5%;margin-bottom:6%;}*/
.dg{ margin:auto; margin-top:5%;margin-bottom:6%;}
.dg li{ width:100%; display:block; }
.dg li img{ width:100%; display:block;}

/*产品*/
.dao01{ width:100%; background-image:url(../images/db.jpg); background-position:bottom left; background-repeat:repeat-x; position:absolute; left:0; bottom:2.1%; height:2.6rem;}
.dao01 ul{ width:71.15%; margin:auto; text-align:center; vertical-align:middle; height:2.6rem;}
.dao01 ul li{ width:50%; float:left; overflow:hidden; text-align:center; vertical-align:middle; display:table; background-image:url(../images/dh.png); background-position:left bottom; background-repeat:repeat-x; height:2.6rem;}
.dao01 ul li a{ display:table-cell; width:100%; text-align:center; vertical-align:middle; height:2.6rem;} 
.dao01 ul li a img{ height:2.6rem; text-align:center; vertical-align:middle; width:auto; margin:auto;}
.dao01 ul li:hover,.dao01 ul li.on{ background-image:none; background-color:#fff; border:1px solid #858686; border-bottom:none; box-sizing:border-box;}

.pros{ width:72.6%; margin:auto; margin-bottom:6%;}
.pros li{ width:48.48%; display:block; float:left; overflow:hidden; margin:0 0.76%; margin-top:2%;}
.pros li b{ width:100%; display:block; overflow:hidden;}
.pros li a{ width:100%; display:none; overflow:hidden;}
.pros li b img,.pros li a img{ width:100%; display:block;}
.pros li:hover b{ display:none;} 
.pros li:hover a{ display:block;} 

/*店面*/
.dealers{ height:800px; width:1053px; margin:auto; margin-top:2%; overflow:hidden;}
.experience{ height:70px; line-height:50px;}
.experience .ex-txt{font-size:16px; font-weight:bold;margin-right:15px; color:#000;}
.experience select{ width:185px; height:42px; font-size:14px; margin-left:15px; border:1px solid #cacaca;}

.map-bj{ width:1053px; background:url('../images/bgjx_03.jpg');position:relative;}

.map-bj .map{ width:716px; float:left; background-image:url(../images/madk06.png); background-repeat:repeat; position:relative;}
.map a{ color:#5b5a5a; font-size:14px; text-decoration:none; cursor:pointer;}
.map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}
.map-bj .map img{ border:none;}


#m_map{ z-index:999;}

.address{ width:300px; height:575px;float:right; padding-top:20px; padding-left:10px; overflow-y:auto; overflow-x:hidden; overflow:auto; background-image:url(../images/mapk.png); background-repeat:repeat;} 
/*.ser{ width:278px; height:36px; border:1px solid #111; margin-bottom:20px;}*/
/*.ser span{ width:33px; height:36px; display:block; float:left; overflow:hidden; background-color:#fff;}
.ser span input{ width:33px; height:36px; display:block; background-image:url(../images/ser_03.jpg); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.ser a{ width:240px; padding-left:5px; height:36px; display:block; float:left; overflow:hidden; background-color:#fff;}
.ser a input{ width:240px; height:36px; display:block; background-color:#fff; font-size:14px; color:#333; line-height:36px;}*/

.showlist{width:280px;}
.showlist .showtitle,.kk{ width:275px; padding-left:5px; height:30px; line-height:30px; color:#333; background-color:#e7e8e8; font-size:14px; font-weight:bold;}

.showlist ul li{ color:#333;width:280px;}
.showlist ul li p{width:275px; padding-left:5px; font-size:14px; color:#333; line-height:30px;}
#myzone{width:280px;display:none;}
#mylist{width:280px;}

#mylist ul li{ color:#333;width:280px;}
#mylist ul li p{ width:275px; padding-left:5px; line-height:30px; font-size:14px; color:#333;}
#mylist ul li p:nth-of-type(1){ background:#e7e8e8; font-weight:bold;}

/*新闻*/
.list{ width:79.48%; margin:auto;}
.list li{ width:39.65%; margin:0 5.175%; display:block; float:left; margin-top:3%; overflow:hidden; background-image:url(../images/madk.png); background-repeat:repeat;}
.list li a{ display:block; width:100%; overflow:hidden; position:relative;}
.list li .tu{ width:100%;}
.list li .tu img{ width:100%; display:block;}
.list li .xt{ width:89%; margin:auto; height:4rem; line-height:4rem; font-size:1rem; color:#fff;}
.list li span{ width:11.07%; display:block; position:absolute; right:5.5%; bottom:3%;}
.list li span img{ width:100%; display:block;}
.list li:hover a{ background-color:#1a1a1a;}

.table{ width:79.48%; margin:auto; display:block; overflow:hidden;}
.table li{ width:39.65%; margin:0 5.175%; display:block; float:left; margin-top:3%; overflow:hidden; background-image:url(../images/madk.png); background-repeat:repeat;}
.table li a{ display:block; width:100%; overflow:hidden; position:relative;}
.table li .tu{ width:100%;}
.table li .tu img{ width:100%; display:block;}
.table li .xt{ width:89%; margin:auto; height:4rem; line-height:4rem; font-size:1rem; color:#fff;}
.table li span{ width:11.07%; display:block; position:absolute; right:5.5%; bottom:3%;}
.table li span img{ width:100%; display:block;}
.table li:hover a{ background-color:#1a1a1a;}

.more{ width:11.77%; margin:auto; margin-top:3%; margin-bottom:6%; background-image:url(../images/madk.png); background-repeat:repeat;}
.more img{ width:100%; display:block;}
.more:hover{ background-image:none; background-color:#c7000a;}

/*支持*/
.dao02{ width:100%; background-image:url(../images/db.jpg); background-position:bottom left; background-repeat:repeat-x; position:absolute; left:0; bottom:2.1%; height:2.6rem;}
.dao02 ul{ width:71.15%; margin:auto; text-align:center; vertical-align:middle; height:2.6rem;}
.dao02 ul li{ width:33.33%; float:left; overflow:hidden; text-align:center; vertical-align:middle; display:table; background-image:url(../images/dh.png); background-position:left bottom; background-repeat:repeat-x; height:2.6rem;}
.dao02 ul li a{ display:table-cell; width:100%; text-align:center; vertical-align:middle; height:2.6rem;} 
.dao02 ul li a img{ height:2.6rem; text-align:center; vertical-align:middle; width:auto; margin:auto;}
.dao02 ul li:hover,.dao02 ul li.on{ background-image:none; background-color:#fff; border:1px solid #858686; border-bottom:none; box-sizing:border-box;}

.zc{ width:68.28125%; margin:auto; margin-top:3%;}
.zc img{ width:100%; display:block;}

.jia{ width:68.28125%; margin:auto; background-image:url(../images/jia.png); background-position: center; background-repeat:no-repeat; background-size:100% auto; margin-bottom:6%; overflow:hidden;}
.jia li{ width:22.349%; display:block; margin:1.5% 5.49%; float:left;}
.jia li p{ width:100%; display:block; overflow:hidden;}
.jia li strong{ width:100%; display:block;}
.jia li b{ width:100%; display:none;} 
.jia li b img,.jia li strong img{ width:100%; display:block;}
.jia li:hover strong{ display:none;} 
.jia li:hover b{ display:block;} 

.jia li h1{ margin-top:3.5%; display:none;}
.jia li img{ display:block; width:100%;}
.jia li:hover h1{ display:block;}
.jia h2{ display:block; visibility:hidden; margin-top:3.5%;}
.jia li:hover h2{ display:none;} 

.jai{ width:71.15%; margin:auto; margin-bottom:6%; margin-top:3%;}
.jai img{ width:100%; display:block;}

/*条件*/
.tj01{ width:71.15%; margin:auto; margin-top:3%;}
.tj02{ width:74.0625%; margin:auto; margin-top:5%; margin-bottom:6%;}
.tj01 img,.tj02 img{ width:100%; display:block;}

/*sq */
.shen{ width:10.94%; margin:auto; margin-top:3%;}
.shen img{ width:100%; display:block;}
.sq{ width:33.54%; margin:3% auto; margin-bottom:6%;}
.sq dt{ display:block; width:100%; height:2.6rem; overflow:hidden; margin-top:2%;}
.sq dt input{ display:block; width:96%; padding:0 2%; height:2.67rem; line-height:2.67rem; font-size:1rem; color:#333; background-image:url(../images/mask.png); background-repeat:repeat;}
.sq dd{ margin:auto; margin-top:4%; width:34.16%;}
.sq dd input{ width:100%; height:3rem; display:block; background-image:url(../images/tj.jpg); background-position:center; background-size:100% auto;}
.sq .tncode{ width:100%; height:3rem; display:block; margin:0 auto;text-align: center; line-height: 2.5rem; background-image:url(../images/mask.png); background-repeat:repeat;}

/*案例*/
.case{ width:58.54%; margin:auto; margin-top:3%;}
.case dt{ width:94.66%; margin:auto; display:block; overflow:hidden;}
.case dt .tp{ width:34.18%; overflow:hidden;}
.case dt .tp a{ width:100%; display:block; overflow:hidden;}
.case dt .tp img{ width:100%; display:block;}
.case dt .txt{ width:59.89%; overflow:hidden;}
.case dt .txt .bt{ width:97%; padding-left:3%; background-image:url(../images/case.png); background-repeat:repeat; font-size:1rem; color:#fff; height:2rem; line-height:2rem;}
.case dt .txt .bt a{ color:#fff;}
.case dt .txt .wen{ width:100%; font-size:0.875rem; color:#333; height:7.2rem; line-height:1.8rem; margin-top:1rem;}
.case dd{ width:100%; display:block; overflow:hidden; padding:3% 0;}
.case dd img{ width:100%; display:block;}

/*产品*/
.cp{ width:72.7815%; margin:auto; margin-top:3%;}
.cp li{ margin:0 0.47%; float:left; display:block; margin-bottom:1%; width:32.2%; overflow:hidden;}
.cp a{ width:100%; display:block; overflow:hidden;}
.cp img{ width:100%; display:block;}

.fanye{ width:100%; text-align:center; margin-top:2%; margin-bottom:5%;}
.fanye a{ background-color:#989898; width:30px; height:30px; border-radius:50px; font-size:14px; color:#fff; line-height:30px; text-align:center; margin:0 0.1%; display:inline-block;}
.fanye span{ background-color:#6b6b6b; width:30px; height:30px; border-radius:50px; font-size:14px; color:#fff; line-height:30px; text-align:center; margin:0 0.1%; display:inline-block;}
.fanye a:hover{ background-color:#6b6b6b;}


.game163{ position: relative; overflow: hidden; width:1000px; margin:auto; margin-bottom: 5%;}
.game163 .bigImg{ width:800px; position: relative; vertical-align:middle; float:left;}
.game163 .bigImg li{ width:800px; vertical-align:middle; overflow:hidden;}
.game163 .bigImg li img{ vertical-align:middle; width:800px;}

.game163 .smallScroll{ width:150px; float:right;}
.game163 .sPrev,.game163 .sNext{ display:block; width:100%; height:34px; background-position:center; background-repeat:no-repeat; font-size:0;}
.game163 .sPrev{ background-image:url(../images/s.jpg);}
.game163 .sPrev:hover{ background-image:url(../images/s01.jpg);}
.game163 .sNext{ background-image:url(../images/x.jpg);}
.game163 .sNext:hover{ background-image:url(../images/x01.jpg);}

.game163 .smallImg{ width:137px; margin:9.5px auto; height:513px; overflow: hidden;}
.game163 .smallImg ul{ width:100%; height:auto;}
.game163 .smallImg li{ width:100%; cursor:pointer; height:102.5px; overflow:hidden; cursor:pointer;}
.game163 .smallImg img{ width:137px; display:block;}

.game163 .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;}
.game163 .pageState span{ color: #f00; font-size: 16px;}
	
/*简介*/
.wenz{ width:57.55%; margin:auto; margin-top:3%; margin-bottom:5%; font-size:1rem; color:#333;}
.wenz img{ max-width:100%;}
.wenz embed{ max-width:100%;}

/*荣誉*/
.ry{ width:60.3125%; margin:auto; margin-top:1%; text-align:center; margin-bottom:5%;}
.ry li{ display:block; float:left; width:26.51%; overflow:hidden; margin:0 3.41%; margin-top:2%;}
.ry li a{ width:100%; display:block; overflow:hidden;}
.ry li a img{ width:100%; display:block;}

.main-im{ position:fixed; right: 0; top:300px; z-index:999999; width: 110px; height: 272px;}
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #c8000a; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #c8000a;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center; font-size:14px;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }


#hide{ text-align: center; display: block; position:absolute; right:10px; top: 1px; font-size: 14px; color: #fff; height:14px; line-height:14px;}
.dian{ width:100%; position:fixed; bottom:0; left:0; z-index:9999999; font-size: 14px; color: #fff; height:30px; line-height:30px; text-align:center; background-image:url(../images/mask01.png); background-position:top left; background-repeat:repeat;}
.dian div{ width: 100%; position: relative; overflow: hidden; height:30px;}
#hide:hover{ cursor: pointer;}


.gengduo{ display: block; position: absolute; left: 42%; width: 16%; bottom: 11%; z-index: 999;}
.gengduo img{ width: 100%; display: block;}
.g03{ bottom: 10.6%;}
.g01{ left: 44.53125%; width: 10.9375%; bottom: 24.8%;}

/*3D云设计*/
/*.kai{background:#c7000a; color:#fff; position:absolute; left:45%;top:75%; padding:10px 45px 10px 50px; letter-spacing:5px;}*/
.kai{ position:absolute; width:100%; margin:0 auto; top:75%;}
.kai img{ width:12%;margin:0 auto; display:block;}
.five{ width:68.28125%; margin:auto; margin-top:3%;}
.five img{ width:100%; display:block;}
.arrow{ width:68.28125%; margin:auto; margin-bottom:6%; overflow:hidden;}
.arrow img{ width:85%; margin:0 auto; display:block;}
.yj{ width:68.28125%; margin:auto; margin-bottom:6%; overflow:hidden;}
.yj img{ width:85%; margin:0 auto; display:block;}
.kq{ width:68.28125%; margin:auto; overflow:hidden;}
.kq img{ width:85%; margin:0 auto; display:block;}
.kqbtn{ width:68.28125%; margin:auto; margin-bottom:6%; overflow:hidden;}
.kqbtn img{ width:20%; margin:0 auto; display:block;}

/*云设计登录*/
.login_you{width:9.15%; right:0; bottom:4px; position:absolute; z-index:9999;}
.login_you img{ width:100%; display: block;}
.dlk_form{position:absolute; width:25%; height:100%; margin:0 auto; right:7%; top:-5px; background:url(../kjl/dlbg.png) no-repeat top;font-size:18px;}
.dlk_form a{text-decoration:none; color:#4b4948; font-size:13.333333px;}

.loginBox{width:80%; height:80%; margin:5% auto; }
.red-btn {border-bottom:3px solid #C7000A;}
.black-btn {border-bottom:3px solid #4b4948;}
#landing,#registered {float:left;text-align:center;width:50%;padding:15px 0;color:#4B4948; cursor:pointer; margin-top:15%;}
#registered{color:#C7000A;}
#landing-content {clear:both;display:none;}

.inp {height:35px;width:100%; margin-top: 12%;}
.inp>input {height:35px;width:80%;margin:0 auto;transition:all 0.3s ease-in-out; border:1px solid #4b4948; margin-left:10%; padding-left:5px;}

#landing-input{width:40%; float:left; }
#checkCode{width:35%; height:37px; float:right;background:#C7000A; color:#fff;outline:none; cursor:pointer; margin-left:0; margin-right:10%; border: none;}


.login {height:35px;width:80%;text-align:center;margin-left:10%;transition:all 0.3s ease-in-out; background:#C7000A; cursor:pointer;margin-top: 10%;}
.login a{color:#fff;line-height:35px; display: block;}

#bottom {margin-top:12%;font-size:13.333333px;color:#4b4948;}
#bottom a{z-index:9999;}
#registeredtxt {float:left;margin-left:10%;}
#forgotpassword {float:right;margin-right:10%;}

#free_reg {margin-top:12%;font-size:13.333333px;color:#4b4948;}
#freetxt {float:right;margin-right:10%;}

/*#registered-content {margin-top:40px;}*/

.fix{clear:both; }

#find_password{clear:both;margin-top:40px;display:none;}
/*注册信息页*/
.info{ width:100%;}
.info select{ color:#333; height:2.67rem; line-height:2.67rem; font-size:1rem; padding:0 2%; background:url(../images/mask.png); }
.info #show{ color:#333; }
#s_province{ width:32%; }
#s_city{ width:32%; }
#s_county{ width:30%; float:right;}
/*.zc{ width:33.54%; margin:3% auto; margin-bottom:6%;}*/
.zc{ width:71.15%; margin:3% auto; margin-bottom:6%;}
.zc dt{ display:block; width:100%; height:2.6rem; overflow:hidden; margin-top:2%; }
.zc dt input{ display:block; width:96%; padding:0 2%; height:2.67rem; line-height:2.67rem; font-size:1rem; color:#333; background-image:url(../images/mask.png); background-repeat:repeat;}
.zc dd{ margin:auto; margin-top:4%; width:34.16%;}
.zc dd input{ width:100%; height:3rem; display:block; background-image:url(../images/tj.jpg); background-position:center; background-size:100% auto;}

/*登录跳转页面*/
#container {width: 50%; margin: 0 auto; margin-top:10%; margin-bottom: 15%;}
.clearfix:after{display:table;content:'';clear:both}
.yunBox .tabs {position:relative;top:2px;z-index:1}
.yunBox .tabs .tab {width:135px;height:54px;padding-top:1px;line-height:54px;font-size:16px;text-align:center}
.yunBox .tabs a {color:#333;display:block}
.yunBox .tabs a:hover{color:#c7000a;}
.yunBox .tabs .tab-active {padding-top:0;border-bottom:2px solid #c7000a}
.yunBox .tabs .tab-active:hover a {color:#c7000a}
.fl {float:left}
.zjh {position:absolute;bottom:-30px;left:28%;z-index:1;}
.zjh a {color:#333;font-size:16px;}
.zjh a i {font-weight:700;color:#c7000a;}
.zjh a i:hover {color:#453D3B;}

.dialog-war {width:400px;height:140px;margin:-12% 29%;z-index:1;background:#453D3B;position:relative;cursor:pointer;}
.dialog-bar {width:390px;height:30px;line-height:30px;text-align:left;background:#c7000a;color:#FFF;padding:0 0 0 10px;font-size:14px;cursor:pointer;}
.dialog-content p {text-align:center;padding:30px 0;font-size:14px;color:#ccc;}
.dialog-console {text-align:center;position:relative;top:-10px;}
.dialog-close {height:30px;float:right;line-height:30px;color:#FFF;position:relative;right:10px;cursor:pointer;}
.console-btn-confirm {background:#c7000a;width:60px;text-align:center;line-height:10px;font-size:14px;color:#FFF;cursor:pointer;padding:5px 30px 5px 30px;}
/*搜索*/
.sousuo {font-size:16px;width:962px;height:1800px;min-height:700px;margin:0 auto;}
.sousuo_bt {width:962px;height:19px;padding-top:40px;}
.sousuo_xian {width:962px;height:10px;border-bottom:2px solid #ccc;}
.sousuo_wz {width:461px;height:29px;padding-top:15px;}
.sousuo_kuang {width:712px;height:55px;padding-top:45px;margin:0 auto;}
.sousuo_kuang01 {width:60px;height:23px;padding-top:15px;padding-right:10px;}
.sousuo_kuang02 {width:540px;height:55px;}
.sousuo_kuang02 input {width:536px;height:49px;font-size:14px;padding-left:15px;border:2px solid #A7A5A5;-moz-border-radius:5px;border-radius:5px;font-family:'微软雅黑',Oswald,'Helvetica Neue','Microsoft YaHei',Helvetica,Arial,Verdana,sans-serif;}
.cj_kuang1 input {padding-left:15px;font-family:'微软雅黑','Oswald','Helvetica Neue','Microsoft YaHei',Helvetica,Arial,Verdana,sans-serif;}
.sousuo_an {width:91px;height:55px;}
.sousuo_xian01 {width:962px;height:10px;border-bottom:2px solid #ccc;padding-top:180px;}
#search img {margin-top:-1px; height: 55px;}
.a_line {display:block;margin-right:10px;padding-right:20px;width:80px;background-image:url(../kjl/lin_02.jpg);background-position:right center;background-repeat:no-repeat;color:#666;text-align:right;font-size:18px;}
.a_line:hover {display:block;background-image:url(../kjl/lin_01.jpg);background-position:right center;background-repeat:no-repeat;color:#666;}
.sousuo_kuang {width:820px;}
.sousuo_kuang01 {width:120px;}
/*地区选择*/
.city-box {position:absolute;z-index:9999;background:#fff;border:2px solid #c9cbce;width:400px;padding:15px 15px 5px;}
.city-box:before,.city-box:after {content:'';display:block;width:0;height:0;border-width:10px;border-style:solid;position:absolute;left:20px;z-index:9998;}
.rightSelector:before,.rightSelector:after {left:280px;}
.city-box:before {border-color:transparent transparent #ffffff;top:-17px;z-index:10001;}
.city-box:after {border-color:transparent transparent #c8c8c8;top:-20px;}
.city-box * {padding:0;margin:0;font-size:14px;font-family:"Microsoft YaHei";color:#666;}
.prov-city {padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #d8d8d8;}
.provence:after,.provence ul:after,.prov-city ul:after,#js_provCitys:after {content:" ";display:block;height:0;clear:both;}
.provence div {font-weight:bold;}
.provence ul {list-style-type:none;font-weight:normal;padding-top:15px;margin:0 -5px;*zoom:1;}
.provence li,.prov-city li,#js_provCitys li {float:left;padding:5px;margin:0 5px 10px;background:#fafafa;cursor:pointer;color:#999;text-align: center;}
.provence li {padding:0;height:32px;line-height:32px;width:60px;position:relative;margin:0 4px 8px;}
.provence li li {padding:5px;height:auto;line-height:normal;margin:0 5px 10px;}
.provence span:hover,.prov-city li:hover,#js_provCitys li:hover {background:#f3f3f3;color:#c7000a;}
.prov-city p {font-weight:bold;margin-bottom:10px;}
.prov-city ul,#js_provCitys {position:initial;border:none;*zoom:1;list-style:none;margin:0 -5px;}
.prov-city li,#js_provCitys li {width:62px;font-size:14px;}
#js_provCitys {position:absolute;top:33px;left:-15px;z-index:99999;width:410px;background:#fff;border:1px solid #d8d8d8;*zoom:1;padding:0;padding-top:10px;margin:0;}
.provence span {display:block;height:100%;border:1px solid #fafafa;background:#fafafa;padding:0 10px;width:40px;}
/*搜索产品*/
.chanpin {width:962px;height:60px;background-color:#f3f3f3;margin-top:12px;}
.chanpin_bt {width:315px;height:25px;padding-top:20px;color:#333333;}
.chanpin_tu {width:962px;margin-top:60px;}
.chanpin_tu li {float:left;position:relative;width:290px;padding:15px 15px;margin-top:5px;margin-right:-5px;}
.chanpin_tu li img {vertical-align:top;}
.chanpin_tu span {font-size:16px;}
.chanpin_tu p {font-size:14px;line-height:16px;margin:5px 0px;}
.chanpin_tu li .chanpin01 {width:320px;height:368px;margin-top:12px;display:block;text-decoration:none;position:absolute;top:10px;left:10px;}
.chanpin_tu li .chanpin01:hover {text-indent:-999em}
.sx {width:962px;height:80px;text-align:center;margin-top:20px;}
.hx_td {width:320px;height:368px;position:absolute;top:0;left:0;}

/*登录跳转页 create*/
.create{width:50%; margin:20% auto; text-align: center; background: #ccc;}

/*创建户型信息页*/
.hx_container{width: 50%; margin: 0 auto; margin-top:10%; margin-bottom: 14%;}
.hxBox{ width:100%; border-bottom: 2px solid #ddd; padding-bottom: 2%;}
.hx_main{width: 80%; margin:10% auto;}
.hx_ul{width: 100%;}
.hx_list{ margin-bottom:8%;}
.hx_name{margin-right: 3%;}
.hx_list input{ padding: 10px; border:1px solid #A7A5A5; width: 60%; background: none; font-size: 16px; }
.hx_ct{width: 100%;}
.hx_img,.hx_btn{ float: left; }
.hx_img{width: 200px; margin-left: 10%;}
.hx_btn{width: 51%; height: 200px; margin-left: 5%; line-height: 200px; }
.hx_btn span{ width: 40%; font-size: 18px; margin-left: 5%; padding: 15px 35px;}
#hx_btn1{ background: #c7000a;color: #fff;}
#hx_btn2{ background: #E5E5E5; color:#666;}
.hx_line{ width:100%; border-bottom: 2px solid #ddd;}
/*修改密码页*/
.newPwd{width: 50%; margin: 0 auto; margin-top:10%; margin-bottom: 14%;}
.nPbox{width: 80%; margin:0 auto; }
.newPwd li{ margin: 2% auto; margin-left: 20%;}
.newPwd input{ padding: 10px; border:1px solid #A7A5A5; width: 50%; background: none; font-size: 16px;}
.newPwd button{ width: 20%; font-size: 18px; padding: 10px; background: #c7000a; color:#fff; cursor: pointer; margin-left: 30%;}
.newPwd span{color:red; font-size: 14px;}
@media screen and (min-width:1681px) and (max-width: 1920px) { 
.gengduo{ bottom: 12.5%;}
.g03{ bottom: 12%;}
.g02{ bottom: 12%;}
.g01{ bottom: 26.8%;}
}
/*ftp登录页*/
.ftp_login{ position: absolute; width:100%; top:21%; }
.ftp_box{ width: 53%; min-width: 1024px; height: 417px; margin: 0 auto;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4)}
.ftp_box ul li{height:417px;}
.leftbox{width: 55%; float: left; background: url(../ftp/bg2.jpg) no-repeat center; background-size:100% 100%;}
.rightbox{width: 45%; float: left; background:#fff;}
.topbar{ width: 100%; height: 70px; line-height: 70px; }
.topbar a{float:right; margin-right: 20px; letter-spacing: 3px; color: #999; }
.topbar img{ width: 6px; display: inline-block;}
.mainbtn{ width:100%; text-align: center; margin-top: 60px;}
.mainbtn a{ color:#fff; }
.logoimg img{width: 64px; display: inline-block; margin-bottom: 15px;}
.loginbtn{ width:60%; margin: 0 auto; background: #c8000a; padding: 10px 0; border-radius: 10px;}
.loginbtn a,.otherbtn a{display: block;}
.otherbtn{ width:60%; margin: 0 auto;margin-top: 15px; background: #ccc;}
.otherbtn p{ display: inline-block;}
.GoPC{ width: 45%; background: #999999; float: left; padding: 10px 0; border-radius: 10px;}
.useTxt{ width: 45%; background: #999999;float: right; padding: 10px 0; border-radius: 10px;}