body{margin:0;font-size:12px;line-height:1; font-family:"方�兰�黑简�";}

h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;font-size:12px;}

p,dl,dd{margin:0;}

ul,ol{margin:0;padding:0;list-style:none;}

a{text-decoration:none;color:#333;}

i,em{ font-style:normal;}

strong,b{ font-weight:normal;}

img{border:none;vertical-align:bottom;}.clearfix{*zoom:1;} /*ie7?????????*/

.clearfix:after{content:""; display:block; clear:both; font-size:0; line-height:0;}

table{border-spacing:0;border-collapse:collapse;}

th,td{padding:0;text-align:left; vertical-align:top;}

input{border:none;background:none;outline:none;}

textarea{resize:none;}







body{

    overflow-x: hidden;

    min-width: 1000px;

}

.content{

    width: 1000px;

    margin: 0 auto;

    min-width: 1000px;

}





.header .cont{

  height: 70px;

  overflow: hidden;

}

.header .cont>img{

    float: left;

    margin-top: 11px



}

.header .cont span{

    float: right;

    font-size: 20px;

    line-height: 23px;

    color: #dc0101;

    margin-top: 25px;

    font-weight: bold

}



.header .cont span img{

    vertical-align: top;

    margin: 0 5px 0 0;

}

.navtop{

    height: 70px;

    background: #3eb7d6;

    overflow: hidden;

}

.navtop ul{

   width: 1000px;

   margin: 0 auto 0

}

.navtop ul li{

    width: 20%;

    float: left;

  

}

.navtop ul .l2{

    margin-left: -25px

}

.navtop ul li a{

    display: block;

    font-size: 20px;

    line-height: 70px;

    color: #fff;

    text-align: center;

    font-weight: bold

}

.navtop ul .on{

    background: #fff;

    border-top: 1px solid #3eb7d6;

    

}

.navtop ul .on a{

    color: #3eb7d6; 

}

/* 000000000000000000000000000 */



.banner{

    display: block;

    background: url('../images/banner.jpg') no-repeat center top;

    width: 100%;

    height: 677px;

}

.banner_in{

    background: url('../images/banner_in.jpg') no-repeat center top;

    height: 677px;

  

    position: relative;

}

.banner_in .ban1{

    position: absolute;

    top: 95px;

    left: -152px;

    animation: scal 2s infinite;

    -webkit-animation: scal 2s infinite;

    -o-animation: scal 2s infinite;

    -moz-animation: scal 2s infinite;

    -ms-animation: scal 2s infinite;

}

.banner_in .ban2{

    position: absolute;

    top: 296px;

    left: -111px;

    animation: scal 3s infinite;

    -webkit-animation: scal 3s infinite;

    -o-animation: scal 3s infinite;

    -moz-animation: scal 3s infinite;

    -ms-animation: scal 3s infinite;

}

.banner_in .ban3{

    position: absolute;

    top: 405px;

    left: 96px;

    animation: scal 2s infinite;

    -webkit-animation: scal 2s infinite;

    -o-animation: scal 2s infinite;

    -moz-animation: scal 2s infinite;

    -ms-animation: scal 2s infinite;

}

.banner_in .ban4{

    position: absolute;

    top: 78px;

    right: -150px;

    animation: scal 1s infinite;

    -webkit-animation: scal 1s infinite;

    -o-animation: scal 1s infinite;

    -moz-animation: scal 1s infinite;

    -ms-animation: scal 1s infinite;

}

.banner_in .ban5{

    position: absolute;

    top: 329px;

    right: -27px;

    animation: scal 2s infinite;

    -webkit-animation: scal 2s infinite;

    -o-animation: scal 2s infinite;

    -moz-animation: scal 2s infinite;

    -ms-animation: scal 2s infinite;

}

.banner_in .banner_txt{

  display: block;

 position: absolute;

 top: 200px;

 left: 63px;

}



.banner_in div{

    background: url('../images/banner_6.png') no-repeat center top;

    width: 435px;

    height: 45px;

    position: absolute;

    top:323px;

    left: 279px; 

    font-size: 26px;

    text-align: center;

    color: #fff;

    line-height: 45px;

}



.banner_in a{

    background: url('../images/banner_btn.png') no-repeat center top;

    width: 300px;

    height: 60px;

    position: absolute;

    top:445px;

    left: 350px; 

    font-size: 22px;

    text-align: center;

    color: #fff;

    line-height: 60px;

}

.banner_in a:hover{

    background: #fff;

    border-radius: 60px;

    color: #fc653d

}





.part15451 .txt div>img{

  

    cursor: pointer;

    }

    @keyframes scal

    {

    0% {transform:rotate(7deg);

        -ms-transform:rotate(7deg); 	/* IE 9 */

        -moz-transform:rotate(7deg); 	/* Firefox */

        -webkit-transform:rotate(7deg); /* Safari å’? Chrome */

        -o-transform:rotate(7deg); 

    }

    50% {transform:rotate(-7deg);

        -ms-transform:rotate(-7deg); 	/* IE 9 */

        -moz-transform:rotate(-7deg); 	/* Firefox */

        -webkit-transform:rotate(-7deg); /* Safari å’? Chrome */

        -o-transform:rotate(-7deg); 

    }

    100% {transform:rotate(7deg);

        -ms-transform:rotate(7deg); 	/* IE 9 */

        -moz-transform:rotate(7deg); 	/* Firefox */

        -webkit-transform:rotate(7deg); /* Safari å’? Chrome */

        -o-transform:rotate(7deg); 

    }

    }











/* 1111111111111 */

.part1{

    width: 100%;

    padding: 0px 0 40px 0;



}

.part1 .top{

    margin-top: -85px;

    width: 1111px;

}

.part1 .top li{

    float: left;

    width: 245px;

    height: 180px;

    margin: 0 7px 0 0;

    background:rgba(72,187,216,0.9) none repeat scroll !important;

    position: relative;

    z-index: 100;

    cursor: pointer;

}

.part1 .top li img{

    display: block;

    margin: 34px auto 0;

    height: 50px;

}

.part1 .top .l1{

    border-top-left-radius: 18px;

    border-bottom-left-radius: 18px

}

.part1 .top .l3{

    border-top-right-radius: 18px;

    border-bottom-right-radius: 18px

}

.part1 .top li span{

    display: block;

    font-size: 30px;

    text-align: center;

    font-weight:bolder;

    color: #fff;

    margin-top: 20px;

}

.part1 .top .on{

    background:rgba(16,141,173,0.9) none repeat scroll !important;

 

}

.tit{

    height: 110px;

    border-left: 10px solid #3eb7d6;

    margin-top: 70px;

    overflow: hidden;

}



.tit h3{

    font-size: 55px;

    line-height: 55px;

    color: #3eb7d6;

margin: 3px 0 0 30px;

    font-weight: bolder;

}

.tit span{

    display: block;

    font-size: 24px;

    font-weight: bold;

    color: #3eb7d6;;

    line-height: 24px;

    margin: 27px 0 0 30px

}

.titp{

    font-size: 20px;

    line-height: 30px;

    color: #666666;

    margin-top: 30px

}

.part1 .cont1{

    margin-top: 5px

}

.part1 .cont1 .left{

float: left;

width: 596px;

}

.part1 .cont1 .left div{

width:280px ;

height: 250px;

background: url('../images/p1_cl1.jpg') no-repeat center top;

float: left;

margin: 30px 18px 0 0;

overflow: hidden;

}

.part1 .cont1 .left .box1 p{

    font-size: 26px;

    line-height: 34px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    margin-top: 46px

}

.part1 .cont1 .left .box1 p em{

    color: #3eb7d6

}

.part1 .cont1 .left .box1 a{

    display: block;

    margin: 50px auto 0;

    width: 130px;

    height: 40px;

    background: #3eb7d6;

    border-radius: 40px;

    font-size: 20px;

    line-height: 40px;

    text-align: center;

    color: #fff;

    

}

.part1 .cont1 .left .box1 a:hover{

    transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);     transition: 1s

}

.part1 .cont1 .left .box2{

    background: url('../images/p1_cl2.jpg') no-repeat center top;

}

.part1 .cont1 .left .box2 p{

    font-size: 26px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    margin-top: 40px

}

.part1 .cont1 .left .box2 p em{

    color: #3eb7d6

}

.part1 .cont1 .left .box2>span{

    display: block;

    width: 70px;

    height: 70px;

    border-radius: 70px;

    font-size: 36px;

    line-height: 70px;

    text-align: center;

    color: #fff;

    background:#3eb7d6;

    cursor: pointer;

    margin: 28px auto 0;

    position: relative;

}
.part1 .cont1 .left .box2>span a{
    color: #fff;
    position: relative;
    z-index: 50;
}

.part1 .cont1 .left .box2>span img{

    position: absolute;

    top: 50px;

    right:-12px ;

}



.part1 .cont1 .left .box2>em{

    display: block;

    font-size: 18px;

    text-align: center;

    margin-top: 35px;

    color: #fff

}

.part1 .cont1 .left .box2>span:after {



    content: "";

  

    background: #a9dfed;

  

    position: absolute;

  

    width: 100px;

  

    height: 100px;

  

    left: -15px;



  

    top: 0;

  

    bottom: 0;

  

    opacity: 0;

  

    margin: auto;

  

    border-radius: 50%;

  

    transform: scale(1);

  

    animation: 1s btn ease-in-out infinite;

  

  }

  

  @keyframes btn {

  

    0% {

  

      transform: scale(0);

  

      opacity: 1;

  

    }

  

    100% {

  

      transform: scale(1);

  

      opacity: 0;

  

    }

  

  }

  

  @-webkit-keyframes btn {

  

    0% {

  

      transform: scale(0);

  

      opacity: 1;

  

    }

  

    100% {

  

      transform: scale(1);

  

      opacity: 0;

  

    }

  

}

.part1 .cont1 .left .box3{

    background: url('../images/p1_cl3.jpg') no-repeat center top;

}

.part1 .cont1 .left .box3 p{

    font-size: 26px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    margin-top: 45px

}

.part1 .cont1 .left .box3 p em{

    color: #3eb7d6

}

.part1 .cont1 .left .box3 ul{

    margin: 30px 0 0 57px

}

.part1 .cont1 .left .box3 ul li{

    margin-top: 10px;

    font-size: 16px;

    line-height: 16px;

    color: #fff;



}

.part1 .cont1 .left .box3 ul li a{

    font-size: 16px;

    line-height: 16px;

    color: #fff;  

}

.part1 .cont1 .left .box3 ul li em{

    display: inline-block;

    width: 6px;

    height: 6px;

    background: #fff;

    border-radius: 6px;

    margin: 6px 14px 0 0;

    vertical-align: top

}

.part1 .cont1 .left .box4{

    background: url('../images/p1_cl4.jpg') no-repeat center top;

}

.part1 .cont1 .left .box4 p{

    font-size: 26px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    margin-top: 45px

}

.part1 .cont1 .left .box4 p em{

    color: #3eb7d6

}

.part1 .cont1 .left .box4 ul{

    margin: 30px 0 0 28px;

    width: 235px;

}

.part1 .cont1 .left .box4 ul li{

    margin-top: 0px;

    font-size: 16px;

    line-height: 28px;

    color: #fff;



}

.part1 .cont1 .left .box4 ul li em{

    display: inline-block;

    width: 6px;

    height: 6px;

    background: #fff;

    border-radius: 6px;

    margin: 12px 12px 0 0;

    vertical-align: top

}

.part1 .cont1 .right{

    width: 399px;

    height: 530px;

    float: right;

    background: url('../images/p1_r.jpg') no-repeat center top;

    margin-top: 30px;

}

.part1 .cont1 .right>span{

    display: block;

    font-size: 18px;

    text-align: center;

    color: #fff;

    line-height: 18px;

    margin-top: 30px

}



.part1 .cont1 .right>p{

    display: block;

    font-size: 24px;

    font-weight: bold;

    text-align: center;

    color: #fff;

    line-height: 24px;

    margin-top: 15px;

}

.part1 .cont1 .right>p em{

    font-size: 36px;

    color: #ffed23;

    

}

.part1 .cont1 .right ul{

    width: 340px;

    margin: 47px 0 0 67px

}

.part1 .cont1 .right ul li{

    width: 138px;

    height: 38px;

    border-radius: 38px;

    border: 1px solid #999999;

    float: left;

    margin: 15px 22px 0 0

}

.part1 .cont1 .right ul li a{

    display: block;

    font-size: 18px;

    line-height: 38px;

    text-align: center;

    color: #666666

}

.part1 .cont1 .right ul li:hover{

    border-color: #ff5e51

}

.part1 .cont1 .right ul li:hover a{



    color: #ff5e51

}



.part1 .cont1 .right>a{

    display: block;

    width: 170px;

    height: 40px;

    background: url('../images/p1_rbtn.png') no-repeat center top;

    font-size: 18px;

    line-height: 38px;

    text-align: center;

    color: #fff;

    margin: 30px auto 0

}

.part1 .cont1 .right>a:hover{







transform: scale(1.1);

-ms-transform: scale(1.1);

-moz-transform: scale(1.1);

-webkit-transform: scale(1.1);

-o-transform: scale(1.1);

    transition: 1s

}

.part1 .cont2{

    margin-top: 62px;

    width: 1000px;

}

.part1 .cont2 h4{

    height: 80px;

    width: 1000px;

    background: url('../images/p1_c2t.png') no-repeat center top;

    font-size: 36px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    line-height: 80px;

}

.part1 .cont2 table{

    width: 1000px;

    overflow: hidden;

    border: 2px solid #3eb7d6

}

.part1 .cont2 table tr{

    /* border: 1px solid #000000 */

}

.part1 .cont2 table th{

    height: 58px;

    font-size: 24px;

    line-height: 58px;

    text-align: center;

    color: #3eb7d6;

    border-right: 1px solid #b2e2ef;

    border-bottom: 2px solid #3eb7d6

}

.part1 .cont2 table td{

    vertical-align: middle;

    font-size: 18px;

    line-height: 30px;

    color: #666666;

    text-align: center;

    border-right: 1px solid #b2e2ef;

    border-bottom: 1px solid #b2e2ef

}

.part1 .cont2 table .td1{

    width: 133px;

}

.part1 .cont2 table .td2{

    width: 130px;

}



.part1 .cont2 table .td3{

    width: 79px;

}



.part1 .cont2 table .td4{

    width: 145px;

}



.part1 .cont2 table .td5{

    width: 145px;

}



.part1 .cont2 table .td6{

    width: 155px;

}



.part1 .cont2 table .tr1{

   height: 157px;

}

.part1 .cont2 table .tr2{

    height: 170px;

 }

 

 .part1 .cont2 table .td6 .a1{

     display: block;

     height: 40px;

    width: 120px;

    border-radius: 40px;

    margin: 0 auto 0;

    background: #fc653e;

    background: -moz-linear-gradient(right,  #fa6e32 0%, #ff5e51 100%);

    background: -webkit-gradient(linear, left , right , color-stop(0%,#fa6e32), color-stop(100%,#ff5e51));

    background: -webkit-linear-gradient(right,  #fa6e32 0%,#ff5e51 100%);

    background: -o-linear-gradient(right,  #fa6e32 0%,#ff5e51 100%);

    background: -ms-linear-gradient(right,  #fa6e32 0%,#ff5e51 100%);

    background: linear-gradient(to right,  #fa6e32 0%,#ff5e51 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6e32', endColorstr='#ff5e51',GradientType=0 );

    font-size: 18px;

    line-height: 40px;

    text-align: center;

    color: #fff

}



.part1 .cont2 table .td6 .a1:hover{

    text-decoration: underline

}



.part1 .cont2 table .td6 .a2{

    display: block;

    height: 38px;

   width: 118px;

   border-radius: 40px;

   margin: 15px auto 0;

   color: #fc653e;

   border: 1px solid #fc653e;

   font-size: 18px;

   line-height: 40px;

   text-align: center;

}

.part1 .cont2 table .td6 .a2:hover{

    text-decoration: underline

}



.part1 .h{

    display: none
    
}

.part1 .more{

    display: block;

    margin: 20px auto 0;

    cursor: pointer;

}

.ad1{

    background: url('../images/ad.jpg') no-repeat center top;

    width:100%;

    height: 230px;

}

.adin{

    overflow: hidden;

}

.ad1 .left{

    float: left;

    width: 497px;

    margin: 39px 0 0 0;

    border-right: 1px dashed #fff;

overflow: hidden;

}

.ad1  p{

    font-size: 18px;

    line-height: 64px;

    color: #fff;

    height: 64px;

    overflow: hidden;

    

}

.ad1  p em{

    display: inline-block;

    width: 250px;

    overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

}

.ad1  p img{

    display: inline-block;

    margin: 0 18px 0 0;

    vertical-align: top

}

.ad1  p a{

   float: right;

    height: 38px;

   width: 118px;

   border-radius: 40px;

   margin: 13px 42px 0 0;

   color: #ff5e50;

   border: 1px solid #fc653e;

   font-size: 18px;

   line-height: 40px;

   text-align: center;

}

.ad1 .right{

    float: right;

    width: 454px;

    margin: 39px 0 0 0



}

.ad1 .right a{

    margin: 13px 0 0 0

}



.ad1  p a:hover{

    border: none;

    width: 120px;

    height: 40px;

    background: #fc653e;

    background: -moz-linear-gradient(right,  #d76230 0%, #ff5e51 100%);

    background: -webkit-gradient(linear, left , right , color-stop(0%,#d76230), color-stop(100%,#ff5e51));

    background: -webkit-linear-gradient(right,  #d76230 0%,#ff5e51 100%);

    background: -o-linear-gradient(right,  #d76230 0%,#ff5e51 100%);

    background: -ms-linear-gradient(right,  #d76230 0%,#ff5e51 100%);

    background: linear-gradient(to right,  #d76230 0%,#ff5e51 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d76230', endColorstr='#ff5e51',GradientType=0 );

    color: #fff

}









/* 22222 */

.part2 .cont2 table .tr3{

    height: 150px;

 }

 .part2 .cont2 table .line {

    border-bottom: 2px solid #3eb7d6

}
.part2 .h{

display: none

}

.part2 .more{

    display: block;

    margin: 20px auto 0;

    cursor: pointer;

}










/* 333333333333333 */

.part3 .cont2 table .tr3{

    height: 140px;

 }

 .part3 .cont1 .left .box4 span{

    display: block;

    width: 238px;

    font-size: 16px;

    line-height: 28px;

    color: #fff;

    margin: 5px auto 0

}

.part3 .cont1 .left .box2 p{

    line-height: 34px;

    margin-top: 20px

}

.part3 .cont1 .left .box2 span{

    margin: 15px auto 0

}

/* 444444444444 */

.part4 .cont1 .left .box2 p{

    line-height: 34px;

    margin-top: 20px

}

.part4 .cont1 .left .box2 span{

    margin: 15px auto 0

}

.part4 .cont1 .left .box3 p{

    line-height: 34px;

    margin-top: 20px

}

.part4 .cont1 .left .box3 ul{

    margin: 18px 0 0 27px;

}



.part4 .cont1 .left .box4 p{

    line-height: 34px;

    margin-top: 20px

}

.part4 .cont1 .left .box4 span{

    display: block;

    width: 238px;

    font-size: 16px;

    line-height: 28px;

    color: #fff;

    margin: 5px auto 0

}





/* 555555555555555555555 */

.part5 .cont1 .left .box3 ul{

    margin: 18px 0 0 15px;

}

.part5 .cont2 table .td1 {

    width: 170px;

}

.part5 .cont2 table .td1 {

    width: 160px;

}



.part5 .cont2 table .tr1 {

    height: 183px;

}

.part5 .cont2 table .tr2 {

    height: 130px;

}

.part5 .cont2 table .tr3 {

    height: 130px;

}

.part5 .cont2 table .line {

    /* border-bottom: 2px solid #3eb7d6 */

}
.part5 .h{

display: none

}

.part5 .more{

    display: block;

    margin: 20px auto 0;

    cursor: pointer;

}



/* 66666 */



.part6 .cont{

    margin-top: 20px;

    position: relative;

}



.part6 .cont ul{

    width: 644px;

   position: absolute;

   top: 0;

   right: 0

}



.part6 .cont ul li{

    position: absolute;

    top: 0;

    left: 0;

}

.part6 .cont ul li dt i{

    float: left;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    border: 3px solid #fff;

    background: #fff;

    margin: 20px 96px 0 0;

    position: relative;

    z-index: -1;

}

.part6 .cont ul li dt img{

    float: left;

    margin: 0 65px 0 0;

   

}

.part6 .cont ul li dt p{

    float: left;

    font-size: 26px;

    line-height: 55px;

    font-weight: bold;

    color: #333;



    position: relative;



}

.part6 .cont ul li dt p span{

    display: inline-block;

    font-size: 60px;

    color: #fed0c5;

    font-weight: bolder;

    line-height: 42px;

    position: absolute;

    left: -14px;

    top: -1px;

    z-index: -1;

}

.part6 .cont ul li dd {

    float: left;

    font-size: 18px;

    line-height: 30px;

    color: #666666;

 width: 366px;

 margin: 0 0 0 217px





}



.part6 .cont ul .l1{

    top: 26px;

    left: 54px;

}



.part6 .cont ul .l2{

    top: 197px;

    left: 174px;

}

.part6 .cont ul .l2 i{

    margin: 20px 66px 0 0

}

.part6 .cont ul .l2 dd{

    width: 295px;

}





.part6 .cont ul .l3{

    top: 356px;

    left: 186px;

}

.part6 .cont ul .l3 i{

    margin: 20px 45px 0 0

}

.part6 .cont ul .l3 dd{

    width: 314px;

    margin: 0 0 0 192px

}



.part6 .cont ul .l4{

    top: 519px;

    left: 114px;

}

.part6 .cont ul .l4 i{

    margin: 20px 65px 0 0

}

.part6 .cont ul .l4 dd{

    width: 314px;

    margin: 0 0 0 212px

}



.part6 .cont ul li dl:hover dt p{

    background: #fc653d;

  

    background: linear-gradient(to right, #fa6b2d, #fe604d);

    -webkit-background-clip: text;

    color: transparent;

}

.part6 .cont ul li dl:hover dt i{

    background: #fc653f;

    z-index: 23

}





.part6 .btn{

    display: block;

    width: 270px;

    height: 60px;

    border-radius: 60px;

    margin: 55px auto 0;

    font-size: 22px;

    line-height: 60px;

    text-align: center;

    color: #fff;

    background: #fa6b2d;

    background: -moz-linear-gradient(right,  #fa6b2d 0%, #ff5e51 100%);

    background: -webkit-gradient(linear, left , right, color-stop(0%,#fa6b2d), color-stop(100%,#ff5e51));

    background: -webkit-linear-gradient(right,  #fa6b2d 0%,#ff5e51 100%);

    background: -o-linear-gradient(right,  #fa6b2d 0%,#ff5e51 100%);

    background: -ms-linear-gradient(right,  #fa6b2d 0%,#ff5e51 100%);

    background: linear-gradient(to right,  #fa6b2d 0%,#ff5e51 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6b2d', endColorstr='#ff5e51',GradientType=0 );

    

}

/* 7777 */

.part7 {



}

.part7 .tit{

    height: 60px;

}

.part7 ul{

    margin-top: 92px;

    width: 1111px;

}

.part7 ul li{

    float: left;

    width: 288px;

    height: 358px;

    margin: 0 62px 0 0;

    border: 1px solid #dddddd

}

.part7 ul li>img {

    display: block;

    margin: 0 auto 0;

    position: relative;

    top: -56px

}

.part7 ul li>.h {

    display: none

}

.part7 ul li dl{

    margin-top: -25px;



}

.part7 ul li dl dt{

    text-align: center;

    font-size: 26px;

    color: #333;

    font-weight: bolder;



}

.part7 ul li dl dd{

    font-size: 18px;

    color: #666;



    margin: 22px 0 0 58px

}

.part7 ul li dl dd .h{

    display: none

}



.part7 ul li:hover{

    border-color: #3eb7d6

}

.part7 ul li:hover>.s{

    display: none

}

.part7 ul li:hover>.h{

    display: block

}

.part7 ul li:hover dd .s{

    display: none

}

.part7 ul li:hover dd .h{

    display: inline-block

}

.part7 ul li:hover dd{

    color: #3eb7d6

}

.part7 ul li:hover dt{

    color: #3eb7d6

}



/* 888 */

.part8 {

    padding: 0 0 65px 0

}

.part8 .tit{

    height: 60px;

}





.slider{ width:100%;  min-width:1200px;  height:341px;  position:relative; overflow:hidden; background:#fff; text-align:center; margin-top: 35px  }



.slider .bd{ width:1200px; position:absolute; left:50%; margin-left:-419px  }



.slider .bd li{ width:385px;  overflow:hidden;margin: 0 10px 0 10px }



.slider .bd li img{ display:block; width:385px; height:341px;    }



.slider .tempWrap{ overflow:visible !important }



.slider .tempWrap ul{  margin-left:-1000px !important;   }



.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:341px; cursor:pointer;   }



.slider .prev{ left:-50%; margin-left:-617px;  }



.slider .next{ left:50%;  margin-left:616px;  }



.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:342px; background:#000; filter:alpha(opacity=50);opacity:0.5;   }



.slider .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:73px; height:73px;  }



.slider .prev .arrow{ right:-91px; background:url('http://www.ujiuye.com/statics/images/images/rongyu_prev.png') left top no-repeat;top: 50%;margin-top: -36px;}



.slider .next .arrow{ left:-58px; background:url('http://www.ujiuye.com/statics/images/images/rongyu_next.png') left top no-repeat;top: 50%;margin-top: -36px;}









/* 9999 */

.part9{

    padding: 43px 0 47px 0;

    background: #2c2c2c

}

.part9 ul{

    width: 1111px;

}

.part9 ul li{

    width: 125px;

    float: left;

    margin: 0 50px 0 0

}

.part9 ul li img{

    height: 58px;

}

.part9 ul li h5{

    font-size: 20px;

    margin-top: 40px;

    line-height: 20px;

    color: #fff;

    font-weight: bold

}

.part9 ul li p{

    font-size: 14px;

    margin-top: 22px;

    line-height: 24px;

    color: #fff;

    font-weight: bold

}

/* footer */

.zg_footer{

    width: 100%;

    /* padding: 68px 0 20px 0; */

    background: #333333;

    overflow: hidden;

}

.copy {

    text-align: center;

    font-size: 14px;

    color: #fff;

    padding: 40px 0;

    line-height: 32px;



}





.copy>p{

    color: #fff;

    font: 14px/30px "Microsoft Yahei";

    color: #dedede;;

}

.copy a, .copy h1 {

    color: #fff;

    font-size: 14px;

    font-weight: normal;

    display: inline;

}

.copy a, .copy h1 {

    color: #fff;

    font-size: 14px;

    font-weight: normal;

    display: inline;

}

.copy img{

    vertical-align: top;

    margin: 8px 0  0 0

}









.flex_left{

    width: 143px;

    height: 361px;

    background: url('../images/flex.png') no-repeat center top;

    position: fixed;

    left: 0px;

    top: 15%;

    z-index: 1000;

    display: none

}

.flex_left_close{

    position: absolute;

    right: 0px;

    top: -2px;

    cursor: pointer;

}



.flex_left ul{

    width: 75px;

position: absolute;

top: 125px;

left: 26px;

}

.flex_left ul li{

margin: 14px 0 0 0;

width: 166px;

position: relative;

}

.flex_left ul li>a{

    width: 75px;

    display: block;

    text-align: center;

    line-height: 20px;

    font-size: 14px;

    color: #3eb7d6;

}

.flex_left ul li>a:hover{

    text-decoration: underline

}

.flex_left ul li dl{

  position: absolute;

    top: -7px;

    right:0px; 

    width: 76px;

    height: 85px;

    background: #0387a9;

    border: 2px solid #71d6f0;

    border-bottom-right-radius: 8px;

    border-top-right-radius: 8px;

    display: none;

    z-index: 5;

}

.flex_left ul li dl dd{

    margin: 11px auto 0;

}

.flex_left ul li dl dd a{

    font-size: 14px;

    display: block;

    width: 60px;

    text-align: center;

    margin: 0 auto 0;

    color: #fff

}

.flex_left ul li dl dd a:hover{

    text-decoration: underline;

}

.flex_left ul .last dl{

 

    top: -35px

} 



.flex_left .go_top{

    position: absolute;

    bottom: -33px;

    left: 22px;

    display: block;

    width: 78px;

    height: 33px;

    background: #0387a9;

    border: 1px solid #71d6f0;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    font-size: 14px;

    line-height: 33px;

    color: #fff;

    text-align: center;

    cursor: pointer;



}