@charset "utf-8";

* { margin: 0; padding: 0;FONT-FAMILY: 微软雅黑,Arail;
COLOR: #333;
FONT-SIZE: 14px;
}

body { font: 15px/1.8 "Microsoft Yahei",verdana;}

@font-face {

	font-family: 'Bold';

	src: url(../fonts/altera.ttf);	

	

}



@font-face {

	font-family: 'otf';

	src: url(/images/bold.OTF);	

	

}

@font-face {

	font-family: 'brand1';

	src: url(/images/brand1.OTF);	

	

}

@font-face {

	font-family: 'brand2';

	src: url(/images/brand2.OTF);	

	

}



/* 右侧导航 */

#fullPage-nav { _display: none; font-size: 12px;}

#fullPage-nav li { width: 90px; height: 21px; margin: 0; padding:6px 0px;vertical-align: middle;background:url(../images/xian2.png) no-repeat 80px center;}

#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: 14px "Microsoft Yahei"; color: #fff; line-height: 32px;}

.caidan {width:1200px;margin:0 auto;position:fixed;top:0px;z-index:10;left:50%;margin-left:-600px;padding-top:20px;}

.caidan1 {text-shadow: 0 1px 1px #000;color:#fff;font-size:14px;padding:20px 0px;margin:0px 40px;position: relative;display: line-block;}

.caidan2 {text-shadow: 0 1px 1px #000;color:#fff;font-size:14px;padding:20px 0px;margin:0px 27px;position: relative;display: line-block;}

.caidan2 a {color:#fff;text-decoration:none;text-shadow: 0 1px 1px #000;transition: all 0.5s;}

.caidan2 a:hover {color:#FFD461;text-decoration:none;text-shadow: 0 1px 1px #000;transition: all 0.5s;}



.caidan1 a {color:#fff;text-decoration:none;text-shadow: 0 1px 1px #000;transition: all 0.5s;}

.caidan1 a:hover {color:#FFD461;text-decoration:none;text-shadow: 0 1px 1px #000;transition: all 0.5s;}





.kouhao {position:absolute;width:217px;left:50%;margin-left:-108px;top:45%;z-index:100;transition: all 2s;opacity: 0;}

.active .kouhao {top:27%;opacity: 1;}





.biaoyu1 {position:absolute;width:513px;left:50%;margin-left:-256px;top:52%;z-index:100;transition: all 2s;opacity: 0;}

.active .biaoyu1 {top:42%;opacity: 1;transition-delay: 1s;}



#parallax{position:relative;padding-top:80px;overflow:hidden;width:100%;height:750px;}





.xiucaidan {margin-left:45px;}

.caidan2 a::after {

    content: '';

    position: absolute;

    left: 0;

    bottom:15px;

    width: 100%;

    height: 1px;

    background:#FFD461;

    opacity: 0;

    -webkit-transform: translateY(8px);

    -moz-transform: translateY(8px);

    transform: translateY(8px);

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

    -moz-transition: -moz-transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    pointer-events: none;

}



.caidan2 a:hover::after,

.caidan2 a:focus::after {

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    transform: translateY(0px);

}

.caidan1>a::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 15px;

    width: 100%;

    height: 1px;

    background:#FFD461;

    opacity: 0;

    -webkit-transform: translateY(8px);

    -moz-transform: translateY(8px);

    transform: translateY(8px);

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

    -moz-transition: -moz-transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    pointer-events: none;

}



.caidan1>a:hover::after,

.caidan1>a:focus::after {

    opacity: 1;

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    transform: translateY(0px);

}









.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%;}

#bg1 {background:url(../images/bg1.jpg) no-repeat center top;background-size:cover;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition: all 7s;}

#bg2 {background:url(../images/bg1.jpg) no-repeat center top;background-size:cover;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition: all 7s;}

#bg3 {background:url(../images/bg2.jpg) no-repeat center top;background-size:cover;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition: all 7s;}

#bg4 {background:url(../images/bg3.jpg) no-repeat center top;background-size:cover;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition: all 7s;}

#bg5 {background:url(../images/bg4.jpg) no-repeat center top;background-size:cover;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition: all 7s;}

#bg6 {background:url(../images/bg5.jpg) no-repeat center top;background-size:cover;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition: all 7s;}

#bg7 {background:url(../images/bg6.jpg) no-repeat center top;background-size:cover;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition: all 7s;}

#bg8 {background:url(../images/section8.jpg) no-repeat center top;background-size:cover;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition: all 10s;}

#bg9 {background:url(../images/section9.jpg) no-repeat center top;background-size:cover;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition: all 10s;}

#bg10 {background:url(../images/section10.jpg) no-repeat center top;background-size:cover;-webkit-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); transition: all 10s;}

.active #bg1 {-webkit-transform:scale(1, 1); transform:scale(1, 1);transition: all 7s; transition-delay: 0.7s;}

.active #bg2 {-webkit-transform:scale(1, 1); transform:scale(1, 1);transition: all 7s; transition-delay: 0.7s;}

.active #bg3 {-webkit-transform:scale(1, 1); transform:scale(1, 1);transition: all 7s; transition-delay: 0.7s;}

.active #bg4 {-webkit-transform:scale(1, 1); transform:scale(1, 1);transition: all 7s; transition-delay: 0.7s;}

.active #bg5 {-webkit-transform:scale(1, 1); transform:scale(1, 1);transition: all 7s; transition-delay: 0.7s;}

.active #bg6 {-webkit-transform:scale(1, 1); transform:scale(1, 1);transition: all 7s; transition-delay: 0.7s;}

.active #bg7 {-webkit-transform:scale(1, 1); transform:scale(1, 1);transition: all 10s; transition-delay: 0.7s;}

.active #bg8 {-webkit-transform:scale(1, 1); transform:scale(1, 1);transition: all 10s; transition-delay: 0.7s;}

.active #bg9 {-webkit-transform:scale(1, 1); transform:scale(1, 1);transition: all 10s; transition-delay: 0.7s;}

.active #bg10 {-webkit-transform:scale(1, 1); transform:scale(1, 1);transition: all 10s; transition-delay: 0.7s;}



.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: -377px; 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: 25%; 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: 65%; top: 60%;  font-size: 15px; color: #fff; opacity: 0; transition: all 0.5s;text-align:left;line-height:200%;padding:20px 0px 0px 10px;text-shadow: 0 1px 1px #000;}



.biao1{ position: absolute;left: 65%;  top: 45%; transition: all 1s;color:#fff;font-size:60px;-webkit-transform:scale(1.5, 1.5); transform:scale(1.5, 1.5);font-family:Bold;font-weight:600;}

.biao2 { position: absolute; width:512px;left: 50%; margin-left:-256px;top: 60%; z-index: 10; opacity: 0; transition: all 2s;border-top:1px solid #999;border-bottom:1px solid #999;font-size:15px;color:#666666;text-align:center;padding:10px 0px;letter-spacing:2px;}

.biao3{width:370px;text-align:center;position: absolute;left: 10%;  top: 65%; transition: all 2s;color:#fff;font-size:60px;-webkit-transform:scale(3.5, 3.5); transform:scale(3.5, 3.5);font-family:Bold;font-weight:600;}

.biao4{width:370px;text-align:center;position: absolute;left: 20%;  top: 60%; transition: all 2s;color:#fff;font-size:60px;font-family:Bold;font-weight:600;line-height:100%;opacity: 0;}

.biao5{width:420px;text-align:center;position: absolute;left: 50%;  top: 60%; transition: all 2s;color:#fff;font-size:60px;font-family:Bold;font-weight:600;line-height:100%;opacity: 0;}

.active .biao5{left: 60%;transition-delay: 0.2s;opacity: 1;}

.biao6{width:370px;text-align:center;position: absolute;left: 20%;  top: 75%; transition: all 2s;color:#fff;font-size:60px;font-family:Bold;font-weight:600;line-height:100%;opacity: 0;}

.biao7 { position: absolute; left: 50%; top: 30%; z-index: 10; width: 400px; height: 45px; margin-left: -200px; font-size: 60px; font-weight: 500; color: #fff; opacity: 0; transition: all 1s;font-family:Bold;font-weight:600;}

.active .biao7 { top: 20%;opacity: 1;transition-delay: 0.7s;}



.biao10{width:370px;text-align:center;position: absolute;left: 50%;  top: 30%; transition: all 2s;color:#fff;font-size:60px;font-family:Bold;font-weight:600;line-height:100%;}

.biao10 span {font-size:18px;font-weight:normal;font-family:"微软雅黑";display:block;line-height:100%;}



.shoupro{

   z-index: 500;

    position: absolute;

    width: 1200px;

  

    height: 520px;

    margin-left: -600px;

    top: -70%;

    left: 50%;

    transition: all 0.5s;

}



.active .shoupro { top: 10%;transition-delay: 0.2s;}









.hxwh{

   z-index: 500;

    position: absolute;

    width: 1200px;

    margin-left: -600px;

    top: 100%;

    left: 50%;

    color: #fff;

     transition: all 0.5s;

}


.active .hxwh { top: 35%;transition-delay: 0.5s;}

#chanpin{ position:absolute;top:27%;right:12%;width:740px;
    height: 560px;overflow: hidden}

.shoushop {padding-right:0px;text-align:right;}

.fankuan {position:absolute;bottom:-300px;right:10%;transition: all 4s;}

.active .fankuan {transition-delay: 1s;bottom:0px;}



.shouwen1 {position:absolute;top:30%;left:0;color:#fff;font-size:70px;font-family: 'otf';font-weight:normal;transition: all 1s;letter-spacing:40px;-webkit-transform: rotate(0deg);

transform: rotate(0deg);}

.active .shouwen1 {transition-delay: 0.3s;letter-spacing:0px;left:8%;-webkit-transform: rotate(0deg);

transform: rotate(0deg);}







.zi41  {position:absolute;top:10%;color:#333;right:22%;transition: all 0.5s;font-size:16px;text-align:center;opacity: 0;line-height:220%;text-shadow: 0 1px 1px #fff;font-weight:600;}

.active .zi41 {transition-delay: 0.3s;top:25%;left: 75.5%;opacity: 1;
    margin-left: -520px;}





.more1 {position:absolute;top:70%;color:#fff;right:35%;transition: all 2s;opacity: 0;}

.active .more1 {transition-delay: 1s;top:60%;opacity: 1;}



.more1 a {border:1px solid #fff;width:120px;height:40px;font-size:13px;text-align:center;line-height:37px;display:inline-block;color:#fff;}

.more1 a#video1 {background:url(../images/video.png) no-repeat 20px center;border-right:0px solid #fff;}













#box_shounews {left:50%;margin-left:-500px;width:1000px;position: absolute;top: 40%;background:url(../images/newsleft.png) no-repeat left top;min-height:370px;padding-left:3px; padding-top:20px;opacity: 0;transition: all 2s;}

.active #box_shounews {top: 30%;opacity: 1;transition-delay: 0.7s;}





#box_picture {right:10%;width:800px;position: absolute;top: 20%;min-height:370px;transition: all 2s;}

#box_video {left:50%;width:800px;margin-left:-400px;position: absolute;top: 45%;min-height:370px;transition: all 2s;}









#box_messages {left:70%;margin-left:-450px;width:500px;position: absolute;top: 40%;padding-top:20px;}



.mail-163 { float: left; width: 107px;}

.mail-126 { float: left;width: 108px; margin-left: 23px;}

.mail-yeah { float: right; width: 115px;}



.bg21 { position: absolute; left: 50%; bottom: 15%; width: 819px; height: 250px; margin-left: -608px; margin-bottom: 40px; background: url(../images/bg21.png) 0 0 no-repeat; transition: all 1s;  opacity: 0; margin-left: -1108px;}

.bg22 { position: absolute; left: 50%; bottom: 15%; width: 819px; height: 299px; margin-left: -280px; margin-bottom: 70px; background: url(../images/bg22.png) right 0 no-repeat; transition: all 1s; opacity: 0; margin-left: 320px;}

.bg23 { position: absolute; left: 50%; bottom: 15%; width: 819px; height: 325px; margin-left: -409px; background: url(../images/bg23.png) 50% 0 no-repeat; transition: all 1s;  bottom: -40%;}

.section strong { position: absolute; left: 50%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; font-size: 24px; font-weight: 500; color: #748A9E;  -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}











.p1 { position: absolute; left: 50%; top: 35%; width: 800px; margin-left: -400px; margin-top: 130px; font-size: 14px; color: #fff; opacity: 0; transition: all 1s;line-height:200%;padding-top:30px;text-shadow: 0 1px 1px #000;}









.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 { text-align:center;position: absolute; width: 370px; left: 10%;  top: 75%; padding-top:30px; font-size: 14px; color: #fff; opacity: 0; transition: all 2s;text-shadow: 0 1px 1px #000;}

.p4 { text-align:center;position: absolute; width: 370px; left: 10%;  top: 80%; font-size: 14px; color: #fff;opacity: 0;  transition: all 2s;text-shadow: 0 1px 1px #000;}

.p5 { text-align:center;position: absolute; width: 420px; left: 75%;  top: 75%; padding-top:30px; font-size: 14px; color: #fff;opacity: 1;  transition: all 2s;text-shadow: 0 1px 1px #000;}



.active .p5 {opacity: 1; left: 60%;transition-delay: 0.7s;}



.p6 { text-align:center;position: absolute; width: 370px; left: 10%;  top: 80%; padding-top:30px; font-size: 14px; color: #fff;opacity: 0;  transition: all 2s;text-shadow: 0 1px 1px #000;}



.shouabout{

   z-index: 100;

    border-bottom: #838383 1px solid;

    position: absolute;

    border-left: #838383 1px solid;

    padding-bottom: 0px;

    padding-left: 0px;

    width: 1000px;

    padding-right: 0px;

    

    height: 1000px;

    margin-left: -500px;

    border-top: #838383 1px solid;

    top: 0%;

    border-right: #838383 1px solid;

    padding-top: 0px;

   

    border-radius: 100%;

    transition: all 3s;

}



.active .shouabout {width: 620px; height: 620px; top: 20%; left: 50%; margin-left: -310px;}

.comabout1 {position: absolute;top:35%;left:50%;margin-left:-85px;width:170px;color:#003366;font-size:37px;text-align:center;transition: all 2s;opacity: 0;font-weight:normal; }

.comabout1 span {display:block;border-top:1px solid #003366;font-size:13px;padding-top:3px;margin-top:8px;}

.about1{width:640px; float:left;font-size:13px; line-height:28px;}
.about1 p{font-size: 16px;}
.about2{width:456px; height: 388px; float:right; background: url(../images/ind03.png); padding-top: 10px; padding-left: 20px;}

.busibiao {position: absolute;top:20%;left:50%;margin-left:-85px;width:170px;color:#333;font-size:37px;text-align:center;font-weight:normal; }
.busibiaoa {width:170px;color:#333;font-size:37px;text-align:center;font-weight:normal; }
.busibiaoa span {display:block;border-top:1px solid #003366;font-size:13px;padding-top:3px;margin-top:8px;}

.busibiao span {display:block;border-top:1px solid #003366;font-size:13px;padding-top:3px;margin-top:8px;}







.newssibiao {position: absolute;top:20%;left:50%;margin-left:-85px;width:170px;color:#333;font-size:37px;text-align:center;font-weight:normal; }

.newssibiao span {display:block;border-top:1px solid #003366;font-size:13px;padding-top:3px;margin-top:8px;}





.active .comabout1 {opacity: 1;top: 20%;transition-delay: 1s;}



.comabout2 {position: absolute;top:50%;left:50%;margin-left:-425px;width:850px;color:#333333;font-size:14px;text-align:center;transition: all 2s;opacity: 0; z-index:100;}

.active .comabout2 {opacity: 1;top: 30%;transition-delay: 2s;}





.five1 {position: absolute;top:0;right:15%;z-index:10;}

.five2 {position: absolute;top:0;right:15%;z-index:20;background:#fff;width:680px;height:1080px;transition: all 3s;}

.five3 {position: absolute;top:100px;right:13%;z-index:5;background:#333;width:680px;height:0px;transition: all 3s;}

.active .five2 {height:0px;transition-delay: 1s;}

.active .five3 {transition-delay: 2s;height:1080px;}

.xian1 {position: absolute;top:0px;right:10%;z-index:5;background:#7e7e7e;width:1px;height:0px;transition: all 3s;}

.active .xian1 {transition-delay: 2s;height:1080px;}

.xian2 {position: absolute;top:0px;left:45%;z-index:5;background:#7e7e7e;width:1px;height:0px;transition: all 2s;}

.active .xian2 {transition-delay: 1.5s;height:300px;}

.xian3 {position: absolute;bottom:0px;left:10%;z-index:5;background:#7e7e7e;width:1px;height:0px;transition: all 2s;}

.active .xian3 {transition-delay: 1s;height:300px;}

.brand1 {position: absolute;font-size:20px;color:#000;top:25%;width:300px;margin-left:-150px;left:-20%;transition: all 1s;opacity: 0;}

.active .brand1 {transition-delay: 0.2s;opacity: 1;left:50%;}



.contact1 {position: absolute;left:10%;top:30%;background:url(../images/contactdi1.png) no-repeat left top;width:522px;height:523px;text-align:center;padding-top:100px;}

.contact1 h3 {color:#fff;font-size:25px;padding-top:30px;padding-bottom:15px;}

.contact1 p {font-size:14px;color:#fff;line-height:28px;}
.contact1 p a{color:#fff;}
.contact1 p a:hover{color:#fff;}



.contact2 {position: absolute;left:55%;top:30%;background:url(../images/contactdi2.png) no-repeat left top;width:522px;height:523px;text-align:center;padding-top:100px;}

.contact2 h3 {color:#fff;font-size:25px;padding-top:30px;padding-bottom:15px;}









.brand2 {position: absolute;font-size:20px;color:#000;top:35%;left:-40%;margin-left:-600px;width:1200px;font-family:"brand1";font-size:40px;font-weight:normal;transition: all 1s;opacity: 0;}

.active .brand2 {transition-delay: 0.8s;opacity: 1;left:50%;}





.brand3 {position: absolute;color:#000;top:45%;left:-20%;font-size:14px;width:400px;transition: all 1s;opacity: 0;}

.active .brand3 {transition-delay: 2.3s;opacity: 1;left:16%;}



.six {background:#000;}



.tuiproa {position:absolute;width:50%;height:100%;overflow:hidden;left:0;top:0;}

.tuiprob {position:absolute;width:50%;height:100%;overflow:hidden;left:50%;top:0;}



.hei1 {position:absolute;background:#000;width:50%;height:100%;overflow:hidden;left:0;bottom:0;z-index:100;transition: all 3s;opacity: 0.8;}

.active .hei1 {height:0px;transition-delay: 0.5s;}

.hei2 {position:absolute;background:#000;width:50%;height:100%;overflow:hidden;left:50%;top:0;z-index:100;transition: all 3s;opacity: 0.8;}

.active .hei2 {height:0px;transition-delay: 0.8s;}



.tuiproa h3,.tuiprob h3 {position:absolute;top:50%;left:35%;color:#fff;z-index:101;opacity: 0;transition: all 2s;}

.tuiproa:hover  h3,.tuiprob:hover h3 {opacity: 1;top:40%;transition: all 2s;}

.tuiproa h3 i ,.tuiprob h3 i {font-size:20px;font-weight:normal;padding-bottom:8px;border-bottom:2px solid #fff;font-style:inherit;}

.tuiproa h3 span,.tuiprob h3 span {display:block;font-size:50px;font-family:"brand2";padding-top:30px;font-weight:normal;}



.tuipro1 {background:url(../images/tuipro2.jpg) no-repeat left top;background-size:cover;width:100%;height:100%;position:relative;left:0;top:0;opacity: 0.8;



    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    

    filter: grayscale(100%);

	

    filter: gray;

transition: all 2s;

}

.tuipro1:hover {transition: all 2s;   

-webkit-filter: grayscale(0) blur(8px);

    -moz-filter: grayscale(0) blur(8px);

    -ms-filter: grayscale(0) blur(8px);

    -o-filter: grayscale(0) blur(8px);

    

    filter: grayscale(0) blur(8px);

    opacity: 1;

    transform:scale(1.1, 1.1);

    

    

    }

.tuipro2 {background:url(../images/tuipro1.jpg) no-repeat left top;background-size:cover;width:100%;height:100%;position:relative;top:0;opacity: 0.8;



    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    

    filter: grayscale(100%);

	

    filter: gray;

transition: all 2s;









}



.tuipro2:hover {transition: all 2s;   

 -webkit-filter: grayscale(0) blur(8px);

    -moz-filter: grayscale(0) blur(8px);

    -ms-filter: grayscale(0) blur(8px);

    -o-filter: grayscale(0) blur(8px);

    

    filter: grayscale(0) blur(8px);

    opacity: 1;

    transform:scale(1.1, 1.1);

 }



.hui1 {position: absolute;background:#f6f6f6;width:23%;height:0;bottom:0px;right:0px;transition: all 1s;overflow:hidden;}

.active .hui1 {height:100%;transition-delay: 2s;}



.hui1 span {background:#000;padding:5px 40px 5px 10px;font-family:"brand2";font-size:50px;color:#fff;font-weight:bloder;position:relative;top:20%;left:-30%;transition: all 2s;z-index:106;opacity:0;}

.active .hui1 span {left:0%;transition-delay: 2s;transition: all 2s;opacity: 1;}

.zi7 {position:absolute;font-family:"brand2";font-size:50px;color:#fff;font-weight:bloder;top:20%;right:26.5%;transition: all 2s;z-index:106;opacity:0;}

.active .zi7 {transition-delay: 3s;right:24%;opacity:1;}

.line1 {position:absolute;background:#fff;width:0px;top:17%;right:28.3%;height:3px;transition: all 1s}

.active .line1 {transition-delay: 3.5s;width:60px;}

.zi8 {position:absolute;font-size:14px;color:#fff;top:30%;right:24%;font-size:16px;transition: all 2s;opacity:0;}

.active .zi8 {transition-delay: 4s;right:28.3%;opacity:1;}



.daomenu h5 {font-size:16px;color:#fff;font-weight:normal;}

.daomenu {padding:40px 10px 0px 0px;}

.daomenu p {font-size:20px;color:#fff;padding:5px 0px 15px 0px;}

.daomenu i {width:50px;height:2px;background:#fff;display:block;transition: all 1s;}

.daomenu:hover i {width:160px;}

























.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;}



.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;}



.bg61 { position: absolute; top: -454px; width: 100%; height: 545px; background: url(../images/bg61.png) 50% 0 no-repeat; transition: all 1s;}

.bg62 { position: absolute; left: 10%; bottom: 20%; width: 597px; height: 284px; margin-left: -507px; background-image: url(../images/bg62.png); transition: all 1s;}

.txt6 { position: absolute; left: 90%; bottom: 20%; width: 447px; margin-left: 90px; opacity: 0; transition: all 1s;}

.txt6 p { margin-bottom: 17px; color: #5C7970;}



.bg71 { position: absolute; left: 50%; bottom: -201px; width: 699px; height: 201px; margin-left: -630px; background: url(../images/bg71.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}

.bg72 { position: absolute; left: 50%; bottom: -206px; width: 182px; height: 206px; margin-left: -170px; background: url(../images/bg72.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}

.bg73 { position: absolute; left: 50%; bottom: 170px; width: 651px; height: 231px; margin-left: -530px; background: url(../images/bg73.png) 50% 0 no-repeat;}

.bg74 { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;}

.bg74 img { position: absolute; left: 0; bottom: 0; width: 100%; height: 251px;}

.txt7 { position: absolute; left: 50%; bottom: -150px; width: 420px; margin-left: 100px; opacity: 0; transition: all 1s;}

.txt7 p { margin-bottom: 17px; color: #EAEFF2;}



.bg81 { position: absolute; width: 100%; bottom: 100px; height: 215px; background: url(../images/bg81.png) 50% 0 no-repeat;}

.bg82 { position: absolute; left: 50%; bottom: 160px; width: 164px; height: 117px; margin-left: -180px; background-image: url(../images/bg82.png); opacity: 0; transition: all 1s;}

.bg83 { position: absolute; left: 50%; bottom: 280px; width: 70px; height: 29px; margin-left: -330px; background-image: url(../images/bg83.png); opacity: 0; transition: all 1s;}

.bg84 { position: absolute; left: 50%; bottom: 320px; width: 43px; height: 26px; margin-left: -410px; background-image: url(../images/bg84.png); opacity: 0; transition: all 1s;}

.p8 { position: absolute; left: 50%; top: 15%; width: 565px; margin-left: -282px; margin-top: 130px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s;}



.bg91, .bg92, .bg93 { padding-top: 350px; font-size: 16px; color: #fff;}

.bg91 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: -970px; background: url(../images/bg91.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}

.bg91 p { position: relative; left: 20px; margin-left: 40px; border-right: 1px solid #13AB86;}

.bg92 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: -180px; background: url(../images/bg92.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}

.bg92 p { position: relative; left: 40px; margin-left: 30px;}

.bg93 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: 630px; background: url(../images/bg93.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}

.bg93 p { position: relative; left: -20px; padding-left: 100px; border-left: 1px solid #13AB86;}



.bg101 { 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;}



.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;text-decoration:none;transition: all 1s;}

.copyright a:hover {color:#FFD461;transition: all 1s;}



/* CSS3过度及动画 */





.active .biao2  {opacity: 1; transition-delay: 2s;top: 54%;}





.active .p1 {top:15%;opacity: 1; transition-delay: 0.9s;}



.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 .biao1 { transition-delay: 0.7s;-webkit-transform:scale(1, 1); transform:scale(1, 1);font-family:Bold;font-weight:600;}

.active .biao3 { transition-delay: 0.7s;-webkit-transform:scale(1, 1); transform:scale(1, 1);font-family:Bold;font-weight:600;}

.active .biao4 {left: 15%;opacity: 1; transition-delay: 0.5s;}

.active .biao6 {left: 15%;opacity: 1; transition-delay: 0.5s;}





.active .p11 {  top: 50%;opacity: 1; transition-duration: 1s; transition-delay: 1s;}



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

.active .bg23 { bottom: 15%; transition-delay: 0.7s;}

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



.active .p3 {top: 69%;opacity: 1; transition-delay: 2s;}

.active .p4 {left: 15%;opacity: 1; transition-delay: 0.7s;}

.active .p6 {left: 15%;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 .bg41 { bottom: 15%; transition-delay: 0.7s;}

.active .bg42 { bottom: 15%; transition-delay: 1.1s;}

.active .bg43 { bottom: 15%; transition-delay: 0.9s;}



.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 .bg61 { top: 0; transition-delay: 0.7s;}

.active .bg62 { left: 50%; opacity: 1; transition-delay: 0.7s;}

.active .txt6 { left: 50%; opacity: 1; transition-delay: 0.7s;}



.active .bg71 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}

.active .bg72 { bottom: 350px; opacity: 1; transition-delay: 0.9s;}

.active .txt7 { bottom: 420px; opacity: 1; transition-delay: 1.1s;}



.active .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.active .bg83 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}

.active .bg84 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}

.active .p8 { opacity: 1; transition-delay: 1.7s;}



.active .bg91 { margin-left: -570px; opacity: 1; transition-delay: 0.7s;}

.active .bg92 { opacity: 1; transition-delay: 0.8s;}

.active .bg93 { margin-left: 230px; 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: 25%; 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;}

#fp-nav ul li a span, .fp-slidesNav ul li a span {background:#fff;}



.daohang {background:#fff;height:90px;width:100%;position:absolute;top:0px;z-index:200;display:none;}

.daohangnei {background:#fff;height:90px;width:100%;position:fixed;top:0px;z-index:200;}

.shouabouttu {position:absolute;width:1200px;left:47%;margin-left:-500px;top:10%;opacity: 0;transition: all 1s;}

.active .shouabouttu{transition-delay: 0.2s;opacity: 1;top:20%;}

/*.shouabouttu ul {text-align:center;margin-top:60px;}

.shouabouttu ul li {display:inline-block;margin:0px 60px;width:151px;}

.shouabouttu ul li span {display:block;text-align:center;padding-top:20px;color:#333;font-size:16px;font-weight:600;}

.shouabouttu ul li img {transition: all 2s;}



.shouabouttu ul li:hover img {transition: all 1s;

-webkit-transform: rotate(-355deg);

transform: rotate(-355deg);



}*/



.hxwh span img {transition: all 1s;padding-top:0px;}

.hxwh span:hover img{transition: all 1s;padding-top:30px;}



#aboutbanner {background:fixed url(../images/aboutbanner.jpg) no-repeat center top;background-size:cover;}

#aboutbanner  .container {padding-top:150px;}

.aboutright {min-height:1000px;}

.tupian {width:auto;max-width:100%;}





#newsbanner {background:fixed url(../images/newsbanner.jpg) no-repeat center top;background-size:cover;}

#newsbanner  .container {padding-top:150px;}



#joinbanner {background:fixed url(../images/joinbanner.jpg) no-repeat center top;background-size:cover;}

#joinbanner  .container {padding-top:150px;}



#contactbanner {background:fixed url(../images/cpbanner.jpg) no-repeat center top;background-size:cover;}

#contactbanner  .container {padding-top:150px;}





#cpbanner {background:fixed url(../images/cpbanner.jpg) no-repeat center top;background-size:cover;}

#cpbanner  .container {padding-top:150px;}







.inds {background:url(../images/baidi.png) repeat left top;width:550px;height:344px;padding:40px 0px 0px 50px;font-size:13px;}



#cpcata a {float:left;width:43%;height:50px;line-height:50px;border:1px solid #ddd;margin:10px 5px;font-size:16px;text-align:center;}

#cpcata a:hover {float:left;width:43%;height:50px;line-height:50px;border:1px solid #003366;margin:10px 5px;font-size:16px;text-align:center;background:#003366;color:#fff;}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {

    cursor:pointer;

    filter: alpha(opacity=100);

    -webkit-box-shadow: none;

    box-shadow: none;

    opacity: 1;

}
@media only screen and (max-width: 1440px){
	
	
.active .shouwen1{left: -11%;}	
#chanpin{right: 4%;}	
.active .zi41{right: 18%;}
	
.contact1{left:2%;}	
	
	
	
	
	
	
	
	
	
	
	
	
	}
	@media only screen and (max-width: 1200px){
	
	
.active .shouwen1{left: -11%;}	
#chanpin{right: 4%;}	
.active .zi41{right: 18%;}
	
.contact1{left:2%;}	
	
	
	
	
	
	
	
	
	
	
	
	
	}