@charset "utf-8";
/* CSS Document */
html,body,div,iframe,em,img,small,b,u,i,dl,dt,dd,ol,ul,li,p{font:14px/20px "微软雅黑",Arial,sans-serif;font-weight:normal;margin:0px;padding:0px;list-style:none;font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0px;padding:0px;list-style:none;}
body {overflow-x:hidden;}body,html{width:100%;height:100%;}
a:link {text-decoration:none;color:#000;}
a:visited {text-decoration:none;color:#000;}
a:active {text-decoration:none;color:#000;}
a:hover {text-decoration:none;color:#D3B16B;}
img{width:100%;float:left;}
a:hover img{transform:scale(1.1);transition:600ms;}
:before{content:"";position:absolute;z-index:1;}
:after{content:"";position:absolute;z-index:1;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
h1{font-size:22px;line-height:26px;overflow:hidden;}
h2{font-size:16px;}
p{font-size:14px;line-height:16px;color:#666;overflow:hidden;}
table {border-collapse:collapse;border-spacing:0;}th,td {vertical-align:middle;}
button,input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;outline:none;border:none;}
header,nav,article,section,aside,footer{width:100%;float:left;display:block;}
.cw,.center {width:100%;float:left;position:relative;}
.box {width:calc(100% - 300px);float:left;padding:50px 150px;position:relative;}
.block{display:block;}
.none,.wap_nav,.m_lyou,#mtuan,.jmess{display:none;}
.pt0{padding-top:0px;}
.tpc{display:block;}
.tmp{display:none;}
/*头部样式*/
.header {width:calc(100% - 300px);padding:10px 150px;background:#fff;position:fixed;left:0px;top:0px;transition:0.4s all;z-index:9999;}
.head_xs{padding:10px 150px;box-shadow:0 2px 5px 0 rgba(0,0,0,.06);}
.header .logo{float:left;position:relative;}
.header .logo img{width:auto;height:80px;}
.header .logo .bb {display:none;}
.header .logo a:hover img{transform:scale(1);}

.header .nav {float:right;margin-top:20px;}
.header .nav ul{}
.header .nav li {float:left;position:relative;height:30px;line-height:30px;margin-right:40px;}
.header .nav li a{display:block;position:relative;}
.header .nav li a h2{font-size:18px;position:relative;color:#666;z-index:2;}
.header .nav li.yes:before{width:38px;height:13px;bottom:-15px;left:50%;margin-left:-18px;background:url("../nav.png");display:none;}
.header .nav li.yes h2,.header .nav li a:hover h2{color:#000;}
.header .nav li a:hover h2{color:#000;}
.header .nav li:last-child{margin:0px;}

.header .nav li:hover .subnav {top:52px;visibility:visible;opacity:1;}
.header .nav .subnav {width:100px;position:absolute;top:60px;left:-20px;padding:10px;visibility:hidden;transition:all 0.6s ease 0s;background:rgba(255,255,255,.95);box-shadow:0 4px 20px 5px rgba(68,93,127,0.1);background-size:100%;opacity:0;z-index:999;border-top:solid 3px #D3B16B;border-radius:8px;}
.header .nav .subnav a{line-height:26px;display:block;position:relative;margin:10px 0;padding:0 10px;}
.header .nav .subnav a span{color:#000;position:relative;z-index:2;}
.header .nav .subnav a:hover{color:#D3B16B;transition:800ms;}
.header .nav .subnav a:after{width:0%;height:100%;left:0px;bottom:0px;background:#D3B16B;visibility:hidden;}
.header .nav .subnav a:hover:after{width:100%;visibility:visible;transition:460ms;}

.header .nav li:last-child h2{color:#D3B16B;font-size:22px;font-weight:bold;padding-left:30px;}
.header .nav li:last-child:before{width:24px;height:24px;background:url("../tel.png") no-repeat;background-size:100%;}
.header .nav li:last-child p{width:120px;position:absolute;left:8px;top:40px;border-radius:4px;box-shadow:0 3px 10px 0 rgba(0,0,0,.10);border:solid 1px #D3B16B;overflow:inherit;visibility:hidden;}
.header .nav li:last-child p:after{height:0;width:0;border-color:transparent transparent #D3B16B transparent;border-style:solid;border-width:6px;top:-13px;left:44%;}
.header .nav li:last-child:hover p{visibility:visible;}

.header .Close_btn.active{right:0px;top:0px;background:none;box-shadow:none;}
.header .Close_btn.active i{background:#D92528;}
.header .Close_btn {position:fixed;right:5px;top:0px;width:40px;height:40px;cursor:pointer;z-index:999;display:none;transition:0.4s all;}
.header .Close_btn i {width:20px;height:2px;background:rgba(0,0,0,.60);transition:0.3s all;position:absolute;left:10px;top:12px;z-index:2;border-radius:10px;}
.header .Close_btn i:nth-child(2){width:18px;top:20px;}
.header .Close_btn i:nth-child(2):before{height:0;width:0;border-color:transparent transparent transparent #D3B16B;border-style:solid;border-width:3px;right:-10px;top:-2px;z-index:1;}
.header .Close_btn i:nth-child(3){top:28px;}

.header .Close_btn.active i:nth-child(1){transform:translateY(7px) rotate(45deg);left:10px;}
.header .Close_btn.active i:nth-child(3){transform:translateY(-5px) rotate(-45deg);left:10px;top:24px;}
.header .Close_btn.active i:nth-child(2){opacity:0;}

.footer{position:relative;padding-top:50px;padding-bottom:20px;background:#EDEDED;}
.fotnav{width:100%;float:left;position:relative;}
.fotnav ul{width:calc(100% - 600px);float:left;position:relative;display:flex;justify-content:space-between;}
.fotnav li{width:600px;float:left;position:relative;}
.fotnav li h2{font-size:16px;color:#444;display:block;}
.fotnav li a{display:block;line-height:30px;margin-top:5px;color:rgba(0,0,0,.60);}
.fotnav li a:hover{color:#000;}
.fotnav li:last-child{width:240px;float:right;}

.fotnav dl{width:540px;float:right;}
.fotnav dt{width:400px;float:left;}
.fotnav dt h2{font-size:16px;color:rgba(0,0,0,.50);position:relative;}
.fotnav dt h3{font-size:18px;line-height:38px;}
.fotnav dt em{font-size:20px;line-height:36px;color:#D3B16B;display:block;margin-bottom:0px;font-weight:bold;}
.fotnav dt p{color:#444;line-height:24px;}
.fotnav dt span{font-size:12px;background:#D3B16B;color:#fff;display:inline-block;margin-left:5px;line-height:18px;padding:0 3px;position:relative;top:-2px;}

.fotnav dd{width:130px;float:right;}
.fotnav dd p{width:100%;float:left;color:#444;margin-top:10px;}
.fotnav dd span{color:#D3B16B;position:relative;float:right;}

.copright{width:100%;float:left;padding-top:10px;position:relative;z-index:2;}
.copright dt{float:left;color:#444;}
.copright dd{float:right;margin-top:-6px;color:#444;}
.copright dd i{width:20px;height:20px;display:inline-block;margin-right:5px;background:url("../icp.png") no-repeat 0 0px;background-size:18px;position:relative;top:5px}
.copright dd .wab{margin-left:10px;background-position:0 -33px;}
.copright dd a{color:#444;}
.copright dd a:hover{color:#000;}

/*底部固定客服*/
.kefu{width:66px;position:fixed;top:50%;right:10px;z-index:999;margin-top:-165px;border-radius:60px 60px 0px 0px;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);border: 2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1);}
.kefu li{width:100%;float:left;position:relative;cursor:pointer;padding:15px 0;}
.kefu li:before{width:calc(100% - 20px);height:1px;left:10px;bottom:0px;background:#E5E5E5;}
.kefu li h2{font-size:12px;color:#444;text-align:center;}
.kefu li p{width:125px;position:absolute;left:-150px;background:#fff;top:10px;padding:15px;box-shadow:0 0 9px 0 rgba(0,0,0,0.1);border-radius:3px;font-size:16px;color:#222;visibility:hidden;height:inherit;overflow:inherit;}
.kefu li p:before{height:0;width:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:6px;left:auto;right:-12px;top:15px;}
.kefu li span{font-size:12px;display:block;margin:10px 0 5px 0;color:#999;}
.kefu li:hover p{visibility:visible;left:-145px;transition: 0.3s ease-out;}
.kefu li i{width:26px;height:28px;background:url("../ri_ico.png") no-repeat;background-size:100%;margin:0 auto;display:table;}
.kefu li:nth-child(1) i{background-position:0 1px;}
.kefu li:nth-child(2) i{background-position:0 -42px;}
.kefu li:nth-child(3) i{background-position:0 -84px;}
.kefu li:nth-child(4) i{background-position:0 -128px;}
.kefu li:last-child:before{display:none;}
.kefu li:nth-child(1){display:none;}

.u_top{position:fixed;display:block;width:70px;height:50px;right:-120px;top:50%;margin-top:70px;transition:0.3s ease-out;padding:0;background:url(../top.png) #D3B16B no-repeat center;background-size:30px;border-radius:0px 0px 6px 6px;z-index:88;}
.up_top_xianshi{right:10px;opacity:1;}

.f_ewm{width:130px;height:160px;position:fixed;right:0px;bottom:-18px;background:url("../f_ewm.png") no-repeat;background-size:100%;z-index:9999;overflow:hidden;display:none;}
.f_ewm:before{content:"微信咨询";width:60px;left:45px;bottom:24px;font-size:12px;line-height:14px;}

/*视频播放*/
.sip_btn{}
.vid_tc{width:100%;height:calc(100% - 100px);background:rgba(0,0,0,.30);position:fixed;left:0px;top:100px;display:none;z-index:9999;}
.close_sp{width:60px;height:60px;background:rgba(0,0,0,.80) url("../gbi.png") no-repeat 15px 30px;background-size:14px;position:absolute;right:-20px;top:-20px;text-indent:-9999px;border-radius:60px;cursor:pointer;}
.con_sp{width:800px;position:absolute;left:50%;top:50%;margin-left:-400px;margin-top:-250px;overflow:hidden;border-radius:6px;}
/*弹窗微信*/
#weixin{width:100%;height:100%;background:rgba(0,0,0,.50);position:fixed;left:0%;top:0%;display:none;z-index:200;}
#weixin .closew{width:40px;height:40px;background:rgba(255,255,255,.40);border-radius:60px;position:absolute;left:50%;bottom:-80px;margin-left:-20px;cursor:pointer;text-indent:-9999px;}
#weixin .closew:before{width:1px;height:20px;background:rgba(255,255,255,.40);left:49%;top:-30px;}
#weixin .closew:after{width:16px;height:20px;background:url("../gbi.png") no-repeat 0 2px;background-size:100%;left:12px;top:10px;}
.shaom{width:400px;height:340px;padding:10px;position:absolute;left:50%;top:50%;background:#fff;border-radius:6px;margin-left:-200px;margin-top:-230px;}
.shaom ul{width:100%;float:left;}
.shaom li{width:100%;float:left;text-align:center;position:relative;}
.shaom li img{width:150px;float:none;margin:0 auto;display:table;border:solid 1px #E5E5E5;border-radius:6px;}
.shaom li:nth-child(1){margin-bottom:10%;font-size:20px;line-height:40px;}
.shaom li:nth-child(1):before{width:60px;height:2px;background:#D3B16B;left:50%;margin-left:-30px;bottom:-10px;}
.shaom li:nth-child(3){margin-top:10px;}
.shaom li:last-child{width:calc(100% - 84px);border:dashed 2px #D3B16B;border-radius:4px;padding:20px;color:#D3B16B;position:absolute;bottom:20px;left:20px;display:none;}
.shaom li:last-child a{display:block;background:#EE2626;color:#fff;line-height:32px;margin-top:10px;border-radius:4px;}

/*分页样式开始*/
.paging{width:100%;float:left;}
.pc_page{width:100%;float:left;position:relative;margin-top:20px;text-align:center;}
.pc_page a {display:inline-block;width:30px;line-height:30px;color:rgba(68,68,68,.60);background:#EDEDED;position:relative;text-align:center;}
.pc_page a b{position:relative;z-index:2;}
.pc_page a:hover b{color:#000;}
.pc_page a:hover{background:#D9D9D9;}
.pc_page span{display:inline-block;width:30px;line-height:30px;font-size:16px;position:relative;background:#D3B16B;color:#fff;text-align:center;top:1px;}
.pc_page .prev,.pc_page .next{width:80px;height:30px;background:#EDEDED;padding:0 0 0 15px;}
.pc_page .next{left:auto;right:0px;padding:0 15px 0 0;}
.pc_page .prev:before,.pc_page .next:before{width:6px;height:18px;background:url("../more.png") no-repeat 0px 2px;background-size:100%;left:15px;top:7px;z-index:2;}
.pc_page .next:before{left:auto;right:15px;background-position:0 -50px;}
.pc_page .prev:after,.pc_page .next:after,.pc_page .first,.pc_page .end{display:none;}

.m_page {width:100%;float:left;height:40px;position:relative;border-radius:4px;margin-top:5px;margin-bottom:20px;}
.m_page a{width:calc(30% - 5px);float:left;height:40px;background:#F0F3FD;text-indent:-9999px;border-radius:4px 0 0 4px;position:relative;}
.m_page a:before{width:10px;height:16px;background:url(../ico.png) no-repeat 0px -22px;background-size:8px;top:11px;left:45%;transform:rotate(-180deg);}
.m_page p{width:40%;position:absolute;left:50%;margin-left:-20%;background:#F0F3FD;text-align:center;color:#7D8790;height:40px;line-height:40px;letter-spacing:2px;}
.m_page b{color:#0052D9;}
.m_page a:last-child{float:right;border-radius:0 4px 4px 0;}
.m_page a:last-child:before{transform:rotate(0deg);}


/*弹窗客服*/
.cust_up{width:180px;position:fixed;display:none;bottom:5px;left:5px;z-index:6;padding:10px;padding-top:0px;background:#D3B16B;box-shadow: 0 8px 30px 0 rgba(0,0,0,0.5);border-radius:6px;background:linear-gradient(130deg,#D3B16B,#C5A176);overflow:hidden;z-index:888;}
.cust_up:before{width:calc(100% - 2px);height:calc(100% - 46px);left:1px;bottom:1px;background:#fff;border-radius:10px 10px 6px 6px;}
.cust_up .colse_btn{width:16px;height:20px;background:url("../gbi.png") no-repeat;background-size:100%; cursor:pointer;position:absolute;right:10px;top:10px;z-index:88;}
.cust_up .con{width:100%;float:left;position:relative;z-index:5;}
.cust_up li{width:100%;float:left;margin:15px 0 0 0px;;position:relative;}
.cust_up li input{width:calc(100% - 8px) !important;color:#666;line-height:26px;border:1px solid #D3D7DE;
outline:none;resize:none;font-size:12px;text-indent:5px;border-radius:4px;}
.cust_up li input:focus{color:#070707;border:1px solid #0052D9;}
.cust_up li span{position:absolute;left:6px;top:5px;padding:0 3px;background:#fff;color:#3D485D;transition:0.3s;pointer-events:none;font-size:12px;z-index:2;}
.cust_up li input:focus ~ span,.cust_up li textarea:focus ~ span,.cust_up li input:valid ~ span,.cust_up li textarea:valid ~ span{
transform:translateY(-17px);left:6px;color:#0052D9;}
.cust_up li .tijiao{width:80px !important;background:#F04142;border:0px;color:#fff;cursor:pointer;line-height:30px;font-size:14px;border-radius:4px;text-indent:0px;float:right;margin-bottom:10px;}
.cust_up li .tijiao:hover{background:#EE2626;}
.cust_up li:nth-child(1){margin:5px 0 5px 0;}
.cust_up li h2{color:#fff;display:block;font-size:12px;line-height:16px;}

/*需求表单样式*/
.mes_con{width:calc(100% - 60px);float:left;padding:20px 30px;background:#fff;}
.mes_con h2{width:100%;float:left;height:auto;line-height:26px;color:#7D8790;}
.mes_con c{color:#EE2626;font-weight:bold;display:inline-block;margin:0 6px;}
.mes_con ul{width:100%;float:left;}
.mes_con li{width:100%;float:left;margin:10px 0;}
.mes_con li em{display:block;font-size:30px;line-height:40px;margin-bottom:10px;color:#EE2626;position:relative;padding-left:30px;}
.mes_con li em:before{content:"咨询电话";width:30px;font-size:12px;line-height:14px;left:0px;top:6px;}
.mes_con li input {width:calc(100% - 2px);line-height:40px;background:#EDEDED;border:solid 1px #fff;padding:0;border-radius:6px;text-indent:20px;}
.mes_con li input:focus{border:solid 1px #D9D9D9;background:#fff;color:#070707;transition:0.4s all;}
.mes_con li .dx_btn{width:auto;}
.mes_con li .tijiao{width:100%;float:left;line-height:46px;background:#D3B16B;color:#fff;text-align:center;font-size:16px;}
.mes_con li .tijiao:hover{background:#C5A176;}
.mes_con li:last-child{color:#666;}

@keyframes rubberBand {0% {transform:scale3d(1, 1, 1)}30% {transform:scale3d(1.25, .75, 1)}40% {transform:scale3d(0.75, 1.25, 1)}
50% {transform:scale3d(1.15, .85, 1)}65% {transform:scale3d(.95, 1.05, 1)}75% {transform:scale3d(1.05, .95, 1)}100% {
transform:scale3d(1, 1, 1)}}