html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p,blockquote,th,td,button,footer,header,menu,nav{margin:0;padding:0;}
html,body{font-family:"microsoft yahei";color:#000;background:#fff;}
ol,ul,li{list-style:none;}a{text-decoration:none;}img{border:none;width: 100%;display: block;}i,em{font-style:normal;}
.fl{float:left;}.fr{float:right;}.fl,.fr{_display:inline;}
.pr{position: relative;}
.cf:after{display:block;height:0;font-size:0;content:".";visibility:hidden;clear:both;}.cf{zoom:1;}
strong{color: #00aecb;}
.white{color: #fff}
.h500{height: 500px;overflow: hidden;}
.mgt40{margin-top: 40px}

p.text{font-size: 16px;line-height: 30px;}
.line{display: inline-block;*display: inline;*zoom:1;}

.pdt95{padding-top: 95px;}
.pdb105{padding-bottom: 105px;}
.pdl55{padding-left: 55px;}
.pdb60{padding-bottom: 60px;}
.mgt25{margin-top: 25px;}
.mgpb40{margin:40px 0;}
.mgt95{margin-top: 95px}
.mgt50{margin-top: 50px}

.w1200{width:1200px;margin:0 auto;position:relative;}
.banner{height:820px;background:url(images/banner_bg.jpg) center center no-repeat;}
.banner .logo{padding-top: 100px;width: 393px;margin-bottom: 280px;}
.banner .theme{width:920px;height:173px;display:block;margin:0 auto;}
.center{text-align: center;}

.tt h3{display: inline-block;*display: inline;*zoom:1;border:1px solid #333;font-size: 45px;padding: 10px 20px;margin-bottom: 40px;color: #333}
.tita{margin-bottom: 30px;}
.titb {color: #fff}
.tita span{color: #00b0cd;text-transform: uppercase;font-size: 24px;}
.tita h2{font-size: 30px;font-weight: normal;}
.tita em{display: inline-block;width: 64px;height: 2px;background:#00b0cd;}

.p2 .fr,.p2 .fl{width: 50%;overflow: hidden;}
.p2 .fl img{width: auto;}
.p1{padding-bottom:70px;}
.p1 .fl{width: 120px;}

.p1 .fr{width: 950px;}
.p1 ul li{float: left;}
.p1 ul li.w700{width: 1200px;overflow: hidden;}


.p2 .fr {background: #f4f4f4;height: 100%}
.p2 .box {padding:  2% 0 1.5% 4%;height: 317px;}
.p2 #num_list{margin-left: -25px;width:1230px;padding: 120px 0 90px}
.p2 #num_list li{float: left;width: 280px;text-align: center;margin-left: 26px;height: 150px;}
.p2 #num_list li .num{font-size: 70px;font-weight: bold;font-family: "思源黑体 CN";}
.p2 #num_list li .num span{font-size: 36px;font-weight: normal;}
.p2 #num_list li blockquote{color: #666}
.p2 .box p{width: 500px;}

.view {width: 50%;height: 374px;
    display: inline;float: left;overflow: hidden;position: relative;text-align: center;cursor: default;
}
.view .mask{
    width: 100%;height: 100%;top: 0;left: 0;
    position: absolute;overflow: hidden;
}
.view img {position: relative}
.view h2 {text-transform: uppercase;color: #fff;text-align: center;position: relative;font-size: 18px;
    padding: 100px 0 0 0;
    margin: 20px 0 0
}

.view p {
    font-size: 16px;
    position: relative;
    color: #fff;
    padding: 10px 68px 20px;
    line-height: 27px;
}

.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000
}
.view:hover .mask {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}
.view .mask {
    background: #00afcc;
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    transition: all .4s ease-in;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}
.view .mask.two{background:#c698d7;}
.view .mask.three{background:#eb9437;}
.view .mask.four{background:#74b97a;}
.view h2 {
    -webkit-transform: translateY(-180px);
    -moz-transform: translateY(-180px);
    -o-transform: translateY(-180px);
    -ms-transform: translateY(-180px);
    transform: translateY(-180px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.view:hover h2 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s
}
.view p {
    text-align: left;
    -webkit-transform: translateX(360px) rotate(-90deg);
    -moz-transform: translateX(360px) rotate(-90deg);
    -o-transform: translateX(360px) rotate(-90deg);
    -ms-transform: translateX(360px) rotate(-90deg);
    transform: translateX(360px) rotate(-90deg);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.view:hover p {
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    -ms-transition-delay: .4s;
    transition-delay: .4s
}

.p4{background: url(images/p4_bg.jpg) center no-repeat;width: 100%;height: 790px;padding-top: 110px;}
.p4 .p4_list {width: 1240px;margin-left: 0;}
.p4 .p4_list .f1{background:#989a9a url(images/p4_01.jpg) no-repeat;}
.p4 .p4_list .f2{background:#989a9a url(images/p4_02.jpg) no-repeat;}
.p4 .p4_list .f3{background:#989a9a url(images/p4_03.jpg) no-repeat;}
.p4 .p4_list .f4{background:#989a9a url(images/p4_04.jpg) no-repeat;}
.p4 .p4_list .f5{background:#989a9a url(images/p4_05.jpg) no-repeat;}
.p4 .p4_list li{float: left;margin-right: 38px;width: 210px;text-align: center;height: 320px;position: relative;overflow: hidden;cursor: pointer;}
.p4 .p4_list li .info{padding-top:110px;height: 210px;}
.p4 .p4_list li .info i{display: block;background: url(images/p4_icon.png) no-repeat;width: 44px;height: 44px;margin:0 auto;margin-bottom: 25px;}
.p4 .p4_list li .info b{color: #fff}
.p4 .p4_list li .info i.i2{background-position: -75px -56px;}
.p4 .p4_list li .info i.i3{background-position: -29px -130px;}
.p4 .p4_list li .info i.i4{background-position: -75px -0;width:48px}
.p4 .p4_list li .info i.i5{background-position: 0 -58px;}
.p4  .p4_list .cove{background:#00aecb;width: 170px;height: 320px;position: absolute;top:0;left: 210px;padding: 0 20px;}
.p4  .p4_list .cove p{font-size: 16px;line-height: 25px;text-align: justify;}
.p4  .p4_list .cove h4{font-size: 20px;font-weight: bold;margin-top: 80px;margin-bottom: 15px;}
.blockquote_list{width: 1280px;margin-left: 39px;}
.blockquote_list blockquote{display: inline-block;*display: inline;*zoom:1;color: #fff;font-size: 20px;margin-right: 155px;}

.p5 .keywords{position: absolute;left: 50%;bottom: 0;width: 1140px;background: url(images/tmbg.png) repeat;height: 130px;margin-left: -600px;z-index: 9;padding: 30px 30px 0 30px}
.p5 .keywords h4{font-size: 20px;}
.p5 .keywords p{font-size: 16px;line-height: 30px;margin-top: 10px}
.p5 .slideImgBox .slideImg_hd ul li{float: left;width: 151px;height: 48px;border:1px solid #a0a0a0;line-height: 48px;margin:0 13px;cursor: pointer;}
.p5 .slideImgBox .slideImg_hd ul li.on{background: #00aecb;color: #fff;border:1px solid #00aecb;}
.small_slider {width: 100%;min-width:1200px;height: 690px;position: relative;overflow: hidden;background: #fff;text-align: left;color: #fff;}
.small_slider .small_bd {width: 1200px;position: absolute;left: 50%;margin-left: -600px}
.small_slider .small_bd li {width: 1200px;overflow: hidden;position: relative;}
.small_slider .small_bd li img {display: block;width: 1200px;height: 690px;}
.small_slider .tempWrap {overflow: visible !important}
.small_slider .tempWrap ul {margin-left: -1200px !important;}
.small_slider .pnBtn { position: absolute;z-index: 1;top: 0;width: 100%;height: 690px; cursor: pointer;}
.small_slider .prevs {left: -50%; margin-left: -600px;}
.small_slider .nexts { left: 50%;margin-left: 600px;}
.small_slider .pnBtn .blackBg {display: block; position: absolute;left: 0;top: 0;width: 100%;height: 690px;background: #000;filter: alpha(opacity=50); opacity: 0.5;}
.p7_slider>a,.small_slider .pnBtn .arrow {display: none;position: absolute;top: 42%;z-index: 1;width: 70px;height: 70px;}
.small_slider .prevs .arrow {right: 20px;background: url(images/btn_icon.png) 0 0 no-repeat;}
.small_slider .prevs .arrow:hover{background-position: -145px 0; }
.small_slider .nexts .arrow {left: 20px; background: url(images/btn_icon.png) -72px 0 no-repeat;}
.small_slider .nexts .arrow:hover{background-position: -218px 0;}

.vr {width: 100%;height: 100%;overflow: hidden;}

.p7{background: url(images/p7_bg.jpg) center no-repeat;width: 100%;height: 860px;padding-top: 100px;overflow: hidden;}
.history {margin: 60px auto 0;width: 1200px;overflow: hidden;text-align: center;}
.large_box {margin-bottom: 10px;width: 1200px;height: 300px;overflow: hidden}
.small_box {width: 1200px;overflow: hidden;padding-top: 75px;}
.small_list {position: relative;float: left; width: 1140px;overflow: hidden}
.small_list ul{background: url(images/p7_ul_bg.png) 0 42px repeat-x;width: 100%;padding-top: 30px;overflow: hidden;}
.small_list ul li b{width: 20px;height: 20px;border-radius: 100%;background: #fff;border:2px solid #a1a1a1;position: absolute;top:0;left: 50%;margin-left: -10px;}
.small_list ul li.on b{background: url(images/li_on.png) no-repeat;width: 40px;height: 48px;border:none;top:-15px;margin-left: -20px;}
.small_list ul li blockquote{font-size: 22px;padding: 8px 15px;margin-top: 40px;}
.small_list ul li.on blockquote{background: #00aecb;color: #fff;border-radius: 12px;}

.large_box ul li dl{display: inline-block;*display: inline;*zoom:1;}
.large_box ul li dl dd,.large_box ul li dl dt{display: inline-block;*display: inline;*zoom:1;vertical-align: top;}
.large_box ul li dl dd{width: 415px;text-align: left;margin-right: 60px;}
.large_box ul li dl dd h3{border-right: 5px solid #333;font-size: 100px;font-weight: normal;}
.large_box ul li dl dd  p{margin-top: 25px;}
.large_box ul li dl dd h3 span{font-size: 30px;margin-left: 15px}
.small_list ul li { position: relative;float: left;margin:0 10px;width: 220px;}
.btn {width: 30px;height: 62px;background:url(images/history_btn_icon.png) no-repeat;cursor: pointer;margin-top: 15px;}
.small_box span.left_btn{background-position: 0 0;float: left;}
.small_box span.left_btn:hover{background-position: -62px 0;}
.small_box span.right_btn{background-position: -32px 0;float: right;}
.small_box span.right_btn:hover{background-position:-97px 0;}

.p8 p strong{font-size: 22px;font-weight: bold;}
.p8 .publicity_list{width: 880px;margin: 50px auto 0}
.p8 .publicity_list li{width: 110px;height: 220px;float: left;padding: 0 55px;position: relative;overflow: hidden;}
.p8 .publicity_list li h4{font-size: 18px;margin-bottom: 10px;transition: all .2s .1s ease-out}
.p8 .publicity_list li blockquote{font-size: 15px;transition: all .2s .1s ease-out}
.p8 .publicity_list .p8_cove{width: 110px;}
.p8_cove{position: absolute;top: 0;left: -220px;width: 110px;height: 220px;text-align: center;color: #fff;background: #00aecb;transition: all .2s;padding: 0 55px}
.p8 .publicity_list li i{background: url(images/publicity_icon.png) no-repeat;width: 98px;height: 98px;display: block;margin:15px auto;transition: all .2s .1s ease-out}
.p8 .publicity_list li i.i02{background-position: -106px -1px }
.p8 .publicity_list li i.i03{background-position: -224px -1px ;}
.p8 .publicity_list li i.i04{background-position: -330px 0 ;}
.p8 .publicity_list li i.i05{background-position: 0 -102px;}
.p8 .publicity_list li i.i06{background-position: -106px -103px;}
.p8 .publicity_list li i.i07{background-position: -224px -103px;}
.p8 .publicity_list li i.i08{background-position: -330px -102px;}

.p8 .list_img{width: 1250px;margin-left: -5px;}
.p8 dl{float: left;margin:5px;position: relative;color: #fff;overflow: hidden;}
.p8 dl.w551{width: 551px;}
.p8 dl.w637{width: 637px;}
.p8 dl.w500{width: 500px;}
.p8 dl.w594{width: 594px;}
.p8 dl.w340{width: 340px;}
.p8 dl dd{position: absolute;bottom: 0;left: 0;background:url(images/tmbg.png) repeat;width: 100%;height: 45px;line-height: 45px;}

.p9_slider{width: 823px;overflow: hidden;float: left;color: #fff;text-align: center;}
.p9_slider .bd ul li{position: relative;}
.p9_slider .bd ul li .txt{position: absolute;bottom: 0;left: 0;background:url(images/tmbg.png) repeat;width: 100%;height: 80px;line-height: 80px;}
.p9_slider a{background:url(images/p9_btn_icon.png) no-repeat;width: 50px;height: 105px;position: absolute;top:42%;z-index: 9;}
.p9_slider a.prev{background-position: 0 0;left: 0}
.p9_slider a.prev:hover{background-position: -107px 0;}
.p9_slider a.next{background-position: -54px 0;right: 0}
.p9_slider a.next:hover{background-position: -161px 0}
.p9 .fr{background:url(images/p9_fr_bg.jpg) no-repeat;width: 319px;margin-left: -200px;height: 372px;margin-top: 70px;padding-top: 138px;padding-left: 170px}
.p9 .fr h4{font-size: 24px;margin-bottom: 20px;}
.p9 .fr p{padding-right: 50px;text-align: justify;}
.p9 .tt h3{margin-bottom: 80px;}


.p10{background:url(images/xb_bg.jpg) center no-repeat;width: 100%;height: 633px;}
.p10 p{padding-top: 313px;padding-left: 378px;width: 740px;text-align: justify;}

.p11{margin-bottom: 30px;}
.p11_wrap{width: 100%;text-align: center;}
.p11_wrap>div{display:inline-block;*display:inline;*zoom:1;margin:0 20px;}
.team p{line-height:30px;}.team p span{display:inline-block;width:200px;text-align:right;}
.mz{text-align:center;margin-top:20px;}.mz h2{font-size:24px;margin-bottom: 15px;}.mz p{line-height:30px;}

.nav_r{width:111px; height:110px; position:fixed; top:100px; right:3%;background: url(images/handle_back.png) no-repeat;cursor: pointer;}
.visitNum{text-align: center;margin-top: 30px;}
.visitNum b{color: #fff;font-size: 16px;}
/*hover效果 */
.p9_slider .bd ul li img,.zs_hover img{transition: all 1s ease 0s;}
.p9_slider .bd ul li:hover img,.zs_hover:hover img {
    -webkit-filter: brightness(.5);
    filter: brightness(.5);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-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
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        -ms-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        -ms-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        -ms-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        -ms-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}