html,body{background:#fff; font-size:12px;}
/**/
.mt1{margin-top:10px;}
.mb1{margin-bottom:10px;}
.mr1{margin-right:10px;}
.ml1{margin-left:10px;}
/**/
.pd1{padding-top:40px; padding-bottom:40px;}
.pd2{padding-top:10px;}
/**/
.w0{width: 100%; min-width: 1200px; margin: auto; overflow: hidden;}
.w1{width: 1200px; margin: auto; overflow: hidden;}
.w2{width: 100%; max-width: 1920px; margin: auto; overflow: hidden;}
.w3{width: 100%; max-width: 1920px; margin: auto;}
.w4{width: 100%; margin: auto;}
.w5{width: 100%; margin: auto; overflow: hidden;}
/**/
.top{height: 120px; position: relative;}
.logo{width: 850px; height: 120px; background: url("../images/logo.png") left no-repeat;}
.top_tel{width: 250px; height: 60px; background: url("../images/bg1.png") center no-repeat; position: absolute; right: 0px; top: 50%; margin-top: -30px;}
.top_tel div{width:100%; height: 40px; line-height: 20px; margin-top: 10px; text-align: center; font-size: 14px; color: #fff; overflow: hidden;}
.top_tel div a, .top_tel div a:hover{color: #fff; text-decoration: none;}

.top2_bg{background-color: #222222; border-top: 3px #d30c33 solid; }
.top2{height: 120px; background-color: #222222; position: relative;}
.logo2{width: 850px; height: 120px; background: url("../images/logo1.png") left no-repeat;}

.nav_bg{height: 48px; line-height: 48px; border-top: 1px #ddd solid;}
.nav_bg2{background-color: #222; border-top-color: #555;}
.nav{width: 100%; max-width: 1200px; background-color: #fff; margin: auto; height: 48px;}
.nav ul{width: 100%; height: 48px; clear: both;}
.nav ul li{width: 12.5%; height: 48px; float: left; line-height: 48px; text-align: center; font-size: 16px;}
.nav ul li .d0{width: 100%; height: 100%; position: relative;}
.nav ul li .d1{width: 100%; height: 100%; text-align: center;}
.nav ul li .d2{width: 100%; position: absolute; z-index: 10000; top: 100%; overflow: hidden; background-color: #222; display: none;}
.nav ul li .d2 div{width: 100%; height: 48px; line-height: 48px; text-align: center; font-size: 14px; color: #fff;}
.nav ul li .d2 div a,.nav ul li .d2 div a:hover{color: #fff; display: block; text-decoration: none;}
.nav ul li .d2 div:hover{background-color:#d64444; }
.nav ul li:hover .d2{display: block;}
.nav2{background-color: #222;}
.nav2 li:hover .d1{background-color:#d64444; }
.nav2 li a,.nav2 li a:hover{color: #fff;}

/**/
.index-part1{ clear: both; overflow: hidden;}
.index-part1 .d1{width: 145px; height: 145px; margin: auto; margin-top: 60px; margin-bottom: 10px;}
.index-part1 .d2{width: 100%; text-align: center; font-size: 18px; font-weight: bold; height: 50px; line-height: 50px; overflow: hidden;}
.index-part1 .d3{width: 100%; text-align: center; font-size: 12px; height: 30px; line-height: 30px; overflow: hidden;}
.index-part1 .d4{width: 70%; margin: auto; padding-top: 20px; overflow: hidden;}
.index-part1 .d4 ul{width: 100%; min-height: 240px; clear: both; overflow: hidden;}
.index-part1 .d4 ul li{width: 50%; float: left; height: 36px; line-height: 36px; font-size: 16px; text-align: center; overflow: hidden;}
.index-part1 .l{width: 48%; height: 100%; float: left; overflow: hidden; background: url("../images/bg2.jpg") center no-repeat; background-size: cover;}
.index-part1 .r{width: 48%; height: 100%; float: left; margin-left: 4%; overflow: hidden; background: url("../images/bg3.jpg") center no-repeat; background-size: cover;}
.index-part1 .l .d1{background: url("../images/62504.png") center no-repeat; background-size: contain;}
.index-part1 .r .d1{background: url("../images/62505.png") center no-repeat; background-size: contain;}

/**/
.package{clear: both; margin-top: 40px; margin-bottom: 80px; overflow: hidden; background-color: #222;}
.package .l{width: 25%; float: left; overflow: hidden;}
.package .l .d0{margin: 15px; border: 1px #fff solid; overflow: hidden; padding: 50px; color: #fff;}
.package .l .d1{height: 45px; line-height: 45px; text-align: center; font-size: 36px; overflow: hidden;}
.package .l .d2{height: 28px; line-height: 28px; text-align: center; font-size: 14px; overflow: hidden;}
.package .l .d3{overflow: hidden; padding-bottom: 30px;}
.package .l .d3 ul{width: 68%; margin: auto; overflow: hidden;}
.package .l .d3 ul li{width: 100%; height: 46px; line-height: 46px; text-align: center; font-size: 16px; border-bottom: 1px rgba(255,255,255,0.8) solid;}
.package .l .d3 ul li a, .package .l .d3 ul li a:Hover{color: #fff; display: block; text-decoration: none;}
.package .l .d4{width:100%; margin: auto; background:url("../images/625024.png") center no-repeat; height:40px; line-height: 40px; text-align: left; text-indent: -100%; overflow: hidden;  }
.package .l .d4 a, .package .l .d4 a:hover{display: block; text-decoration: none;}
.package .r{width: 75%; float: left; overflow: hidden; background-color: #fff;}
.package .r ul{width: 100%; clear: both; overflow: hidden;}
.package .r ul li{width: 50%; float: left; overflow: hidden;}
.package .r ul li .d0{width: 100%; clear: both; overflow: hidden;}
.package .r ul li .d1{width: 50%; float: left; overflow: hidden; height:220px;}
.package .r ul li .d2{width: 50%; height: 220px; overflow: hidden; position: relative;}
.package .r ul li .d3{width: 50%; height: 40px; line-height: 40px; border-bottom: 1px #ccc solid; position: absolute; left: 25%; top: 50%; margin-top: -20px; font-size: 20px; text-align: center;}
.package .r ul li .d3 b{font-weight: bold;}
.package .r ul li .d3 a, .package .r ul li .d3 a:hover{color: #000; text-decoration: none;}
.package .r ul li:nth-child(1) .d1{background: url("../images/625018.jpg") center no-repeat; background-size: cover;}
.package .r ul li:nth-child(2) .d1{background: url("../images/625019.jpg") center no-repeat; background-size: cover;}
.package .r ul li:nth-child(3) .d1{background: url("../images/625020.jpg") center no-repeat; background-size: cover;}
.package .r ul li:nth-child(4) .d1{background: url("../images/625021.jpg") center no-repeat; background-size: cover;}
.package .r ul li:nth-child(2) .d2{background-color: #c6b170;}
.package .r ul li:nth-child(3) .d2{background-color: #c6b170;}

.case_bg{background: url("../images/bg5.jpg") top center no-repeat; height: 797px;}
.case{clear: both; overflow: hidden;}
.case_l{width: 265px; float: left; overflow: hidden;}
.case_r{width: 890px; float: left; margin-left: 45px; overflow: hidden; }
.case_cate{width: 100%; overflow: hidden;}
.case_cate .title{width: 100%; height: 88px; background-color: #d64444; overflow: hidden;}
.case_cate .title .d1{width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 24px; margin-top: 10px; font-weight: bold;}
.case_cate .title .d2{width: 100%; height: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 16px; }
.case_cate .list{width: 100%; overflow: hidden; padding: 20px 0px;}
.case_cate .list ul{width: 68%; margin: auto; overflow: hidden;}
.case_cate .list ul li{width: 100%; overflow: hidden; height: 45px; line-height: 45px; border-bottom: 1px #eee solid; font-size: 16px; position: relative; text-indent: 15px;}
.case_cate .list ul li:last-child{border-bottom: 0px;}
.case_cate .list ul li .d2{width: 4px; height: 4px; background-color: #ccc; position: absolute; left: 0px; top: 50%; margin-top: -2px;}
.case_cate .more{width: 68%; height: 60px;color: #fff; background-color: #d64444; margin: auto; line-height: 60px; text-align: center; font-size: 16px; overflow: hidden;}
.case_cate .more a, .case_cate .more a:Hover{color: #fff; display: block; text-decoration: none;}
.case_tel{width: 100%; height: 140px; margin-top: 64px; background-color:#d64444; overflow: hidden; }
.case_tel .d1{width: 100%; height: 60px; background: url("../images/bg6.jpg") center no-repeat; margin-top: 5px;}
.case_tel .d2{width: 100%; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 16px; font-weight: bold;}
.case_tel .d3{width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 22px;}
.case_tel .d3 a, .case_tel .d3 a:hover{color: #fff; display: block; text-decoration: none;}

.about{clear: both; overflow: hidden;}
.about_txt{width: 50%; float: left; line-height: 1.9; font-size: 16px; color: #666; overflow: hidden;}
.about_txt .more{width: 120px; height: 45px; line-height: 45px; background-color:#d64444; font-size: 16px; text-align: center; margin-top: 15px; overflow: hidden;}
.about_txt .more a, .about_txt .more a:hover{color: #fff; display: block; text-decoration: none;}
.about_face{width: 46%; margin-left: 4%; float: left; height: 400px; background: url("../images/88012.png") center no-repeat; background-size: contain;}

.contact{clear: both; overflow: hidden; padding-bottom: 40px;}
.contact .l{width: 40%; float: left; overflow: hidden;}
.contact .l .d1{width: 100%; height: 60px; line-height: 60px; font-size: 22px;}
.contact .l .d2{width: 100%; overflow: hidden;}
.contact .l .d2 ul{width: 100%; overflow: hidden;}
.contact .l .d2 ul li{width: 100%;  padding-bottom: 10px; overflow: hidden; position: relative;}
.contact .l .d2 ul li .d_1{width: 30px;height: 30px; position: absolute; left: 0px; top: 50%; margin-top: -15px;}
.contact .l .d2 ul li .d_2{min-height: 40px; margin-left: 50px; margin-right: 0px; line-height: 40px; font-size: 14px;}
.contact .l .d2 ul li:nth-child(1) .d_1{background: url("../images/88013.png") center no-repeat; background-size: contain;}
.contact .l .d2 ul li:nth-child(2) .d_1{background: url("../images/88014.png") center no-repeat; background-size: contain;}
.contact .l .d2 ul li:nth-child(3) .d_1{background: url("../images/88015.png") center no-repeat; background-size: contain;}
.contact .r{width: 60%; height: 200px; float: left; overflow: hidden;}

.banner1{background: url("../images/banner1.jpg") center no-repeat; height: 580px;}
.banner2{background: url("../images/banner2.jpg") center no-repeat; height: 580px;}
.banner3{background: url("../images/banner3.jpg") center no-repeat; height: 580px;}
.banner4{background: url("../images/banner4.jpg") center no-repeat; height: 580px;}

.pl{width: 230px; float: left; overflow:hidden;}
.pr{width: 930px; float: left; border-left: 40px #f8f8f8 solid; overflow: hidden;}

/**/
.bg4{ height: 437px; background: url("../images/bg4.jpg") top no-repeat; height: 437px; margin-top: 80px; padding-top: 52px;}
.bg7{background: url("../images/bg7.jpg") bottom no-repeat;}

/**/
.bgc1{background-color: #f8f8f8;}
.bgc2{background-color: #fff;}
/**/
.ul1 ul{width: 100%; clear: both; overflow: hidden;}
.ul1 li{width: 20%; float: left; overflow: hidden;}
.ul1 li .d0{ margin: 1px; background-color: #222; overflow: hidden;}
.ul1 li .d1{width: 100%; text-align: center; margin-top: 40px; overflow: hidden;}
.ul1 li .d2{width: 100%; height: 50px; line-height: 50px; margin-bottom: 30px; text-align: center; font-size: 16px; color: #fff; overflow: hidden;}

.ul2 ul{width: 100%; clear: both; padding-top: 30px; overflow: hidden;}
.ul2 li{width: 25%; float: left; overflow: hidden;}
.ul2 li .d1{width: 100%; height: 140px; overflow: hidden;}
.ul2 li .d2{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 18px; overflow: hidden;}
.ul2 li:nth-child(1) .d1{background: url("../images/8804.png") center no-repeat;}
.ul2 li:nth-child(2) .d1{background: url("../images/8805.png") center no-repeat;}
.ul2 li:nth-child(3) .d1{background: url("../images/8806.png") center no-repeat;}
.ul2 li:nth-child(4) .d1{background: url("../images/8807.png") center no-repeat;}
.ul2 li:nth-child(5) .d1{background: url("../images/8808.png") center no-repeat;}
.ul2 li:nth-child(6) .d1{background: url("../images/8809.png") center no-repeat;}
.ul2 li:nth-child(7) .d1{background: url("../images/88010.png") center no-repeat;}
.ul2 li:nth-child(8) .d1{background: url("../images/88011.png") center no-repeat;}

.ul3 ul{width: 100%; overflow: hidden;}
.ul3 li{width: 100%; height: 50px; line-height: 50px; font-size: 16px; border-bottom: 1px #eee solid; text-align: center;}
.ul3 li:last-child{border-bottom: 0px;}
.ul3 li a, .ul3 li a:hover{display: block;}
.ul3_open{height: 50px; line-height: 50px; display: none;}

.ul4 ul{margin-left: 15px; margin-right: 15px; padding-top: 15px; clear: both; overflow: hidden;}
.ul4 li{width: 33.333%; float: left; overflow: hidden;}
.ul4 li .d0{margin: 15px; margin-bottom: 0px; overflow: hidden;}
.ul4 li .d1{width: 100%; overflow: hidden;}
.ul4 li .d1 img{width: 100%;height:231px;}
.ul4 li .d2{width: 100%; height: 42px; line-height: 42px; text-align: center; font-size: 14px; text-align: center; overflow: hidden;}


.ul5 ul{width: 100%; overflow: hidden; padding-bottom: 30px;}
.ul5 li{width: 100%; height: 50px; line-height: 50px; font-size: 16px; border-bottom: 1px #eee solid; position: relative; text-indent: 15px; overflow: hidden;}
.ul5 li small{display: block; width: 4px; height: 4px; background-color: #ddd; position: absolute; left: 0px; top: 50%; margin-top: -2px;}

/**/
.txt1{margin: 25px; overflow: hidden; line-height: 1.8; color: #666; font-size: 16px;}
.txt1 img{max-width: 100%;}
.txt1 video{width: 100%; height: 460px; background-color: #000;}
/**/
.f1 a,.f1 a:hover{ color:#666; text-decoration:none; display:block;}
.f2 a,.f2 a:hover{color:#444; text-decoration:none;}.f2 a:hover{ color:#000;}
.f3 a,.f3 a:hover{color:#666; text-decoration:none;}.f3 a:hover{ color: #663399;}
.f4 a,.f4 a:hover{color: #663399; text-decoration:none; margin-left:3px; margin-right:3px;}.f4 a:hover{ text-decoration:underline;}
/**/
.fc1{color:#ccc;}
/**/
.ht1{ min-height: 2000px;}
.ht2{ min-height: 500px;}
/**/
textarea{border:1px #CCC solid; background:#FFFFFF; padding:2px;}
.inpt1{ width:300px;border:1px #CCC solid; background:#FFFFFF;padding:2px;}
.inpt2{ width:500px; height:90px;}
.bnt1{cursor:pointer;}
/**/
.line1{}
/**/
.foot_bg{padding-top:15px; padding-bottom:15px; line-height:1.9; text-align:center; background-color: #222; color: #fff;}
.copyright{width: 92%; margin: auto; text-align: center; font-size: 14px; overflow: hidden;}
.copyright a, .copyright a:hover{color: #fff; text-decoration: none;}
.copyright a:hover{color: #ff000f;}
/**/
.img1{}
/**/
.title1{width: 100%; padding-top: 35px;}
.title1 .d1{width:80px; height: 2px; background-color: #ddd; margin: auto; }
.title1 .d2{ height: 68px; line-height: 68px; width: 100%; text-align: center; font-size: 30px; overflow: hidden;}
.title1 .d3{width: 130px; height: 20px; border: 1px #ddd solid; margin: auto; position: relative;}
.title1 .d4{width: 80%; height: 20px; line-height: 20px; background-color: #fff; position: absolute; top: -10px; left: 10%; overflow: hidden; text-align: center; color: #999;}

.title2{overflow: hidden; padding-top: 40px; padding-bottom: 20px;}
.title2 .d1{width: 80px; height: 2px; background-color: #fff; margin: auto;}
.title2 .d2{height: 68px; line-height: 68px; width: 100%; text-align: center; font-size: 30px; color: #fff; overflow: hidden;}

.title3{width: 100%; padding-top: 35px;}
.title3 .d1{width:80px; height: 2px; background-color: #ddd; margin: auto; }
.title3 .d2{ height: 68px; line-height: 68px; width: 100%; text-align: center; font-size: 30px; overflow: hidden;}
.title3 .d3{ height: 30px; line-height: 30px; width: 100%; text-align: center; font-size: 14px; color: #888; overflow: hidden;}

.title4{width: 100%; height: 60px; line-height: 60px; background-color: #d64444; text-align: center; font-size: 20px; font-weight: bold; color: #fff; }
.title5{width: 100%; height: 60px; line-height: 60px; text-align: left; text-indent: 20px; font-size: 20px; font-weight: bold; color: #555; border-bottom: 1px #eee solid; }

/**/
.em1 em{}
/**/
.aTitle{width:100%; margin:auto; padding-top:20px; padding-bottom:20px; text-align:center; font-size:24px}
.aSub{width:100%; margin:auto; text-align:center; height:30px; line-height:30px;}
.aBody{width:100%; margin:auto; padding-top:15px; padding-bottom:15px;}
/**/
/*在线留言样式*/
.feedback{border:1px #222 solid; }
.feedback dt{ background:#222; color:#444;}
.feedback dt big{color:#fff;}
.feedback dd{ color:#C47500}

/*分页*/
.pageList{color:#222; width:92%; margin: auto; }
.pageList a,.pageList a:hover{background:#222; color:#888;border:1px #222 solid; text-decoration:none;}
.pageList a:hover,.pageList .on{background:#666; border:1px #666 solid; color:#fff;}

/**/
.end{width:100%; max-width:640px; display: none; margin:auto; clear:both; overflow:hidden; position:fixed; bottom:0px; z-index:9999; padding:5px 0px; background-color:#d64444; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.end li{width:50%; height:40px; line-height:20px; text-align:center; float:left; overflow:hidden; font-size: 12px;}
.end li a, .end li a:hover{color: #fff;}

/**/
.TslideBox1{ position:relative; overflow:hidden; width:100%; min-height: 50px;}
.TslideBox1 .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center;  }
.TslideBox1 .hd ul{ display:inline-block; height:5px; padding:3px 5px;font-size:0; vertical-align:top;}
.TslideBox1 .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:rgba(255,255,255,0.3); margin:0 3px;  vertical-align:top; overflow:hidden;}
.TslideBox1 .hd ul .on{ background:#fff;  }
.TslideBox1 .bd{ position:relative; z-index:0; }
.TslideBox1 .bd ul{overflow: hidden;}
.TslideBox1 .bd ul li{ width: 100%; text-align: center; float: left; overflow: hidden;}
.TslideBox1 .bd ul li div{width: 100%; overflow: hidden;}
.TslideBox1 .bd ul li img{width: 100%;}

.TslideBox_1{display: block;}
.TslideBox_2{display: none;}

/**/

@media screen and (max-width: 480px) {
    body{padding-bottom: 40px;}
    .w0{width: 100%; max-width: 640px; min-width: 300px; margin: auto; overflow: hidden;}
    .w1{width: 100%; max-width: 640px; margin: auto; overflow: hidden;}
    .w2{width: 100%; max-width: 640px; margin: auto; overflow: hidden;}
    .w3{width: 100%; max-width: 640px; margin: auto;overflow: hidden;}
    .w4{width: 100%; margin: auto;}
    .w5{width: 100%; margin: auto; overflow: hidden;}

    .pl{width: 100%; float: left; overflow:hidden;}
    .pr{width: 100%; float: left; border-left: 0px #f8f8f8 solid; overflow: hidden;}

    .top{height: 80px;}
    .logo{width: 90%; margin: auto; height: 80px; background-size: contain;}
    .top2{height: 80px; background-color: #222222; position: relative;}
    .logo2{width: 90%; margin: auto; height: 80px; background: url("../images/logo1.png") center no-repeat; background-size: auto 60%;}
    .top_tel{display: none;}

    .nav_bg{height: 80px; line-height: 40px;}
    .nav{height: 80px;}
    .nav ul{height: 80px;}
    .nav ul li{width: 25%; height: 40px; font-size: 14px; line-height: 40px;}
    .nav ul li:hover .d2{display: none;}
    .nav ul li .d2 div{height: 40px; line-height: 40px;}

    .pd1{padding-top:20px; padding-bottom:20px;}

    .end{display: block;}

    .index-part1 .l{width: 100%; margin-bottom: 1px;}
    .index-part1 .r{width: 100%; margin-left: 0px;}
    .index-part1 .d1{width: 85px; height: 85px; margin-top: 20px;}
    .index-part1 .d1 img{width: 100%;}
    .index-part1 .d4{width: 90%; padding-top: 5px;}
    .index-part1 .d4 ul{min-height: 150px; padding-bottom: 20px;}
    .index-part1 .d4 ul li{width: 33.333%; float: left; font-size: 14px;}

    .package .l{width: 100%;}
    .package .l .d0{margin: 15px; border: 1px #fff solid; overflow: hidden; padding: 20px; color: #fff;}
    .package .l .d1{height: 45px; line-height: 45px; text-align: center; font-size: 24px; overflow: hidden;}
    .package .l .d3 ul{width: 80%; clear: both; margin: auto; overflow: hidden;}
    .package .l .d3 ul li{width: 31.333%; margin-left: 1%; margin-right: 1%; float: left; height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-bottom: 1px rgba(255,255,255,0.8) solid;}
    .package .r{width: 100%; float: left; border-top: 20px #fff solid;}
    .package .r ul li .d0{position: relative;}
    .package .r ul li .d1{width: 100%; float: left; height: 200px;}
    .package .r ul li .d2{position: absolute; left: 0%; top: 0%; height: 100%; width: 100%;}
    .package .r ul li .d3{border-color: #fff; color: #fff; font-size: 18px;}
    .package .r ul li .d3 b{ color: #fff;}
    .package .r ul li .d3 a, .package .r ul li .d3 a:hover{color: #fff; text-decoration: none;}
    .package .r ul li:nth-child(2) .d2{background-color: rgba(0,0,0,0);}
    .package .r ul li:nth-child(3) .d2{background-color: rgba(0,0,0,0);}

    .case_bg{background: none; height: auto;}
    .case_l{width: 100%; float: left; overflow: hidden;}
    .case_r{width: 100%; float: left; margin-left: 0px; overflow: hidden; }
    .case_cate .list ul{width: 90%; clear: both; margin: auto; overflow: hidden;}
    .case_cate .list ul li{width: 24%; float: left; text-align: center; overflow: hidden; height: 45px; line-height: 45px; border-bottom: 0px #eee solid; font-size: 14px; position: relative; text-indent: 0px;}
    .case_cate .list ul li .d2{display: none;}
    .case_cate .more{width: 50%; height: 40px; border-radius: 40px; color: #fff; background-color: #d64444; margin: auto; line-height:40px; text-align: center; font-size: 14px; overflow: hidden;}
    .case_tel{display: none;}
    .bg4{ height: auto; background-image: none; background-color: rgb(207,61,64); margin-top: 20px; padding-top: 20px; margin-bottom: 20px;}

    .about_txt{width: 90%; float: none; margin: auto; font-size: 14px; line-height: 1.7;}
    .about_txt .more{width: 120px; margin: auto; height: 40px; line-height: 40px; background-color:#d64444; font-size: 16px; text-align: center; margin-top: 15px; overflow: hidden;}
    .about_face{width: 90%; float: none;  margin: auto; height: 300px;}

    .contact .l{width: 90%; float: none; margin: auto;}
    .contact .l .d1{width: 100%; height: 60px; text-align: center;  line-height: 60px; font-size: 22px;}
    .contact .r{width: 100%; height: 200px; float: left; overflow: hidden;}

    .banner1{background: url("../images/banner1.jpg") center no-repeat; background-size: auto 100%; height: 130px;}
    .banner2{background: url("../images/banner2.jpg") center no-repeat; background-size: auto 100%; height: 130px;}
    .banner3{background: url("../images/banner3.jpg") center no-repeat; background-size: auto 100%; height: 130px;}
    .banner4{background: url("../images/banner4.jpg") center no-repeat; background-size: auto 100%; height: 130px;}

    .ul1 ul{width: 95%; margin: auto; padding-bottom: 15px;}
    .ul1 li .d0{margin: 4px; border-radius:8px;}
    .ul1 li .d1{padding-top: 0px; margin-top: 15px;}
    .ul1 li .d1 img{width: 40px;}
    .ul1 li .d2{font-size: 12px; height: 30px; line-height: 30px; margin-bottom: 10px;}

    .ht1{ min-height: auto;}
    .ht2{ min-height: auto;}

    .ul2 li .d1{width: 100%; height: 60px; overflow: hidden;}
    .ul2 li:nth-child(1) .d1{background: url("../images/8804.png") center no-repeat; background-size: contain;}
    .ul2 li:nth-child(2) .d1{background: url("../images/8805.png") center no-repeat; background-size: contain;}
    .ul2 li:nth-child(3) .d1{background: url("../images/8806.png") center no-repeat; background-size: contain;}
    .ul2 li:nth-child(4) .d1{background: url("../images/8807.png") center no-repeat; background-size: contain;}
    .ul2 li:nth-child(5) .d1{background: url("../images/8808.png") center no-repeat; background-size: contain;}
    .ul2 li:nth-child(6) .d1{background: url("../images/8809.png") center no-repeat; background-size: contain;}
    .ul2 li:nth-child(7) .d1{background: url("../images/88010.png") center no-repeat; background-size: contain;}
    .ul2 li:nth-child(8) .d1{background: url("../images/88011.png") center no-repeat; background-size: contain;}
    .ul2 li .d2{width: 82%; margin: auto; height: 40px; line-height: 20px; text-align: center; font-size: 14px; margin-top: 10px; margin-bottom: 10px; overflow: hidden;}

    .ul3 ul{width: 100%; height:120px;  clear: both; overflow: hidden;}
    .ul3 li{width: 50%; float: left; height: 39px; line-height: 39px; font-size: 14px; border-bottom: 1px #eee solid; text-align: center;}
    .ul3 li:last-child{border-bottom: 1px #eee solid;}
    .ul3 li a, .ul3 li a:hover{display: block;}
    .ul3_open{background-color: #f6f6f6; width: 100%;height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #000; display: block;}

    .ul4 ul{margin-left: 10px; margin-right: 10px; padding-top: 15px; clear: both; overflow: hidden;}
    .ul4 li{width: 50%; float: left; overflow: hidden;}
    .ul4 li .d0{margin: 10px; margin-bottom: 0px; overflow: hidden;}
    .ul4 li .d2{width: 100%; height: 40px; line-height: 20px; margin-top: 5px; font-size: 14px;}

    .ul5 li{font-size: 14px;}

    .title1{width: 100%; padding-top: 15px;}
    .title1 .d1{width:80px; height: 2px; background-color: #ddd; margin: auto; }
    .title1 .d2{ height: 50px; line-height: 50px; width: 100%; text-align: center; font-size: 22px; overflow: hidden;}
    .title1 .d3{width: 100px; height: 20px; border: 1px #ddd solid; margin: auto; position: relative;}
    .title1 .d4{width: 80%; height: 20px; line-height: 20px; background-color: #fff; position: absolute; top: -10px; left: 10%; overflow: hidden; text-align: center; color: #999;}

    .title2{overflow: hidden; padding-top: 15px; padding-bottom: 15px;}
    .title2 .d1{width: 100px; height: 2px; background-color: #fff; margin: auto;}
    .title2 .d2{height: 50px; line-height: 50px; width: 100%; text-align: center; font-size: 22px; color: #fff; overflow: hidden;}

    .title3{width: 100%; padding-top: 15px;}
    .title3 .d1{width:80px; height: 2px; background-color: #ddd; margin: auto; }
    .title3 .d2{ height: 68px; line-height: 68px; width: 100%; text-align: center; font-size: 22px; font-weight: bold; overflow: hidden;}
    .title3 .d3{  line-height: 25px; height: 50px; width: 90%; margin: auto; text-align: center; font-size: 14px; color: #888; overflow: hidden;}

    .title4{width: 100%; height: 40px; line-height:40px; background-color: #d64444; text-align: center; font-size: 18px; font-weight: bold; color: #fff; }
    .title5{width: 100%; height: 50px; line-height: 50px; text-align: left; text-indent: 20px; font-size: 18px; font-weight: bold; color: #555; border-top: 12px #eee solid; border-bottom: 1px #eee solid; }

    .txt1{margin: 15px; overflow: hidden; line-height: 1.8; color: #666; font-size: 14px;}

    .TslideBox_1{display: none;}
    .TslideBox_2{display: block;}

}