/* banner */

.banner_bg {width: 100%;position: relative;}

.banner img {width: 100%;}

.banner a { position: absolute; top:630px; left:50%; margin-left:-160px; display: block; width: 360px; height: 110px;   }

.cz-a{ background:url(../dlimages/banner_01.jpg) center top no-repeat;width:auto; height:550px;}

.cz-b{ background:url(../dlimages/banner_02.jpg) center top no-repeat;width:auto; height:320px;}

.cz-c{ background:url(../dlimages/banner_03.jpg) center top no-repeat;width:auto; height:320px;}

/* 共用 */

.line {background: url(../dlimages/line.jpg) center bottom no-repeat;width: 100%;height: 30px;}

.pages h2{ text-align: center; margin:80px 0px 40px 0px; font-size: 32px; font-weight: bolder; }

.pages h4{ text-align: center; font-size: 18px; line-height: 30px; width: 770px; margin:0 auto; }

.span{ color:#ec6941; font-weight: bolder; }

.pages ul{ width: 100%; height: auto; }

.pages ul li{ width: 23%; height: auto; float: left; margin:1%; }

.color{ color: #05c3c3;}

.shang {width: 294px;height: 84px; margin-top: 50px;}

.shang a{ display: block; width: 100%; height: 84px; text-align: center; line-height: 60px; font-size: 20px;  font-weight: 800; transition: all 0.6s;   }





/* part2 */

.part2{ background:url(../dlimages/p1.jpg) center top no-repeat; width: 100%; height: 960px; }

.page2{ width: 1200px; margin:0 auto; height: 900px; }

.page2 .pp1{ width: 500px; height: 900px; font-weight: 900; }

.page2 .pp1 h3{margin-top: 455px; margin-left:100px;  font-size: 36px; letter-spacing:5px;text-shadow: 3px 3px 3px #333; color:#fff;}

.page2 .pp1 p{ margin-top: 20px; margin-left:125px; font-size: 24px; font-weight: normal; letter-spacing:5px;color:#fff; }

.page2 .pp2{ width: 520px; height: 900px; color: #fff; margin-left: 50px }

.page2 .pp2 h3{ text-align: left; font-size: 24px; margin-top: 65px;width: 470px;color:#fff;}

.page2 .pp2 p{ text-align: left; font-size: 16px; margin: 20px 0;width: 470px;color:#fff;}

.page2 .pp2 .pimg{ height: 135px; width: 450px }

.page2 .pp2 .kepu{transform:rotate(-6deg) translateZ(0);

-ms-transform:rotate(-6deg) translateZ(0);     /* IE 9 */

-moz-transform:rotate(-6deg) translateZ(0);    /* Firefox */

-webkit-transform:rotate(-6deg) translateZ(0); /* Safari 和 Chrome */

-o-transform:rotate(-6deg) translateZ(0);text-shadow: 1px 1px 1px #111; }





/* 旋转 */

#handBar{position: relative;}

#handBar span{

    opacity: 0.9;

    width:137px;

    height: 137px;

    border: 6px solid #05C3C3; 

    float: left;

    overflow: hidden;

    display: inline-block;

    cursor: pointer;

    border-radius: 70px;

    -ms-border-radius: 70px;

    -moz-border-radius: 70px;

    -webkit-border-radius: 70px;

    -o-border-radius: 70px;

    transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out; 

}

#handBar span:hover{

    opacity: 1;

    transform:rotate(360deg) scale(1);

    -ms-transition: all 0.5s ease-in-out;

    -moz-transform:rotate(360deg) scale(1);

    -wekit-transform:rotate(360deg) scale(1);

    -o-transform:rotate(360deg) scale(1);

}

#handBar span img{

    width:100%;

    height: 100%;

}





/* part3 */

.part3{ background:url(../dlimages/p2.jpg) center top no-repeat; width: 100%; height: 960px; }

.page3{ width: 925px; height: 880px; margin:0 auto; }

.page3 .biaos{ width: 100%; height: 570px; padding-top: 215px; padding-left: 25px}

.page3 .biaos h2{transform:rotate(3deg) translateZ(0);

-ms-transform:rotate(3deg) translateZ(0);     /* IE 9 */

-moz-transform:rotate(3deg) translateZ(0);    /* Firefox */

-webkit-transform:rotate(3deg) translateZ(0); /* Safari 和 Chrome */

-o-transform:rotate(3deg) translateZ(0);text-shadow: 2px 2px 2px #333; margin-left: 20px; color: #fff; font-size: 32px}

.page3 .biaos h3{ width: 100%; font-size: 24px; font-weight: 800; text-align: center; margin-bottom:30px; margin-top: 130px;color:#fff; }

.page3 .tits{ width: 439px; height: 114px; background: url(../dlimages/tit.png); margin:0 auto; }

.page3 .tits a{ display: block; width: 439px; transition: all 0.6s;height: 114px; color: #fff; text-align: center; line-height: 114px;  text-shadow: 2px 2px 2px #FF0000; font-size: 22px; font-weight: 800 }

.page3 .tits span{ color: #fff100 }

.page3 .tits a:hover{ transform: scale(1.1);  }



/* part4 */

.part4{  background:url(../dlimages/p3.jpg) center top no-repeat; width: 100%; height: 960px; display: inline-block; }

.page4{ width: 800px; height: 200px; margin:0 auto; color: #fff; margin-top:630px;text-shadow: 2px 2px 2px #333; }

.page4 h3{ font-size: 32px; margin-left: 380px; line-height: 42px ;color:#fff;}

.page4 p{ font-size: 18px; text-align: left; margin-left:220px; margin-top: 20px; line-height: 28px ;color:#fff;}



/* part5 */

.part5{ background:url(../dlimages/p4.jpg) center top no-repeat; width: 100%; height: 960px; display: inline-block; }

.part5 .page_ul{ height: 500px; width: 905px; margin:0 auto; }

.part5 .page_ul h3{ color: #fff; margin-top: 160px; margin-left:40px;  font-size: 36px; letter-spacing:5px;text-shadow: 3px 3px 3px #333; }

.part5 .page_ul p.p1{ font-size: 28px; margin-bottom:30px; line-height: 46px; color: #fff;letter-spacing:3px; margin-top: 80px; margin-left: 40px; font-weight: 800 }

.part5 .page_ul span{ color:#fff45c; }

.part5 .page_ul .xinall{ overflow: hidden; }

.part5 .page_ul .xinall li{ width: 176px; height: 165px; float: left;  margin:20px 25px; position:relative;overflow:hidden;}

.part5 .page_ul .xinall li p.p2{ background: #fff; height:30px; width: 176px; line-height: 30px; text-align: center; font-weight: 800; color: #222; font-size: 18px  }

.part5 .page_ul .xinall li .limgs{width:176px;height:165px;}

.part5 .page_ul .xinall li .limgs img{width:176px;height:135px;}

.part5 .page_ul .xinall li .shangtxt{position:absolute;width:176px;height:165px;background:#000;bottom:-165px;left:0; opacity:.8;}

.part5 .page_ul .xinall li .shangtxt p.p3{ margin:23px 20px; height: 64px; font-size: 16px; color: #fff }

.part5 .page_ul .xinall li .shangtxt a{ height: 24px; width: 136px; display: block; text-align: center; margin:0px 20px; font-size: 16px; color: #333; background: #fac53b;-moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px;  }





/* part6 */

.part6{ background:url(../dlimages/p5.jpg) center top no-repeat; width: 100%; height: 960px; display: inline-block;}

.page6 { width: 1000px; height: 800px; margin:0 auto; }

.page6 h2{ color: #fff; margin-top: 120px; margin-left:60px;  font-size: 30px; text-shadow: 3px 3px 3px #333; color:#fff;}

.page6 .tiaop{ margin-top: 100px; margin-left:80px; }

.page6 .tiaop li{ width:155px; height: 73px; line-height: 70px; margin:25px 0; padding-left:140px; font-weight: 800; cursor:pointer; color: #333; font-size: 22px  }

.page6 .tiaop li#tp1{ background: url(../dlimages/tt_03.png); }

.page6 .tiaop li#tp2{ background: url(../dlimages/tt_06.png); }

.page6 .tiaop li#tp3{ background: url(../dlimages/tt_08.png); }

.page6 .tiaonei { margin-top: 70px }

.page6 .tiaop #tp1 .gur{text-shadow: 1px 1px 1px #999; color: #E73502}

.page6 .tiaop #tp2 .gur{text-shadow: 1px 1px 1px #999; color: #137CB3}

.page6 .tiaop #tp3 .gur{text-shadow: 1px 1px 1px #999; color: #00A388}



.banner_control{width:1000px;height:360px;margin:0px auto;position:relative;overflow:hidden}

.banner_control .bn_pic{width:9999px;height:360px}

.banner_control .bn_pic li{width:420px;height:360px;float:left; margin:0 40px; color: #fff}

.banner_control .bn_pic li img{width:147px;height:147px; margin-left:136px }

.banner_control .bn_pic li h3{ text-align: center; font-size: 24px; margin:20px 0; text-shadow: 1px 1px 1px #333; color:#FFF;}

.banner_control .bn_pic li p{ font-size: 16px; line-height: 22px ;text-shadow: 1px 1px 1px #666; color:#FFF;}

.banner_control .anniu_button{width:100px;height:16px;position:absolute;left:475px;top:320px}

.banner_control .anniu_button li{width:16px;height:16px;background:white;float:left;margin:5px;display:inline;

cursor:pointer;border-radius:100%}

.banner_control .anniu_button li.on{background:red}

.banner_control .lr{width:350px;height:50px;position:absolute;top:250px;display:none}

.banner_control .lr a{color:white}

.banner_control .lr .pre{width:40px;height:50px;float:left;background:none repeat scroll 0px 0px rgba(1, 0, 0, 0.6);text-align:center;line-height:50px;cursor:pointer}

.banner_control .lr .next{width:40px;height:50px;float:right;background:none repeat scroll 0px 0px rgba(1, 0, 0, 0.6);text-align:center;line-height:50px;cursor:pointer}



.tiaonei h3.nh3{ width: 100%; margin:10px 0 30px 0; line-height: 32px; font-size: 22px; text-align: center; color: #fff; text-shadow: 1px 1px 1px #333; height: 32px }

.tiaonei img.nimg{ margin:15px; }



.tiaonei .neiul{ width: 960px; height: 20px; margin:0 auto; }

.tiaonei .neiul li{ width: 200px; height: 200px; margin:40px 20px 20px 20px; float: left; }

.tiaonei .neiul li img{ width: 134px; height: 134px; margin-left:33px }

.tiaonei .neiul li p{  text-align: center;font-size: 18px; margin:15px 0; line-height: 22px ;text-shadow: 1px 1px 1px #666;color: #fff }



.ti7{ background:url(../dlimages/ti.jpg) center top no-repeat; width: 100%; height: 100px;}

.ti7 .t7{ line-height: 100px;  text-align: center; color: #fff; font-size: 32px; font-weight: 800; }

/* part7 */

.part7{ background:url(../dlimages/p7.jpg) center top no-repeat; width: 100%; height: 960px; display: inline-block;}

.part7 .page_ul{ width: 820px; height: 800px; margin:0 auto; margin-top: 430px }

.part7 .page_ul h3{ font-size: 36px; color: #fff;  font-weight: 800;text-shadow: 2px 2px 2px #333;  color:#FFF;}

.part7 .page_ul p{  font-size: 22px; color: #fff; padding-top: 25px; font-weight: 500; color:#FFF; }

/* part8 */

.part8{  background:url(../dlimages/p8.jpg) center top no-repeat; width: 100%; height: 880px; display: inline-block; }

.page8{ height: 852px; position: relative; }

.page8 a{ display: block; position: absolute; width:350px ;height:100px ; top:580px ; left:640px ;}

.page8 .bbb{ width: 700px; height: 700px; }









.baoming{margin:0 auto; width: 560px; margin-top: 180px;}

.baoming h3{font-size: 36px; color: #fff;  font-weight: 800; margin-left:105px; text-shadow: 2px 2px 2px #333; line-height: 43px;color:#fff;}

.baoming p{  font-size: 22px; color: #fff; padding-top: 18px; font-weight: 500; margin-left: 80px; margin-bottom: 25px;color:#fff;}

.baoming .form li{ height:60px; margin-bottom: 10px; width: 330px; float: left;}

.baoming .form li strong {

    float:left; width:20%;

    font-size: 17px;

    font-weight: 600; height:60px; line-height:60px; color: #fff;

}

.baoming .form li input {

    float:left; width:400px;

    height: 45px;

    font-size: 16px;

    line-height: 45px;

    display: block;

    border: none;

    border-radius: 8px; 

    text-indent: 10px; margin-top:5px;

}

.baoming .form .btn{ width:400px; height:104px; background: url(../dlimages/tit1.png); border: none; cursor:pointer;text-shadow: 2px 2px 2px #FF0000; border-width: 0px;color:#fff;  font-size:26px; font-weight:bold;}

.baoming .form .btn:visited { border:none; }



/* 旋转 */

#handBar{position: relative;}

#handBar span{

    opacity: 0.9;

    width:137px;

    height: 137px;

    border: 6px solid #05C3C3; 

    float: left;

    overflow: hidden;

    display: inline-block;

    cursor: pointer;

    border-radius: 100px;

    -ms-border-radius: 100px;

    -moz-border-radius: 100px;

    -webkit-border-radius: 100px;

    -o-border-radius: 100px;

    

    transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out; 

}

#handBar span:hover{

    opacity: 1;

   

    transform:rotate(360deg) scale(1);

    -ms-transition: all 0.5s ease-in-out;

    -moz-transform:rotate(360deg) scale(1);

    -wekit-transform:rotate(360deg) scale(1);

    -o-transform:rotate(360deg) scale(1);

}

#handBar span img{

    width:100%;

    height: 100%;

}