@charset "utf-8";
/* CSS Document */
body {font: "Hiragino Sans GB" normal 100% ; color:#2e2d2d;	padding-top:50px;padding-bottom: 40px;-webkit-transition: margin 500ms ease;-moz-transition: margin 500ms ease;-ms-transition: margin 500ms ease;-o-transition: margin 500ms ease;transition: margin 500ms ease;margin:0 auto; padding:0;width: 100%;font-size:.625em;color:#36393d; overflow-x: hidden;}
.ovfHiden{overflow:auto;overflow-x: hidden;height: 100%;}
li,em,i{list-style:none;font-style:normal;}
a{  text-decoration:none;}
a:hover{ text-decoration:none; color: #0057ff}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0; font-family: "Hiragino Sans GB","微软雅黑", Arial, Helvetica, sans-serif; font-weight: normal;}
hr{ color:#c6c6c6; border:none; border-top:1px solid #c6c6c6;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
img {max-width: 100%;width: auto;height: auto;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;margin-top: 0em;}
.clear{clear:both}
.red{color:#e20200}
.wid-100{ width:100%; max-width:1920px; margin:0 auto}
.wid-1000{ width:95%; max-width:1100px; margin:0 auto}
.blank10{ height:10px}
.blank20{ height:0.625rem}
.left{ float:left}
.right{ float:right}
.hide{ display: none; }
.blank5{ height: 50px; }
.posr{ position: relative; }
/**/
.head_top_box{ height: 70px; line-height: 70px; background: #0057ff; position: relative; }
.nav ul li{ float: left; font-size: 16px; color: #fff;  width: 100%; max-width: 140px; text-align: center;position: relative; }
.nav ul li a{ color: #fff; }
.nav ul li a:hover{ color: #fff  }
.nav ul li h3{ font-size: 16px; position: relative; }
.nav ul li h3 a{ display: block; }
.nav ul li h3 span{ display: block; width: 0px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -30px; bottom: 7px; 
	transition: width 0.8s  }
.nav ul li:hover h3 span{ width: 60px; }
.nav ul li ol{ position: absolute; top: 70px; z-index:99; background: #fff; padding: 20px 0; width:110px; left: 50%; margin-left: -55px; display: none; }
.nav ul li ol li a{ color: #7d7d7d; font-size: 14px; display: block; }
.nav ul li ol li a:hover{ color: #0057ff }
.nav ul li ol li{ height: 33px; line-height: 33px; }
.nav{ max-width: 700px; width: 80%; margin-right: 8% }
.logo img{ display: block; margin-top: 11px; margin-left: 50px; }
.menu_btn{ display: none; position: absolute; right: 3%; top: 25px; height: 21px; width: 29px; background:url(../images/menu.png) no-repeat;background-size: 100% auto; }
.banner{ position: relative; }
.fl_txt,.about_banner_txt,.txt_cen,.map_icon,.join_banner_txt{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.banner_txt{position: absolute;top: 55%;left: 50%;transform: translate(-50%, -50%); margin-left: 50px;}
.banner_txt h1{ font-size: 60px; color: #3e3e3e; line-height: 80px; font-weight: bold; }
.banner_txt span{ display: block; width: 57px; height: 4px; background: #a9a9a9; margin-top: 40px; margin-bottom: 18px; margin-left: 5px; }
.banner_txt p{ font-size: 25px; color: #3e3e3e; margin-bottom: 25px; }
.banner_btn a{ display:block; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 15px; color: #fff; background: #0057ff;transition:background 0.7s; border-radius: 25px;}
.banner_btn a:hover{background: #002f89; text-decoration: none;}
.about_li{ width: 33.333%; float: left; position: relative; }
.about_li img{ width: 100% }
.fl_txt{ color: #fff; text-align: center; width: 100%  }
.fl_txt h1{ font-size: 20px; margin-bottom: 25px;font-weight: normal;}
.fl_txt h2{ font-size: 28px; font-weight: normal;line-height: 30px;}
.fl_txt h2 span{ display: block; width: 68px; height: 4px; margin: 0 auto; background: #fff; margin-bottom: 23px; margin-top:18px; }
.fl_txt p{ font-size: 16px;}
.hud{ background:url(../images/hud.png) no-repeat; background-size: auto 101%; background-position: center;   }
.about{ background:url(../images/about.png) no-repeat; background-size: auto 101%; background-position: center;  }
.joinus{ background:url(../images/index_084.png) no-repeat; background-size: auto 101%; background-position: center;  }
.hud,.about,.joinus{transition: margin-top 1s,padding-bottom 1s}
.hud:hover{ background: #3c0097; margin-top: -50px; padding-bottom: 50px;}
.about:hover{background: #0057ff;  margin-top: -50px; padding-bottom: 50px;}
.joinus:hover{background: #0086cc;  margin-top: -50px; padding-bottom: 50px;}
.about_li img{ opacity: 0 }
.about_li:hover img{ opacity: 0 }
.body_bg{ background: rgba(0,0,0,0.5); position: absolute; left: 0px; top: 0px; width: 100%; z-index: 9; opacity: 0; display: none; }
.r_nav{ width: 328px; height: 100%; background: #0057ff; color: #fff; position: fixed; right: 0px; top: 0px; z-index: 10; padding: 0 25px; 
	padding-top: 35px; opacity: 0; display: none;}
.close{ width: 33px; height: 33px; background: url(../images/close.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0px; right: 0px; }
.r_nav_top{ padding-bottom: 22px; border-bottom: 2px solid #5992ff }
.r_nav_s .nav_til:first-child{ margin-top: 35px; }
.nav_til h3{ font-size: 20px; height: 60px; line-height: 60px; font-weight: normal;  }
.nav_til h3 a{ color: #fff; }
.nav_til h3 a:hover{ color: #fff; }
.nav_til ul li a{ color: #9fc0ff; font-size: 15px; display: block; }
.nav_til ul li a:hover{color:#fff; text-decoration: none;}
.nav_til ul li{height: 40px;line-height: 40px;  padding-left: 30px; margin-top: 20px;}
.nav_til{ margin-bottom: 20px;}
.nav_til ul{ display: none; }
.plus,.reduce{ display: inline-block; width: 24px; background: url(../images/plus.png) no-repeat; background-size: 100% auto; height: 24px; float: right; margin-top:15px; }
.reduce{ background:url(../images/reduce.png) no-repeat; margin-top: 27px;  }
.r_logo{ position: relative; height: 50px;}
.r_logo img{ display: block; }
/*about me*/
.about_banner{ position: relative; color: #fff; }
.about_banner_txt h1{ font-size: 40px;  }
.about_banner_txt p{ font-size: 20px; }
.about_banner_txt span{ display: block; width: 57px; height: 4px; background: #fff; margin-top: 15px; margin-bottom: 6px; }
.profile{ margin-bottom: 100px; width: 1000px }
.profile_til h1{ font-size: 45px; color: #000;  border-left: 10px solid #bfbfbf }
.profile_til p{ font-size: 23px; color: #000;  }
.profile_til{ margin-top: 120px; margin-bottom: 120px; }
.profile_l{ width: 600px; }
.profile_r{ width: 300px; text-align: right; }
.profile_r img{ max-width: 272px; width: 90%; margin-top: 50px; }
.profile_l p{ font-size: 17px; color: #000; text-indent: 2em; line-height: 28px; margin-bottom: 25px; }
.about_til{ text-align: center; }
.about_til h1{ border:none; font-weight: normal; font-size: 40px; }
.about_til p{ font-size: 18px; }
.ab_til_txt{ color: #fff; text-align: center; }
.ab_til_txt h1{ font-size: 40px; }
.ab_til_txt p{ font-size: 18px; }
.year{ font-size: 45px; color: #d0d0d0; margin-right: 60px; font-family: "DIN Alternate" }
.lc_li ul li i{ display:block; width: 17px; height: 17px; border-radius: 50%; background: #0057ff; margin-right: 45px; float: left; margin-top: 4%; margin-left: 5px; }
.month{ font-size: 30px; color:  #d0d0d0; margin-right: 90px;font-family: "DIN Alternate"; float: left; display: block; }
.lc_li ul li em{ font-size: 17px; color: #000; display: block; float: left; }
.lc_li{ max-width: 815px; width: 100%; margin: 0 auto; margin-bottom: 30px;  }
.active i{ box-shadow: 0px 0px 10px #0057ff }
.lc_box{ margin: 140px auto; margin-bottom: 100px; }
.ry_box,.hb_box{ margin-top: 140px; margin-bottom: 120px; }
.ry_box ul li p{ font-size: 15px; color: #000; margin-top: 25px; }
.hb_box  ul{ width: 940px; margin: 0 auto }
.ry_box ul li{ display: inline-block; margin-bottom: 0px;}
.ry_box ul{ text-align: center; }
.hb_box ul li{ width: 25%; margin-bottom: 75px; text-align: center; max-width: 235px; float: left; }
.hb_box ul li img{ width: 70% }
.foot_about ul li a{ color: #7e7e7e;font-family: "Hiragino Sans GB"}
.foot_about ul li a:hover{color: #0057ff}
.foot_about ul li h3 a{ color: #000; font-size: 25px; font-weight: normal; display: block;}
 .foot_about ul li h3{margin-top: 36px; margin-bottom: 20px; font-family: "Hiragino Sans GB"; font-weight: normal; }
.foot_about ul li{ float: left; width: 20% }
.foot_about ol li{ float: none; width: 1%; height: 15px; line-height: 15px; margin-bottom: 14px;float:left; width:200px;}
.tel_a{ width: 40% !important }
.tel_a h4{   }
.foot_about ol li a{ font-size: 15px; display: block; }
.about_tel h4 a{ font-size: 30px; color: #0057ff !important;height: 30px; line-height: 30px; display: block; margin-bottom: 20px; font-family: "DIN Alternate" !important }
.about_tel p{ font-size: 15px; color: #7e7e7e; margin-bottom: 14px; height: 15px; line-height: 15px; }
.foot_about{ margin-bottom: 53px; }
.about_jd{ height: 5px; background: #e5e5e5 }
.ab_jdt{ height: 5px; background: #0057ff; width: 88%;}
.lc_li ul li{ line-height: 57px; height: 45px; overflow: hidden; }
.about_video{ max-width: 800px; height: 600px; margin: 0 auto; margin-bottom: 150px; width: 90% }
/*product*/
.zzb_til h1{ font-size: 25px; padding-left: 40px; }
.zzb_txt{ text-align: center; }
.zzb_txt h2{ font-size: 40px; font-weight: normal; margin-bottom: 70px; }
.zzb_txt p{ font-size: 20px; line-height: 40px; margin-bottom: 95px; }
.zzb ul li{ width: 50%; float: left; margin-bottom: 40px; overflow: hidden;}
.zzb ul li span{ font-size: 15px; display: block; width: 375px; line-height: 30px; float: left; }
.zzb ul li i{ display: block; width: 57px; height: 61px; float: left; margin-right: 46px; margin-left:46px; background-size: 100% auto!important }
.zzb ul li:nth-child(1) i{ background:url(../images/product_05.png) no-repeat; }
.zzb ul li:nth-child(2) i{ background:url(../images/product_08.png) no-repeat; }
.zzb ul li:nth-child(3) i{ background:url(../images/product_12.png) no-repeat; }
.zzb ul li:nth-child(4) i{ background:url(../images/product_14.png) no-repeat; }
.zzb .banner_btn{ text-align: center; margin: 0 auto; margin-bottom: 55px; }
.zzb .banner_btn a{ margin: 0 auto ;margin-right: auto !important;}
.czxts ul li{ width: 50%; float: left; text-align: center; }
.czxts ul li img{ width: 80%; max-width: 339px; }
.czxts ul li h2{ font-size: 30px; font-weight: normal; margin-top: 75px; margin-bottom: 35px; }
.czxts ul li p{ font-size: 15px; line-height: 30px; }
.czxts{ margin-top: 50px; margin-bottom: 170px; }
.jses .zzb_txt h2{ margin-bottom: 40px; }
.ylnr{ position: relative; }
.ylnr_txt p{ font-size: 20px; color: #fff; }
.ylnr_txt h2{ font-size: 40px; color: #fff; font-weight: normal; margin-bottom: 40px; }
.ylnr_txt{ position: absolute;top: 25%;left: 50%;transform: translate(-50%, -50%); width: 100%; text-align: center; }
.lsdz{ margin-top: 175px;  }
.lsdz .zzb_txt h2{ margin-bottom: 40px;  }
.lsdz .zzb_txt p{ margin-bottom: 70px; }
.product_fl{ text-align: center; margin-top: 155px; margin-bottom: 140px; }
.product_fl ul li{ width: 33.33%; height: 350px;  float: left }
.product_fl ul li img{ width: 75%; max-width: 99px; }
.product_fl ul{ overflow: hidden; margin: 0 auto; width: 900px; }
.product_fl ul li p{ font-size: 15px; line-height: 30px; margin-top: 65px;}
.grcp{ margin-bottom: 140px; }
.ba_foot_bg{ padding: 9px 0; background: #ededed; font-size: 13px; color: #676767; line-height: 30px; }
.product_logo{ position: relative; }
.product_img{ position: absolute; top: 26px; left:50%;transform: translate(-50%, 0%); width: 35%; max-width: 674px; }
/*contact*/
.container{ width: 100%; height: 628px; }
.map_banner{ position: relative; }
.map_bg{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top:0px; left: 0px; }
.map_icon{ text-align: center; padding-bottom: 60px; }
.map_icon p{ font-size: 20px;  width:240px;color: #fff; padding: 15px 40px; border-radius: 35px; background: rgba(255,255,255,0.5); margin-top: 40px;
 position: absolute; left: -61% }
.contact_til{ text-align: center; margin-top: 80px; }
.contact_til h2{ font-size: 40px; }
.contact_til p{ font-size: 20px; color: #0057ff }
.contact_til span{ display: inline-block; width: 70px; height: 4px; background: #0057ff; margin: 25px auto 0px auto }
.dz_name{ color: #0057ff; margin-top: 30px; margin-left: 50px; }
.dz_name h2{ font-size: 40px; font-weight: normal; height: 40px; line-height: 40px; margin-bottom: 3px; }
.dz_name p{ font-size: 20px; text-align: center; height: 20px; line-height: 20px; }
.dz_txt{ font-size: 18px; margin-top: 33px; margin-left: 47px; line-height: 30px; }
.dz_txt p{ color: #000 }
.contact ul{ margin-top: 65px; }
.contact ul li{ width: 90%; max-width: 754px; height: 120px;  margin: 0 auto; margin-bottom: 22px; position: relative;}
.contact_boxs{border: 1px solid #d2d2d2; border-radius: 8px;transition:top 0.5s,box-shadow 0.5s; position: absolute; top: 0px; width: 100%; height: 120px; }
.contact_boxs:visited{border: 1px solid #d2d2d2; border-color:#d2d2d2 }
.contact ul li:hover .contact_boxs{box-shadow: 0 0 50px 0px rgba(0,87,255,0.15); top: -5px;}
.contact ul li a{ display: block; width: 100%; height: 100% }
.contact ul li a:visited {color: #d2d2d2;}
.contact ul li i{ display: inline-block; width: 104px; height: 105px; margin-top: 14px; margin-right: 5px;}
.dz_icon{ background: url(../images/contact_07.png) no-repeat; background-size: 100% auto; }
.contact_li_txt p{ font-size: 35px; color: #0057ff; line-height: 116px; margin-left: 50px; }
.tel_icon{ background: url(../images/contact_10.png) no-repeat; background-size: 100% auto;  }
.email_icon{ background: url(../images/contact_12.png) no-repeat; background-size: 100% auto;  }
.contact{ margin-bottom: 200px; }
/*join us*/
.join_banner{ position: relative; }
.join_banner_txt{ text-align: center;color: #fff; }
.join_banner_txt h2{ font-size: 40px; font-weight: normal;  }
.join_banner_txt p{ font-size: 20px;  }
.join_banner_txt span{ display: inline-block; width: 68px; height: 4px; background: #fff; margin-top: 42px; margin-bottom: 0px; }
.join_til p{ font-size: 20px; text-align: center; margin-top: 100px; margin-bottom: 130px; }
.kfzw{ text-align: center;  font-size: 30px; color: #0057ff;}
.kfzw img{ width: auto; max-width: 57px; }
.kfzw h2{ margin-top: 30px; margin-bottom: 69px; font-size: 30px; }
.zw_til ul li{ width: 296px; height: 96px; text-align: center; line-height: 96px; border:#d2d2d2 1px solid; border-radius: 10px; display: inline-block;
	font-size: 20px; }
.zw_til ul li a{ color: #000; display: block; }
.zw_til ul li a:hover{ color: #0057ff }
.zw_til ul li.active a,.zexq_btn a{ color: #fff }
.zw_til ul li.active a:hover,.zexq_btn a:hover{ color: #fff; }
.zw_til ul { text-align: center; }
.zw_til ul li:nth-child(2){ margin-left: 50px; margin-right: 50px; }
.zw_til .active{ background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5));background:-webkit-gradient(linear, 0 0, 0 bottom, from(#0072ff), to(rgba(0, 87, 255, 1))); border: #005aff solid 2px; color: #fff; }
.zw_til{ margin-bottom: 119px; }
.zwxq_li{ width: 870px; padding: 80px ; border: 1px solid #bfbfbf; margin:0 auto ; background: #eeeeee; position: relative; margin-bottom: 85px; border-radius: 8px; }
.zwxq_li h2{ padding: 0 33px; height: 56px; text-align: center; line-height: 56px; font-size: 20px; color: #fff; background: #0057ff; border-radius: 30px; position: absolute; top: -28px; left: 82px; }
.zwxq_li h3{ color: #0057ff; font-size: 25px; }
.zwxq_li p{ font-size: 15px; line-height: 30px; margin-top: 33px; }
.zwxq_li h4{ font-size: 20px; margin-top: 33px; }
.zexq_btn{ width: 196px; height: 46px; text-align: center; line-height: 46px; background: #0057ff; color: #fff; font-size: 15px; border-radius: 10px;
 position: absolute; right: 80px; bottom: 70px;transition:background 0.7s; }
.zexq_btn:hover{background: #002f89;}
.m_show{ display: none; }



/*1000*/
@media only screen and (max-width: 1000px) {
	.menu_btn{ display: block; }
	.m_hide{ display: none }
	.m_show{ display: block; }
	.banner_txt h1{ font-size: 0.8rem; line-height: 1rem; }
	.banner_txt p{ font-size: 0.6rem; margin-bottom: 0.6rem; }
	.head_top_box{ height: 2rem; line-height: 2rem; }
	.logo img,.r_logo img{ width: 2.5rem; }
	.logo img{ margin-left: 0px; }
	.banner_txt{ margin-left: 0px; }
	.menu_btn{ width: 1rem; height: 0.9rem; top: 26%; right: 3% }
	.banner{ height: 10rem; background: url(../images/ud_banner.png) no-repeat; background-size: auto 100%; background-position: center; }
	.banner img{ display: none; }
	.banner_txt span,.contact_til span{ margin-top: 0.3rem; margin-bottom: 0.2rem; }
	.banner_btn a{ font-size: 0.5rem; width: 4rem; height: 1rem; line-height: 1rem; }
	.banner_btn a:first-child{ margin-right:0.7rem; }
	.about_li{ width: 100%;float:none; }
	.hud{ padding-bottom:0px; margin-top: 0px;box-shadow:none; }
	.fl_txt h1{ font-size: 0.7rem; margin-bottom: 0.5rem; }
	.fl_txt h2,.dz_name h2{ font-size: 0.8rem; }
	.fl_txt p,.zwxq_li h2,.join_banner_txt p,.join_til p,.about_banner_txt p,.lc_li ul li em,.contact_til p,.foot_about ol li a,.ylnr_txt p,.dz_name p,.about_tel p{ font-size: 0.6rem; }
	.fl_txt h2 span{ margin-bottom: 0.5rem; margin-top:0.3rem; }
	.close{ width: 0.8rem; height: 0.8rem; top: 5% }
	.nav_til h3{ font-size: 0.8rem; height: 1.5rem; line-height: 1.5rem; }
	.plus, .reduce{ width: 0.7rem; height: 0.7rem; }
	.reduce{ margin-top: 0.6rem }.nav_til ul li a{ font-size: 0.7rem; }
	.nav_til ul li{ height: 1.5rem; line-height: 1.5rem; }
	.about_banner{ height: 7rem; background: url(../images/about_02.png) no-repeat; background-size: auto 100%; background-position: center; }
	.product_banner{background: url(../images/product_02.png) no-repeat;}
	.ylnr{ background: url(../images/product_30.png) no-repeat;height: auto;  background-size: 100% 100%; background-position: center;  }
	.about_banner img,.dsj img,.ry img,.hzhb img,.product_banner img,.ylnr img,.join_banner img{ opacity: 0 }
	.about_banner_txt h1{ font-size: 1rem; }
	.about_banner_txt span{width: 1.5rem; height: 2px; margin-top: 0.3rem; margin-bottom: 0.5rem; }
	.profile_til{ margin-top: 1rem; margin-bottom: 1rem; }
	.profile_til h1{ font-size: 0.8rem;  padding-left: 0.8rem; border-left: 0.3rem solid #bfbfbf}
	.profile_til p{ font-size: 0.6rem; padding-left: 1rem; }
	.profile_l{ width: 98%; float: none; margin: 0 auto }
	.profile_l p{ font-size: 0.75rem; line-height: 1.5rem; }
	.profile{ margin-bottom: 2rem; }
	.dsj{ height: 6.7rem; background: url(../images/about_08.png) no-repeat; background-size: auto 100%; background-position: center; }
	.ab_til_txt h1{ font-size: 1rem; }
	.ab_til_txt p,.dz_txt{ font-size: 0.7rem; }
	.lc_box{ margin: 2rem auto }
	.ry_box, .hb_box{ margin-top: 2rem; margin-bottom: 1rem }
	.year{ font-size: 1.5rem; margin-right: 1.1rem; margin-bottom: 0.6rem; margin-top: 0.5rem; }
	.lc_li ul li i{ width: 0.5rem; height: 0.5rem; margin-right: 0.7rem;    display: inline-block; float:left; margin-top: 1rem; }
	.month{ font-size: 0.8rem; margin-right: 1rem; }
	.ry{ height: 6.7rem; background: url(../images/about_10.png) no-repeat; background-size: auto 100%; background-position: center; }
	.ry_box ul li{ margin-bottom: 1.3rem; text-align: center; }
	.ry_box ul li p{ font-size: 0.7rem; }
	.hzhb{ height: 6.7rem; background: url(../images/about_31.png) no-repeat; background-size: auto 100%; background-position: center; }
	.hb_box ul li{ width: 50%; text-align: center;  margin-bottom: 1rem; }
	.foot_about ul li h3 a{ font-size: 0.8rem; }
	.foot_about ul li{ width: 33.33%; text-align: center; }
	.tel_a{ width: 100% !important; text-align: left;  }
	.ba_foot{ font-size: 0.5rem; }
	.foot_about ol li{ width: 100% }
	.about_tel h4 a,.kfzw h2{ font-size: 1rem; }
	.zzb_txt h2{ font-size: 0.9rem; margin-bottom: 1rem; }
	.zzb_txt p{ font-size: 0.6rem; margin-bottom: 2rem;}
	.zzb ul li{ width: 95% ; float: none; margin: 0 auto; margin-bottom: 1rem;}
	.zzb ul li span{ font-size: 0.6rem; display: block; width: 100%; line-height: 1.2rem;  }
	.zzb ul li i{ display: block; margin: 0 auto; float: none; }
	.czxts ul li{ width: 100%; float: none; margin-bottom: 2rem; }
	.ylnr_txt h2,.contact_til h2{ font-size: 0.85rem; margin-bottom: 0.5rem; }
	.lsdz{ margin-top: 2rem; }
	.czxts ul li h2,.join_banner_txt h2{ font-size: 0.8rem; }
	.czxts ul li img{ width: 60% }
	.lsdz .zzb_txt h2,.jses .zzb_txt h2{ margin-bottom: 1rem; }
	.product_fl ul{ width: 90%; margin: 0 auto }
	.product_fl ul li{ width: 100%; height: auto; margin-bottom: 2rem;}
	.product_fl ul li p{ margin-top: 1rem; }
	.product_fl,.czxts{ margin-top: 2rem; margin-bottom: 2rem; }
	.about_jd{ margin-bottom: 2rem; }
	.foot_about{ margin-bottom: 1.5rem; }
	.dz_name{ margin-left: 0.8rem; margin-top: 0.3rem; }
	.dz_txt{ margin-top: 0.5rem; margin-left: 0.8rem; font-size: 0.5rem;  line-height: 0.7rem;}
	.dz_txt p{ color: #000 }
	.contact ul li i{ width: 2rem; height: 2rem; margin-top: 0.4rem; }
	.contact ul li{ height: 2.4rem; }
	.contact_li_txt p{ font-size: 1rem; line-height: 2.4rem; margin-left: 0.8rem; }
	.contact_til{ margin-top: 2rem; }
	.contact ul{ margin-top: 1.7rem; }
	.contact{ margin-bottom: 4.5rem; }
	.join_banner{ height: 6.7rem; background: url(../images/joinus_02.png) no-repeat; background-size: 100% 100%; background-position: center; }
	.join_banner_txt span{ margin-top: 0.8rem; }
	.join_til{ width: 90%; margin:0 auto  }
	.join_til p{ margin:2rem auto  }
	.zw_til ul li{ width: 30%; margin: 0 0.4%; height: 2rem; line-height: 2rem; font-size: 0.6rem; }
	.zw_til ul li:nth-child(2){margin: 0px;}
	.zwxq_li{ width: 90%; padding: 10% 5% }
	.zwxq_li h2{ left: 10% }
	.zexq_btn{ position: relative; margin-top: 33px; right: 0px; bottom: 0px; }
	.zwxq_li h2{ height: 1.875rem; line-height: 1.875rem; top:-0.945rem; }
	.profile{ width: 95% }
	.profile_r{ float: none; margin: 0 auto; text-align: center; }
	.hb_box  ul{ width: 100% }
	.profile_r img{ width: 75%; margin-bottom: 2rem; }
	.ry_box ul li img{ width: 75% }
	.product_img{ position: relative; top: 0px; left: 50%;transform: translate(-50%, 0%); width: 75%; margin-bottom: 1rem; }
	.grcp{ margin-bottom: 1rem; }
	.dz_name h2{ height: 0.8rem; line-height: 0.8rem; margin-top: 0.1rem; margin-bottom: 0px; }
	.contact_boxs{ height: 2.4rem; }
	.about_til p{ padding-left: 0px; }
	.about_video{ height: 10rem; margin-bottom: 4rem; }
}

.infor{ width:1100px; padding:10px 0 40px 0; margin:0 auto;}
.infor-text{font-size:26px;}
.infor-text span{font-size:20px; color:#ffa200;}
.infor-a{ color:#fff; font-size:15px; background:#115efb; padding:7px 18px; margin-left:20px; border-radius:6px; cursor:pointer; border:0;}
.infor-a:hover{background:#538bfc; color:#bacdfe;}

.qr{width:100%; height:100%;background:#000;filter:alpha(Opacity=60); opacity: 0.6; position:fixed; top:0;}
.payment{ width:300px; height:400px; background:#fff; position:absolute; z-index:99; margin-left:40%;border-radius:6px; margin-top:-7%;}
.payment img{ margin:25px 0 0 25px;}
.payment2{ width:300px; height:400px; background:#fff; position:absolute; z-index:99; margin-left:40%;border-radius:6px; margin-top:20%;}
.payment2 img{ margin:25px 0 0 25px;}
.payment-money{ font-size:30px; width:300px; text-align:center;color:#5d5d5d; float:left; margin:20px 0 6px 0; }
.payment-money2{ font-size:20px;width:300px; text-align:center;float:left; color:#9d9d9d;}
.ba{text-align:center;}

.qfloat{clear:both;}