html{color:#333;background:#fff;font-family:"Microsoft Yahei";}
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 {margin:0;padding:0;}
ol,ul,li {list-style:none;}
a{ text-decoration:none;}
body{ font-family:"微软雅黑"; color:#323232;}
img{ border:none;}
i,em{ font-style:normal;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
.cl:after{display:block;height:0;font-size:0;content:".";visibility:hidden;clear:both;}.cl{zoom:1;}
.wrap{ width:1200px; margin:0 auto; position:relative;}
.pr{ position:relative}
.ovh{overflow:hidden;}

.imghover{overflow:hidden;}
.imghover img{
	-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);
	-webkit-transition:transform 1s;transition:transform 1s;
}
.imghover:hover img{
	-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);
}

.banner{background:url(images/banbg.jpg) no-repeat center top;}
.b-logo{
	width:320px;height:70px;background:url(images/b_logo.png);margin:80px auto 40px;
	-webkit-animation:rollIn 1s;animation:rollIn 1s;
}
.b-theme{
	width:1060px;height:211px;background:url(images/b_theme.png);margin:0 auto;
	-webkit-animation:zoomInLeft 1s;animation:zoomInLeft 1s;
}
.b-cont{
	text-align:center;color:#fff;
	-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s;
}
.b-cont h2{font-weight:bold;font-size:38px;line-height:50px;}
.b-cont h3{font-weight:bold;font-size:22px;line-height:60px;}
.b-cont em{display:block;font-style:normal;font-size:12px;line-height: 20px;text-transform:uppercase;font-family: Verdana;letter-spacing: 5px;}
.b-lead{
	padding-top: 100px;font-size:18px;line-height:48px;text-align:center;
	-webkit-animation:zoomIn 1s;animation:zoomIn 1s;
}

.tit{
	padding:120px 0 30px;font-weight:bold;font-size:40px;line-height:50px;text-align:center;
	background:url(images/tit_i.png) no-repeat center 50px;
}
.slider1{position: relative;}
.slider1 a{
	position:absolute;
	z-index: 999;
	top: 210px;
	left: 40px;
	width:30px;
	height:44px;
	background: url(images/arrs.png) no-repeat;
}
.slider1 .next{left:auto;right: 40px;background-position:-30px 0;}
.slider1 ul{width: 1200px;height: 500px;margin:0 auto;overflow: hidden;}
.roundabout-moveable-item {width: 640px;height: 340px;cursor: pointer;}
.roundabout-moveable-item {width: 800px;height: 423px;cursor: pointer;}
.roundabout-moveable-item {width: 945px;height: 500px;cursor: pointer;}
.slider1 ul img{width:100%;}
.slider1 li{position: relative;}
.slider1 li span{
    /* position: absolute; */
    z-index:9;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.8);
}
.slider1 .roundabout-in-focus span{display:none;}

.slider1 i{position: absolute;z-index:390;left:0;top:0;width:200px;height: 490px;background:rgba(255,255,255,.8);}
.slider1 .rights{right:0;left:auto;}

.bg-shadow{width: 929px;height:140px;margin: -72px auto 0;background: url(images/bg_shadow.png) no-repeat center;}


.w559{width:599px;}
.slider2{
	width:599px;
	height:556px;
	position:relative;
	overflow:hidden;
	-webkit-box-shadow: 2px 10px 20px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
}
.slider2 .hd{position:absolute;width:100%;left:0;bottom:25px;z-index:9;font-size:0;text-align: center;}
.slider2 .hd li{
	display:inline-block;*display:inline;*zoom:1;width:15px;height:15px;
	margin:0 10px;border-radius:50%;background:#fff;cursor:pointer;
}
.slider2 .hd .on{background:#cc0e10;}
.slider2 .bd li{width:599px;height:556px;font-size:0;}

.p2 dl{padding:60px 70px;height:50px;overflow:hidden;}
.p2 dt{
	float:left;padding-right:20px;margin-right:20px;border-right:4px solid #cc0e10;
	font-weight:bold;font-size:30px;line-height:50px;color:#cc0e10;
}
.p2 dd{
	float:left;font-size:20px;line-height:25px;
}

.p3 .lead{padding-bottom:25px;font-size:16px;line-height:32px;text-indent:2em;}
.p3 .w490{float:left;width:490px;}
.p3 .w699{float:right;width: 710px;}
.p3 .w699 img{float:right;margin: 0 0 10px 10px;}

.slider4 .hd{font-size:0;text-align:center;}
.slider4 .hd li{
	display:inline-block;*display:inline;*zoom:1;width:184px;height:44px;
	margin:0 6px;border:1px solid #bbb;font-size:20px;line-height:44px;cursor:pointer;
}
.slider4 .hd .on{border-color:#cc0e10;color:#fff;background:#cc0e10;}
.slider4 .lead{font-size:16px;line-height: 32px;text-indent:2em;padding:25px 0;}
.p4 .w388{float:left;width:388px;}
.p4 .w388 img{display:block;margin-bottom:10px;}
.p4 .w812{float:left;width:812px;}
.p4 .w812 img{float:left;margin:0 0 10px 10px;}
.p4 .mr10{margin-right:10px;}
.p4 .mb10{display:block;margin-bottom:10px;}

.p5 .bd li{width:1210px;overflow:hidden;}
.p5 .bd li img{float:left;margin:0 10px 10px 0;}
.p5 .slider4 .hd{padding-bottom:40px;}
.p5 .slider4 .hd li{width: 240px;}

.p6{padding-bottom:50px;}
.p6 .lead{background:url(images/bg_end.jpg) no-repeat;padding: 30px 40px;font-size:18px;line-height:32px;text-indent:2em;}

.totop{position:fixed;z-index:999;bottom:100px;right: 20px;width:46px;height:46px;background:url(images/totop.png);}


@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        -ms-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -ms-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -ms-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}
