article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0;font-family:'Microsoft YaHei';-ms-touch-action:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,select,textarea{outline:0;font-weight:inherit;font-size:inherit;font-family:inherit}
a,button,div,input{outline:0;text-decoration:none}
a{cursor:pointer}
::-moz-focus-inner{border:0}

/*common*/
.bg1{ background: #fdaa3f;}
.bg2{ background: #fb67c7;}
.bg3{ background: #fa5e64;}
.bg4{ background: #12d787;}
.bg5{ background: #209cfc;}

.bg6{ background: #0cb5a8;}
.bg7{ background: #0d6478;}
.bg8{ background: #cb6439;}
.bg9{ background: #e23531;}

.cr1{ color:#fdaa3f; }
.cr2{ color:#fb67c7; }
.cr3{ color:#fa5e64; }
.cr4{ color:#12d787; }
.cr5{ color:#209cfc; }

.cr6{ color:#0cb5a8; }
.cr7{ color:#0d6478; }
.cr8{ color:#cb6439; }
.cr9{ color:#e23531; }



.z1{ z-index: 1; position: relative;}
.z0{ z-index: 0; position: relative;}
.none{ display: none;}
.pos{ position: absolute;}


/* 重新修改fullpage样式 */

/*startdom*/
.tableCell{ display: block;}
.fullPage-slidesNav.bottom{ bottom: 0px;}
.fullPage-slidesNav li{ width: 65px; *float: left;  }
.fullPage-slidesNav li a{ width: 60px; height: 5px;}
.fullPage-slidesNav span{  width: 60px; height: 5px; border-radius: 0; background: #fff; border: none;}
.fullPage-slidesNav li a.active span{ background: #0190fe;}
.controlArrow
,.controlArrow.prev
{ background: url(../images/s1.png) no-repeat;}
.controlArrow{ background-color: transparent;  background-size:777px auto;  }
.controlArrow.prev{ background:none; border-color:transparent;  background-position: -570px -74px ; }

/*页面样式*/
.main{ width: 1200px; position: relative; margin: 0px auto; display: table;}
.head{ height: 100px; position: fixed; left: 0px; top: 0px; right: 0px; z-index: 100; background:#000;   opacity: 0.9; background:rgba(0, 0, 0, 0.9); filter:Alpha(opacity=90); }
.head .logo{ width: 434px; float: left; display: block; padding-top: 17px; }
.head .logo img{ width: 100%;}
.head .nav{ width: auto; position: absolute; left:550px; top: 0px;}
.head .nav ul li{ width: 85px; float: left; height: 100px; line-height: 100px; text-align: center; position: relative; margin-right: 5px; }
.head .nav ul li a{ font-size: 16px; color: #fff;}
.head .nav ul li em{ display: block; width: 85px; height: 2px; position: absolute; left: 0px; top: 1px; background: #0190fe;  display: none;}
.head .nav ul li.on a{ color: #0190fe;}
.head .nav ul li.on em{ display: block; }


.banner{ position: relative;}
.banner .bg1{ background: url(../images/banner1.jpg) no-repeat  center -60px; background-size:1920px auto; }
.banner .bg2{ background: url(../images/banner2.jpg) no-repeat center -60px; background-size:1920px auto;}
.banner .slides{ display: none;}

.banner .spinner{position:absolute;top:320px;left:50%;display:inline-block;margin-left:-30px;width:90px;height:60px;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
.spinner div{display:inline-block;width:6px;height:100%;background-color:#fff;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}
20%{-webkit-transform:scaleY(1)}
}
@keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}


.title,.cfbox ul li .circular .ic,.jjbox ul li .icon{
     background: url(../images/s1.png) no-repeat;  background-size:777px auto;
}


.title{ width: 573px; height: 86px;margin: 150px auto 0px auto;   }
.title.t1{ background-position: 6px -88px;}
.title.t2{ background-position: 6px -175px;}
.title.t3{ background-position: 6px 0px;}
.title.t4{ background-position: 6px -262px;}
.title.t5{ background-position: 6px -350px;}
.title.t6{ background-position: 6px -438px;}

.cfbox{ width: 1090px; height: 325px; margin: 200px auto 0px auto;}
.cfbox ul li{ float: left; width: 155px;  height: 325px; margin-right: 78px; position: relative; overflow: hidden; }
.cfbox ul li .bg{ width: 155px; height:325px; position: absolute; left: 0px; top: 0px; z-index: 0; }
.cfbox ul li.mr{ margin-right: 0px;}
.cfbox ul li .circular{ width: 143px; height: 143px; margin: 0px auto;  display: block;  border-radius: 50%; position: relative; z-index: 1; }
.cfbox ul li .circular.bg1{ background: #fdaa3f;}
.cfbox ul li .circular.bg2{ background: #fb67c7;}
.cfbox ul li .circular.bg3{ background: #fa5e64;}
.cfbox ul li .circular.bg4{ background: #12d787;}
.cfbox ul li .circular.bg5{ background: #209cfc;}
.cfbox ul li .circular .ic{ display: block; position: absolute; left: 42px; top: 48px;    }
.cfbox ul li .circular .ic.ic1{ width: 60px; height: 47px; background-position: -568px -140px; }
.cfbox ul li .circular .ic.ic2{ width:38px; height: 59px;  left: 53px; top: 43px;  background-position: -677px -140px; }
.cfbox ul li .circular .ic.ic3{ width: 69px; height: 45px;  left: 39px; top:46px;   background-position: -621px -0px; }
.cfbox ul li .circular .ic.ic4{ width: 52px; height: 72px;  left: 47px; top:36px;  background-position: -568px -0px; }
.cfbox ul li .circular .ic.ic5{ width: 43px; height: 58px;  left: 51px; top:38px;  background-position: -630px -140px; }
.cfbox ul li p.tt{ height: 25px; line-height: 25px; text-align: center; margin-top: 28px; color: #666; font-size: 16px;  overflow: hidden; }
.cfbox ul li p.at{ line-height: 25px; width: 135px; margin:15px auto 0px auto; text-align: center; margin-top: 28px; color: #666; font-size: 14px;  position: relative;}

.jjbox{ width: 1200px; height: 560px; margin: 72px auto 0px auto; position: relative; }
.jjbox .boxbg{ height: 285px; width: 1920px; background: #e5e5e5; position: absolute; left: 50%; margin-left: -960px; top: 145px;}
.jjbox ul{ position: relative;}
.jjbox ul li{ float: left; width:288px;  height:272px; border: 1px solid #d9d9da; margin-right: 10px; margin-bottom: 12px; background: #fff; border-radius: 30px; position: relative; overflow: hidden; }
.jjbox ul li.mr{ margin-right: 0px;}
.jjbox ul li .bg{ position: absolute; width: 288px; height: 272px; z-index: 0; left: 288px; top: 272px; border-radius: 30px;}
.jjbox ul li h3{ height: 28px; line-height: 28px; font-size: 23px; text-align: center; color: #0190fe; margin-top: 50px; }
.jjbox ul li h3,.jjbox ul li .icon,.jjbox ul li p{ position: relative; z-index: 1;}
.jjbox ul li .icon{ width: 38px; height: 36px; display: block; margin:16px auto 0px auto; }
.jjbox ul li .icon.ic1{ background-position: -568px -201px;}
.jjbox ul li .icon.ic2{ background-position: -608px -201px; width: 28px; height: 33px;  }
.jjbox ul li .icon.ic3{ background-position: -638px -201px; width: 28px; height: 33px;}
.jjbox ul li .icon.ic4{ background-position: -668px -201px; width: 39px; height: 37px;}
.jjbox ul li .icon.ic5{ background-position: -709px -201px; width: 32px; height: 33px;}
.jjbox ul li .icon.ic6{ background-position: -568px -240px; width: 48px; height: 22px;}
.jjbox ul li .icon.ic7{ background-position: -618px -240px; width: 42px; height: 32px;}
.jjbox ul li .icon.ic8{ background-position: -662px -240px; width: 35px; height: 33px;}
.jjbox ul li .icon.ic1-on{ background-position: -568px -279px;}
.jjbox ul li .icon.ic2-on{ background-position: -608px -279px; width: 28px; height: 33px;  }
.jjbox ul li .icon.ic3-on{ background-position: -638px -279px; width: 28px; height: 33px;}
.jjbox ul li .icon.ic4-on{ background-position: -668px -279px; width: 39px; height: 37px;}
.jjbox ul li .icon.ic5-on{ background-position: -709px -279px; width: 32px; height: 33px;}
.jjbox ul li .icon.ic6-on{ background-position: -568px -319px; width: 48px; height: 22px;}
.jjbox ul li .icon.ic7-on{ background-position: -618px -319px; width: 42px; height: 32px;}
.jjbox ul li .icon.ic8-on{ background-position: -662px -319px; width: 35px; height: 33px;}
.jjbox ul li p{ font-size: 13px; color: #696969; width: 220px; margin: 40px auto 0px auto;}
.jjbox ul li p.p2{width: 230px; margin: 30px auto 0px auto; }
.cont4{ background: url(../images/dbg1.jpg) no-repeat top center;  }
.hzbox{ width: 1060px; height: 643px; margin: 35px auto 0px auto;}
.hzbox ul li{ float: left; width: 510px; height: 305px; float: left; margin-right: 38px; margin-bottom: 33px; overflow: hidden; }
.hzbox ul li.mr{ margin-right: 0px;}
.hzbox ul li h3{ font-size: 30px; color: #fff; padding-top: 100px; line-height: 50px; }
.hzbox ul li .hbox{ width: 460px;  margin: 75px auto;  color: #fff; font-size: 14px; text-align: left; line-height: 28px; display: none; }
.hzbox ul li .hbox b{ font-size: 18px; font-weight: bold;}

.ffbox h4,.ffbox .info{
    background: url(../images/s2.png) no-repeat; background-size:1268px auto;
}
.ffbox{ width: 1110px; height: 640px; position: absolute; top: 280px; left: 50%; margin-left: -555px;}
.ffbox h4{ position: absolute; width: 153px; height: 90px; }
.ffbox h4.h1{ left: 176px; top:5px;  height: 78px; background-position: -1112px -90px;}
.ffbox h4.h2{ left: 477px; top:0px; background-position: -1112px -0px;}
.ffbox h4.h3{ left: 783px; top:5px;  height: 78px; background-position: -1112px -169px;}
.ffbox .info{ height: 153px; width: 1110px; position: absolute; top: 0px; left: 0px;  }
.ffbox .info.if1{  top: 125px; background-position: -2px -2px;}
.ffbox .info.if2{  top: 280px; background-position: -2px -153px;}
.ffbox .info.if3{  top: 445px; background-position: -2px -309px;}

.timebox .timeimg,
.timebox .timeimg .ic em
,.ydbox .info2 .nt
,.foot .info p.p1 .ic
{background:url(../images/s3.png) no-repeat; background-size:786px auto;  }
.ydbox{ width: 850px; height: 560px; position: absolute; top: 260px; left: 50%; margin-left: -425px;}
.timebox .timeimg{ width: 580px; height: 170px; position: absolute; background-position: -0px -0px; left:93px; top:110px;}
.timebox .timeimg .ic{ width:36px; height: 36px; border-radius: 50%; position: absolute; border: 2px solid #fff; }
.timebox .timeimg .ic em{ display: block; position: absolute;}
.timebox .timeimg .ic.ic1{ top: 111px; left: 21px;  }
.timebox .timeimg .ic.ic1 em{background-position: -742px 0px; width: 24px; height: 13px; top: 10px; left: 6px;  }
.timebox .timeimg .ic.ic2{ top: 22px; left: 187px;  }
.timebox .timeimg .ic.ic2 em{ background-position: -696px 0px; width: 22px; height: 26px; top: 3px; left: 9px;  }
.timebox .timeimg .ic.ic3{ top: 111px; left: 354px;  }
.timebox .timeimg .ic.ic3 em{background-position: -718px 0px; width: 21px; height: 22px; top: 6px; left: 8px;}
.timebox .timeimg .ic.ic4{ top: 21px; left: 520px;  }
.timebox .timeimg .ic.ic4 em{ background-position: -769px 0px; width: 18px; height: 22px; top: 6px; left: 13px;}

.timebox .info .ic {
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.timebox .info .ic:hover {
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}

.timebox .timeimg .ic {
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
.timebox .timeimg .ic:hover {
    transform:rotate(360deg) scale(1.2);
    -webkit-transform:rotate(360deg) scale(1.2);
    -moz-transform:rotate(360deg) scale(1.2);
    -o-transform:rotate(360deg) scale(1.2);
    -ms-transform:rotate(360deg) scale(1.2);
}

.timebox .info{ width: 270px; height: 50px; position: absolute; }
.timebox .info.if1{ top: 292px; left: 0px;}
.timebox .info.if2{ top: 50px; left:167px;}
.timebox .info.if3{ top: 292px; left: 316px;}
.timebox .info.if4{ top: 50px; left:498px;}
.timebox .info h5{ font-size: 22px; line-height: 35px; width: 125px; height: 35px;  left: 0px; top: 0px; }
.timebox .info .ic{ width: 25px; height: 25px;  left: 128px; top: 6px;  border-radius: 50%; box-shadow: #666 3px 3px 3px; }
.timebox .info p{ font-size: 16px; color: #838282; text-shadow:#fff 1px 1px 1px;  width: 192px; height: 50px; left: 165px; top:-3px; text-align: left;     }
.timebox .info.if2 p{   top:-10px;}

.ydbox .info2{ width: 846px; height:175px;  top:370px; left:50%; margin-left: -403px; }
.ydbox .info2 .nt{ width: 212px; height: 170px; border-radius: 30px; float: left; margin-right: 60px; position: relative; overflow: hidden; }
/*.ydbox .info2 .nt .bg{ width: 380px; height: 380px; position: absolute; left: 0px; top: 0px; border-radius: 50%; z-index: 0; }*/
.ydbox .info2 .nt.nt1{ background-position: -1px -180px; }
.ydbox .info2 .nt.nt2{ background-position: -218px -180px;}
.ydbox .info2 .nt.nt3{ background-position: -435px -180px;}


.ydbox .info2 .nt h4,.ydbox .info2 .nt p{ color: #fff; position: relative; z-index: 1;}
.ydbox .info2 .nt h4{ font-size: 20px; text-align: center; height: 28px; line-height: 28px;  margin-top: 46px; margin-bottom: 5px;}
.ydbox .info2 .nt p{ font-size: 15px; width: 140px; margin: 0px auto; display:block;}
.ydbox .info2 .nt p.p2{ width: 150px;}

.cont7 .title.t6{ margin-top: 300px;}
.foot{ width: 1085px; height: 120px; position: absolute; left: 50%; margin-left: -512px; bottom: 200px; color: #353535; font-size: 12px; text-align: left; }
.foot .info{ float: left; width: 360px;}
.foot .info .ic{ width: 50px; height: 1px; background:#353535; margin-bottom: 25px; display: block;} 
.foot .info p{ font-size: 15px; margin-bottom: 5px;}
.foot .info p.p1{ text-indent: 25px; position: relative; }
.foot .info p.p1 .ic{ display: block; position: absolute; left: 0px; top: 2px;}
.foot .info p.p1 .ic.ic1{width: 12px; height: 21px; background-position: -584px -29px; }
.foot .info p.p1 .ic.ic2{width: 15px; height: 21px; background-position: -598px -29px; }
.foot .info p.p2{ font-size: 35px; font-weight: bold; font-family: "宋体"}
.footbottom{ height: 40px; line-height: 40px; text-align: center; background: #000022; color: #a3a2a2; font-size: 12px; width: 2000px; position: absolute; left: 50%; margin-left: -1000px; bottom: 0px;}
/*enddom*/

/*动画*/
.anm-fadeInUp{
-webkit-animation:fadeInUp 1s .2s ease both;
-moz-animation:fadeInUp 1s .2s ease both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.anm-fadeInDown{
-webkit-animation:fadeInDown 1s .2s ease both;
-moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}

.anm-flipInY{
-webkit-animation:flipInY 1s .2s ease both;
-moz-animation:flipInY 1s .2s ease both;}
@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@-moz-keyframes flipInY{
0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-10deg)}
70%{-moz-transform:perspective(400px) rotateY(10deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1}
}

.anm-fadeInLeft{
-webkit-animation:fadeInLeft 1s .2s ease both;
-moz-animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

.anm-fadeInRight{
-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

.anm-scale{
-webkit-animation:scales 1s  linear infinite;
-moz-animation:scales 1s linear infinite;
}
@-webkit-keyframes scales{
0%{ -webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.2)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes scales{
0%{ -moz-transform:scale(1)}
50%{ -moz-transform:scale(1.2)}
100%{-moz-transform:scale(1)}
}