@charset "utf-8";
/* 代码整理；懒人之家 www.lanrenzhijia.com */
* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana;}

/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(../images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}

.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}

.bg11 { position: absolute; bottom: 0; width: 100%; height: 850px; background: url(../images/bg11.png) 50% 0 no-repeat; transition: all 1s;}
.bg12 { position: absolute; bottom: -392px; width: 100%; height: 392px; background: url(../images/bg12.png) 50% 0 no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;}
.bg13 { position: absolute; bottom: -300px; width: 100%; height: 377px; background: url(../images/bg13.png) 50% 0 no-repeat; transition: all 1s;}
.hgroup { position: absolute; width: 554px; height: 176px; left: 50%; top:150px; margin: 0 0 0 -277px; text-indent: -9999px; background-image: url(../images/slogan.png); opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p11 { position: absolute; left: 50%; top: 50%; width: 600px; margin: 0 0 0 -280px; font-size: 14px; color: #94a7c6; opacity: 0; transition: all 0.5s;}
.mail { position: absolute; left: 50%; top: -26px; width: 375px; height: 26px; margin-left: -187px; background-image: url(../images/logo.png); transition: all 1s;}
.mail { float: left; height: 26px; text-indent: -9999px;}
.mail-163 { float: left; width: 107px;}
.mail-126 { float: left;width: 108px; margin-left: 23px;}
.mail-yeah { float: right; width: 115px;}

.bg23 { position: absolute; left: 50%; bottom: 10%; margin-left:-275px; transition: all 1s;}
.bg23 a{display:block;width:150px;height:40px;background:#ff0000;color:#fff;text-align:center;line-height:40px}
.section strong { position: absolute; left: 50%; top: 22%; z-index: 10; width: 512px; height: 45px; margin-left: -350px; font-size: 24px; font-weight: 500; color: #fff; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section h3 {display:none; position: absolute; left: 50%; top: 150px; z-index: 10; width: 512px; height: 59px; margin-left: -256px; margin-top: 60px; text-indent: -9999px; background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p1 {    position: absolute;
    left: 50%;
    top: 15%;
    width: 900px;
    margin-left: -450px;
 
    font-size: 16px;
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: all 1s;}

.section2 strong {     top: 26%;}
.section2 h3 { background: url(../images/t2.png) no-repeat center;    margin-top: 100px;top: 23%;}
.section2 p { text-indent:2rem;top:40%;}
.section3 h3 { background-image: url(../images/t3.png);    background-position: center;}
.section4 h3 { background-image: url(../images/t4.png);    background-position: center;}
.section5 h3 { background-image: url(../images/t5.png);    background-position: center;}
.section6 strong { width: 561px; margin-left: -280px;}
.section6 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t6.png);}
.section7 strong { width: 561px; margin-left: -280px;}
.section7 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t7.png);}
.section8 strong { width: 561px; margin-left: -280px;}
.section8 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t8.png);}
.section9 strong { width: 609px; margin-left: -304px;}
.section9 h3 { width: 609px; margin-left: -304px; background-image: url(../images/t9.png);}
.section9 h3 span { position: absolute; left: -100px; top: -48px; width: 89px; height: 90px; background-image: url(../images/yixin.png);}

.section10 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t7.png);    background-position: center;}
.bg31 { position: absolute; left: 50%; bottom: 0; width: 892px; height: 472px; margin-left: -396px; margin-bottom: 80px; background-image: url(../images/bg31.png); opacity: 0; transition: all 1s;}
.bg32 { position: absolute; left: 50%; bottom: 0; width: 892px; height: 472px; margin-left: -396px; background: url(../images/bg32.png) 470px bottom no-repeat; opacity: 0; transition: all 1s;}
.bg33 { position: absolute; left: 50%; bottom: 0; width: 441px; height: 380px; margin-left: 50%; background: url(../images/bg33.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.p3 { position: absolute; width: 430px; left: 50%; top: 15%; margin-top: 250px; margin-left: -100%; font-size: 16px; color: #FFFDE1; opacity: 0; transition: all 1s;}
.nei2tit-box{position: absolute; left: 50%; top: 0; width: 1200px;  margin-left: -600px;}
.nei2tit {
    padding-top: 130px;
}
.nei2tit h1 {
    color: #ff0000;
    font-size: 48px;
    text-align: center;
    margin-left: -90px;
}
.nei2tit h1 span {
    color: #000;
    font-size: 24px;
}
.nei2left {
    width: 38%;
    margin-top: 40px;margin-left:-200px;transition: all 1s;opacity:0
}
.nei2left img{width:100%;height:auto}
.nei2right {
    width: 56%;margin-top:40px
}
.nei2Box {
  
    background: url(../images/haobac.png) no-repeat top center;
    padding: 5px 10px;
    color: #000;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
	
   margin-top:10px
}
.nei2Box>p:first-child {
    margin-bottom: 3px;
}


.bg41 { position: absolute; bottom: -372px; width: 100%; height: 372px; background: url(../images/bg41.png) 50% 0 no-repeat; transition: all 1s;}
.bg42 { position: absolute; bottom: -449px; width: 100%; height: 449px; background: url(../images/bg42.png) 50% 0 no-repeat; transition: all 1s;}
.bg43 { position: absolute; bottom: -449px; width: 100%; height: 449px; margin-bottom: -130px; background: url(../images/bg43.png) 50% 0 no-repeat; transition: all 1s;}
.picScroll-left-box{   position: absolute;
    left: 50%;
    top: 75%;
    width: 1200px;
    margin-left: -600px;
    margin-top: 190px;
    font-size: 16px;
    color: #fff;
    text-align: center;opacity:0;
    transition: all 1s;}
.picScroll-left{position:relative;   }
.picScroll-left .kong{position:absolute ;top:75px;width:60px;height:150px;cursor:pointer}
.picScroll-left .next{left:-50px;background:url(../images/next.png) no-repeat center #000;background-size:50%}

.picScroll-left .prev{right:-50px;background:url(../images/prev.png) no-repeat center #000;background-size:50%}
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd .tempWrap{ margin:auto}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center;background:#fff}
.picScroll-left .bd ul li .pic img{ width:354px; height:270px; display:block;  padding:5px; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title a{display:block; line-height:35px;background:#fff;color:#333   }

.bg51, .bg52, .bg53, .bg54 { position: absolute; z-index: 1; width: 208px; left: 50%; bottom: 20%; padding-top: 210px; color: #fff;}
.section5 h4 { margin-bottom: 12px; font-size: 23px; font-weight: 500;}
.section5 p { font-size: 14px;}
.bg51 { margin-left: -851px; background: url(../images/bg51.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg52 { margin-left: -403px; background: url(../images/bg52.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg53 { margin-left: 195px; background: url(../images/bg53.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg54 { margin-left: 645px; background: url(../images/bg54.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}

.news-center{ position: absolute;
    left: 50%;
    top: 30%;
    width: 1200px;
    margin-left: -600px;

    font-size: 16px;
    color: #fff;
    text-align: center;opacity:1;
    transition: all 1s;}
.slideBox{ width:550px;  overflow:hidden; position:relative; border:1px solid #ddd;margin-left:-600px;opacity:0 ;transition: all 1s; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; top:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left;color:#333; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative}
.slideBox .bd li .news-tir{ position:absolute;bottom:0;left:0;width:95%;background:rgba(0,0,0,0.6);padding:2.5%}
.slideBox .bd li .news-tir h5{text-align:left;font-size:18px;font-weight:600}
.slideBox .bd li .news-tir p{line-height:20px;text-align:left;text-indent:2rem}
.slideBox .bd img{ width:550px; display:block;  height:380px}
.news-right{width:600px;text-align:left;margin-right:-600px;opacity:0;  transition: all 1s;}
.news-right .news-top{overflow:hidden}
.news-right .news-top .fl{padding:5px;border:1px solid #999}
.news-right .news-top .fl img{width:150px;border:0;display:block}
.news-right .news-top .fr{width:430px;text-align:left}
.news-right .news-top .fr h5{font-size:16px;margin:5px 0;}
.news-right .news-top .fr p{font-size:14px;line-height:20px}
.news-right .news-ul{margin-top:15px}
.news-right .news-ul li{position:relative;padding-left:20px;height:35px;line-height:35px}
.news-right .news-ul li:before{position:absolute;content:'';top:13px;left:0;width:5px;height:5px;border:2px solid #fff;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.news-right .news-ul li a{color:#fff;font-size:14px}
.news-right .news-ul li span{float:right;color:#e8e8e8;font-size:14px}		

.bg10 { position: absolute; width: 100%; height: 100%; background: url(../images/bg101.png) 50% 20% no-repeat;}
.bg102 { position: absolute; width: 100%; top: 25%; height: 79px; background: url(../images/bg102.png) 50% 0 no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.bg103 { position: absolute; width: 100%; top: 25%; height: 37px; margin-top: 110px; background: url(../images/bg103.png) 50% 0 no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.go { position: absolute; left: 50%; top: 55%; width: 254px; height: 70px; margin-top: 220px; margin-left: -127px; text-indent: -9999px; background-image: url(../images/btn.png); opacity: 0; transition: all 1s;}
.contact-index{position: absolute;
    left: 50%;
   top: 26%;
    width: 1200px;
    margin-left: -600px;
    
    font-size: 16px;
    color: #fff;
  opacity:1;
    transition: all 1s;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.contact-index p{color:#fff}
.contact-index .contact-index-left{float:left;width:540px;font-family:微软雅黑;color:#333;margin-top:40px;}
.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0;}
.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;}

    .con1 {
        margin-top: 15px;
        overflow: hidden;
    }
    
    .con1 dt {
        width: 315px;
        border-right: 1px dashed #ccc;
        float: left;
        overflow: hidden;
    }
    
    .con1 dt h3 {
        width: 146px;
        height: 140px;
        float: left;
        margin-right: 20px;
        overflow: hidden;
    }
    
    .con1 dt h3 img {
        width: 146px;
        height: 140px;
    }
    
    .con1 dt p {
        font: 30px "Microsoft Yahei";
        font-weight: bold;
        color: #555;
        margin-top: 45px;
    }
    
    .con1 dd {
        width: 830px;
        float: right;
        display: inline;
        overflow: hidden;
    }
    
    .con1 dd h4 {
        display: block;
        font: 20px "Microsoft Yahei";
        color: #555;
        overflow: hidden;
        margin-top: 10px;
    }
    
    .con1 dd p {
        font: 14px "Microsoft Yahei";
        color: #777;
        line-height: 24px;
        overflow: hidden;
        margin-top: 10px;
    }
.nei2Box{width: 100%;}
.nei2Box:nth-child(1){margin-right:-600px;opacity:0; transition: all 5s;}
.nei2Box:nth-child(2){margin-right:-700px;opacity:0; transition: all 5s;}
.nei2Box:nth-child(3){margin-right:-800px;opacity:0; transition: all 5s;}
/* CSS3过度及动画 */
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .contact-index { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p1 { opacity: 1; transition-delay: 1.7s;}
.active .bg img{animation:anima 25s infinite;}
@keyframes anima
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
} 
.active .nei2Box:nth-child(1){margin-right:0;opacity: 1; transition-delay: 0.7s;}
.active .nei2Box:nth-child(2){margin-right:0;opacity: 1; transition-delay: 0.7s;}
.active .nei2Box:nth-child(3){margin-right:0;opacity: 1; transition-delay: 0.7s;}
.active .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.active .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .mail { top: 25px; transition-delay: 0.7s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.active .bg21 { opacity: 1; margin-left: -608px; transition-delay: 0.7s;}
.active .bg23 {  transition-delay: 0.7s; margin-left: -75px;}
.active .bg22 { margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.active .p3 { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.active .bg31, .active .bg32 { opacity: 1; transition-delay: 1s;}
.active .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}
.active .nei2left {
   margin-left:0px;transition-delay: 0.7s;opacity:1
}
.active .bg41 { bottom: 15%; transition-delay: 0.7s;}
.active .bg42 { bottom: 15%; transition-delay: 1.1s;}
.active .bg43 { bottom: 15%; transition-delay: 0.9s;}
.active .picScroll-left-box{opacity: 1; transition-delay: 0.7s; top: 33%;margin-top:0}
.active .bg51 { margin-left: -551px; opacity: 1; transition-delay: 0.7s;}
.active .bg52 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.active .bg53 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.active .bg54 { margin-left: 345px; opacity: 1; transition-delay: 0.7s;}
.active .news-right{margin-right:0;opacity:1;  transition-delay: 0.7s;}
.active .slideBox{margin-left:0px;opacity:1;  transition-delay: 0.7s;}

.active .bg102, .active .bg103 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .go { top: 15%; opacity: 1; transition-delay: 1.2s;}

/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p1 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.ltie10 .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .hgroup { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .mail { top: 25px; transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.ltie10 .bg21 { opacity: 1; margin-left: -608px; transition-delay: 0.7s;}
.ltie10 .bg23 { bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg22 { margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .p3 { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg31, .ltie10 .bg32 { opacity: 1; transition-delay: 1s;}
.ltie10 .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg41 { bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg42 { bottom: 15%; transition-delay: 1.1s;}
.ltie10 .bg43 { bottom: 15%; transition-delay: 0.9s;}

.ltie10 .bg51 { margin-left: -551px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg52 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg53 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg54 { margin-left: 345px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg61 { top: 0; transition-delay: 0.7s;}
.ltie10 .bg62 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.ltie10 .txt6 { left: 50%; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg71 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg72 { bottom: 350px; opacity: 1; transition-delay: 0.9s;}
.ltie10 .txt7 { bottom: 420px; opacity: 1; transition-delay: 1.1s;}

.ltie10 .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg83 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}
.ltie10 .bg84 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}
.ltie10 .p8 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .bg91 { margin-left: -570px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg92 { opacity: 1; transition-delay: 0.8s;}
.ltie10 .bg93 { margin-left: 230px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg102, .ltie10 .bg103 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .go { top: 25%; opacity: 1; transform:scale(1, 1); transition-delay: 1.2s;}

/* 代码整理；懒人之家 www.lanrenzhijia.com */