/*part1*/

.part1{ padding-bottom: 40px;}
.p1Cont{}
.p1Cont ul li{ width: 320px; height: 250px;float: left; margin-right: 20px; margin-bottom: 20px; transition: 0.4s; overflow: hidden;}
.p1Cont ul li img{ width: 100%; transition: 0.4s;}
.p1Cont ul li.mr{margin-right:0px; }
.p1Cont ul li:hover{ box-shadow: 0px 1px 10px #9f9f9f; transition: 0.4s;}
.p1Cont ul li:hover img{ transform: scale(1.03); transition: 0.4s;}


/*part2*/

.part2{background-color: #f0f0f0; padding-bottom: 50px;}
.p2Cont ul.box li{ width: 245px; float: left; margin-right: 16px;}
.p2Cont ul.box li img{width: 100%; height: 129px; display: block;}
.p2Cont ul.box li .con{ height: 53px; background-color: #f37717; color: #fff;}
.p2Cont ul.box li .con p{ float: left;}
.p2Cont ul.box li .con p.con-1{ width: 32%; font-size: 36px; line-height: 1.4em; font-family: 'Impact'; margin: 0 3% 0 7%;}
.p2Cont ul.box li .con p.con-2{ width: 55%; font-size: 14px;line-height: 1.2em;padding-top: 7px;}

.p2Cont ul.box li.last-4{ width: 217px; margin-right: 0px;}
.p2Cont ul.box li.last-4 .con p.con-1{ width: 32%; font-size: 36px; line-height: 1.4em; font-family: 'Impact'; margin: 0 4%;}
.p2Cont ul.box li.last-4 .con p.con-2{ width: 60%; font-size: 14px; padding-top: 7px;}

.p2Cont ul.box li.last-4-4 .con p.con-2{ width: 60%; font-size: 14px; padding-top: 0px;}



.p2Cont .w-max{width: 1510px; display: block; overflow: hidden; margin-left: -255px; height: 245px; padding-top: 20px;}
.p2Cont .w-max .jt-nr{ display: block;}
.p2Cont .w-max .jt-nr .box{ width: 94px; text-align: center;float: left; cursor: pointer;}



.p2Cont .w-max .jt-nr .box p.p1{  font-size: 18px; line-height: 1em; transition: 0.4s;}
.p2Cont .w-max .jt-nr .box p.p2{  font-size: 26px; line-height: 1.5em; color: #f37717; font-weight: bold; transition: 0.4s;}
.p2Cont .w-max .jt-nr .box p.p3{ width: 18px; height: 1px; background-color: #bbcacd; display: block; transform: rotateZ(90deg); transform-origin: 150% 2150%; transition: 0.4s;}

.p2Cont .w-max .jt-nr .box:hover p.p1{text-shadow: 0px 0px 3px #fff;font-size: 16px; transition: 0.4s;}
.p2Cont .w-max .jt-nr .box:hover p.p2{text-shadow: 0px 0px 3px #fff;font-size: 26px; transition: 0.4s;}
.p2Cont .w-max .jt-nr .box:hover p.p3{ background-color: #f37717; transition: 0.4s;}


.p2Cont .w-max .jt-nr .box:before{ content: ''; width: 94px;height: 12px; background: url("../img/p2Cont-jt.png") center center; display: inline-block; transition: 0.4s linear;}
.p2Cont .w-max .jt-nr .box:hover::before{background: url("../img/p2Cont-jt-act.png") center center; transition: 0.4s linear;}

.p2Cont .w-max .jt-nr .box1:before{ position: relative;top:87px;}

.p2Cont .w-max .jt-nr .box2 p.p3{transform-origin: 180% 1500%;}
.p2Cont .w-max .jt-nr .box2:before{ position: relative;}
.p2Cont .w-max .jt-nr .box2{ margin-top: 87px;}
.p2Cont .w-max .jt-nr .box2 p.p3{ margin-top: 10px;}



/*part3*/

.part3{ }
.p3Cont{height: 780px;}
.p3Cont ul.box li{ width: 413px; height: 350px; float: left; margin: 20px 37px 33px 37px;
     box-shadow:0px 2px 20px #d8d8d8; border-radius: 2%; overflow: hidden; cursor: pointer;}
.p3Cont ul.box li img{width: 100%; height: 168px; display: block;}
.p3Cont ul.box li .con{width: 411px; background-color: #fff;}
.p3Cont ul.box li .con p{ width: 345px; margin:25px auto; font-size: 16px; color: #666; line-height: 1.8em;}
.p3Cont ul.box li:hover{box-shadow:0px 2px 30px #d2d2d2;}

/*part4*/
.part4{ }
.p4Cont{ height: 580px;}
.p4Cont>p.p4{
    font-size: 16px;
    width: 170px;
    color: #7d7d7d;
    position: absolute;
    display: block;

}
.p4Cont>p.p4-1{ left: 168px; top: 40px;}

.p4Cont>p.p4-2{left: 680px; top: 40px;}

.p4Cont>p.p4-3{ left: 129px; top: 203px;}

.p4Cont>p.p4-4{ left: 752px; top: 203px;}

.p4Cont>p.p4-5{ left: 447px; top: 470px;}

.p4Cont>h3{
    position: absolute;
    top: 140px;
    left: 402px;

    font-size: 30px;
    line-height: 1em;
    width: 205px;
    text-align: center;
    color: #438cde;
    z-index:1;
    -webkit-font-smoothing: antialiased;
}
.p4Cont>h3 span{
    font-size: 18px;
}
.p4Cont>h3:before{ content: ''; width: 68px; height: 100px; background: url("../img/p4Cont-ren.png") no-repeat top center; display: block;margin-left: 33%;}

.p4Cont .round{ width: 455px; height: 456px; margin: 0 auto; background:url("../img/p4Cont-round-bg.png")no-repeat center center;position: relative;}
.p4Cont .round p.img{   width: 455px; height: 456px;/*width: 364px; height: 365px;*/ margin: 0 auto;}
.p4Cont .round p.img img{ width: 455px; height: 456px; /*width: 364px; height: 365px; margin-top: 50px;*/ animation: myRound 8s linear infinite /*alternate:是否轮流反向播放动画*/;}
@keyframes myRound{
   from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}
@-moz-keyframes myRound{
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}
@-webkit-keyframes myRound{
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}
@-o-keyframes myRound{
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}
.round p.san{ width: 12px; height: 12px;display: block; border: 1px solid #438cde; border-radius: 50%;position: absolute; animation: mySan 0.8s linear infinite; transition: 0.4s linear;}
@keyframes mySan{
    from{transform:scale(1);}
    to{transform:scale(0.8);}
}
.round p.san-1{ left:66px; top:66px;}

.round p.san-2{ left:379px; top:64px;}

.round p.san-3{ left:0px; top:224px;}

.round p.san-4{ left:444px; top:224px;}

.round p.san-5{ left:219px; top:445px;}



/*part5*/
.part5{ background-color: #0a6cd6;}
.part5 .p5Cont {
    height: 480px;
}

.part5 .p5Cont .box {
    width:242px;
    height: 423px;
    background-color: #fff;
    display: inline-block;
    overflow: hidden;
    padding: 9px;
    margin-right: 5px;
    box-shadow: 0 2px 10px 2px rgba(0, 51, 51, 0.25);/*x轴  Y轴  阴影模糊半径   阴影扩展半径  阴影颜色  */
}
.part5 .p5Cont .box.last-li{ margin-right: 0;}

.part5 .p5Cont .box > img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.part5 .p5Cont .box .del{width: 180px; margin: 0 auto;}

.part5 .p5Cont .box .del h3{height: 60px; text-align: center;display: table-cell;vertical-align:middle;}

.part5 .p5Cont .box .del h3 p{ font-size: 21px; color: #000; font-weight: normal; width:180px; text-align: center;line-height: 1.4em;}
.part5 .p5Cont .box .del ul{ margin-top: 10px;}

.part5 .p5Cont .box .del ul li{width: 185px; margin: 6px auto; background: url("../img/p5Cont-dui.png") no-repeat center left;
    padding-left: 25px; font-size: 14px; text-align: left;

}



/*part6*/
.part6{ height: 770px;}

.part6 .p6Cont{width: 770px; margin: 0 auto;}
.part6 .img2{width: 325px; height:409px; float: left;  position: relative;box-shadow:0px 2px 5px #9f9f9f; overflow: hidden; margin: 0 30px; border: 1px solid #eee \9;}

.part6 .img2>img{ width: 100%; position: absolute; transition: all 0.4s ease-out;}



.part6 .img2 .yuanq{position: relative;left: 0px; top:298px; width: 325px; height: 111px; background: #fff; transition: all 0.6s ease-out;}

.part6 .img2 .yuanq p{position: absolute;left: 70px; top:23px;  width: 245px; height: 111px;display: block; color: #333; line-height: 1.3em;
     z-index: 1;   transition: all 1s ease-out;font-size: 24px;font-weight: bold;
}
.part6 .img2 .yuanq p span{ font-weight: normal; font-size: 16px; color: #666;}

.part6 .img2 .yuanq:before{ content: '';position: absolute;left: 19px; top:-23px;
    background: url("../img/tarch-bg.png") no-repeat;width: 41px; height: 41px;
    display: inline-block;
    float: left;}

.part6 .img2:hover .yuanq{filter: Alpha(opacity = 0); opacity: 0; transition: all 0.6s ease-out;}

.part6 .img2  dl.info{ color: #fff;  position: absolute;width: 324px; height:409px; top: 409px;
    transition: all 0.4s ease-out; background: rgba(0,0,0,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd000000 , endColorstr=#dd000000);/*兼容ie8透明背景*/

}
.part6 .img2  dl.info>p{ width: 270px; margin: 75px auto 20px; display: block; overflow: hidden; font-size: 30px; line-height: 1.2em; }

.part6 .img2  dl.info dd{width: 270px; height: 250px;font-size: 16px; margin: 0 auto;
    text-align: left; overflow: hidden; line-height: 2em;}

.part6 .img2:hover dl{top:0; transition: all 0.4s ease-out;}
.part6 .img2:hover img{ transform: scale(1.01); transition: all 0.4s ease-out;}

/*footer底部表单*/

.foot{ width: 100%; position: fixed; bottom: 0; background-color: #000; height: 84px; line-height: 84px; z-index: 2;}
.foot p{ font-size: 20px; color: #fff; width: 320px; float: left;}
.foot p span.font-1{ font-size: 26px; font-weight: bold; color: #f37717;}
.foot p span.font-2{ color: #f37717;}
.foot form.form-biaod{ width: 670px; float: left;}
.foot form.form-biaod input{ height: 44px; padding-left: 15px; border-radius: 5px; font-size: 14px;}
.foot form.form-biaod input.name{ width: 218px;}

.foot form.form-biaod input.phone{ width: 310px;}

.foot form.form-biaod button.btn{ width: 130px; height: 44px;line-height: 44px; background-color: #f37717; border-radius: 5px; font-size: 16px; color: #fff;}