@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; list-style:none; text-decoration:none; box-sizing:border-box;}
body{font-family: '微软雅黑'; font-size:14px; color:#595757;}
img{ max-width:100%;}
a{ color:#595757;}
a:hover{}
.input,img{border:none}
*,a:hover{text-decoration:none}
img{vertical-align:middle}
.vl:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0}
input[type="submit"]{-webkit-appearance : none ;  /*解决iphone safari上的圆角问题*/}
.ml{margin:0 auto}
.fl{float:left !important;}
.fr{float:right !important;}

/*header*/
.header{width:100%; position:fixed; top:0; left:0; z-index:99;background-color:#9c0003; border-bottom:1px solid rgba(255,255,255,0.2)}
.headK{display: -webkit-box;display: -ms-flexbox;display:flex;align-items:center;}
.hdlogo{display: block;}
/*导航*/
.Menu ul{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center;flex-wrap:wrap}
.Menu ul li{display: block; position: relative;}
.MenuA{display: block;}
.HdPhone{display: -webkit-box;display: -ms-flexbox;display:flex;align-items:center; margin-left: auto;}
.HdPhone h3{background-color:#FFF; background-image: url("../images/icon/phone.png"); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.HdPhone p{color:#fff; font-weight:550;}

@media  screen and ( min-width:1280px){
.headK{width:1200px;height:90px; margin:0 auto;}
.headerO{}
.hdlogo{width:155px;}
.hdlogo img{ width: 100%; display: block;}
/*导航*/
.wapMenu,.wapNav{ display: none;}
.Menu{ display: block; margin-left:70px;}
.Menu ul{}
.Menu ul li{padding:0 5px;}
.MenuA{ line-height:32px;font-size:14px; color:#FFF; position: relative; padding:0 20px; border-radius:16px;}
.Menu ul li .on,.Menu ul li .MenuAO,.Menu ul li .MenuA:hover{ background:#FFF; color:#de0004;}
.Nav{ z-index:999;top:32px;left:50%; margin-left:-65px; position:absolute; width:130px;background:rgba(156,0,3,0.9);box-shadow:0 0 5px rgba(156,0,3,0.1); display:none;}
.MenuS{font-size:14px; line-height:40px; text-align: center; display:block;color:#FFF; border-top:1px solid rgba(255,255,255,0.1);}
.MenuS:first-child{border-top:none;}
.MenuS:hover{ color:#FFF; background:#9c0003;}
.HdPhone h3{ width: 23px; height: 23px;border-radius:2px;}
.HdPhone p{ font-size: 22px;line-height:30px;margin-left:8px;}	
	
}
@media  screen and (max-width:1279px ) and ( min-width:960px){
.headK{width:900px;height:70px; margin:0 auto;}
.hdlogo{width:120px;}
.hdlogo img{ width: 100%; display: block;}
/*导航*/
.wapMenu,.wapNav{ display: none;}
.Menu{ display: block; margin-left:50px;}
.Menu ul{}
.Menu ul li{padding:0 3px;}
.MenuA{ line-height:28px;font-size:13px; color:#FFF; position: relative; padding:0 16px; border-radius:14px;}
.Menu ul li .on,.Menu ul li .MenuAO,.Menu ul li .MenuA:hover{ background:#FFF; color:#de0004;}
.Nav{ z-index:999;top:28px;left:50%; margin-left:-50px; position:absolute; width:100px;background:rgba(156,0,3,0.9);box-shadow:0 0 5px rgba(156,0,3,0.1); display:none;}
.MenuS{font-size:13px; line-height:32px; text-align: center; display:block;color:#FFF; border-top:1px solid rgba(255,255,255,0.1);}
.MenuS:first-child{border-top:none;}
.MenuS:hover{ color:#FFF; background:#9c0003;}
.HdPhone h3{ width: 20px; height: 20px;border-radius:2px;}
.HdPhone p{ font-size:18px;line-height:26px;margin-left:6px;}	
}
@media  screen and (max-width:959px ) and ( min-width:640px){
.headK{ height:55px; width:92%; margin:0 auto;position: relative;}
/*header*/
.hdlogo{width:90px;}
.hdlogo img{width:90px;}
.HdPhone h3{ width:18px; height:18px;border-radius:2px;}
.HdPhone p{ font-size:16px;line-height:20px;margin-left:6px;}
.wapNav{ display: block;width:11%; height:40px; background-size:40px;  background-position:right center; background-repeat: no-repeat; background-image: url("../images/icon/sp_icon2.png");}
.wapNavO{background-image: url("../images/icon/sp_icon4.png")}
/*导航*/
.Menu{ display: none;}
.wapMenu{ display: none; position:fixed;top:0;left:0; z-index:8;width:100%; height:100%;background:rgba(156,0,3,0.9);}
.wapMenu ul{ padding-top:55px;}
.wapMenu ul li{padding:0 4%;}
.wapMenuA{ display: block; line-height:65px;font-size:16px; color:#FFF; text-align: center; border-bottom:1px solid rgba(255,255,255,0.1); position: relative;}
.wapMenuA:first-child(){border-top:none;}
.wapMenuA i{width: 0;height: 0;border-style: solid;border-width:8px 7px 0 7px;border-color: #fff transparent transparent transparent;transition:0.5s; display: block; position: absolute; top:50%;right:3%; margin-top:-1px;}
.wapMenu ul li .on i{transition:0.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.wapNavK{background:rgba(156,0,3,1);display: none;}
.wapNava{ line-height:50px; display: block; font-size: 14px; color:#FFF; border-bottom:1px dashed rgba(255,255,255,0.1); text-align: center;}
}
@media only screen and (max-width: 639px) {
.headK{ height:0.4rem; width:92%; margin:0 auto;position: relative;}
/*header*/
.hdlogo{}
.hdlogo img{width:auto; height:0.22rem; display: block;}
.HdPhone{ margin-right:3%;}
.HdPhone h3{ width:0.15rem; height:0.15rem;border-radius:0.02rem;}
.HdPhone p{ font-size:0.14rem;line-height:0.18rem;margin-left:0.05rem;}
.wapNav{ display: block;width:11%; height:0.25rem; background-size:0.25rem; background-position:right center; background-repeat: no-repeat; background-image: url("../images/icon/sp_icon2.png");}
.wapNavO{background-image: url("../images/icon/sp_icon4.png")}
/*导航*/
.Menu{ display: none;}
.wapMenu{ display: none; position:fixed;top:0;left:0; z-index:8;width:100%; height:100%;background:rgba(156,0,3,0.9);}
.wapMenu ul{ padding-top:0.4rem;}
.wapMenu ul li{padding:0 0;}
.wapMenuA{ display: block; line-height:0.4rem;font-size:0.13rem; color:#FFF; text-align: center; border-bottom:0.01rem solid rgba(255,255,255,0.1); position: relative;}
.wapMenuA i{width: 0;height: 0;border-style: solid;border-width:5px 4px 0 4px;border-color: #fff transparent transparent transparent;transition:0.5s; display: block; position: absolute; top:50%;right:5%; margin-top:-1px;}
.wapMenu ul li .on i{transition:0.5s;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.wapNavK{background:rgba(156,0,3,1);display: none;}
.wapNava{ line-height:0.36rem; display: block; font-size:0.12rem; color:#FFF; border-bottom:0.01rem dashed rgba(255,255,255,0.1); text-align: center;}
}

@media screen and (min-width:960px){
.Run{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform: rotate(180deg);}
.Run2 img{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run2 img:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform: rotate(360deg);}
.Run1{transition:All 0.6s ease-in-out;-webkit-transition:All 0.6s ease-in-out;-moz-transition:All 0.6s ease-in-out;-o-transition:All 0.6s ease-in-out;}
.Run1:hover{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform: rotateY(180deg);}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.enlarge img{ width:100%;transition:0.5s;}
.enlarge:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}
.IndSupA{ width:100%;transition:0.5s;}
.IndSupA:hover{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05); transition:0.5s;}

}	
/*foot*/
.footer{background-image:url("../images/back/back08.jpg"); background-color:#FFF;color:#FFF; width: 100%; height: 100%;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center;}
.ftDk{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center; border-radius:50%;}
.ftC{text-align: center; color:#888; background: #171717; position: absolute; bottom:0; left:0; width: 100%;}
.ftLogo img{display: block; margin:0 auto;}
.ftDN{ color:#515151; text-align: center;}
.ftDM{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:flex-start;}
.ftDM p{ color:#1d2027; text-align: center;}
.ftDM img{width:100%; display: block;}
/**/
.fter{ background:#1e1e1e;color:#FFF;}
.fterC{text-align: center; color:#888; background: #171717;}
.ftNyK{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;}
.ftNyLogo img{display: block;}
.ftNyLogo p{color:rgba(255,255,255,0.2);}
.ftNyDNp{ color:#9d9d9d;}
.ftDSa img{width:100%; display: block;}


@media  screen and ( min-width:1280px){
/*foot*/
.ftDk{width: 650px; height: 650px; margin: 0 auto;border:20px solid rgba(170,183,197,0.15); }
.ftC,.fterC{ font-size:12px;height: 50px; line-height:50px;}
.ftLogo{width:240px; padding-bottom:15px; border-bottom:1px solid #e5e5e5}
.ftLogo img{width:153px;}
.ftDN{width:540px; font-size: 16px; line-height:30px; padding:40px 0;}
.ftDM{ width: 320px;}
.ftDM p{font-size:14px; line-height:20px; margin-top:10px;}
.ftDMI{width:130px;}
/**/
.ftNyK{width:1200px; margin:0 auto; padding:28px 0 25px;}
.ftNyLogo{ margin-top: 27px; width: 190px;}
.ftNyLogo img{width:153px;}
.ftNyLogo p{ font-size:16px; line-height:30px;margin-top:10px;}
.ftNyDN{width:400px;}
.ftDtit{ font-size:18px; line-height:30px; margin-bottom:10px;}
.ftNyDNp{font-size:14px; line-height:30px;}
.ftDS{width:120px;}
.ftDSa{width:118px;}
}
@media  screen and (max-width:1279px ) and ( min-width:960px){
	
/*foot*/
.ftDk{width:530px; height:530px; margin: 0 auto;border:15px solid rgba(170,183,197,0.15); }
.ftC,.fterC{ font-size:12px;height:40px; line-height:40px;}
.ftLogo{width:200px; padding-bottom:12px; border-bottom:1px solid #e5e5e5}
.ftLogo img{width:135px;}
.ftDN{width:400px; font-size: 14px; line-height:28px; padding:30px 0;}
.ftDM{ width:260px;}
.ftDM p{font-size:12px; line-height:20px; margin-top:10px;}
.ftDMI{width:110px;}
/**/
.ftNyK{width:900px; margin:0 auto; padding:22px 0 20px;}
.ftNyLogo{ margin-top: 23px; width: 150px;}
.ftNyLogo img{width:120px;}
.ftNyLogo p{ font-size:13px; line-height:20px;margin-top:8px;}
.ftNyDN{width:360px;}
.ftDtit{ font-size:16px; line-height:25px; margin-bottom:10px;}
.ftNyDNp{font-size:12px; line-height:25px;}
.ftDS{width:130px;}
.ftDSa{width:100px;}
}
@media  screen and (max-width:959px ) and ( min-width:640px){
/*foot*/
.ftDk{width:450px; height:450px; margin: 0 auto;border:10px solid rgba(170,183,197,0.15); }
.ftC,.fterC{ font-size:12px;height:40px; line-height:40px;}
.ftLogo{width:160px; padding-bottom:10px; border-bottom:1px solid #e5e5e5}
.ftLogo img{width:100px;}
.ftDN{width:380px; font-size: 12px; line-height:24px; padding:25px 0;}
.ftDM{ width:200px;}
.ftDM p{font-size:12px; line-height:20px; margin-top:10px;}
.ftDMI{width:90px;}
/**/
.ftNyK{width:600px; margin:0 auto; padding:20px 0 20px;}
.ftNyLogo{ margin-top: 23px; width: 150px;}
.ftNyLogo img{width:120px;}
.ftNyLogo p{ font-size:13px; line-height:20px;margin-top:8px;}
.ftNyDN{width:390px;}
.ftDtit{ font-size:16px; line-height:25px; margin-bottom:10px;}
.ftNyDNp{font-size:12px; line-height:25px;}
.ftDS{width:150px; margin:25px 75px 0}
.ftDSa{width:130px;}
}
@media only screen and (max-width: 639px) {
/*foot*/
.ftDk{}
.ftC,.fterC{ font-size:0.1rem;line-height:0.18rem; padding:0.05rem 0}
.ftLogo{width:50%; padding-bottom:0.1rem; border-bottom:0.01rem solid #e5e5e5}
.ftLogo img{width:auto; height: 0.28rem;}
.ftDN{width:100%; font-size:0.11rem; line-height:0.24rem; padding:0.3rem 0;}
.ftDM{ width:70%;}
.ftDMa{width:45%}
.ftDM p{font-size:0.11rem; line-height:0.2rem; margin-top:0.07rem;}
.ftDMI{width:100%;}
#fp-nav.right {right:0;}
/**/
.ftNyK{width:100%;padding:0.2rem 0 0.15rem;}
/**/
.ftNyK{padding:0.2rem 7%;}
.ftNyLogo{width: 50%;margin: 0 auto;padding-bottom: 0.02rem;border-bottom: 0.01rem solid #a0a0a0;}
.ftNyLogo img{width:auto; height:0.28rem; margin:0 auto;}
.ftNyLogo p{ font-size:0.11rem; text-align: center; line-height:0.2rem;margin-top:0.03rem;}
.ftNyDN{width:100%; padding: 0.15rem 0;}
.ftDtit{ font-size:0.14rem; line-height:0.25rem; margin-bottom:0.1rem;}
.ftNyDNp{font-size:0.11rem; line-height:0.22rem;}
.ftDS{width:30%; margin:0 10% 0}
.ftDSa{width:100%;}
}
/*display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center*/
html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}
/*出的各分辨率媒体查询换算：*/
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}
@media screen and (min-width:480px) and (max-width:539px) and (orientation:portrait){html {font-size:940%;}}
@media screen and (min-width:540px) and (max-width:639px) and (orientation:portrait){html {font-size:1040.75%;}}