@charset "UTF-8";
/* public */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-family:"微软雅黑";font-size:14px;overflow-x:hidden;color:#333;background:#fff; }
pre{font-family:"微软雅黑";}
a{font-size:14px;text-decoration:none; color:#333;transition:all .45s;}
.clearfix:after{content:"";display:block;height:0;clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,textarea,select{outline:none;font-family:"microsoft yahei";line-height:normal;border:none;background:none;}
textarea{resize:none;overflow:hidden;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand{display:none;}
i,em{font-style:normal;}
table{max-width:100%;overflow:hidden;}
.u_hidden{display:none;}
.fl{float:left;}
.fr{float:right;}
.z-container{width:1200px;height:auto;clear:both;margin:0 auto;}
.z-row{width:100%;height:auto;clear:both;overflow:hidden;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsis2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.ellipsis3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.ellipsis4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;}
.ellipsis5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis;}
.ellipsis6{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;text-overflow:ellipsis;}
.ellipsis8{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;text-overflow:ellipsis;}
*:before, *:after{z-index:-1;}
@font-face{font-family:'en';src:url("../fonts/dut801ia.ttf");}

.u_hidden{display:none;}
/*=========================================================================================================================*/
/*右侧悬浮*/
.sidebox{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:99;}
.sidebox li{position:relative;cursor:pointer;margin-bottom:2px;}
.sidebox a{display:block;width:50px;height:50px;margin-top:-1px;background-color:#3a435c; text-align:center;line-height:48px;color:#fff;position:relative;z-index:2;background:#3d3d3d;}
.sidebox a:hover{background-color:#555;color:#fff;border-color:#555;}
.sidebox .iconfont{font-size:20px;}
.sidebox .cont{transition:all .4s;white-space:nowrap;width:0;overflow:hidden;height:50px;line-height:50px;text-align:center;background-color:#101e46;color:#fff;font-size:14px;position:absolute;right:100%;top:0;}
.sidebox li img{vertical-align:middle;}
.sidebox li:hover .cont{width:100px;}
.sidebox li:hover a{background-color:#101e46;}
.sidebox li em{display:inline-block;width:100%;height:100%;}
.sidebox .code .cont{height:auto;line-height:normal;}
.sidebox .code .cont img{width:80px;height:80px;}
.sidebox li.code:hover .cont{width:80px;padding:5px;}
/*=========================================================================================================================*/
/*头部*/
.header{height:80px;background:rgba(255,255,255,.7);position:fixed;left:0;top:0;width:100%;text-align:center;z-index:99;transition:all .8s;}
body.fixed .header{transform:translateY(-100%);visibility:hidden;}
.header.on{transform:translateY(-80px);}
.header .logo{display: flex;position: relative;left: 8%;height: 100%;align-items: center;justify-content: flex-start;}
.header .logo img{width: auto;height: 80%;}
.header .fr{position: relative;right: 8%;height: 100%;display: flex;justify-content: flex-end;}
.header .header_nav{position: relative;height: 100%;}
.header .header_nav ul{display: flex;align-items: center;height: 100%;}
.header .header_nav ul li{margin: 0 1.2vw;}
.header .header_nav ul li a{font-size:16px;}
.header .header_nav ul li a:hover, .header .header_nav ul li a.on{color:#101e46;}
.header .header_nav ul li.header-tel{color: #ff5f04;font-weight: bold;font-size: 22px;margin: 0 20px 0 0;font-family: '黑体';}
.header .header_search{position: relative;height: 100%;display: flex;align-items: center;justify-content: center;}
.header .header_search form{width: auto;height: 30px;border-bottom: 2px solid #101e46;box-sizing: border-box;display: flex;align-items: center;}
.header .header_search .sou{display: block;width: 20px;height: 100%;background: url(../images/soubtn.png) no-repeat center;}
.header .header_search .serchtext{width:0px; visibility:hidden;transition:all .8s;}
.header .header_search:hover .serchtext { visibility:visible;width:100px;}
/*=========================================================================================================================*/
/*底部*/
.footer{background:#333333;color:#868686;}
.footer .z-container{width:89.5%; border-bottom:1px solid #474747;padding:120px 0;}
.foot_nav{float:left;}
.foot_nav a{color:#868686;display:block;}
.foot_nav dl{display:inline-block;vertical-align:top;margin-right:3vw;}
.foot_nav dt a{color:#fff;font-size:16px;}
.foot_nav dt{margin-bottom:30px;}
.foot_nav dd a{margin-bottom:10px;}
.foot_addre{float:left;margin-left:6vw;}
.foot_addre .info{margin:0px 0 0 0;}
.foot_code{float:right;}
.foot_code .code_box{width:112px;float:left;text-align:center;margin-left:2vw;}
.foot_code .code_box img{width:112px;height:112px;margin-bottom:10px;}
.foot_bar{background:#333333;color:#868686 ;line-height:1.5em;padding:10px 0;}
.foot_bar a{color:#868686;}
.foot_bar a:hover{color:#fff;}
.foot_bar .z-container{width:89.5%;}
.footer .foot_addre .foot_logo{margin-top:-20px;}
@media screen and (max-width:1660px){
.foot_addre{margin-left:3vw;}
}
@media screen and (max-width:1480px){
.foot_addre{margin-left:2vw;}
.foot_nav dl{margin-right:2vw;}
.process_box .text,.index_story .flex{width:85%;}
.wish_list{width:80%;}
	.header_nav{margin-left:12vw;}
}
@media screen and (max-width:1300px){
.index_store2 .map_box{width:100%;right:0;}
	.z-container{width:90%;}
body{min-width:1200px;}
.foot_code .code_box{float:none;}
}
/*=========================================================================================================================*/
/*=========================================================================================================================*/
/*=========================================================================================================================*/
.shuiyin{width:100%;height:100%; position:relative; display: block;}
.shuiyin .sy_box{width:auto; height:100%;position:relative; display:flex;align-items: center;justify-content: center;}
.shuiyin .sy_box .sy_pic{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/shuiyin.png) no-repeat center/50%;opacity: .6;}