html{color:#000;}
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{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
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%;}
legend{color:#000;}
html,body{height:100%;background:#fff;}
body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;line-height:170%;font-size:12px;color:#000;}
i{font-style:normal;}
a{color:#000;text-decoration:none;}
a:hover{color:#F60;}
a.under:link,a.under:active,a.under:visited,a.under:hover{text-decoration:underline;}
body{padding:0;margin:0;background:#000}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
html,body{min-width:1280px;color:#000}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.fl{float:left}
.fr{float:right}
.text-center{text-align:center}
#container{width:100%;min-width:1280px;height:900px;overflow:hidden;position:relative}
.section_wrap{width:100%;min-width:1280px;position:absolute;top:0;left:0}
.wrap{width:100%;min-width:1280px;height:930px!important;background:url(bg.jpg) top center no-repeat;position:relative}
.main{width:1280px;position:relative;margin:0 auto;margin-left:300px;z-index:10}
.content{position:absolute;width:1000px;top:232px;left:0}
.title{margin-left:155px;margin-top:-50px;position:absolute;z-index:999;}
.title{animation:s4 1s .5s ease both;-webkit-animation:s4 1s .5s ease both;-moz-animation:s4 1s .5s ease both;-ms-animation:s4 1s .5s ease both;}


.titles{margin-left:320px;margin-top:-142px;position:absolute;z-index:998;}
.titles{-webkit-animation:xz360 9s infinite linear 300ms 0 ease;-moz-animation:xz360 9s infinite linear 300ms 0 ease;-ms-animation:xz360 9s infinite linear 300ms 0 ease;animation:xz360 9s infinite linear 300ms 0 ease;-moz-animation:xz360 9s infinite linear;-webkit-animation:xz360 9s infinite linear;-o-animation:xz360 9s infinite linear;-ms-animation:xz360 9s infinite linear;animation:xz360 9s infinite linear}
.titles img {opacity: 0.15; filter:alpha(opacity=15);}
.subtitle{margin-top:-58px;margin-left:30px}
.slidebar{width:250px;height:930px;position:absolute;top:0;left:0;overflow:hidden;background:#1a1a1b;z-index:1000;filter:alpha(opacity=80); -moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.slidebar .logo{padding-top:20px}
.slidebar .logo img {animation:BigToSmall ease 1.4s 1s both;-webkit-animation:BigToSmall ease 1.4s 1s both;-moz-animation:BigToSmall ease 1.4s 1s both;-ms-animation:BigToSmall ease 1.4s 1s both;}
.adownload{width:218px;height:324px;padding-top:213px;float:left;margin-right:28px;}
.left{width:250px;position:absolute;}
.left_a1{width:172px;height:140px;background:url(reg.jpg) no-repeat;position:absolute;margin-left:40px;}
.left_ul1{width:174px;height:242px;margin-left:40px;list-style:none;margin-top:150px;}
.left_ul1 li{width:85px;height:120px;background-image:url(anniu.jpg);float:left;}
.left_ul1 .pdd,.left_ul2 .pdd{margin-right:2px;}
.left_ul1 .pddt,.left_ul2 .pddt{margin-top:2px;}
.left_ul1 li a{color:#73737a;width:85px;height:120px;font-size:14px;font-weight:600;position:absolute;text-align:center;line-height:150px;}
.left_ul1 li a:hover,.left_ul2 li a:hover{color:#d55042;}
.left_li1{background-position:-0px -0px;}
.left_li2{background-position:-87px -0px;}
.left_li3{background-position:0px -122px;}
.left_li4{background-position:-87px -122px;}
.left_ul1 .left_li4 a {color:#d55042;}
.left_ul2{width:174px;height:145px;list-style:none;margin-left:40px;margin-top:10px;}
.left_ul2 li{width:83px;height:72px;background:#28282b;border:1px solid #313136;float:left;}
.left_ul2 li a{color:#73737a;width:83px;height:72px;font-size:14px;font-weight:600;line-height:72px;position:absolute;text-align:center;}
.left_div1{width:173px;height:191px;margin:20px auto;background:#232326;position:relative;}
.left_p1{width:140px;height:140px;background:url(ewm.jpg) no-repeat;position:absolute;top:17px;left:18px;}
.left_a2{width:173px;height:20px;line-height:340px;color:#73737a;position:absolute;text-align:center;}
@keyframes s4{0%{opacity:0;transform:scale(2)}70%{opacity:0.3;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}
@-webkit-keyframes s4{0%{opacity:0;transform:scale(2)}70%{opacity:0.3;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}
@-moz-keyframes s4{0%{opacity:0;transform:scale(2)}70%{opacity:0.3;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}
@-ms-keyframes s4{0%{opacity:0;transform:scale(2)}70%{opacity:0.3;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}
@keyframes BigToSmall{0%{ opacity:0; transform: scale(3);}60%{opacity:1; transform: scale(0.65);}80%{transform: scale(1.1);}100%{transform: scale(1);}}
@-webkit-keyframes BigToSmall{0%{ opacity:0; -webkit-transform: scale(3);}60%{opacity:1; -webkit-transform: scale(0.65);}80%{-webkit-transform: scale(1.1);}100%{-webkit-transform: scale(1);}}
@-moz-keyframes BigToSmall{0%{ opacity:0; -moz-transform: scale(3);}60%{opacity:1; -moz-transform: scale(0.65);}80%{-moz-transform: scale(1.1);}100%{-moz-transform: scale(1);}}
@-ms-keyframes BigToSmall{0%{ opacity:0; transform: scale(3);}60%{opacity:1; transform: scale(0.65);}80%{transform: scale(1.1);}100%{transform: scale(1);}}
.brandsShow{ width:1200px; height:620px; margin:0 auto; }
.flip-container {perspective: 1000;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;
margin:0px auto; float:left; margin-left:20px; margin-bottom:20px;}
.flip-container:hover .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;}
.flip-container:hover .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1}
.flipper {transition:transform 0.6s ease-out;
transition: transform .5s ease-in-out;
-webkit-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
-ms-transition: transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
display:block;position: relative;}
.front, .back {backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;}
.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.back { z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}
@-webkit-keyframes xz360{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
@-moz-keyframes xz360{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
@-ms-keyframes xz360{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
@-o-keyframes xz360{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes xz360{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}