@charset "gb2312";
*{margin:0px;padding:0px;text-decoration:none;font-family:Arial,sans-serif;}
LI{LIST-STYLE-POSITION:outside;LIST-STYLE-TYPE:none;}
html{font-size:25px;}
html,body{ overflow-x:hidden; }
@media (max-width:2800px) {
	html{font-size:38px;}
}
@media (max-width:2400px) {
	html{font-size:32px;}
}
@media (max-width:1800px) {
	html{font-size:25px;}
}
@media (max-width:1400px) {
	html{font-size:20px;}
}
@media (max-width:1000px) {
	html{font-size:14px;}
}
@font-face {font-family:Druk Cy TT;src:url(DrukCyTTBold.woff2) format("woff2"),url(DrukCyTTBold.woff) format("woff");font-style:normal;}
html{ overflow:hidden; overflow-y:scroll;}
*{margin:0px;border:0px; padding:0px;}
.bgGIF{-webkit-transition:background 370ms ease-in-out;-moz-transition:background 370ms ease-in-out;-ms-transition:background 370ms ease-in-out;-o-transition:background 370ms ease-in-out;transition:background 370ms ease-in-out;}
.colorGIF{-webkit-transition:color 370ms ease-in-out;-moz-transition:color 370ms ease-in-out;-ms-transition:color 370ms ease-in-out;-o-transition:color 370ms ease-in-out;transition:color 370ms ease-in-out;}
.paddingGIF{-webkit-transition:padding 170ms ease-in-out;-moz-transition:padding 170ms ease-in-out;-ms-transition:padding 170ms ease-in-out;-o-transition:padding 170ms ease-in-out;transition:padding 170ms ease-in-out;}
.opacityGIF{-webkit-transition:opacity 370ms ease-in-out;-moz-transition:opacity 370ms ease-in-out;-ms-transition:opacity 370ms ease-in-out;-o-transition:opacity 370ms ease-in-out;transition:opacity 370ms ease-in-out;}


a{ cursor:pointer;}


#MenuBox{position:fixed;left:-2px;top:0px;height:auto;width:25%;border-right:#000 2px solid;z-index:9;}
#MenuBox #MB_logo{float:left;width:100%;height:auto;border-bottom:#000 1px solid;border-left:#000 10px solid;}
#MenuBox #MB_logo img{float:left;}
#MenuBox #MB_menu{float:left;width:100%;height:auto;border-left:#e84233 10px solid;}
#MenuBox #MB_menu #MB_menuIn{float:left;width:100%;text-align:center;line-height:1.05;margin-top:1.6rem;}
#MenuBox #MB_bottom{float:left;width:100%;height:150px;border-top:#E8E8E8 1px solid;margin-top:2.1rem;}

#MB_menuIn a {
	text-decoration: none;
	font-family: Druk Cy TT,Arial,sans-serif;
	font-weight: 700;
	font-size: 2rem;
	color: #000;
	text-transform: uppercase;
	position: relative;
	text-shadow: 1px 1px 0 transparent,-1px -1px 0 transparent,1px -1px 0 transparent,-1px 1px 0 transparent,1px 1px 0 transparent;
}
#MB_menuIn a:hover {
		color: #fff;
		text-shadow: 1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	}
	
#TwoBox a.a1{float:left;border-bottom:#000 1px solid;background:#FFF;color:#000; padding:0 1.5rem 0 1.5rem; position:relative;}
#TwoBox a.a1:hover{background:#000;color:#FFF;}
#TwoBox a.a2{float:left;border-left:#000 1px solid;border-bottom:#000 1px solid; background:#FFF;color:#000;padding:0 1rem 0 1rem;}
#TwoBox a.a2:hover{background:#000;color:#FFF;}

#sixBox a.a6{float:left;border-bottom:#000 1px solid;border-right:#000 1px solid;background:#FFF;color:#000; padding:0 1.5rem 0 1.5rem;}
#sixBox a.a6:hover{background:#e84234;color:#FFF;}
#sixBox a.a7{float:left;border-bottom:#000 1px solid;background:#FFF;color:#000; padding:0 1.5rem 0 1.5rem;}
#sixBox a.a7:hover{background:#e84234;color:#FFF;}

.a3{padding:0.8rem 4rem;border:#000 1px solid;font-size:0.6rem;background:#FFF;color:#000;font-family:Arial,sans-serif;}
.a3:hover{background:#000;color:#FFF;}

.a4{float:left;width:100%;height:auto;background:#FFF;color:#000;padding:0 1.5rem;}
.a4:hover{background:#e84234;color:#000;}


#fiveBox a.a5{float:left;width:auto;height:auto;border-right:#000 1px solid;background:#FFF;color:#000;margin-left:0rem; padding:0 1.5rem;}
#fiveBox a.a5:hover{background:#000;color:#FFF;}

#fiveBox a.a5 .imgBox{float:left;width:100%;height:auto; background:#F8F8F8;margin-top:1.5rem;}
#fiveBox a.a5 .titBox{float:left;width:100%;margin-top:1rem; text-align:left;font-size:1rem;}

#fiveBox a.a5 .imgBoxIn{float:left;width:60%;margin-left:20%;height:70%;margin-top:18%;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#fiveBox a.a5:hover .imgBoxIn{float:left;width:66%;margin-left:17%;height:76%;margin-top:14%;}



a.JTA_1{padding:0 0 0 0.5rem;outline: none}
a.JTA_1:hover{padding:0 0.5rem 0 0;outline: none}
a.JTA_2{padding:0 0.5rem 0 0;outline: none}
a.JTA_2:hover{padding:0 0 0 0.5rem;outline: none}

.animatePMD {
            font-size:4rem;
            color: #000;
            display: inline-block;
            white-space: nowrap;
            animation: 15s wordsLoop linear infinite normal;
        }
 
        @keyframes wordsLoop {
            0% {
                transform: translateX(20%);
                -webkit-transform: translateX(20%);
            }
            100% {
                transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
            }
        }
 
        @-webkit-keyframes wordsLoop {
            0% {
                transform: translateX(20%);
                -webkit-transform: translateX(20%);
            }
            100% {
                transform: translateX(-100%);
                -webkit-transform: translateX(-100%);
            }
        }
		
		
.yjt{
	position:absolute;right:50px;top:50%;
	width:30px;
    height:30px;
    border-top: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    transform: rotate(45deg);
	z-index:99; cursor:pointer;outline: none
}

.zjt{
	position:absolute;left:50px;top:50%;z-index:99;
	width:30px;
    height:30px;
    border-top: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    transform: rotate(-135deg);cursor:pointer;outline: none
}

a.XMTA_1{padding:0 0 0 0.5rem;outline: none}
a.XMTA_1:hover{padding:0 0.5rem 0 0;outline: none}
a.XMTA_2{padding:0 0.5rem 0 0;outline: none}
a.XMTA_2:hover{padding:0 0 0 0.5rem;outline: none}