@charset "gb2312";
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td,div,input{margin:0;padding:0;word-wrap:break-word;}
body,html,input{font:12px "Microsoft Yahei",arial,\5b8b\4f53,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1{font-size:34px;}h2{font-size:24px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
body{background:#fff;}
input,label,img,th{vertical-align:middle;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color: #1d1d1d;}
a:hover{text-decoration: underline;}
img{margin: 0;padding: 0;border: none;}
.w1000{width: 1000px;margin: 0 auto;overflow: hidden;}

.banner{height: 807px;background: url(../images/banner.jpg) bottom center no-repeat;min-width: 1000px;}
.bannerBox{position: relative;height: 807px;text-align: center;}
.bannerBox .logo{text-align: left;margin-top: 20px;}
.bannerBox .m_title{animation:title 1s linear 1;-webkit-animation:title 1s linear 1;margin-top: -25px;}
.bannerBox .s_title{animation:title 1s linear 1 0.1s;-webkit-animation:title 1s linear 1 0.1s;margin-left: -80px;margin-top: 15px;}
.circle{width: 60px;height: 60px;position: absolute;left: 249px;top: 278px;}
.circle>div{width: 100px;height: 100px;border-radius: 50%;border: 1px solid #18beb1;opacity: 1;position: absolute;left: 0;top: 0;animation: circle 1.3s infinite ease-in-out;-webkit-animation: circle 1.3s infinite ease-in-out;}
.circle .circle2{animation-delay: -0.6s;-webkit-animation-delay: -0.6s;}
.circle .circle3{animation-delay: -0.8s;-webkit-animation-delay: -0.8s;}
.detail{border: 1px solid #acadae;color: #6e6e6e;font-size: 20px;margin-top: 50px;font-weight: 300;width:80%;line-height: 40px;margin-left: 10%;}

.nav{margin-bottom: 70px;background: #f5f5f5;height: 50px;margin-top: 25px;border-top: 1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;transition:all 0.5s linear;box-shadow: 3px 3px 10px 0px #aaaaaa;min-width: 1000px;width: 100%;}
.navBox{position: relative;height: 50px;margin: 0 auto;width: 1000px;}
.nav ul{height: 50px;line-height: 50px;width: 1020px;background-color: #f5f5f5;position: absolute;z-index: 10;}
.nav ul li{float: left;font-size: 18px;font-weight: 300;width: 130px;margin-right: 15px;text-align: center;color: #6e6e6e;outline: none;text-transform: uppercase;letter-spacing: 0;overflow: hidden;cursor: pointer;}
.nav ul li.animated{color: #346fd3;}
.nav .backIcon{height: 74px;position: absolute;background-color: #346fd3;top: -16px;width: 130px;}

.bar{width:1000px;height:158px;margin: 0 auto 40px;}
.bar ul{width: 1065px;overflow: hidden;}
.bar ul li{float: left;}
.bar ul li svg{width:350px;}
.bar ul li img{margin: 0px 50px 0px 50px;}
.bar ul li.hot3_Img img{margin: 0px 50px 0px 40px;}
#circle{stroke-dasharray: 500;stroke-dashoffset: 500;animation:ciranim 2s linear infinite 0.5s;}

.news{width: 100%;min-width: 1000px;}
.newsBg{background: url(../images/jianjie.png) top center no-repeat;width: 100%;min-width: 1000px;height: 340px;padding-top: 50px;}
.newCon{font-size: 18px;text-indent: 2em;color: #666;}
.newCon p{line-height: 26px;margin-bottom: 13px;}

.lightCon{padding-top: 20px;overflow: hidden;height: 227px;position: relative;}
.lightCon ul{width: 400%;height: 227px;position: absolute;left: 0;top: 0;}
.lightCon ul li{float: left;width: 226px;height: auto;margin-right: 32px;}

.carnivalNew{padding-top: 30px;height: 350px;margin-bottom: 60px;}
.carnival_l{float: left;width: 511px;height: 350px;}
.carnival_l img{width: 511px;height: 350px;}
.carnival_r{float: right;width: 455px;overflow: hidden;height: 350px;}
.carnival_r ul li{width: 455px;height: 140px;overflow: hidden;padding-bottom: 20px;border-bottom: 1px dotted #ccc;margin-bottom: 35px;}
.carnival_r img{float: left;width: 100px;height: 100px;margin-top: 20px;}
.carnival_r .text{float: right;width: 320px;}
.carnival_r .text h3{height: 25px;overflow: hidden;margin-bottom: 10px;}
.carnival_r .text p{line-height: 20px;font-size: 16px;}

.siteCon ul{width: 1048px;}
.siteCon ul li{float: left;width: 214px;height: 280px;margin-right: 48px;margin-bottom: 30px;position: relative;overflow: hidden;}
.siteCon ul li i{position: absolute;height: 40px;width: 214px;display: block;left: 0;bottom: 0;background: rgba(0,0,0,.6);color: #fff;font-style: normal;line-height: 40px;text-align: center;font-size: 16px;}

.footer{background: url(../images/footer.jpg) top center no-repeat;width: 100%;min-width: 1000px;padding-top: 40px;margin-top: 40px;}
.footerBox p{line-height: 26px;text-align: center;}

.ad{margin-bottom: 40px;}

@keyframes ciranim {
    to{
        stroke-dashoffset: 0;
    }
}

@keyframes circle {
    0% {
        transform: scale(0.0);
    }
    100% {
	    transform: scale(3.0);
	    opacity: 0;
	}
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform: scale(0.0);
    }
    100% {
	    -webkit-transform: scale(3.0);
	    opacity: 0;
	}
}

@keyframes title {
    1%{
        transform:scale(1);
    }
    30%{
        transform:scale(5);
        opacity: 0;
    }
    40%{
        transform:scale(0);
        opacity: 0;
    }
    50%{
        transform:scale(0.2);
        opacity: 0.2;
    }
    60%{
        transform:scale(0.4);
        opacity: 0.4;
    }
    70%{
        transform:scale(0.6);
        opacity: 0.6;
    }
    80%{
        transform:scale(0.8);
        opacity: 0.8;
    }
    90%{
        transform:scale(0.9);
        opacity: 0.9;
    }
    100%{
        transform:scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes title {
    1%{
        -webkit-transform:scale(1);
    }
    30%{
        -webkit-transform:scale(5);
        opacity: 0;
    }
    40%{
        -webkit-transform:scale(0);
        opacity: 0;
    }
    50%{
        -webkit-transform:scale(0.2);
        opacity: 0.2;
    }
    60%{
        -webkit-transform:scale(0.4);
        opacity: 0.4;
    }
    70%{
        -webkit-transform:scale(0.6);
        opacity: 0.6;
    }
    80%{
        -webkit-transform:scale(0.8);
        opacity: 0.8;
    }
    90%{
        -webkit-transform:scale(0.9);
        opacity: 0.9;
    }
    100%{
        -webkit-transform:scale(1);
        opacity: 1;
    }
}