/*初始设置*/
*{padding:0; margin:0;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
input,a{ outline:none;}
body{ font-family:"微软雅黑","黑体","宋体"; box-sizing:border-box; background:#fff;}
img{ border:none;}

@font-face{
	font-family:"daohangzi";
	src:url(fonts/SansSerifCollection.ttf);	
}


.bgsy{ background: #f2f2f2;}
/*头部区域*/
.header{ width:100%;position:fixed;left:0; top:0;z-index:100; box-sizing:border-box;  height: 96px;}
.header.on{position:fixed;z-index:100;height:96px;box-shadow:0 5px 10px rgba(0,0,0,0.05); transition:0.3s; background: #fff;}
.hd_con{ width:100%; height:96px; margin:0 auto; box-sizing:border-box; padding: 0 30px;}
.header .logo{ float:left; margin-top:34px;}
.header .logo a{ display:block; height: 28px;}
.header .logo a img{ display:block; height: 100%;}

.header .nav{ float:right;}
.header .nav::after{ content: ""; display: block; clear: both;}
.header .nav ul{ float:left; margin-top: 28px;}
.header .nav li{ float:left; position:relative; margin-right:55px;}
.header .nav li:last-child{ margin-right: 0;}
.header .nav li .ddhh{ display:block; line-height:40px; color:#000; font-size:16px;font-family:"daohangzi"; text-transform: uppercase; }
.header .nav li:hover .ddhh,.header .nav li.on .ddhh{ color:#000; border-bottom:1px solid #000;}
.header.on .nav li .ddhh{ display:block; line-height:40px; color:#000; font-size:16px;font-family:"daohangzi"; text-transform: uppercase;}
.header.on .nav li:hover .ddhh,.header .nav li.on .ddhh{ color:#000; border-bottom:1px solid #000;}

.header .nav .sux{ float:right;margin:40px 40px; display: block; background: #1b1b1b; width: 1px; height: 16px; }
.header .nav .yuyan{float:right;}
.header .nav .yuyan::after{ content: ""; display: block; clear: both;}
.header .nav .yuyan .yuyantu{ width: 18px; height: 18px; display: block; float: left; margin-top:38px; margin-right: 15px;}
.header .nav .yuyan .yuyantu img{ width: 100%; display: block; margin: 0 auto;-webkit-animation:zhuan 3s infinite;animation:zhuan 3s infinite;}
@-webkit-keyframes zhuan{
	0%{ transform: rotate(0);opacity:0.88;}
	100%{transform: rotate(360deg);opacity:1;}
	
}
@keyframes zhuan{
	0%{ transform: rotate(0);opacity:0.88;}
	100%{transform: rotate(360deg);opacity:1;}
	
}
.header .nav .yuyan h6{float:right; font-size:16px; line-height:94px; font-weight: 400; color:#000; }


.header .btn{ border:1px solid #333333; position:absolute; top:0; right:0; padding:4px; border-radius:3px; cursor:pointer; display:none;}
.header .btn i{ display:block; width:20px; height:3px; background:#333333; margin:3px; transition:0.3s;}
.header .btn i:nth-child(1){transform-origin:left bottom;}
.header .btn i:nth-child(2){ opacity:1}
.header .btn i:nth-child(3){transform-origin:left top;}
.header .btn.on i:nth-child(1){ transform:rotate(35deg); }
.header .btn.on i:nth-child(2){  opacity:0}
.header .btn.on i:nth-child(3){ transform:rotate(-35deg); }



/*首页banner海报区域*/
.haib{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.banner{width:100%;background:#f2f2f2 url(../img/datutu.png) no-repeat center; overflow:hidden; height:100vh; position: relative;}
.banner .ddxia{ position: absolute; left:50%; margin-left: -12px; bottom:35px; cursor: pointer;}
.banner .ddxia img{ width:24px; display: block; margin: 0 auto;-webkit-animation:xia 1s infinite;animation:xia 1s infinite;}


@-webkit-keyframes xia{
	0%{ opacity:0.6;   transform: translateY(0px);}
	40%{ opacity:1;    transform: translateY(5px);}
	80%{ opacity:0.6;  transform: translateY(0px);}
	100%{ opacity:0.6; transform: translateY(0px);}
	
}
@keyframes xia{
	0%{ opacity:0.6; transform: translateY(0px);}
	40%{ opacity:1; transform: translateY(5px);}
	80%{ opacity:0.6; transform: translateY(0px);}
	100%{ opacity:0.6; transform: translateY(0px);}
	
}

.tuij{ width:100%; margin:20px auto 0; border:6px solid #f2f2f2; border-bottom: none; box-sizing: border-box;}
.tuij .box{ width:100%; position: relative; overflow: hidden; box-sizing: border-box;}
.tuij .box img{ width:100%; margin:0 auto 0; transition: 0.3s;}
.tuij .box .boxbg{ width: 100%; height: 100%; background: rgba(0,0,0,0); position: absolute; top:-6px; left: 0; display:block; transition: 0.3s; cursor: pointer;}
.tuij .box .boxbg .yjia{ width: 58px; height: 58px; display: block; position: absolute; top: 50%; left: 50%; margin-top: -29px; margin-left: -29px; background: #fff;
border-radius: 50%; transition: 0.5s; transform: scale(0);}
.tuij .box .boxbg .yjia i:nth-child(1){ position: absolute; width:2px; height:10px; left:50%; top: 50%; margin-left:-1px; margin-top: -5px; background: #3f3f3f;}
.tuij .box .boxbg .yjia i:nth-child(2){ position: absolute; width:10px; height:2px; left:50%; top: 50%; margin-left:-5px; margin-top: -1px; background: #3f3f3f;}
.tuij .box .boxbg p{position: absolute; bottom:6%; display: inline-block; background: #fff; font-size:16px; text-transform: uppercase; color: #333; box-sizing: border-box;
padding:12px 28px; transform: translateX(-100%); -webkit-transform: translateX(-100%);transition:1s;}

.tuij .box:hover .boxbg{background: rgba(0,0,0,0.18);}
.tuij .box:hover img{ transform: scale(1.02);}
.tuij .box:hover .boxbg .yjia{transform: scale(1);}
.tuij .box:hover .boxbg p{ transform: translateX(0); -webkit-transform: translateX(0);}




.all2{ width:100%; margin:0 auto 20px; border:6px solid #f2f2f2; -webkit-column-count:3;column-count:3; box-sizing: border-box;
-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;}
.all2 .box{ width:100%; margin-bottom:3px; position: relative; overflow: hidden; box-sizing: border-box;}
.all2 .box img{ width:100%; margin:0 auto 0; transition: 0.3s;}
.all2 .box .boxbg{ width: 100%; height: 100%; background: rgba(0,0,0,0); position: absolute; top:-6px; left: 0; display:block; transition: 0.3s; cursor: pointer;}
.all2 .box .boxbg .yjia{ width: 58px; height: 58px; display: block; position: absolute; top: 50%; left: 50%; margin-top: -29px; margin-left: -29px; background: #fff;
border-radius: 50%; transition: 0.5s; transform: scale(0);}
.all2 .box .boxbg .yjia i:nth-child(1){ position: absolute; width:2px; height:10px; left:50%; top: 50%; margin-left:-1px; margin-top: -5px; background: #3f3f3f;}
.all2 .box .boxbg .yjia i:nth-child(2){ position: absolute; width:10px; height:2px; left:50%; top: 50%; margin-left:-5px; margin-top: -1px; background: #3f3f3f;}
.all2 .box .boxbg p{position: absolute; bottom:6%; display: inline-block; background: #fff; font-size:16px; text-transform: uppercase; color: #333; box-sizing: border-box;
padding:12px 28px; transform: translateX(-100%); -webkit-transform: translateX(-100%);transition:1s;}

.all2 .box:hover .boxbg{background: rgba(0,0,0,0.18);}
.all2 .box:hover img{ transform: scale(1.02);}
.all2 .box:hover .boxbg .yjia{transform: scale(1);}
.all2 .box:hover .boxbg p{ transform: translateX(0); -webkit-transform: translateX(0);}



/* 底部区域 */
.ddfoot{ width:100%; margin:0 auto;display: block; overflow: hidden; box-sizing: border-box; padding: 90px 30px;}
.ddfoot h5{ font-size:16px; text-align: center; color: #333; box-sizing: border-box; line-height: 1.3em; font-weight: 400;}
.ddfoottu{ height: 40px; display: block; margin:25px auto 0; }
.ddfoottu img{height:100%; margin:0 auto;display: block; }

.banquan{width:100%; margin:0 auto;overflow: hidden; box-sizing: border-box; padding:22px 30px; background:#1b1b1b;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.banquan p{font-size:14px; text-align: left; color: #ffffff; box-sizing: border-box; line-height: 1.3em; font-weight: 400;}
.banquan p a{ color: #ffffff; }




/* 在线客服 */
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;
overflow:hidden;}
.yb_bar .yb_top{background:#000 url(../img/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#000 url(../img/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#000 url(../img/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#000 url(../img/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}



/* 弹框 */
.datu{width: 100%;height: 100%;position: fixed;left: 0;top:0;display:none;z-index:200; }
.datu .datutu{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center; align-items:center;box-sizing: border-box; padding:30px; width:90%; height:100vh; margin: 0 auto;}
.datu .datutu img{ margin: 0 auto; display: block; max-width:90%; max-height:80% !important;}
.datu .close {width:70px;height:70px;background: #fff;color: #333;text-align:center;line-height:70px;position:absolute;top:0;right:0;cursor:pointer; z-index: 220;}


.bg{ width:100%; height:100%; background:#000; opacity:0.5; position:fixed; top:0; left:0; display:none; z-index:150;}



/* 内页 */
.header2.on{position:fixed;z-index:100;height:96px;box-shadow:0 5px 10px rgba(0,0,0,0.05); transition:0.3s; background:rgba(0,0,0,0.3);}
.header2 .nav li .ddhh{ display:block; line-height:40px; color:#fff; font-size:16px;font-family:"daohangzi"; text-transform: uppercase; }
.header2 .nav li:hover .ddhh,.header2 .nav li.on .ddhh{ color:#fff; border-bottom:1px solid #fff;}
.header2.on .nav li .ddhh{ display:block; line-height:40px; color:#fff; font-size:16px;font-family:"daohangzi"; text-transform: uppercase;}
.header2.on .nav li:hover .ddhh,.header2 .nav li.on .ddhh{ color:#fff; border-bottom:1px solid #fff;}
.header2 .nav .sux{ float:right;margin:40px 40px; display: block; background: #fff; width: 1px; height: 16px; }
.header2 .nav .yuyan{float:right;}
.header2 .nav .yuyan::after{ content: ""; display: block; clear: both;}
.header2 .nav .yuyan .yuyantu{ width: 18px; height: 18px; display: block; float: left; margin-top:38px; margin-right: 15px;}
.header2 .nav .yuyan .yuyantu img{ width: 100%; display: block; margin: 0 auto;-webkit-animation:zhuan 3s infinite;animation:zhuan 3s infinite;}
.header2 .nav .yuyan h6{float:right; font-size:16px; line-height:94px; font-weight: 400; color:#fff; }

.header2 .btn{ border:1px solid #ffffff; position:absolute; top:0; right:0; padding:4px; border-radius:3px; cursor:pointer; display:none;}
.header2 .btn i{ display:block; width:20px; height:3px; background:#ffffff; margin:3px; transition:0.3s;}



.banner2{width:100%;background:#fff; overflow:hidden; height:600px; position: relative;}
.nyb1{ background: url(../img/ny1.png) no-repeat center;}
.nyb2{ background: url(../img/ny2.png) no-repeat center;}
.nyb3{ background: url(../img/ny3.png) no-repeat center;}


.nybzi{ width:50%; display: block; text-align: left; margin: 0 auto; position: absolute; bottom:60px; left: 25%;}
.nybzi h2{ color: #fff; font-size: 66px; font-weight: 900; text-align: left; line-height: 1.3em; margin-top:18%;}
.nybzi p{ color: #fff; font-size:34px; font-weight:900; text-align: left; line-height: 1.3em;}


/* about */
.nycon{width:100%; margin:0 auto;display: block; overflow: hidden; box-sizing: border-box; padding:90px 80px 70px;}
.nycon h3{color: #000000; font-size:44px; font-weight:400; text-align:center; line-height: 1.3em; text-transform: uppercase;}
.nyctop{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start;box-sizing: border-box; margin: 60px auto; }
.nyctli{ width: 48%; background: #f0f0f0; box-sizing: border-box; padding:70px 8% 55px;}
.nyctli h4{color: #000000; font-size:22px; font-weight:900; text-align:center; line-height: 1.3em;}
.nyctli p{color: #333; font-size:16px; font-weight:400; text-align: center; line-height:2em;}
.wzdl{width:100%; margin:0 auto;display: block; overflow: hidden; box-sizing: border-box; padding:0px 14% 5px;}
.wzdl p{color: #333; font-size:18px; font-weight:400; text-align: center; line-height:2.2em;}

.nycon2{width:100%; margin:0 auto;display: block; overflow: hidden; box-sizing: border-box; padding:80px 80px; background: #333 url(../img/bgtu1.png) no-repeat center fixed;}
.nycon2 h3{color: #fff; font-size:44px; font-weight:400; text-align:center; line-height: 1.3em; text-transform: uppercase;}
.ysscon{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start;box-sizing: border-box; margin:60px auto 20px; }
.yssli{ width: 360px; height: 160px; background: #ffffff; display:block; box-sizing: border-box; padding:40px 15px;}
.yssli h4{color: #000000; font-size:50px; font-weight:400; text-align:center; line-height: 1.1em;}
.yssli p{color: #333; font-size:18px; font-weight:400; text-align: center; line-height:2em;}

.bdfwb{width:100%; margin:0 auto; box-sizing:border-box; display: block; overflow: hidden; padding: 50px;}
.bdfwb p{ font-size:18px; line-height:2em; color: #333; text-align: justify; -webkit-text-align: justify; margin:6px auto;}
.bdfwb p img{ display: block; margin:15px auto; width: auto; max-width:100%;}
.bdfwb img{ display: block; margin:15px auto; width: auto; max-width:100%;}


/* 底部 */
.nbb{width:100%; margin:0 auto;display: block; overflow: hidden; box-sizing: border-box; padding:60px 30px 0;}
.nbbc{width:100%; margin:0 auto;overflow: hidden; box-sizing: border-box; border-top: 1px solid #1b1b1b; padding:50px 50px 0;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.nbbl{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;box-sizing: border-box;}
.nbblniu{ margin-right:14%;}
.nbblniu a{ display:block; background:#DCDCDC; color:#000000; font-size: 16px; text-transform: uppercase; text-align: center; font-weight: 400; line-height: 60px;
width: 220px; height: 60px; transition: 0.3s;}
.nbblniu a:hover{background:#000000; color:#fff; }
.nbbr{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end; align-items:center;box-sizing: border-box;}
.nbbr .nbbrtu{margin-left:30px;}

.nbbr .nbbrtu a{ width: 30px; height: 30px; display: block;}
.nbbr .nbbrtu a img{ width:100%; display: block; margin: 0 auto; transition: 0.3s;}
.nbbr .nbbrtu a:hover img{transform: rotate(45deg);}

/* 联系我们 */
.nyconlx{width:1140px; margin:0 auto;display: block; overflow: hidden; box-sizing: border-box; padding:40px 0;}
.nyconlx .bdfwb{width:100%; margin:0 auto; box-sizing:border-box; display: block; overflow: hidden; padding: 0;}
.nyconlx .bdfwb p{ font-size:16px; line-height:2.2em; color: #333; text-align: justify; -webkit-text-align: justify; margin:30px auto;}
.nyconlx .bdfwb p img{ display: block; margin:15px auto; width: auto; max-width:100%;}
.nyconlx .bdfwb img{ display: block; margin:15px auto; width: auto; max-width:100%;}

/* 表单 */
.bdtj{width:1140px; margin:0 auto;display: block; overflow: hidden; box-sizing: border-box; padding:0 0 30px;}
.btt{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;box-sizing: border-box; margin:30px 0 45px;}
.bttsu{ width: 28px; height: 28px; display: block; background:#E9E9E9; border-radius: 50%; text-align: center; line-height: 28px; font-size: 16px; font-weight: 900;
color: #000; margin-right:25px;}
.btt h3{color: #1b1b1b; font-size:16px; font-weight:900; text-align:left; line-height: 1.1em;}


.form-group {width: 100%;display: block; box-sizing: border-box; transition: all 0.3s ease; background: #fff; border: 1px solid #d8d8d8; margin-bottom: 15px;
 padding:40px 38px; position: relative; }
 
/* 自定义复选框样式 */
.custom-checkbox {display: block;position: relative;padding-left:60px;cursor: pointer;font-size: 16px;user-select: none;
box-sizing: border-box;}
.custom-checkbox .ddd { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top:-10px; left:0; height:40px; width:40px; background-color: #fff; border-radius: 50%; transition: all 0.3s;
border: 1px solid #dbdbdb; box-sizing: border-box;}
.custom-checkbox:hover .ddd ~ .checkmark { background-color: #fff;border: 1px solid #dbdbdb;}
.custom-checkbox .ddd:checked ~ .checkmark { background-color: #fff;border: 1px solid #fff;}
.checkmark:after {content: "";position: absolute;display: none;}
.custom-checkbox .ddd:checked ~ .checkmark:after { display: block;}
.custom-checkbox .checkmark:after {left:15px;top:10px;width:6px;height:12px;border: solid #000;border-width: 0 2px 2px 0;transform: rotate(45deg);}
 
.form-group .custom-checkbox h4{color: #1b1b1b; font-size:20px; font-weight:900; text-align:left; line-height: 1.1em; display: inline-block;}
 
/* 动态添加的class */
.selected-group {background: #1b1b1b;border: 1px solid #1b1b1b;}
.form-group.selected-group .custom-checkbox h4{color: #fff;}

/* 数字加减 */
.quantity-controller { display: inline-flex; align-items:center;overflow: hidden;position: absolute; top:30px;right:20px; }    
.quantity-btn {width:40px;height: 40px;background:none;border:1px solid #ffffff; border-radius: 50%; color:#d7d7d7;
cursor: pointer;font-size:22px;line-height:38px; text-align: center; display: flex;align-items: center;justify-content: center; }
.quantity-btn:hover { background:none;border:1px solid #e9e9e9;color:#e9e9e9;}
.quantity-input { width: 40px; height:40px; text-align: center; border: none;font-size:20px;font-weight: 900; line-height: 40px; color:#d7d7d7; background: none;}

.srkr{width:100%; margin:0 auto 30px;display: block; overflow: hidden; box-sizing: border-box; }
.srkr h4{color: #1b1b1b; font-size:16px; font-weight:400; text-align:left; line-height: 1.2em; display:block; margin-bottom: 20px; text-transform: uppercase;}
.srkc{width:100%; margin:0 auto;display: block; overflow: hidden; box-sizing: border-box; height:66px; background: #fff; border: 1px solid #d8d8d8; line-height: 64px;
text-align: left; padding:0 28px; font-size:16px; color:#666666; outline:none;font-family:"Arial";}
.srkc2{width:100%; margin:0 auto;display: block; overflow: hidden; box-sizing: border-box; height:150px; background: #fff; border: 1px solid #d8d8d8; line-height: 1.4em;
text-align: left; padding:22px 28px; font-size:16px; color:#666666; outline:none;  font-family:"Arial";}
.tijiao{ width: 100%; height: 108px; background:#1b1b1b; border: none; cursor: pointer;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center; align-items:center;box-sizing: border-box;transition:0.3s;}
.tijiao h2{color: #fff; font-size:40px; font-weight:400; text-align:left; line-height:108px; display:block; margin-right:30px; transition:0.3s;}
.tijiao:hover h2{ margin-right:50px; }
.tijiao:hover{ -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0); box-shadow:0 5px 10px rgba(0,0,0,0.3)}

/* 联系底部 */
.lxdbff{width:100%; margin:0 auto;display: block; overflow: hidden; box-sizing: border-box; border-top: 1px solid #000000; padding:60px 20px 0;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start;box-sizing: border-box;}
.lxfli{ width: 366px;}
.lxfli h3{color: #000000; font-size:24px; font-weight:900; text-align:left; line-height:1.2em; display:block; margin-bottom: 30px;}
.lxfli p{ font-size:16px; line-height:2em; color: #333; text-align: left;font-family:"Arial";}
.fxniuc{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;box-sizing: border-box; margin-top: 24px;}
.fxli{width: 30px; height: 30px; margin-right: 30px;}
.fxli img{ width: 100%; display: block; margin: 0 auto; opacity: 0.8; transition: 0.3s;}
.fxli:hover img{ opacity: 1;transform: rotate(45deg);}
.kjdh{width:100%; margin:0 auto;display: block; overflow: hidden; box-sizing: border-box; }
.kjdh .kjdhli{font-size:16px; line-height:2em; color: #333; text-align: left;font-family:"Arial"; display: block; opacity: 0.8; transition: 0.3s;}
.kjdh .kjdhli:hover{ opacity: 1;}




/*768移动端页面*/
@media (max-width:768px){
	
	
	
	.all2{margin:0 auto 20px; border:6px solid #f2f2f2; -webkit-column-count:1;column-count:1;}
	
	/* about */
	.nycon{padding:40px 20px;}
	.nycon h3{font-size:24px; }
	.nyctop{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start;box-sizing: border-box; margin:30px auto 15px; }
	.nyctli{ width: 49%;  padding:30px 15px 25px;}
	.nyctli h4{font-size:20px;}
	.nyctli p{font-size:14px; line-height:1.6em;}
	.wzdl{ padding:0px 15px 5px;}
	.wzdl p{font-size:16px; line-height:1.8em;}
	
	
	
	/* 联系底部 */
	.lxdbff{padding:30px 0px 0;flex-wrap:wrap;}
	.lxfli{ width: 100%; border-bottom: 1px dashed #ccc; box-sizing: border-box; padding-bottom: 30px; margin-bottom: 40px;}
	.lxfli h3{ margin-bottom:10px;}
	.lxfli p{ line-height:1.4em;}
	.fxniuc{margin-top:14px;}
	.kjdh .kjdhli{line-height:1.4em; }

	
	
	
	
	
	

}

/*移动端公用页面*/
@media (max-width:992px){

	/*头部区域*/
	.header{ width:100%; height:66px; position:static; border-bottom:none;}
	.header.on{ position:fixed;height:66px;}
	.header2{background:rgba(0,0,0,1);}
	.hd_con{ width:100%; height:66px; margin:0 auto; box-sizing:border-box; padding: 0 15px;}
	.header .logo{margin-top:19px; float: left;}
	
	.header .nav li:hover .ddhh,.header .nav li.on .ddhh{ color:#000; border-bottom:1px solid #000;}
	.header.on .nav li .ddhh{ display:block; line-height:52px; color:#454545; font-size:16px;}
	.header.on .nav li:hover .ddhh,.header .nav li.on .ddhh{ color:#000; border-bottom:1px solid #000;}
	.header .btn{ display:block;right:15px;top:17px;}
	.header .nav{ display:none; position:absolute; width:100%; top:66px; left:0; text-align:center; background:rgba(255,255,255,1); border-top:1px solid #ededed; z-index:999;
	height:calc(100vh - 66px); overflow:auto;}	
	
	.header .nav ul{float:none; width:100%; margin:0 auto; box-sizing:border-box; padding:0 20px;}
	.header .nav ul::after{ content: ""; display: block; clear: both;}
	.header .nav li{ float:none; border-bottom:1px solid #cfcfcf; width:100%;box-sizing:border-box; padding:0 10px;}
	.header .nav li .ddhh{ line-height:52px; color: #454545; text-align:left;background:url(../img/you.png) no-repeat right center;}
	.header .nav ul span{ display:none;}
	.header .nav li:hover::after,.header .nav li.on::after{ content:""; display:block; width:8px; height:14px; background:url(../img/you.png) no-repeat center; 
	position:absolute; top:20px;right:10px; display:none;}
	.header.on {height:66px;}
	
	.header .nav .sux{ display: none;}
	.header .nav .yuyan{float:none; width: 180px; box-sizing: border-box; border: 1px solid #ededed; display: block; padding:16px 50px; margin:30px auto 0;
	border-radius: 30px;}
	.header2 .nav .yuyan{ background: #000;}
	.header .nav .yuyan .yuyantu{margin-top:0px;}
	.header .nav .yuyan h6{ line-height: 18px;}

	
	.banner{background: #f2f2f2 url(../img/datutu.png) no-repeat center; background-size:70%;}
	.banner .ddxia{ bottom: 10%;}
	
	.banquan{padding:22px 30px;flex-wrap:wrap;}
	
	/* 弹框 */
	.datu .datutu{ padding:10px; width:100%; height:100vh; margin: 0 auto;}
	.datu .datutu img{ margin: 0 auto; display: block; max-width:100%; max-height:100% !important;}
	
	.banner2{height:500px; position: relative;}
	.nybzi{ width:70%; bottom:40px; left:15%;}
	.nybzi p{font-size:20px;}
	
	
	
	/*在线客服*/
	.yb_conct{ display: none;}
	
	
	/* 内页 */
	.nycon2{ padding:30px 20px;}
	.nycon2 h3{font-size:24px;}
	.ysscon{flex-wrap:wrap;margin:20px auto 20px; }
	.yssli{width:49%; height: 160px; padding:40px 10px 0; margin-bottom: 15px;}
	.yssli h4{font-size:40px;}
	.yssli p{font-size:15px; line-height: 1.4em;}

	.bdfwb{padding:10px 0;}
	.bdfwb p{ font-size:15px; line-height:1.6em; margin:6px auto;}

	/* 底部 */
	.nbb{ padding:20px 20px 0;}
	.nbbc{ padding:40px 0 0;flex-wrap:wrap;  }
	.nbblniu{ margin-right:15px; margin-bottom: 20px;}
	.nbblniu a{ width:auto; padding:0 10px;}
	
	
	/* 联系我们 */
	.nyconlx{width:100%;padding:20px 20px;}
	.nyconlx .bdfwb p{ font-size:14px; line-height:1.4em; margin:20px auto;}
	
	.bdtj{width::100%; padding:20px 20px;}
	
	
	
	
	/* 联系我们 */
	.nyconlx{width:100%;  padding:40px 20px;}
	
	/* 表单 */
	.bdtj{width:100%;padding:0 20px 30px;}
	
	
	
	
	
	
	
	
	
}


/*pid 768-992*/
@media (min-width:768px){

	/*头部区域*/
	.hd_con{ width:100%; height:96px; margin:0 auto; box-sizing:border-box; padding: 0 20px;}
	.header .nav li{ float:left; position:relative; margin-right:20px;}
	
	
	.all2{margin:0 auto 20px; border:6px solid #f2f2f2; -webkit-column-count:2;column-count:2;}
	
	
	.nbblniu a{ width:auto; padding:0 10px;}

	
	/* 联系我们 */
	.nyconlx{width:100%;  padding:40px 20px;}
	
	/* 表单 */
	.bdtj{width:100%;padding:0 20px 30px;}

}

/*ipad pro平板页面*/
@media (min-width:992px){
	/*头部区域*/
	.hd_con{ width:100%; height:96px; margin:0 auto; box-sizing:border-box; padding: 0 30px;}
	.header .nav li{ float:left; position:relative; margin-right:15px;}
	.header .nav .sous{ float:right; margin:32px 0 0 18px; display: block;}

	.all2{margin:0 auto 20px; border:6px solid #f2f2f2; -webkit-column-count:2;column-count:2;}


	.nbblniu a{ width:120px; padding:0 0;}

	
	/* 联系我们 */
	.nyconlx{width:100%;  padding:40px 20px;}
	
	/* 表单 */
	.bdtj{width:100%;padding:0 20px 30px;}

}


/*电脑最终页面*/
@media (min-width:1200px){	
	/*头部区域*/
	.hd_con{ width:100%; height:96px; margin:0 auto; box-sizing:border-box; padding: 0 30px;}
	.header .nav li{ float:left; position:relative; margin-right:50px;}
	
	.all2{margin:0 auto 20px; border:6px solid #f2f2f2; -webkit-column-count:3;column-count:3;}
	
	
	.nbblniu a{ width:220px; padding:0 0;}
	
	/* 联系我们 */
	.nyconlx{width:1140px;  padding:40px 0;}
	
	/* 表单 */
	.bdtj{width:1140px;padding:0 0 30px;}
	
	
}