﻿html{-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0px;padding:0px;}
html{background:#FFFFFF}
body{ font-family:"微软雅黑", \5b8b\4f53, sans-serif; font-size:12px; text-align:left; background:#FFFFFF; }
table,input,textarea,select{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal} 
a { color:#333; text-decoration:none;} 
a:focus{outline:0;} 
a:hover { text-decoration:none; color:#006099;}
ul,ol{list-style:none}
fieldset,img{border:none}
table{border-collapse:collapse;}
textarea{resize:none;}
img{border:0;}
address,cite,dfn,em,var{font-style:normal;}
article,aside,dialog,footer,header,section,footer,nav,figure{display:block;}/*html5 reset IE*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:"\20";clear:both;height:0;}
* html .clearfix{zoom:1;}/* IE6 */
:first-child+html .clearfix{zoom:1;}/* IE7 */
.clearfix{zoom:1;}
.clearfix{zoom:1;}/* IE6/7 */
a,area{blr:expression(this.onFocus=this.blur());}/* for IE */
:focus{-moz-outline-style:none;}/* for Firefox */
.clear{clear:both; overflow:hidden; width:0px; height:0px; line-height:0; font-size:0px;}

.header , .content , .footer { width:1200px; margin:0 auto;  }
html,body{ height:100%;}
.wrap{ width:100%;}

.lefttop{ width:150px; height:100%; position:fixed; left:-150px; top:0; background:url(../images/common/nav_12.jpg) #fff no-repeat left 73.4%; z-index:1000;}
.homequ{ width:100%; height:100%;}

.swiper-container { width: 100%; height: 100% !important; position:relative;}
.homepagination { position: absolute; z-index: 20; right:3.65%; top:50%; margin-top:-40px; width:30px;}
.swiper-wrapper{width: 100%; height:100% !important;}
.swiper-slide {width: 100%; height:100% !important; overflow:hidden;}
.swiper-slide .tubox{ width:100%; height:100%; position:relative;}
.swiper-slide .tubox img.banner{ width:100%; height:100%;}
.swiper-slide .tubox .baizubn{ position:absolute; left: 0;
    right: 0;
    width: 600px;
    margin: 0 auto;
 /*top:22.77%;*/top:35.77%; opacity:0;}
.swiper-slide .tubox .logobn{ position:absolute; left:8%; top:4%; display:none;}
.swiper-pagination-switch { display: inline-block; width:30px; height:30px; cursor: pointer; background:url(images/anniu_30.png) no-repeat center center; margin-bottom:20px;}
.swiper-active-switch { background:url(images/anniu_21.png) no-repeat center center;}

.shubiao{ position:absolute; z-index:20; width:460px; height:30px; left:50%; margin-left:-225px; bottom:12.0%; animation: shub 3s infinite; -moz-animation: shub 3s infinite; -ms-animation: shub 3s infinite; -webkit-animation: shub 3s infinite; -o-animation: shub 3s infinite; cursor:pointer;}
@keyframes shub
{
0% {  transform:translateY(0);}
25%{  transform:translateY(3px);}
50%{  transform:translateY(0);}
75%{  transform:translateY(-3px);}
100% {  transform:translateY(0px);}
}
@-moz-keyframes shub 
{
0% {  transform:translateY(0);}
25%{  transform:translateY(3px);}
50%{  transform:translateY(0);}
75%{  transform:translateY(-3px);}
100% {  transform:translateY(0px);}
}

@-ms-keyframes shub 
{
0% {  transform:translateY(0);}
25%{  transform:translateY(3px);}
50%{  transform:translateY(0);}
75%{  transform:translateY(-3px);}
100% {  transform:translateY(0px);}
}

@-webkit-keyframes shub 
{
0% {  transform:translateY(0);}
25%{  transform:translateY(3px);}
50%{  transform:translateY(0);}
75%{  transform:translateY(-3px);}
100% {  transform:translateY(0px);}
}

@-o-keyframes shub
{
0% {  transform:translateY(0);}
25%{  transform:translateY(3px);}
50%{  transform:translateY(0);}
75%{  transform:translateY(-3px);}
100% {  transform:translateY(0px);}
}

.tlleft{ width:60.42%; float:left; height:100%;}
.tlright{ width:39.58%; float:left; height:100%;}
.tlleft div.shangzi,.tlright div.shangzi{ display:block; float:left; position:relative;}
.shangzi.gsgk{ width:100%; background:url(../images/default/erye_01.jpg) no-repeat center center; background-size:100% 100%; height:64.07%;}
.shangzi.syly{ width:50%; background:url(../images/default/erye_03.jpg) no-repeat center center; background-size:100% 100%; height:35.93%;}
.shangzi.rczm{ width:50%; background:url(../images/default/erye_04.jpg) no-repeat center center; background-size:100% 100%; height:35.93%;}
.shangzi.gsdt{ width:100%; background:url(../images/default/erye_02.jpg) no-repeat center center; background-size:100% 100%; height:100%;}
.shangzi .fuzi{ position:absolute; right:30px; text-align:right; color:#fff; transform:translateX(-200px); -ms-transform:translateX(-200px); -moz-transform:translateX(-200px); -webkit-transform:translateX(-200px); -o-transform:translateX(-200px); opacity:0; cursor:pointer; z-index:4;}
.shangzi a{ position:absolute; display:block; width:100%; height:100%; left:0; top:0; background:url(black.jpg); z-index:5;}
.shangzi.gsgk .fuzi{ top:17.77%;}
.shangzi.syly .fuzi{ top:16.75%;}
.shangzi.rczm .fuzi{ top:16.75%;}
.shangzi.gsdt .fuzi{ top:70.19%; right:50px;}
.shangzi .fuzi em{ font-size:35px; font-family:"微软雅黑"; font-weight:bold;}
.shangzi .fuzi span{ font-size:12px; font-family:Arial;}
.shangzi .fuzi p{ font-family:"微软雅黑"; font-size:14px; margin-top:20px;}
.shangzi .fuzi.on{ animation: jinru 2s 1 forwards; -moz-animation: jinru 2s 1 forwards; -ms-animation: jinru 2s 1 forwards; -webkit-animation: jinru 2s 1 forwards; -o-animation: jinru 2s 1 forwards;}
@keyframes jinru
{
0% {  transform:translateX(-200px); opacity:0;}
100% {  transform:translateX(0px); opacity:1}
}
@-moz-keyframes jinru 
{
0% {  transform:translateX(-200px); opacity:0;}
100% {  transform:translateX(0px); opacity:1}
}

@-ms-keyframes jinru 
{
0% {  transform:translateX(-200px); opacity:0;}
100% {  transform:translateX(0px); opacity:1}
}

@-webkit-keyframes jinru 
{
0% {  transform:translateX(-200px); opacity:0;}
100% {  transform:translateX(0px); opacity:1}
}

@-o-keyframes jinru
{
0% {  transform:translateX(-200px); opacity:0;}
100% {  transform:translateX(0px); opacity:1}
}

.icp_link {position:absolute;left:0;right:0;bottom:40px;text-align:center;z-index:19;}

.icp_link,.icp_link a,.icp_link span {color:#000;line-height:20px;}

