.banner{ position: relative;}
.banner .menu{ position: absolute; left: 50%; top: 10px; margin-left: -600px; font-size: 0; width: 1200px; z-index: 9;}
.banner .menu li{ display: inline-block; background: #f6f5f5; border-radius: 23px; margin-right: 10px; position: relative; overflow: hidden;}
.banner .menu li a{ display: block; padding: 0 20px; font: 16px/46px "microsoft yahei"; color: #333; position: relative; z-index: 1;}
.banner .menu li:before{ content: ''; width: 0; height: 100%; position: absolute; left: 0; top:0; transition: 0.4s all; -webkit-transition: 0.4s all; background: #4BCDD9;}
.banner .menu li:hover:before{ width: 100%;}
.banner .menu li:hover a{ color: #fff;}
 .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.clear{clear:both;}
.banner .swiper-slide img{ display: block; width: 100%;}
.grWidth{width:1200px;margin: 40px auto 0;}

.listLeft{width: 230px;float: left;overflow: hidden;}

.listRight{width: 940px;float: right;overflow: hidden;text-align:justify;}
.breadCrumb{border-bottom:1px solid #DADADA;height:30px;margin-bottom: 15px;font-size: 20px;}

.breadCrumb strong{ color:#333; font-size:18px; font-family:"微软雅黑";  height:29px; border-bottom:2px solid #1e9f95; display:inline-block; font-weight:normal;}

.sidebar{/* margin-bottom:20px; */}

.side_title{background:#1e9f95 url('../images/sub.png') no-repeat 20px center;height:70px;color:#fff;font-size:24px;font-weight:normal;padding-left:75px;padding-top:20px;line-height:20px;line-height:26px;}

.side_title span{display:block;font-size:14px;opacity:.6;}

.sidebarMenu{background:#f1f1f1;border-top:none;}

.sidebarMenu li{font-size:15px;padding-top:2px;}

.sidebarMenu li h3{height:50px;line-height:50px;background: #1e9f95 url('../images/p_side.png') no-repeat 190px center;color:#fff;font-size: 18px;padding:0 10px;margin-bottom:8px;text-indent:10px;/* text-align: center; */}
.sidebarMenu li h3>a{color:#fff;}
.sidebarMenu li>a{height:43px;line-height:43px;background:url('../images/side_li.png') no-repeat 25px center;padding-left:40px;display:block; color:#454545;}

.sidebarMenu li .current,.sidebarMenu li a:hover{background:#1e9f95 url('../images/side_lih.png') no-repeat 25px center;color:#fff;}

.sidebarMenu li ul{font-size:12px;padding:5px  0;}

.sidebarMenu ul li {background:none;padding-top:0;}

.sidebarMenu li ul a{background: url('../images/ly_li.png') no-repeat 40px center;padding-left:50px;color:#666;height:30px;line-height:30px;font-size:12px;}

.sidebarMenu li ul .current,.sidebarMenu li ul a:hover{background: url('../images/ly_li.png') no-repeat 40px center; color:#1e9f95;}
/*  产品列表 */

.productList li{float:left;width: 225px;border:1px solid #e5e5e5;background:#fff;margin: 0 10px 25px 0;}
.productList li:nth-child(4n){ margin-right:0px;}
.productList li .pImg{display:block;width: 225px;height: 225px;overflow:hidden;}

.productList li img{width: 225px;height: 225px;transition:all 0.5s;object-fit: contain;}

.productList li h5{font-size:14px;font-weight:normal;text-align:center;height:38px;line-height:38px;border:1px solid #e5e5e5;border-left:none;border-right:none;padding:0 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.productList li:hover{border:1px solid #1e9f95;}

.productList li:hover h5{color:#1e9f95;}

.productList li:hover img{transition:all 0.5s;transform:scale(1.1,1.1);}
.about_content_shu_left_contact{border-top: 12px solid #1e9f95;border-right:1px solid #dddd;border-left:1px solid #dddd;border-bottom:1px solid #dddd;text-align:center;padding:37px 0;/* margin-top:55px; */font-size:20px;}
.about_content_shu_left_contact .about_content_shu_left_contact_bd{color:#1e9f95;font-weight:bold;letter-spacing:2px;font-size:28px;margin-top:10px;}









.content1{ width: 1200px; margin: 40px auto;}
.content1 .lbox,.content1 .cbox1,.content1 .cbox2,.content1 .rbox{ width: 285px; height: 300px; float: left; margin-right: 20px; box-shadow: 0 0 1px rgba(0,0,0,0.3); transition: 0.6s all; -webkit-transition: 0.6s all;}
.content1 .rbox{ margin-right: 0;}
.content1 .lbox:hover,.content1 .cbox1:hover,.content1 .cbox2:hover,.content1 .rbox:hover{ transform: translateY(-20px); -webkit-transform: translateY(-20px); box-shadow: 0 0 9px rgba(0,0,0,0.3);}
.content1 .news .title{ overflow: hidden; margin: 18px 18px;}
.content1 .news .title h3{ float: left; font: 24px/26px "microsoft yahei"; color: #333;}
.content1 .news .title a{ float: right; font: 12px/26px "microsoft yahei"; color: #999;}
.content1 .news .list{ margin: 0 18px;}
.content1 .news .list li{ background: url(../images/10-10-1.png) left 6px no-repeat; padding-left: 15px; margin-top: 10px;}
.content1 .news .list li a{ font: 14px/18px "microsoft yahei"; color: #666;}
.content1 .news .list li p{ font: 12px/18px "microsoft yahei"; color: #999;}
.content1 .news .list li:hover{ background-image: url(../images/10-10.png);}
.content1 .news .list li:hover a,.content1 .news .list li:hover p{ color: #3B9BA4;}
.content1 .cbox1 .title{ font: 24px/26px "microsoft yahei"; color: #333; margin: 18px 18px 0;}
.focus1{ width:245px; padding-top: 15px; margin:0 auto; position:relative;   }
.focus1 .hd{ width:100%; height:5px;  position:absolute; z-index:1; top:0;   }
.focus1 .hd ul{ position: absolute; top: -20px; right: 0; font-size: 0; text-align: right; width: 100%;   }
.focus1 .hd ul li{  display: inline-block; width: 10px; margin: 0 4px; height: 10px; border-radius: 50%; border: 2px solid #666; opacity: 0.4;}
.focus1 .hd ul .on{ background:#666; opacity: 1; }
.focus1 .bd{ position:relative; z-index:0; overflow: hidden; text-align: center; }
.focus1 .bd li img{ width:100%;  height:159px; object-fit:cover;}
.focus1 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.focus1 .bd li p{ font: 18px/24px "microsoft yahei"; color: #333; margin-top: 12px;}
.content1 .cbox2 .title{ font: 24px/26px "microsoft yahei"; color: #333; margin: 18px 18px 0;}
.content1 .cbox2 .cont{ margin: 10px 18px 0;}
.content1 .cbox2 .cont p{ font: 12px/19px "microsoft yahei"; color: #666;}
.content1 .cbox2 .cont .red{ font: 14px/18px "microsoft yahei"; color: #eb4f38;}
.content1 .cbox2 .cont .more{ text-align: right; font-size: 0;}
.content1 .cbox2 .cont .more a{ display: inline-block; font: 12px/20px "microsoft yahei"; color: #fff; background: #552b1f; padding: 0 10px; border-radius: 10px;}

.bg1{background: url(../images/1920-747.jpg) center center no-repeat;padding: 1px 0 30px;height: 430px;margin-top: 20px;}
.content2{ width: 1200px; margin:50px auto 0px;}
.content2 .title{ text-align: center;}
.content2 .title h3{ font: 45px/50px "microsoft yahei"; color: #fff; margin-bottom: 8px;}
.content2 .title p{ font: 28px/28px "microsoft yahei"; color: #fff; text-transform: uppercase;}
.content2 .list{overflow: hidden;margin-top: 30px;}
.content2 .list li{ float: left; width: 25%; text-align: center; font-size: 0;}
.content2 .list li .pic{ width: 120px; height: 120px; border: 2px solid #fff; border-radius: 50%; margin-bottom: 20px; display: inline-block;}
.content2 .list li:nth-child(1) .pic{ background: url(../images/w1.png) center center no-repeat;}
.content2 .list li:nth-child(2) .pic{ background: url(../images/w2.png) center center no-repeat;}
.content2 .list li:nth-child(3) .pic{ background: url(../images/w3.png) center center no-repeat;}
.content2 .list li:nth-child(4) .pic{ background: url(../images/w4.png) center center no-repeat;}
.content2 .list li:hover .pic{ background-color:rgba(255,255,255,0.4) ;}
.content2 .list li h3{ font: 24px/32px "microsoft yahei"; color: #fff;}
.content2 .list li p{ font: 14px/21px "microsoft yahei"; color: #fff;}
.content2 .list li .btnA{ text-align: center; margin-top: 30px;}
.content2 .list li .btnA a{ display: inline-block; width: 84px; height: 30px; border: 1px solid #fff; border-radius: 16px; text-align: center; font: 14px/30px "microsoft yahei"; color: #fff; margin: 0 16px;}

.content3{width: auto;margin: 50px auto;}
.content3 .title{text-align: center;}
.content3 .title h2{ font: bold 48px/52px "microsoft yahei"; color: #151515; margin-bottom: 8px;}
.content3 .title h4{ font: bold 30px/36px "microsoft yahei"; color: #151515; text-transform: uppercase;}
.content3 .list{margin-top: 50px;font-size: 0;text-align: center;}
.content3 .list li{ display: inline-block; position: relative; overflow: hidden; border-radius: 50%; margin: 0 15px;}
.content3 .list li img{display: block;border: 20px solid #d1d1d1;border-radius: 50%;width: 200px;}
.content3 .list li .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(46,175,187,0.8); display: none;}
.content3 .list li .text h3{ font: 22px/48px "microsoft yahei"; color: #fff; margin-top: 32%;}
.content3 .list li .text p{ font: 18px/36px "microsoft yahei"; color: #fff;}
.content3 .list li:hover .text{ display: block;}

.bg2{ background: url(../images/ziming.gif) center center no-repeat; padding: 50px 0;height:489px;}
.content4{ width: 1200px; margin: 0 auto;}
.content4 .title{ text-align: center;margin-top:70px;}
.content4 .title h3{ font: 45px/50px "microsoft yahei"; color: #fff; margin-bottom: 9px;}
.content4 .title p{ font: 28px/32px arial; color: #fff; text-transform: uppercase;}
.content4 .case{ margin-top: 65px;}
.content4 .case li{ float: left; width: 134px; height: 64px; margin:  5px 8px;}
.content4 .case li img{ display: block;}

.content5{ width: 1200px; margin: 50px auto;}
.content5 .title{ text-align: center;}
.content5 .title h3{ font: bold 45px/50px "microsoft yahei"; color: #151515; margin-bottom: 9px;}
.content5 .title p{ font: bold 28px/32px arial; color: #151515; text-transform: uppercase;}
.content5 .product{ margin-top: 30px; text-align: center;}
/*.content5 .product { padding: 5px; background: #f9f9f9; box-shadow: 0 0 1px rgba(0,0,0,0.6); margin: 0 6px 12px; float: left;}*/
.content5 .product .swiper-slide p{ font: 14px/24px "microsoft yahei"; color: #666; margin-top: 7px;}
.content5 .product .swiper-slide img{ display: block; width: 100%;height:210px;object-fit:cover;}
.content5 .product .swiper-slide:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.3);}

.content6{ width: 100%; font-size: 0; background: #ebf7f8;}
.content6 .slidebar_a{ float: left; width: 55%; height: 550px; text-align: right; }
.content6 .slidebar_b{ float: left; width: 45%; height: 550px; text-align: left; }
.content6 .slidebar_a .laryou{ text-align: left; display: inline-block; margin-right: 20px; padding-top: 50px;}
.content6 .slidebar_a .laryou h3{ font: 40px/50px "microsoft yahei"; color: #333; text-align: center; padding-bottom: 20px;}
.content6 .slidebar_a .laryou  .swiper-container{ width: 621px;}
.swiper-container-d{ background: #d8d6d6; padding: 50px 0;}
.content6 .slidebar_b .form{ display: inline-block; padding-top: 50px; padding-left: 60px; }
.content6 .slidebar_b .form h3{ font: 40px/50px "microsoft yahei"; color: #333; text-align: center; padding-bottom: 20px;}
.content6 .slidebar_b .form h3 img{vertical-align:bottom;padding-left:10px;}
.content6 .slidebar_b .form th,.content6 .slidebar_b .form td{ padding-bottom: 10px;}
.content6 .slidebar_b .form th{ font: 16px/27px "microsoft yahei"; color: #666; text-align: right; vertical-align: top;padding-right:15px;}
.content6 .slidebar_b .form td{ font: 12px/21px "microsoft yahei"; color: #666;}
.content6 .slidebar_b .form td input[type=radio]{ vertical-align: middle; }
.content6 .slidebar_b .form td label{ margin-right: 12px;}
.content6 .slidebar_b .form td .text{ width: 199px; height: 25px; border: 1px solid #ddd;}
.content6 .slidebar_b .form td select{ width: 201px; height: 27px; border: 1px solid #ddd; font: 14px/25px "microsoft yahei"; color: #999;}
.content6 .slidebar_b .form td textarea{ width: 286px; height: 113px; border: 1px solid #ddd;}
.content6 .slidebar_b .form td .btn{ width: 84px; height: 37px; border: none; font: 16px/37px "microsoft yahei"; color: #fff; background: #2d9e93; border-radius: 8px; vertical-align: middle;}
.content6 .slidebar_b .form td .reset{ width: 82px; height: 35px; border: 1px solid #2d9e93; font: 16px/35px "microsoft yahei"; color: #333; vertical-align: middle; background: none; border-radius: 8px; margin-left: 20px;}

.bg3{ background: #f9f9f9; padding: 50px 0;height:259px;}
.content7{ width: 1200px; margin: 30px auto 0px;}
.content7 .menu{ font-size: 0; margin-bottom: 28px;}
.content7 .menu li{ display: inline-block; padding: 0 10px; font: 20px/20px "microsoft yahei"; color: #999;}
.content7 .menu li.oli{ color: #666; padding: 0;  cursor: pointer;}
.content7 .menu li.cur{ color: #2C9E94;}

.content7 .case li{ float: left; margin-right: 15px; width: 283px; height: 200px; border: 1px solid #ddd;}
.content7 .case li:nth-child(6n){ margin-right: 0;}
.content7 .case li img{width:283px;height:200px;object-fit:cover;}
.content8{ width: 1200px; margin: 70px auto 80px;}
.content8 .newslist{ width: 362px; float: left; margin: 0 19px;}
.content8 .newslist .title{ font: bold 18px/21px "microsoft yahei"; color: #333;}
.content8 .newslist ul{ margin-top: 10px;}
.content8 .newslist ul li{ overflow: hidden;}
.content8 .newslist ul li a{ font: 14px/38px "microsoft yahei"; color: #666; float: left; background: url(../images/10-10-1.png) left center no-repeat; padding-left: 14px;}
.content8 .newslist ul li span{ float: right; font: 12px/38px "microsoft yahei"; color: #999999;}
.content8 .newslist ul li:hover a,.content8 .newslist ul li:hover span{ color: #299BA5;}
.content8 .newslist ul li:hover a{ background: url(../images/10-10.png) left center no-repeat;}

.bg4{ height: 701px; background: url(../images/bg2.jpg) center top no-repeat;}
.content9{ width: 1200px; margin: 0 auto; padding-top: 75px;}
.content9 .slidebar_a{ width: 320px; float: left; margin-left: 5px; opacity: 0;}
.content9 .slidebar_a .title{ font: 24px/32px "microsoft yahei"; color: #f0f0f0; border-bottom: 2px solid #F0F0F0; padding-bottom: 15px;}
.content9 .slidebar_a .title img{ display: inline-block; vertical-align: middle;}
.content9 .slidebar_a dl{ font-size: 0; margin-top: 30px;width:350px;float:left;}
.content9 .slidebar_a dl dt{ width: 48px; display: inline-block; vertical-align: middle; margin-right: 15px;}
.content9 .slidebar_a dl dd{ display: inline-block; vertical-align: middle;}
.content9 .slidebar_a dl dd p{ font: 14px/30px "microsoft yahei"; color: #F0F0F0;}
.content9 .slidebar_a dl dd h3{ font: 30px/30px "microsoft yahei"; color: #F0F0F0;}
.bdmap-btn{ width: 140px; height: 44px; background: url(../images/140-44.png) left top no-repeat; font: 14px/44px "microsoft yahei"; color: #F0F0F0; text-indent: 4.5em; margin-left: 60px; margin-top: 20px; cursor: pointer;}

.content9 .slidebar_b{ width: 374px; height: 542px; float: left; margin-left: 68px; background: #eb4f38; opacity: 0;}
.content9 .slidebar_b .title{ font: 24px/25px "microsoft yahei"; color: #F0F0F0; padding: 20px 0 20px 15px;}
.content9 .slidebar_b .title img{ margin-right: 8px; vertical-align: middle;}
.content9 .slidebar_b .wb{ width: 354px; height: 467px; margin: 0 auto; background: #fff;}

.content9 .slidebar_c{ width: 368px; height: 542px; float: left; background: url(../images/368542.png) left top no-repeat; margin-left: 40px; position: relative; opacity: 0;}
.content9 .slidebar_c .title{ font: 24px/25px "microsoft yahei"; color: #F0F0F0; padding: 20px 0 20px 15px;}
.content9 .slidebar_c .title img{ margin-right: 8px; vertical-align: middle;}
.content9 .slidebar_c .pic{ width: 215px; position: absolute; bottom: 40px; left: 77px;}
.content9 .slidebar_c .pic img{ display: block; width: 100%;margin-bottom: 10px;}
.content9 .slidebar_c .pic p{ font: 16px/24px "microsoft yahei"; color: #333;}



@media only screen and (min-width: 960px) and (max-width: 1199px) {

.banner .menu{ left: 5px; top: 10px; margin-left: 0; width: auto; }


.content1{ width: 98%; margin: 30px auto;}
.content1 .lbox,.content1 .cbox1,.content1 .cbox2,.content1 .rbox{ width: 24%; height: 300px; float: left; margin-right: 1.3%; box-shadow: 0 0 1px rgba(0,0,0,0.3); transition: 0.6s all; -webkit-transition: 0.6s all;}
.content1 .rbox{ margin-right: 0;}
.content1 .lbox:hover,.content1 .cbox1:hover,.content1 .cbox2:hover,.content1 .rbox:hover{ transform: translateY(-20px); -webkit-transform: translateY(-20px); box-shadow: 0 0 9px rgba(0,0,0,0.3);}
.content1 .news .title{ overflow: hidden; margin: 18px 18px;}
.content1 .news .title h3{ float: left; font: 21px/26px "microsoft yahei"; color: #333;}
.content1 .news .title a{ float: right; font: 12px/26px "microsoft yahei"; color: #999;}
.content1 .news .list{ margin: 0 18px;}
.content1 .news .list li{ background: url(../images/10-10-1.png) left 6px no-repeat; padding-left: 15px; margin-top: 10px;}
.content1 .news .list li a{ font: 14px/18px "microsoft yahei"; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;	display: block;}
.content1 .news .list li p{ font: 12px/18px "microsoft yahei"; color: #999;}
.content1 .news .list li:hover{ background-image: url(../images/10-10.png);}
.content1 .news .list li:hover a,.content1 .news .list li:hover p{ color: #3B9BA4;}
.content1 .cbox1 .title{ font: 21px/26px "microsoft yahei"; color: #333; margin: 18px 18px 0;}
.focus1{ width:90%; padding-top: 15px; margin:0 auto; position:relative;   }
.focus1 .bd{ position:relative; z-index:0; overflow: hidden; text-align: center; }
.focus1 .bd li img{ width:100%;  height:auto; }
.focus1 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.focus1 .bd li p{ font: 18px/24px "microsoft yahei"; color: #333; margin-top: 12px;}
.content1 .cbox2 .title{ font: 21px/26px "microsoft yahei"; color: #333; margin: 18px 18px 0;}
.content1 .cbox2 .cont{ margin: 10px 18px 0;}
.content1 .cbox2 .cont img{ display: block; width: 100%;}

.content2{ width: 98%; margin: 0 auto;}
.content2 .title{ text-align: center;}
.content2 .title h3{ font: 35px/40px "microsoft yahei"; color: #fff; margin-bottom: 8px;}
.content2 .title p{ font: 20px/20px "microsoft yahei"; color: #fff; text-transform: uppercase;}
.content2 .list{ overflow: hidden; margin-top: 60px; }
.content2 .list li{ float: left; width: 25%; text-align: center; font-size: 0;}
.content2 .list li .pic{ width: 141px; height: 141px; background-size: ; border: 2px solid #fff; border-radius: 50%; margin-bottom: 20px; display: inline-block;}
.content2 .list li:hover .pic{ background-color:rgba(255,255,255,0.4) ;}
.content2 .list li h3{ font: 20px/32px "microsoft yahei"; color: #fff;}
.content2 .list li p{ font: 14px/21px "microsoft yahei"; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.content2 .list li .btnA{ text-align: center; margin-top: 10px;}
.content2 .list li .btnA a{ display: inline-block; width: 84px; height: 30px; border: 1px solid #fff; border-radius: 16px; text-align: center; font: 14px/30px "microsoft yahei"; color: #fff; margin: 0 8px;}

.content3{ width: auto; margin: 100px auto;}
.content3 .title{text-align: center;}
.content3 .title h2{ font: bold 48px/52px "microsoft yahei"; color: #151515; margin-bottom: 8px;}
.content3 .title h4{ font: bold 30px/36px "microsoft yahei"; color: #151515; text-transform: uppercase;}
.content3 .list{ margin-top: 70px; font-size: 0; text-align: center;}
.content3 .list li{ display: inline-block; position: relative; overflow: hidden; border-radius: 50%; margin: 0 15px 30px;}
.content3 .list li img{ display: block; border: 20px solid #d1d1d1; border-radius: 50%;}
.content3 .list li .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(46,175,187,0.8); display: none;}
.content3 .list li .text h3{ font: 22px/48px "microsoft yahei"; color: #fff; margin-top: 32%;}
.content3 .list li .text p{ font: 18px/36px "microsoft yahei"; color: #fff;}
.content3 .list li:hover .text{ display: block;}

.content4{ width: 98%; margin: 0 auto;}
.content4 .title{ text-align: center;}
.content4 .title h3{ font: 45px/50px "microsoft yahei"; color: #fff; margin-bottom: 9px;}
.content4 .title p{ font: 28px/32px arial; color: #fff; text-transform: uppercase;}
.content4 .case{ margin-top: 40px;}
.content4 .case li{ float: left; width: 134px; height: 64px; margin:  5px 8px;}
.content4 .case li img{ display: block;}

.content5{ width: 98%; margin: 50px auto;}
.content5 .title{ text-align: center;}
.content5 .title h3{ font: bold 35px/40px "microsoft yahei"; color: #151515; margin-bottom: 9px;}
.content5 .title p{ font: bold 28px/32px arial; color: #151515; text-transform: uppercase;}
.content5 .product{ margin-top: 30px; text-align: center;}
.content5 .product li{ padding: 1%; width: 21%; background: #f9f9f9; box-shadow: 0 0 1px rgba(0,0,0,0.6); margin: 0 1% 12px; float: left;}
.content5 .product li img{ display: block; width: 100%;}
.content5 .product li p{ font: 14px/24px "microsoft yahei"; color: #666; margin-top: 7px;}
.content5 .product li:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.3);}

.content6{ width: 100%; font-size: 0;}
.content6 .slidebar_a{ float: none; width: 100%; height: 450px; text-align: right; background: #4BCDD9; }
.content6 .slidebar_b{ float: none; width: 100%; height: 450px; text-align: center; }
.content6 .slidebar_a .laryou{ text-align: left; display: inline-block; width: 100%; margin-right: 0; padding-top: 50px;}
.content6 .slidebar_a .laryou h3{ font: 30px/50px "microsoft yahei"; color: #fff; text-align: center; padding-bottom: 20px;}
.content6 .slidebar_a .laryou  .swiper-container{ width: 60%; background: none;}
.content6 .slidebar_b .form{ display: inline-block; padding-top: 20px; padding-left: 20px; text-align: left; }
.content6 .slidebar_b .form h3{ font: 30px/50px "microsoft yahei"; color: #333; text-align: center; padding-bottom: 20px;}
.content6 .slidebar_b .form h3 img{ vertical-align: middle;}
.content6 .slidebar_b .form th,.content6 .slidebar_b .form td{ padding-bottom: 10px;}
.content6 .slidebar_b .form th{ font: 16px/27px "microsoft yahei"; color: #666; text-align: right; vertical-align: top;}
.content6 .slidebar_b .form td{ font: 12px/21px "microsoft yahei"; color: #666;}
.content6 .slidebar_b .form td input[type=radio]{ vertical-align: middle; }
.content6 .slidebar_b .form td label{ margin-right: 12px;}
.content6 .slidebar_b .form td .text{ width: 199px; height: 25px; border: 1px solid #ddd;}
.content6 .slidebar_b .form td textarea{ width: 286px; height: 113px; border: 1px solid #ddd;}
.content6 .slidebar_b .form td .btn{ width: 84px; height: 37px; border: none; font: 16px/37px "microsoft yahei"; color: #fff; border-radius: 8px; vertical-align: middle;}
.content6 .slidebar_b .form td .reset{ width: 82px; height: 35px; font: 16px/35px "microsoft yahei"; color: #333; vertical-align: middle; background: none; border-radius: 8px; margin-left: 20px;}

.bg3{ background: #f9f9f9; padding: 50px 0;height:260px;}
.content7{ width: 98%; margin: 0 auto;}
.content7 .menu{ font-size: 0; margin-bottom: 28px;}
.content7 .menu li{ display: inline-block; padding: 0 10px; font: 20px/20px "microsoft yahei"; color: #999;}
.content7 .menu li.oli{ color: #666; padding: 0;  cursor: pointer;}
.content7 .menu li.cur{ color: #2C9E94;}

.content7 .case li{ float: left; margin-right: 12px; width: 165px; height: auto; border: 1px solid #ddd; margin-bottom: 10px;}
.content7 .case li img{ display: block; width: 100%;}
.content7 .case li:nth-child(6n){ margin-right: 12px;}

.content8{ width: 98%; margin: 40px auto;}
.content8 .newslist{ width: 31%; float: left; margin: 0 1%;}
.content8 .newslist .title{ font: bold 16px/21px "microsoft yahei"; color: #333;}
.content8 .newslist ul{ margin-top: 10px;}
.content8 .newslist ul li{ overflow: hidden;}
.content8 .newslist ul li a{ font: 12px/28px "microsoft yahei"; color: #666; float: left;  padding-left: 14px;}

.content8 .newslist ul li span{ float: right; font: 12px/28px "microsoft yahei"; color: #666;}

.bg1{ height: auto; background: url(../images/bg2.jpg) center top no-repeat;}
.content9{ width: 98%; margin: 0 auto; padding-top: 75px;}
.content9 .slidebar_a{ width: 320px; float: left; margin-left: 5px;}
.content9 .slidebar_a .title{ font: 24px/32px "microsoft yahei"; color: #f0f0f0; border-bottom: 2px solid #F0F0F0; padding-bottom: 15px;}
.content9 .slidebar_a .title img{ display: inline-block; vertical-align: middle;}
.content9 .slidebar_a dl{ font-size: 0; margin-top: 30px;}
.content9 .slidebar_a dl dt{ width: 48px; display: inline-block; vertical-align: middle; margin-right: 15px;}
.content9 .slidebar_a dl dd{ display: inline-block; vertical-align: middle;}
.content9 .slidebar_a dl dd p{ font: 14px/30px "microsoft yahei"; color: #F0F0F0;}
.content9 .slidebar_a dl dd h3{ font: 30px/30px "microsoft yahei"; color: #F0F0F0;}
.bdmap-btn{ width: 140px; height: 44px; background: url(../images/140-44.png) left top no-repeat; font: 14px/44px "microsoft yahei"; color: #F0F0F0; text-indent: 4.5em; margin-left: 60px; margin-top: 20px; cursor: pointer;}

.content9 .slidebar_b{ display: none;}

.content9 .slidebar_c{ width: 368px; height: 542px; float: right; background: url(../images/368542.png) left top no-repeat; margin-left: 40px; position: relative;}
.content9 .slidebar_c .title{ font: 24px/25px "microsoft yahei"; color: #F0F0F0; padding: 20px 0 20px 15px;}
.content9 .slidebar_c .title img{ margin-right: 8px; vertical-align: middle;}
.content9 .slidebar_c .pic{ width: 215px; position: absolute; bottom: 40px; left: 77px;}
.content9 .slidebar_c .pic img{ display: block; width: 100%;margin-bottom: 10px;}
.content9 .slidebar_c .pic p{ font: 16px/24px "microsoft yahei"; color: #333;}

}

@media only screen and (min-width: 640px) and (max-width: 959px) {
	.banner .menu{ left: 5px; top: 10px; margin-left: 0; width: auto; }
.banner .menu li a{ font: 16px/36px "microsoft yahei"; }


.content1{ width: 98%; margin: 30px auto;}
.content1 .lbox,.content1 .cbox2,.content1 .rbox{ width: 32%; height: 300px; float: left; margin-right: 2%; box-shadow: 0 0 1px rgba(0,0,0,0.3); transition: 0.6s all; -webkit-transition: 0.6s all;}
.content1 .rbox{ margin-right: 0;}
.content1 .lbox:hover,.content1 .cbox1:hover,.content1 .cbox2:hover,.content1 .rbox:hover{ transform: translateY(-20px); -webkit-transform: translateY(-20px); box-shadow: 0 0 9px rgba(0,0,0,0.3);}
.content1 .news .title{ overflow: hidden; margin: 18px 18px;}
.content1 .news .title h3{ float: left; font: 21px/26px "microsoft yahei"; color: #333;}
.content1 .news .title a{ float: right; font: 12px/26px "microsoft yahei"; color: #999;}
.content1 .news .list{ margin: 0 18px;}
.content1 .news .list li{ background: url(../images/10-10-1.png) left 6px no-repeat; padding-left: 15px; margin-top: 10px;}
.content1 .news .list li a{ font: 14px/18px "microsoft yahei"; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;	display: block;}
.content1 .news .list li p{ font: 12px/18px "microsoft yahei"; color: #999;}
.content1 .news .list li:hover{ background-image: url(../images/10-10.png);}
.content1 .news .list li:hover a,.content1 .news .list li:hover p{ color: #3B9BA4;}
.content1 .cbox1{ display: none;}
.content1 .cbox2 .title{ font: 21px/26px "microsoft yahei"; color: #333; margin: 18px 18px 0;}
.content1 .cbox2 .cont{ margin: 10px 18px 0;}
.content1 .cbox2 .cont img{ display: block; width: 100%;}

.content2{ width: 98%; margin: 0 auto;}
.content2 .title{ text-align: center;}
.content2 .title h3{ font: 26px/40px "microsoft yahei"; color: #fff; margin-bottom: 8px;}
.content2 .title p{ font: 16px/20px "microsoft yahei"; color: #fff; text-transform: uppercase;}
.content2 .list{ overflow: hidden; margin-top: 40px; }
.content2 .list li{ float: left; width: 25%; text-align: center; font-size: 0;}
.content2 .list li .pic{ width: 121px; height: 121px; background-size: ; border: 2px solid #fff; border-radius: 50%; margin-bottom: 20px; display: inline-block;}
.content2 .list li:hover .pic{ background-color:rgba(255,255,255,0.4) ;}
.content2 .list li h3{ font: 16px/26px "microsoft yahei"; color: #fff;}
.content2 .list li p{ font: 13px/21px "microsoft yahei"; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.content2 .list li .btnA{ text-align: center; margin-top: 10px;}
.content2 .list li .btnA a{ display: inline-block; width: 84px; height: 30px; border: 1px solid #fff; border-radius: 16px; text-align: center; font: 14px/30px "microsoft yahei"; color: #fff; margin: 0 8px 8px;}

.content3{ width: auto; margin: 60px auto;}
.content3 .title{text-align: center;}
.content3 .title h2{ font: bold 26px/32px "microsoft yahei"; color: #151515; margin-bottom: 8px;}
.content3 .title h4{ font: bold 16px/20px "microsoft yahei"; color: #151515; text-transform: uppercase;}
.content3 .list{ margin-top: 40px; font-size: 0; text-align: center;}
.content3 .list li{ display: inline-block; position: relative; overflow: hidden; border-radius: 50%; margin: 0 15px 30px;}
.content3 .list li img{ display: block; border: 20px solid #d1d1d1; border-radius: 50%;}
.content3 .list li .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(46,175,187,0.8); display: none;}
.content3 .list li .text h3{ font: 22px/48px "microsoft yahei"; color: #fff; margin-top: 32%;}
.content3 .list li .text p{ font: 18px/36px "microsoft yahei"; color: #fff;}
.content3 .list li:hover .text{ display: block;}

.content4{ width: 98%; margin: 0 auto;}
.content4 .title{ text-align: center;}
.content4 .title h3{ font: 26px/32px "microsoft yahei"; color: #fff; margin-bottom: 9px;}
.content4 .title p{ font: 16px/20px arial; color: #fff; text-transform: uppercase;}
.content4 .case{ margin-top: 40px;}
.content4 .case li{ float: left; width: 134px; height: 64px; margin:  5px 8px;}
.content4 .case li img{ display: block;}

.content5{ width: 98%; margin: 50px auto;}
.content5 .title{ text-align: center;}
.content5 .title h3{ font: bold 35px/40px "microsoft yahei"; color: #151515; margin-bottom: 9px;}
.content5 .title p{ font: bold 28px/32px arial; color: #151515; text-transform: uppercase;}
.content5 .product{ margin-top: 30px; text-align: center;}
.content5 .product li{ padding: 1%; width: 21%; background: #f9f9f9; box-shadow: 0 0 1px rgba(0,0,0,0.6); margin: 0 1% 12px; float: left;}
.content5 .product li img{ display: block; width: 100%;}
.content5 .product li p{ font: 14px/24px "microsoft yahei"; color: #666; margin-top: 7px;}
.content5 .product li:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.3);}

.content6{ width: 100%; font-size: 0;}
.content6 .slidebar_a{ float: none; width: 100%; height: auto; text-align: right; padding-bottom: 20px; background: #4BCDD9; }
.content6 .slidebar_b{ float: none; width: 100%; height: auto; text-align: center; }
.content6 .slidebar_a .laryou{ text-align: left; display: inline-block; width: 100%; margin-right: 0; padding-top: 20px;}
.content6 .slidebar_a .laryou h3{ font: 30px/50px "microsoft yahei"; color: #fff; text-align: center; padding-bottom: 2px;}
.content6 .slidebar_a .laryou  .swiper-container{ width: 60%; background: none; padding: 20px 0; height: auto;}
.content6 .slidebar_a .laryou  .swiper-container .swiper-slide img{ display: block; width: 100%;}
.content6 .slidebar_b .form{ display: inline-block; padding-top: 20px; padding-left: 20px; text-align: left; }
.content6 .slidebar_b .form h3{ font: 30px/50px "microsoft yahei"; color: #333; text-align: center; padding-bottom: 20px;}
.content6 .slidebar_b .form h3 img{ vertical-align: middle;}
.content6 .slidebar_b .form th,.content6 .slidebar_b .form td{ padding-bottom: 10px;}
.content6 .slidebar_b .form th{ font: 16px/27px "microsoft yahei"; color: #666; text-align: right; vertical-align: top;}
.content6 .slidebar_b .form td{ font: 12px/21px "microsoft yahei"; color: #666;}
.content6 .slidebar_b .form td input[type=radio]{ vertical-align: middle; }
.content6 .slidebar_b .form td label{ margin-right: 12px;}
.content6 .slidebar_b .form td .text{ width: 199px; height: 25px; border: 1px solid #ddd;}
.content6 .slidebar_b .form td textarea{ width: 286px; height: 113px; border: 1px solid #ddd;}
.content6 .slidebar_b .form td .btn{ width: 84px; height: 37px; border: none; font: 16px/37px "microsoft yahei"; color: #fff; border-radius: 8px; vertical-align: middle;}
.content6 .slidebar_b .form td .reset{ width: 82px; height: 35px; font: 16px/35px "microsoft yahei"; color: #333; vertical-align: middle; background: none; border-radius: 8px; margin-left: 20px;}

.bg3{ background: #f9f9f9; padding: 50px 0;}
.content7{ width: 98%; margin: 0 auto;}
.content7 .menu{ font-size: 0; margin-bottom: 28px;}
.content7 .menu li{ display: inline-block; padding: 0 10px; font: 16px/20px "microsoft yahei"; color: #999;}
.content7 .menu li.oli{ color: #666; padding: 0;  cursor: pointer;}
.content7 .menu li.cur{ color: #2C9E94;}
.content7 .case{ }
.content7 .case li{ float: left; margin:0 1% 10px; overflow: hidden; width: 23%; height: auto; border: none; box-shadow: 0 0 1px rgba(0,0,0,0.3); }
.content7 .case li img{ display: block; width: 100%;}
.content7 .case li:nth-child(6n){ margin-right: 1%;}

.content8{ width: 98%; margin: 40px auto;}
.content8 .newslist{ width: 100%; float: none; margin: 0 0 15px;}
.content8 .newslist .title{ font: bold 16px/21px "microsoft yahei"; color: #333;}
.content8 .newslist ul{ margin-top: 3px;}
.content8 .newslist ul li{ overflow: hidden;}
.content8 .newslist ul li a{ font: 12px/28px "microsoft yahei"; color: #666; float: left;  padding-left: 14px;}
.content8 .newslist ul li span{ float: right; font: 12px/28px "microsoft yahei"; color: #666;}
.content8 .newslist ul li:hover a,.content7 .newslist ul li:hover span{ color: #E51A2A;}

.bg1{ height: auto; background: url(../images/bg2.jpg) center top no-repeat;}
.content9{ width: 98%; margin: 0 auto; padding-top: 20px; padding-bottom: 15px;}
.content9 .slidebar_a{ width: 30%; float: left; margin-left: 2%;}
.content9 .slidebar_a .title{ font: 16px/24px "microsoft yahei"; color: #f0f0f0; border-bottom: 2px solid #F0F0F0; padding-bottom: 5px;}
.content9 .slidebar_a .title img{ display: inline-block; height: 18px; margin-right: 6px; vertical-align: middle;}
.content9 .slidebar_a dl{ font-size: 0; margin-top: 30px;}
.content9 .slidebar_a dl dt{ width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.content9 .slidebar_a dl dt img{ display: block; width: 100%;}
.content9 .slidebar_a dl dd{ display: inline-block; width: 80%; vertical-align: middle;}
.content9 .slidebar_a dl dd p{ font: 12px/19px "microsoft yahei"; color: #F0F0F0;}
.content9 .slidebar_a dl dd h3{ font: 14px/21px "microsoft yahei"; color: #F0F0F0;}
.bdmap-btn{display: none;}

.content9 .slidebar_b{ display: none;}

.content9 .slidebar_c{ width: 60%; height: auto; float: right; background: none; margin-left: 40px; position: relative;}
.content9 .slidebar_c .title{ font: 24px/25px "microsoft yahei"; color: #F0F0F0; padding: 20px 0 20px 15px;}
.content9 .slidebar_c .title img{ margin-right: 8px; vertical-align: middle;}
.content9 .slidebar_c .pic{ width: 90%; position: static; bottom: 40px; left: 77px;}
.content9 .slidebar_c .pic img{ display: block; width: 100%;margin-bottom: 10px;}
.content9 .slidebar_c .pic p{ font: 16px/24px "microsoft yahei"; color: #fff;}
}

@media only screen and (min-width: 320px) and (max-width: 639px) {
	.banner .menu{ display: none; }
.banner .menu li a{ font: 16px/36px "microsoft yahei"; }

.content1{ width: 98%; margin: 30px auto;}
.content1 .lbox,.content1 .cbox2,.content1 .rbox{ width: 100%; height: auto; float: none; margin-right: 2%; box-shadow: 0 0 1px rgba(0,0,0,0.3); transition: 0.6s all; -webkit-transition: 0.6s all; padding: 3px 0 20px; margin-bottom: 10px;}
.content1 .rbox{ margin-right: 0;}
.content1 .lbox:hover,.content1 .cbox1:hover,.content1 .cbox2:hover,.content1 .rbox:hover{ transform: translateY(-20px); -webkit-transform: translateY(-20px); box-shadow: 0 0 9px rgba(0,0,0,0.3);}
.content1 .news .title{ overflow: hidden; margin: 18px 18px;}
.content1 .news .title h3{ float: left; font: 16px/21px "microsoft yahei"; color: #333;}
.content1 .news .title a{ float: right; font: 12px/20px "microsoft yahei"; color: #999;}
.content1 .news .list{ margin: 0 18px;}
.content1 .news .list li{ background: url(../images/10-10-1.png) left 6px no-repeat; padding-left: 15px; margin-top: 10px;}
.content1 .news .list li a{ font: 14px/18px "microsoft yahei"; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;	display: block;}
.content1 .news .list li p{ font: 12px/18px "microsoft yahei"; color: #999;}
.content1 .news .list li:hover{ background-image: url(../images/10-10.png);}
.content1 .news .list li:hover a,.content1 .news .list li:hover p{ color: #3B9BA4;}
.content1 .cbox1{ display: none;}
.content1 .cbox2 .title{ font: 16px/21px "microsoft yahei"; color: #333; margin: 18px 18px 0;}
.content1 .cbox2 .cont{ margin: 10px 18px 0;}
.content1 .cbox2 .cont img{ display: block; width: 100%;}

.content2{ width: 98%; margin: 0 auto;}
.content2 .title{ text-align: center;}
.content2 .title h3{ font: 16px/21px "microsoft yahei"; color: #fff; margin-bottom: 3px;}
.content2 .title p{ font: 12px/20px "microsoft yahei"; color: #fff; text-transform: uppercase;}
.content2 .list{ overflow: hidden; margin-top: 40px; }
.content2 .list li{ float: left; width: 50%; margin-bottom: 20px; text-align: center; font-size: 0;}
.content2 .list li .pic{ width: 121px; height: 121px; background-size: ; border: 2px solid #fff; border-radius: 50%; margin-bottom: 20px; display: inline-block;}
.content2 .list li:hover .pic{ background-color:rgba(255,255,255,0.4) ;}
.content2 .list li h3{ font: 14px/20px "microsoft yahei"; color: #fff;}
.content2 .list li p{ font: 12px/21px "microsoft yahei"; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.content2 .list li .btnA{ text-align: center; margin-top: 10px;}
.content2 .list li .btnA a{ display: inline-block; width: 84px; height: 30px; border: 1px solid #fff; border-radius: 16px; text-align: center; font: 12px/30px "microsoft yahei"; color: #fff; margin: 0 8px 8px;}

.content3{ width: auto; margin: 30px auto;}
.content3 .title{text-align: center;}
.content3 .title h2{ font: bold 16px/21px "microsoft yahei"; color: #151515; margin-bottom: 8px;}
.content3 .title h4{ font: bold 14px/20px "microsoft yahei"; color: #151515; text-transform: uppercase;}
.content3 .list{ margin-top: 40px; font-size: 0; text-align: center;}
.content3 .list li{ display: inline-block; width: 44%; position: relative; overflow: hidden; border-radius: 50%; margin: 0 2% 10px;}
.content3 .list li img{ display: block; border:none; width: 100%; border-radius: 50%;}
.content3 .list li .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(46,175,187,0.8); display: none;}
.content3 .list li .text h3{ font: 22px/48px "microsoft yahei"; color: #fff; margin-top: 32%;}
.content3 .list li .text p{ font: 18px/36px "microsoft yahei"; color: #fff;}
.content3 .list li:hover .text{ display: block;}

.bg2{ display: none;}
.content4{ display: none;}


.content5{ width: 98%; margin: 50px auto;}
.content5 .title{ text-align: center;}
.content5 .title h3{ font: bold 20px/25px "microsoft yahei"; color: #151515; margin-bottom: 3px;}
.content5 .title p{ font: bold 14px/18px arial; color: #151515; text-transform: uppercase;}
.content5 .product{ margin-top: 30px; text-align: center;}
.content5 .product li{ padding: 1%; width: 46%; background: #f9f9f9; box-shadow: 0 0 1px rgba(0,0,0,0.6); margin: 0 1% 12px; float: left;}
.content5 .product li img{ display: block; width: 100%;}
.content5 .product li p{ font: 14px/24px "microsoft yahei"; color: #666; margin-top: 7px;}
.content5 .product li:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.3);}

.content6{ width: 100%; font-size: 0;}
.content6 .slidebar_a{ float: none; width: 100%; height: auto; padding: 20px 0; text-align: right; background: #4BCDD9;}
.content6 .slidebar_b{ float: none; width: 100%; height: auto; padding: 20px 0; text-align: center; }
.content6 .slidebar_a .laryou{ text-align: left; display: inline-block; width: 100%; margin-right: 0; padding-top: 0px;}
.content6 .slidebar_a .laryou h3{ font: 18px/26px "microsoft yahei"; color: #333; text-align: center; padding-bottom: 20px;}
.content6 .slidebar_a .laryou  .swiper-container{ width: 80%; background: none; padding: 0;}
.content6 .slidebar_a .laryou  .swiper-container .swiper-slide img{ display:  block; width: 100%;}
.content6 .slidebar_b .form{ display: inline-block; padding-top: 10px; padding-left: 20px; text-align: left; }
.content6 .slidebar_b .form h3{ font: 18px/32px "microsoft yahei"; color: #333; text-align: center; padding-bottom: 10px;}
.content6 .slidebar_b .form h3 img{ display: none;}
.content6 .slidebar_b .form th,.content6 .slidebar_b .form td{ padding-bottom: 10px;}
.content6 .slidebar_b .form th{ font: 12px/27px "microsoft yahei"; color: #666; text-align: right; vertical-align: top;}
.content6 .slidebar_b .form td{ font: 12px/21px "microsoft yahei"; color: #666;}
.content6 .slidebar_b .form td input[type=radio]{ vertical-align: middle; }
.content6 .slidebar_b .form td label{ margin-right: 12px;}
.content6 .slidebar_b .form td .text{ width: 100%; height: 25px; border: 1px solid #ddd;}
.content6 .slidebar_b .form td textarea{ width: 100%; height: 113px; border: 1px solid #ddd;}
.content6 .slidebar_b .form td .btn{ width: 84px; height: 32px; border: none; font: 16px/30px "microsoft yahei"; color: #fff; background: #E51A2A; border-radius: 8px; vertical-align: middle;}
.content6 .slidebar_b .form td .reset{ width: 82px; height: 30px; border: 1px solid #E51A2A; font: 16px/30px "microsoft yahei"; color: #333; vertical-align: middle; background: none; border-radius: 8px; margin-left: 20px;}

.bg3{ background: #f9f9f9; padding: 50px 0;}
.content7{ width: 98%; margin: 0 auto;}
.content7 .menu{ font-size: 0; margin-bottom: 28px;}
.content7 .menu li{ display: inline-block; padding: 0 10px; font: 16px/20px "microsoft yahei"; color: #999;}
.content7 .menu li.oli{ color: #666; padding: 0;  cursor: pointer;}
.content7 .menu li.cur{ color: #2C9E94;}
.content7 .case{ }
.content7 .case li{ float: left; margin:0 1% 10px; overflow: hidden; width: 48%; height: auto; border: none; box-shadow: 0 0 1px rgba(0,0,0,0.3); }
.content7 .case li img{ display: block; width: 100%;}
.content7 .case li:nth-child(6n){ margin-right: 1%;}

.content8{ width: 98%; margin: 40px auto;}
.content8 .newslist{ width: 100%; float: none; margin: 0 0 15px;}
.content8 .newslist .title{ font: bold 16px/21px "microsoft yahei"; color: #333;}
.content8 .newslist ul{ margin-top: 3px;}
.content8 .newslist ul li{ overflow: hidden;}
.content8 .newslist ul li a{ font: 12px/28px "microsoft yahei"; color: #666; float: left; background: url(../images/1010.png) left center no-repeat; padding-left: 14px;}
.content8 .newslist ul li span{ float: right; font: 12px/28px "microsoft yahei"; color: #666;}
.content8 .newslist ul li:hover a,.content7 .newslist ul li:hover span{ color: #E51A2A;}
.content8 .newslist ul li:hover a{ background: url(../images/10-10.png) left center no-repeat;}

.bg1{ height: auto; background: url(../images/bg2.jpg) center top no-repeat;}
.content9{ width: 98%; margin: 0 auto; padding-top: 20px; padding-bottom: 15px;}
.content9 .slidebar_a{ width: 100%; float: none; margin-left: 2%; padding-top: 30px !important;}
.content9 .slidebar_a .title{ font: 16px/24px "microsoft yahei"; color: #f0f0f0; border-bottom: 2px solid #F0F0F0; padding-bottom: 5px;}
.content9 .slidebar_a .title img{ display: inline-block; height: 18px; margin-right: 6px; vertical-align: middle;}
.content9 .slidebar_a dl{ font-size: 0; margin-top: 30px;}
.content9 .slidebar_a dl dt{ width: 24px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.content9 .slidebar_a dl dt img{ display: block; width: 100%;}
.content9 .slidebar_a dl dd{ display: inline-block; width: 80%; vertical-align: middle;}
.content9 .slidebar_a dl dd p{ font: 12px/19px "microsoft yahei"; color: #F0F0F0;}
.content9 .slidebar_a dl dd h3{ font: 14px/21px "microsoft yahei"; color: #F0F0F0;}
.bdmap-btn{display: none;}


.content9 .slidebar_b{ display: none;}

.content9 .slidebar_c{ width: 100%; height: auto; float: none; background: none; margin-left: 0px !important; position: relative;}
.content9 .slidebar_c .title{ font: 16px/25px "microsoft yahei"; color: #F0F0F0; padding: 20px 0 20px 0px;}
.content9 .slidebar_c .title img{ margin-right: 8px; height: 16px; vertical-align: middle;}
.content9 .slidebar_c .pic{ width: 90%; position: static; bottom: 40px; left: 77px;}
.content9 .slidebar_c .pic img{ display: block; width: 160px; height:160px; background: #000; margin-bottom: 10px;}
.content9 .slidebar_c .pic p{ font: 12px/19px "microsoft yahei"; color: #fff;}


}

.bdmap{width:100%;height:350px; position: fixed; left: 0; bottom: 0; transition: all .8s; -webkit-transition: all .8s; transform: translateY(350px); -webkit-transform: translateY(350px); }
.on{transform: translateY(0); -webkit-transform: translateY(0); }
.on .hidebdmap{ display: block !important;}
.bdmap .hidebdmap{ width: 30px; height: 30px; position: absolute; left: 0; top: -30px; background: rgba(0,0,0,0.3); font: 25px/30px "microsoft yahei"; color: #fff; text-align: center; cursor: pointer; display: none;}
#dituContent{width:100%;height:100%;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


















@media only screen and (min-width: 1200px) and (max-width: 1380px) {
	.content3{ width: auto; margin: 100px auto;}
.content3 .title{text-align: center;}
.content3 .title h2{ font: bold 48px/52px "microsoft yahei"; color: #151515; margin-bottom: 8px;}
.content3 .title h4{ font: bold 30px/36px "microsoft yahei"; color: #151515; text-transform: uppercase;}
.content3 .list{ margin-top: 70px; font-size: 0; text-align: center;}
.content3 .list li{ display: inline-block; width: ; position: relative; overflow: hidden; border-radius: 50%; margin: 0 15px 30px;}
.content3 .list li img{ display: block; border: 20px solid #d1d1d1; border-radius: 50%; width: 198px;}
.content3 .list li .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(46,175,187,0.8); display: none;}
.content3 .list li .text h3{ font: 22px/48px "microsoft yahei"; color: #fff; margin-top: 32%;}
.content3 .list li .text p{ font: 14px/36px "microsoft yahei"; color: #fff;}
.content3 .list li:hover .text{ display: block;}
}