@charset ;
.css {}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{list-style: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
table{border-collapse:collapse;border-spacing:0;}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
a{text-decoration:none; display: block;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
img{ display:block; border:none; max-width:auto !important; margin: 0 auto;}
table{ border:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}  
input:focus, textarea:focus {
    outline: none;}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;}
input:focus,textarea:focus {
    outline: none;}
*{ margin:0; padding:0;}
body{font-family: "arial" ,'Microsoft YaHei';}
html{font-family: "arial" ,'Microsoft YaHei'; font-size: 14px; line-height:24px; -ms-touch-action: none; overflow-y: scroll;}
.clear{ clear:both;}
.wid100{ width:100%; overflow: hidden;}
.top5{ margin-top:5px;}
.top10{ margin-top:10px;}
.top15{ margin-top:15px;}
.top20{ margin-top:20px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top70{ margin-top:70px;}
.mar10{ margin:10px 0;}
.mar25{ margin:25px 0;}
.pad65{ padding:65px 0;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}
.font35{ font-size:35px;}
.font36{ font-size:36px;}
.font42{ font-size: 42px;}
.font48{font-size: 48px;}
.font60{ font-size:60px;}
.fonBlod{font-weight: bold;}
.Box1200{ width:1200px; margin:0 auto; overflow:hidden;}
.Box1224{ width:1224px; margin:0 auto; overflow:hidden;}
.Box1274{ width:1274px; margin:0 auto; overflow:hidden;}
.Box1300{width: 1300px; margin: 0 auto; overflow: hidden;}
.Box1314{ width:1314px; margin:0 auto; overflow:hidden;}
.Box1338{ width:1338px; margin:0 auto; overflow:hidden;}
.BoxTable{ display:table; height:100%;}
.BoxCell{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.disFlCenter{ 
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;}

/******************动起来********************/
.index_YewuList li a:hover {
	-webkit-animation: tada 1s .2s ease both;
	-moz-animation: tada 1s .2s ease both; 
	-o-animation: tada 1s .2s ease both; 
	-ms-animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{
0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}
}
@-o-keyframes tada{
0%{-o-transform:scale(1);}
10%, 20%{-o-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 60%, 70%, 90%{-o-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-o-transform:scale(1.1) rotate(-3deg);}
100%{-o-transform:scale(1) rotate(0);}
}
@-ms-keyframes tada{
0%{-ms-transform: scale(1);}
10%, 20%{-ms-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 60%, 70%, 90%{-ms-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-ms-transform:scale(1.1) rotate(-3deg);}
100%{-ms-transform:scale(1) rotate(0);}
}
.ImgBox{ width: 100%; height: 100%; background-position: center; background-size: cover;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}
.Col333{color: #333333;}
.Col666{color: #666666;}
.Col999{color: #999999;}
.Colccc{color: #CCCCCC;}
.Col42{color: #424242;}
.borRad50{
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;}
.borRad20{
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;}
.borRad10{
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;}
.borRad6{
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;}
.borRad3{
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;}
#menu li dl{width:200px; display: none; line-height: 48px; top:120px; left:50%; margin-left: -100px; text-align:center; padding:0 6px; background:rgba(255,255,255,0.7); position:absolute; z-index:100;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#menu li dl dd{ padding:0; display:block; margin: 15px 0; line-height: 24px;}
#menu li dl dd:last-child{ border:none;}
#menu li dl dd a{ color:#000; font-size: 16px;}
#menu li dl dd a:hover{ color:#87050e; text-decoration:none;}
#menu li dl dd a.ddhover{ color:#87050e; text-decoration:none;}



@media (max-width:1660px){
.font22{ font-size:20px;}
.font24{ font-size:22px;}
.font26{ font-size:24px;}
.font28{ font-size:26px;}
.font30{ font-size:28px;}
.font36{ font-size:32px;}
.font42{ font-size: 38px;}
.font48{ font-size: 40px;}
#menu li dl{top: 110px;}
}
@media (max-width:1500px){
.font24{ font-size:20px;}
.font26{ font-size:22px;}
.font28{ font-size:24px;}
.font30{ font-size:26px;}
.font36{ font-size:30px;}
.font42{ font-size:36px;}
.font48{ font-size: 38px;}
.Box1332 , .Box1300 , .Box1360 , .Box1338 , .Box1274{ width:1250px;}
}
@media (max-width:1440px){
.Box1332 , .Box1300 , .Box1360 , .Box1274{ width:1200px;}
#menu li dl{top: 100px;}
}
@media (max-width:1332px){
.Box1332 , .Box1300 , .Box1360 , .Box1338  , .Box1274{ width:1150px;}
.Box1200 , .Box1224{ width:1100px;}
#menu li dl{top: 90px;}

}
@media (max-width:1314px){
.font36{ font-size:28px;}
}
@media (max-width:1274px){
}
@media (max-width:1200px){
.font18{ font-size:16px;}
.font20 , .font22{ font-size: 18px;}
.font24{ font-size:18px;}
.font26{ font-size:20px;}
.font28{ font-size:22px;}
.font30{ font-size:24px;}
.font36{ font-size:26px;}
.font42{ font-size: 30px;}
.font48{ font-size: 35px;}
.Box1332 , .Box1300 , .Box1360 , .Box1338  , .Box1200 , .Box1224 , .Box1274{ width:96%;}
#menu li dl{top: 80px;}

}
@media (max-width:1024px){
#menu{ background:rgba(255,255,255,0.9); height: 500px; overflow: auto; width:100%; display:none; position: absolute; padding:0 15px; top:62px; left:0;  z-index:101;}
#menu li{ width:100%; border-top: none; height:auto; line-height: 50px; clear:both; margin:0; border-bottom:1px dotted #666; text-align:left; padding:0 15px;}
#menu li:hover{ border-top: none;}
#menu li:hover > a{ color: #87050e;}
#menu li.navBoxhover > a{ color: #87050e;}
.navbar-header{ display:block; background:url(../images/navbtn.jpg) no-repeat; width:31px; margin-left:10px; height:26px; cursor:pointer; float:right; margin-top:20px;}
.navbar-headera{background:url(../images/close.jpg) no-repeat;}
#menu li a{ color:#000; text-align:left; width: 100%; line-height:49px; height:50px; float:left; border-bottom: none;}
#menu li dl{top:0; display:none; left:0; width:100%; margin-left: 0; position:relative; padding: 0 15px; background:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#menu li dl dd{ text-align:left; height:50px; margin:0; width:100%; border:none; border-bottom:1px dotted #666;}
#menu li dl dd:last-child{ border-bottom:1px dotted #666;}
#menu li dl dd a{ color:#000; height:50px; font-size: 14px; line-height:50px; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#menu li dl dd a:hover{ color:#87050e; text-decoration:none;}


}
@media (max-width:997px){
.font16{ font-size:14px;}
.font24{ font-size:16px;}
.font20 , .font22{ font-size: 16px;}
.font26{ font-size:18px;}
.font28{ font-size:20px;}
.font30{ font-size:22px;}
.font36{ font-size:24px;}
.font42{ font-size: 26px;}
.font48{ font-size: 30px;}
}
@media (max-width:884px){

}
@media (max-width:767px){
.font28{ font-size:18px;}
.font30{ font-size:20px;}
.font42{ font-size: 22px;}
.font48{ font-size: 24px;}

}
@media (max-width:680px){
.font36{ font-size:20px;}
.font42{ font-size: 20px;}
.font48{ font-size: 20px;}
}
@media (max-width:600px){

}
@media (max-width:580px){

}
@media (max-width:520px){


}
@media (max-width:440px){
.font16{ font-size:14px;}
.font42{ font-size: 18px;}
.font48{ font-size: 18px;}

}
@media (max-width:400px){

}
@media (max-width:350px){
}