body {font-size:14px; font-family:"Microsoft Yahei";}
a{ text-decoration:none;color:#000; }
a:hover{  text-decoration:none; color:#26704e;}
p { margin:0; padding:0;}
em { font-style:normal;}

.trans{
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}



.clear{ clear:both;}
.headbg-box{ background:rgba(255, 255, 255, 0.8); padding:20px 0; position:fixed; top:0; left:0; width:100%; z-index:1000;-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;}
.head{ width:1100px; margin:0 auto; position: relative;}
.head .tel{ position: absolute; color: #cc0000; display: inline-block; font-size: 18px; right: 20px; top: -10px;}
.head .left { float:left;}
.head .right { float:right; display:none; }
.head .left img{ height:70px;-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;}
.navbar-box { width:60%; float:right; font-size:14px; padding-top:20px;-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;}
.navbar-box .navs{height:35px; }
.navbar-box .navs li{ float:left; width:14.2857%;  position:relative;text-align:center; }
.navbar-box .navs li a{ display:inline-block;transition: all 0.5s;    line-height:35px; font-size:16px; padding:0 10px;  overflow:hidden;border-radius:10px;}
.navbar-box .navs li a:hover,.navbar-box .navs .on a{background:#26704e; color:#fff; border-radius:10px;}
.navbar-box .navs ul ul{border-radius:5px; width:auto;background:rgba(0, 0, 0, 0.6); z-index:1000; position:absolute; padding:10px;  display:none;}
.navbar-box .navs li li{ float:none; width:100%; min-width:135px; height:30px;position:static;white-space: nowrap;  }
.navbar-box .navs li li a{ color:#FF6203; display:block; line-height:30px;height:30px;}
.navbar-box .navs li li a:hover{ color:#fff; background:#26704e; height:auto; margin:0; line-height:30px;height:30px;}
.navbar-box .navs .on li a{background:none; color:#FF6203; }
.navbar-box .navs .bx-wrapper .bx-viewport { background:none;}

.headfix{background:#fff;padding:10px 0;webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); }
.headfix .head .left img{ height:60px;}
.headfix .navbar-box {padding-top:10px;}

.langlist1{ position:absolute; right:0; top:10px;}

.langlist { font-size:18px;color:#d1a9cc; width:150px; margin-top:20px; z-index:1000;}
.langlist img{ width:30px; margin-right:5px;}
.langlist a{ color:#d1a9cc;}
.langlist i{ }

.btnlist {
    float: right;
    display: none;
    margin-top: 5px;
}
.btnlist span {
    display: block;
    border-left: 1px solid #363636;
    color: #666;
    float: right;
    width: 50px;
    overflow: hidden;
    text-align: center;
}
.btnlist i {
    font-size: 22px;
    display: block;
}


.banner img{ width:100%;}

.index-center { margin:20px auto 0 auto; width:1100px;}
.banner{ height:630px;  overflow:hidden;z-index:-1; clear:both;}
.banner li{ height:630px; background-position:center; background-repeat:no-repeat;}
    .banner .bx-wrapper .bx-controls-direction a { margin-top:-30px;}
    .bxbanner .bx-wrapper{ margin:0; }
.bxbanner .bx-wrapper .bx-pager {padding: 3px 0 0 0 ;bottom:10px;z-index:100;}
.bxbanner .bx-wrapper .bx-pager div a{background: #fff; width:15px; height:15px;border-radius:50%;}
.bxbanner .bx-wrapper .bx-pager div a.active{ background:#26704e;}
.bxbanner .bx-wrapper .bx-viewport { background:none;}

.contact_message,.index_class,.index_dx .txt,.index_case,.index_flow,.index_about,.index_partner .box,.index_news,footlink,.finlink,.footlink,.foottxt{ width:1100px; margin:20px auto 0 auto;}
.contact_message{ height:300px; position:relative;}
.index_contact{ float:left;width:240px; background:rgba(17, 98, 61, 0.9); padding:30px 20px; color:#fff; z-index:10; position:absolute; top:-120px; left:0;}
.index_contact span{display:block;}
.index_contact .t1{ font-size:16px; font-weight:bold;}
.index_contact .t2{ font-size:20px; font-weight:bold;}
.index_contact .t3{ font-size:14px; font-weight:bold; display:inline-block; background:#fbcf00; padding:0 20px; line-height:30px; margin-top:20px; }
.index_contact .t4{ margin-top:125px;}
.index_contact .t6{ font-size:35px; font-family:Arial; font-weight:bold; margin-top:10px;}

.index_message{ float:right; background:#fbfbfb url(../images/ad1.jpg) no-repeat right bottom; width:70%; padding:20px 0 20px 30px; position:relative;}
.index_message .t{ font-size:20px; font-weight:bold;}
.index_message .t span{ color:#26704e;}
.index_message ul{ }
.index_message li{ margin-top:20px; font-size:14px; float:left; width:40%; position:relative;}
.index_message li .it{ display:inline-block; margin-right:10px; line-height:25px; }
.index_message li em{ margin:0 10px;}
.index_message li input,.index_message li select{ width:150px;}
.index_message .b{ margin-top:20px; padding-left:100px;}
.index_message .sbtn{ padding:0 40px; line-height:35px; color:#fff; background:#26704e;display:inline-block; cursor:pointer; font-weight:bold; font-size:18px;}
.index_message .txt{ margin-left:20px; display:inline-block; font-size:16px;}
.index_message .txt em{ font-size:24px; font-weight:bold; color:#fe7d45;}
.index_message li .city-picker-span{ display:inline-block;}

.index_messagef{ float:none; width:100%;box-sizing: border-box;  padding:20px 5px;}

.index_title{ margin-top:50px; text-align:center;}

.index_class{ }
.index_class li{ width:20%; padding:0 5px 0 0;box-sizing: border-box; float:left; margin-bottom: 10px;}
.index_class .box{ border:1px solid #e9e9e9;box-sizing: border-box;-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s; }
.index_class .img{ overflow:hidden; height:160px;}
.index_class img{ width:100%;height:160px;}
.index_class .info{ background:#fbfbfb; padding:15px; text-align:center;-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;}
.index_class .info span{ font-size:18px; font-weight:bold; line-height:40px; display:block;border-bottom:1px solid #828282;-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s; height: 40px; overflow: hidden;}
.index_class .info a{display:inline-block; border:1px solid #828282; margin-top:10px; line-height:30px; font-size:16px; text-align:center; color:#828282; padding:0 20px;-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;}

.index_dx{ background:#f6f6f6; padding-bottom:50px; margin-top:50px; overflow:hidden;}
.index_dx .t{ text-align:center; padding:30px 0 30px 0; border-bottom:1px solid #e6e6e6;}
.index_dx .img{background:url(../images/bg3.png) no-repeat right top; width:50%; float:left; height:453px; margin-top:20px;}
.index_dx .txt{ float:left;width:40%; padding-left:50px;}
.index_dx .txt span{ display:inline-block; line-height:30px; color:#fff;  text-align:center; background:#26704e; font-size:16px; margin:20px 0 10px 0; width:200px;}
.index_dx .txt p{ line-height:30px; font-size:14px; }


.index_case{  }
.index_case ul{ overflow:hidden;border-right:4px solid #26704e;border-bottom:4px solid #26704e;box-sizing: border-box; display:inline-block; width:1099px;}
.index_case li{ float:left; width:365px; background:#000; position:relative;overflow:hidden; border-left:4px solid #26704e;border-top:4px solid #26704e;box-sizing: border-box;}
.index_case  img{ width:100%; height:283px;-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s; }
.index_case .box{ position:absolute; width:100%; height:283px; padding:10px;box-sizing: border-box; color:#fff; text-align:center;background:rgba(0, 0, 0, 0.2); z-index:1000;-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;opacity: 0; }
.index_case .info{ border:1px solid #fff; height:161px; font-size:18px; padding-top:100px;}
.index_case .info span{ display:block;}
.index_case .info i{ font-size:24px; font-weight:bold;}
.index_case a:hover .box{ background:rgba(0, 0, 0, 0.2);opacity: 1;}
.index_case a:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); -ms-transform:scale(1.1);transform:scale(1.1); z-index:10;}

.index_flow{ margin-top:20px; overflow:hidden;}
.index_flow .f{ float:left; width:150px; display:block;border:3px solid #26704e;  height:150px; border-radius:50%;box-sizing: border-box; background:#26704e; color:#fff; margin:0 5%;transition: all 0.5s; }
.index_flow .f span{ display:block; width:80%; margin:auto; text-align:center; font-size:18px; margin-top:40px;}
.index_flow .img{ float:left; margin-top:70px; background:url(../images/icon1.jpg) no-repeat; width:14px; height:14px;}
.index_flow .f:hover{ background:#fff; border:3px solid #ccc; color:#26704e; }

.index_about{ margin-top:20px; overflow:hidden;}
.index_about .img{ float:left;}
.index_about .info{ background:#f8f8f8; margin-top:10px; padding:30px 30px 30px 30px;box-sizing: border-box;  width:50%; float:right; position:relative;}
.index_about .info span{ font-size:18px; font-weight:bold;}
.index_about .info p{ font-size:14px; line-height:30px; margin-top:10px;}
.index_about .more{ position:absolute;right:0; bottom:0; display:block; background:#26704e; line-height:35px; padding:0 30px; color:#fff;}

.index_partner{ background:url(../images/bg2.jpg) no-repeat center; height:409px; padding-top:40px; margin-top:40px;}
.index_partner .t{ text-align:center; }
.index_partner .box{ margin-top:0px;}
.index_partner .list{  margin-right:-5%; overflow:hidden; }
.index_partner .list a{ float:left; display:block; width:20%; margin-right:5%; background:#fff; margin-top:40px; text-align:center;box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 0px;}
.index_partner .list a img{ width:100%; height:84px;}

.index_news{ overflow:hidden;}
.index_news .list{ width:45%; float:left;}
.index_news .list2{ float:right;}
.index_news .tlink{  color:#828282; margin-bottom:10px; }
.index_news .tlink a{ color:#000; display:inline-block; margin:0 10px;font-weight:bold;font-size:16px; }
.index_news .tlink a:hover,.index_news .tlink .on{ color:#26704e;}
.index_news li{ line-height:40px; border-bottom:1px dashed #828282; background:url(../images/icon2.jpg) no-repeat 5px 16px; overflow:hidden; padding-left:20px;}
.index_news li a{ float:left; width:60%; display:block;}
.index_news li span{ float:right;display:block;}

.footlinkbox{ background:#404040; margin-top:50px;}
.footlink { line-height:50px; border-bottom:2px solid #535353; overflow:hidden;}
.footlink a{ display:block; float:left; width:14.2857%; text-align:center; color:#e0e0e0; font-size:14px;}
.foottxt{ margin-top:0; padding:20px 0; overflow:hidden;}
.foottxt .tel{font-size: 24px; color: #cc0000; display: inline-block; margin: 20px 0 0 20px;}
.foottxt .img{ float:left;}
.foottxt .txt{ float:left; width:35%; margin-left:50px; text-align:left; color:#e0e0e0;}
.foottxt .txt a{color:#e0e0e0;}
.foottxt .r{ width: 150px; text-align: right; border-left:1px dashed #585858; }
.finlinkbox{ background:#333; padding:10px 0; line-height:25px;}
.finlinkbox span{ color:#fff; font-size:16px;}
.finlinkbox a{ color:#9b9b9b; margin-left:10px;}
.finlink{ margin-top:0;}


.showbanner { width:100%; height:528px;  background-repeat:no-repeat; background-position:center;background-size: cover;}

.searchbox{ width:800px; margin:0 auto; padding-top:220px;}
.searchbox .t{ text-align:center;}
.search{ background:rgba(0, 0, 0, 0.6); border-radius:5px; padding:15px; overflow:hidden; margin-top:20px;}
.search .input{ width:80%;float:left;border-radius:5px 0 0 5px; height:50px; line-height:50px; font-size:20px; border:0; padding-left:20px;box-sizing: border-box;}
.search .sub{ background:#ff6600; color:#fff; font-size:20px; width:20%;float:left;;border-radius:0 5px 5px 0;border:0;height:50px;}

.location{ margin:120px auto 0 auto; width:1100px;  color:#fff; text-align:right;}
.location i{ margin-right:10px;}
.location a{ color:#fff;}



.main-page { margin-top:20px; text-align:center;}


.pagecontent { width:1100px; margin:0 auto; padding:20px 0;min-height:500px;  }
.pagecontent .r{ width:65%; }
.pagecontent .l{ width:30%; }


.pagetitle{ text-align:center;margin-top:20px;}
.pagetop{ text-align:center; margin-top:20px;}

.classlist{ width:100%; text-align:center; }
.classlist li{display:inline-block; margin-right:10px;}
.classlist li a{ display:inline-block; background:#fff; color:#000; font-size:16px;  width:130px;  line-height:35px; height:35px; overflow:hidden;}
.classlist a:hover,.classlist .on{background:#26704e; color:#fff;}

.classlistf{ position:fixed; top:80px; left:0; background:#fff; padding:10px 0;;z-index:100;webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); }


.contentclasslist{}
.contentclasslist ul{ overflow:hidden; margin-right:-5%;}
.contentclasslist li{ width:45%; float:left; margin-right:5%; margin-bottom:30px;}
.contentclasslist li .img{ float:left; border-radius:50%; width:100px; height:100px;}
.contentclasslist div{ float:left; margin-left:10px; color:#d1a9cc;}
.contentclasslist span{ font-size:20px; font-weight:bold;}
.contentclasslist p{ color:#d1a9cc;}

.pageleft{ float:left; width:25%; margin-top:20px;}
.newslist{background:#fff; }
.newslist  .t{ background:#26704e; color:#fff; padding:10px 0 10px 50px;}
.newslist  .t span{ font-size:20px; font-weight:bold; display:block;}
.newslist  .t em{ font-size:16px;}
.newslist ul{ padding:20px;}
.newslist ul li{ line-height:40px; font-size:16px;}

.leftsearch{ margin-top:20px;}
.leftsearch .input{ width:84%; float:left;}
.leftsearch .sub{ width:16%; border:0; background:#26704e; color:#fff; text-align:center; font-size:19px; display:block; float:left; cursor:pointer;}



.datainfolist { width:70%; float:right;}
.datainfolist li{text-align:left; position:relative; background:#fff; padding:20px; margin-top:20px;box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px 0px;}
.datainfolist a{ display:inline-block;}
.datainfolist .time{ width:60px; position:absolute; top:20px;left:20px;text-align:center;  }
.datainfolist .day{ display:block; background:#f7f7f7;box-shadow: #e9e9e9 3px 4px 0px 0px;transition: all 0.5s; color:#000; font-size:20px; line-height:40px; width:100%;}
.datainfolist li:hover .day{background:#26704e;color:#fff; }
.datainfolist .yy{ line-height:40px;}
.datainfolist .title{  display:block; font-size:18px; color:#000; }
.datainfolist .pcontent{ padding-left:100px; width:100%;box-sizing: border-box; min-height:90px; }
.datainfolist .txt{}

.tabledata tbody>tr:nth-child(odd)>th { background-color:#d1a9cc; color:#fff; font-size:14px; font-weight:normal;}

.datapicturelist {width:100%; padding:20px 0;}
.datapicturelist ul{ margin-right:-2%; text-align:center;}
.datapicturelist li{width:23%; margin:30px 2% 0  0;  display:inline-block;}
.datapicturelist a{ width:100%; padding:10px;box-sizing: border-box; display:inline-block;transition: all 0.5s;color:#0065b3; background:#fff; text-align:center; overflow:hidden;height:330px;box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px 0px; color:#000;}
.datapicturelist img { max-width:100%;display:inline-block; margin:auto; height:167px;}
.datapicturelist .img{}
.datapicturelist .info {  text-align:center; width:100%;}
.datapicturelist .info span{ font-size:18px; display:block; margin-top:20px;}
.datapicturelist a:hover{box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 20px 0px;transform: translate3d(0, -10px, 0); background:#26704e; color:#fff;}

.datacaselist{ margin-top:20px;}
.datacaselist li{ margin-top:30px;box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px 0px; background:#fff; padding:10px;box-sizing: border-box; position:relative; }
.datacaselist .imgbox{ position:absolute; top:10px; left:10px; width:240px; height:350px;}
.datacaselist .img{ position:relative; display:block;}
.datacaselist .img img{width:240px; height:235px;}
.datacaselist .img span{ position:absolute; bottom:0; left:0; width:100%; text-align:center; background:rgba(0, 0, 0, 0.3); color:#fff; line-height:35px; font-size:16px; height:35px;}
.datacaselist .ccontent{ padding-left:280px;box-sizing: border-box; width:100%;height:235px;}
.datacaselist .ccontent a{ font-size:18px; font-weight:bold; display:block;}
.datacaselist .ccontent p{ margin-top:10px; line-height:25px;font-size:16px;}
.datacaselist .ccontent span{ font-weight:bold;}
.datacaselist .more{ position:absolute; bottom:20px; right:20px; display:inline-block;width:100px; background:#fff; border:1px solid #26704e; color:#26704e; font-size:16px; line-height:35px; text-align:center;}
.datacaselist .more:hover{ background:#26704e; color:#fff;}

.aclasslist{background:#fff; border-radius:10px; overflow:hidden;width:85%; }
.aclasslist  .t{ background:#26704e; color:#fff; padding:10px 0 10px 50px;font-size:20px; font-weight:bold; }
.aclasslist ul{ padding:20px;}
.aclasslist ul li{ line-height:40px; font-size:16px;}
.aclasslist li i{ float:right;}
.aclasslist .on{ color:#26704e;}

.aboutbox{width:70%; float:right; background:#fff; border-radius:10px; margin-top:20px;}
.abouttitle{ line-height:100px; border-bottom:1px solid #e1e1e1; font-size:18px; padding-left:100px; background:url(../images/icon3.jpg) no-repeat 50px 40px;}
.abouttxt{ padding:20px; line-height:25px; min-height:400px;}

.leftqr{ margin-top:40px; width:85%;}
.leftqr img{ width:100%;}

.pageright{ width:70%; float:right;}
.contenttitle{ height:40px; background:#fff;margin-top:20px;}
.contenttitle span{ background:#26704e; color:#fff; text-align:center; width:100px; display:inline-block;line-height:40px; font-size:16px; }

.relation{ width:85%;}
.relation  .t{ background:#26704e; color:#fff; padding:10px 0 10px 30px;}
.relation  .t span{ font-size:20px; font-weight:bold; display:block;}
.relation  .t em{ font-size:16px;}
.relation li{ margin-top:10px; padding:10px; background:#fff;}
.relation img{ width:100%;}
.relation li span{ display:block; line-height:40px; font-size:16px; text-align:center;}

.caseinfo{ width:85%;background:#fff;}
.caseinfo  .t{ background:#26704e; color:#fff; padding:10px 0 10px 30px;}
.caseinfo  .t span{ font-size:20px; font-weight:bold; display:block;}
.caseinfo  .t em{ font-size:16px;}
.caseinfo ul{ padding:20px; min-height:420px;}
.caseinfo li{ margin-top:10px; padding:0 10px; font-size:14px;line-height:25px;}
.caseinfo .img{ font-size:20px; font-weight:bold; text-align:center; line-height:100px;}
.caseinfo li span{}
.casecontenttitle{ height:55px; background:#fff;margin-top:20px; width:100%; clear:both;}
.casecontenttitle span{ background:#26704e; color:#fff; text-align:center; width:150px; display:inline-block;line-height:55px; font-size:20px; }

.contentshowtitle{line-height:80px; border-bottom:1px solid #e1e1e1; font-size:18px; padding-left:50px; background:url(../images/icon3.jpg) no-repeat 0px 30px;}

.contentshow-box { width:100%;box-sizing: border-box;}
.showtitle { width:100%; font-size:20px; font-weight:bold; margin:10px 0;text-align:center;}
.showtime { background:#f7f7f7; line-height:30px; color:#666; text-align:center;}
.showpicture { width:600px; margin:0 auto; text-align:center; overflow:hidden;}
.showpicture img{}
.pshowcontent { width:100%; line-height:25px; padding:20px 0; float:right;}
.showcontent { width:100%; line-height:25px; padding:20px;}

.inputwidth1 { width:90%;}
.red {  color:#ff0000;}
.producthead{ overflow:hidden;margin-top:40px;}
.pcontentlist{ width:100%; margin-top:40px;}
.pcontentlist .plink{ border-bottom:1px solid #e0e0e0; height:32px; overflow:hidden; width:100%;}
.pcontentlist .plink a{ float:left; width:15%; font-size:16px; display:block; color:#000; line-height:32px; margin-right:2px;background:#e6e6e6; text-align:center;}
.pcontentlist .plink .on{color:#fff;  background:#945d99;}
.pcontentlist .pc{ padding:20px; line-height:25px; display:none;}
.ppicture .slider_product img{ margin:auto;width:100%;}
.ppicture {margin:10px auto;width:50%;}
.ppicture .bx-pager a{ float:left; overflow:hidden; height:60px; width:80px; text-align:center;}
.ppicture .bx-pager img{ width:80px;margin:auto;}
.ppicture .bx-wrapper{ margin-bottom:30px;}
.ppicture .bx-wrapper .bx-viewport{  -webkit-box-shadow:0 0 0px #ccc;box-shadow:0 0 0px #ccc;border:0;left:0;background:none;}
.ppicture .bx-wrapper .bx-viewport { background:none;}
.ppicture  .bx-pager {
    bottom: -95px;
    overflow:hidden;
  }
  
 .ppicture  .bx-pager a {
    border: solid #ccc 1px;
    display: block;
    margin: 5px 5px 0 5px;
    padding: 3px;

  }
 .ppicture .bx-wrapper .bx-controls-direction a { z-index:0;}
.ppicture .bx-pager a:hover,
 .ppicture  .bx-pager a.active {
    border: solid #000 1px;
  }
.ppicture .bx-wrapper .bx-controls-direction a { margin-top:-30px;}

.typeimgbox{ position:absolute; right:0; top:60px; width:230px; }
.typeimgbox img{width:230px;  display:none;}

.wapfoot{ display:none;}
.inms{ display:none;}

.waptap{ display:none; background:#26704e; width:100%; position:fixed; color:#fff; font-size:18px; text-align:left; height:50px; line-height:50px; bottom:0;left:0;}
.waptap a{ display:block; float:left; width:33.33333%; border-right:1px solid #fff;color:#fff;text-align:center;box-sizing: border-box;  }

.wxfloat{ width:300px; background:#fff; padding:10px;box-sizing: border-box; margin: auto;}
.wxfloat img{ width:100%;}
.wxfloat p{ font-size:24px; font-weight:bold; color:#cc0000;}


/* side */
.side{position:fixed;width:50px;height:275px;right:0;top:200px;z-index:100;}
.side ul li{width:50px;height:50px;float:left;position:relative;margin-bottom: 2px;}
.side ul li .sidebox{position:absolute;width:50px;height:50px;border-radius:5px 0 0 5px;top:0;right:0;transition:all 0.3s;background:#26704e;color:#fff;font:16px/50px "΢ÈíÑźÚ";overflow:hidden;}
.side ul li a:hover .sidebox{width: 205px;}
.side ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#0068B7;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#f08300;}
.side ul li img{float:right;}

.side2{
	position: fixed;
	width: 50px;
	right: 0px;
	z-index: 100;
	top: 302px;
	height: 80px;
}
.side2 ul li{
	width: 50px;
	height: 50px;font:16px/50px "΢ÈíÑźÚ";
	margin-top: 3px;
}
.side2 ul li a{
	display: block;
	background:#26704e;color:#fff;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	border-radius:5px 0 0 5px;
}
.side2 ul li a img{
	vertical-align: middle;
	display: inline-block;
}
.side2 ul li a:hover{
	background-color: #f08300;
}
.side2 ul li .weixin{
	position: absolute;
	left: -174px;
	bottom: 0;
	display: none;
}
.side2 ul li .weixin em{
	background: url(../images/arr3.png) no-repeat;
	width: 5px;
	height: 17px;
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: 3px;
}
.side2 ul li .weixin img{
	display: block;
}

@media ( max-width : 768px) {
    .waptap{ display:block;}
    .typeimgbox{ display:none;}
    .headbg-box{ padding:0;}
    .head{ width:100%;}
    .head .left{ width:50%;}
    .head .left img{ width:100%; height:auto;}
    .head .right{ display:block;width:50%:}
    .contact_message,.index_class,.index_dx .txt,.index_case,.index_flow,.index_about,.index_partner .box,.index_news,footlink,.finlink,.footlink,.foottxt{ width:100%; margin:20px auto 0 auto;}

   .bannerbg .bx-wrapper{ margin:0; z-index:10;}
   .bx-has-pager{ z-index:10;}
.bannerbg .bx-wrapper .bx-pager {padding: 3px 0 0 0 ;bottom:10px; z-index:1000;}
.bannerbg .bx-wrapper .bx-pager div a{background: #fff;}
.bannerbg .bx-wrapper .bx-pager div a.active{ background:#007ac5;}
.bannerbg .bx-wrapper .bx-viewport { background:none;}

.contact_message{ margin:0;height:auto;}
    .index_contact{ position:initial; width:100%;float:none;box-sizing: border-box;}
    .index_contact .t4{ margin-top:10px;}
     .index_message{ height:auto; float:none; width:100%;box-sizing: border-box; background:#f7f7f7;}
     .index_message li { float:none; width:100%; margin-top:10px;}
     .index_message li .it{ width:30%; margin:0; display:inline-block; overflow:hidden;}
     .index_message li select,.index_message li input{ width:60%;}
     .index_message li em{ margin:0 5px;}
      .index_message li .inm{ width:50%;}
      .inms{ display:inline-block;}
     .index_message .ml-20{ margin:0;}
     .index_message .b{ padding:0; text-align:center;}

     .index_title{ overflow:hidden; margin:20px -40%;}
     .index_title img{ width:100%;}

     .pagetitle{overflow:hidden; margin:20px -40%;}
      .pagetitle img{ width:100%;}
      
      .datacaselist .imgbox{width:130px; height:auto;}
      .datacaselist .img{ width:130px; height:auto;}
      .datacaselist .img img{ width:130px;  height:100px;}
      .datacaselist .ccontent .p1{ height:60px;}
       .datacaselist .ccontent .p2{ margin-top:15px; margin-left:-130px;}

       .caseinfo{ width:90%; margin:0 auto;}
       .caseinfo ul{ min-height:150px;}

       .newslist{ width:90%; margin:0 auto;}
       .leftsearch{ width:90%; margin:20px auto 0 auto; overflow:hidden;}

       .datapicturelist li{ width:48%;}

       .datainfolist{ width:100%;  float:none;}
       .datapicturelist a{ height:250px;}

       .relation{ width:90%; margin:0 auto;}

      .datacaselist .ccontent{ padding-left:140px;}
     .index_class{ overflow:hidden; padding-left:5px;box-sizing: border-box; }
     .index_class li{ width:50%; margin-bottom:10px;}

     .index_dx{background:#f6f6f6;}
     .index_dx .t{overflow:hidden; margin:20px 0;}
     .index_dx .t img{width:100%;}
     .index_dx .txt{ padding:0 10px;box-sizing: border-box; float:none;}
          .index_dx .img{ display:none;}
     .index_flowtitle{ width:100%; margin:0;}
     .index_flow{ text-align:center; }
     .index_flow .f{ display:inline-block;float:none;}
     .index_flow .img{ float:none; display:block;background:url(../images/icon4.jpg) no-repeat center; width:100%; margin:20px 0;}
     .index_case li{ width:50%;}
     .index_case  img{ height:160px;}

     .index_case ul{ width:100%;}

     .index_about .img{ float:none;}
     .index_about img{ width:100%;}
     .index_about .info{ float:none;width:100%;}

     .index_partner{}
      .index_partner .t{ overflow:hidden; margin:20px -50%;}
     .index_partner .t img{ width:100%;}
      .index_partner .list{ padding:0 10px;}
     .index_partner .list a{ width:45%; margin-top:20px;}

     .index_news .list{ width:100%; margin-bottom:20px; padding:0 10px;box-sizing: border-box;}
     .index_news li a{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
     .finlink{ margin:0; padding:0 10px;box-sizing: border-box;}
     .footlink a{ width:25%;}

     .index_partner{ height: auto;background:#26704e; padding-top:0; padding-bottom: 20px; }

    .btnlist { display:block; }

    .langlist { width:90px; }
    .top .left  img{ height:auto; margin-top:20px;}
.langlist img{ width:30px; margin-right:5px;}

    .navbar-box { width:100%;}
    .navbarsearch-box { border:0;}
  .navbar-box { position:absolute; display:none; left:0; top:40px; width:100%; z-index:10000; height:auto; border:0; background:#fff; float:none; padding:0;}
  .navbar-box .navs{ height:auto;}
	.navbar-box .navs li{ float:none;background:none; border-bottom:1px solid #000; border-left:0; margin:0;  width:100%;box-sizing: border-box; position:inherit; border-radius:0;}
	.navbar-box .navs li i{ float:right; margin-right:20px; display:block;}
.navbar-box .navs li a{ display:block; margin:auto; text-align:left;font-size:16px;height:40px; padding-left:20px; border-radius:0;  overflow:hidden; line-height:40px; color:#000;}
.navbar-box .navs .on{ color:#a660a3; background:#26704e; margin:0; height:40px; line-height:40px;}
.navbar-box .navs ul div{ width:100%; position:inherit; top:0;  padding:0 0 30px 0;}
.navbar-box .navs ul ul{width:100%; display:none;}
.navbar-box .navs li li{float:none; padding:0; width:100%; border-bottom:1px dashed #666;}
.navbar-box .navs li li a{padding-left:30px; display:inline-block; font-size:12px; height:auto; line-height:30px;}

    .banner li {    height: 180px;background-size: cover;}

.ppicture{ width:100%;float:none;}
.pshowcontent{ width:100%;float:none;}
.pcontentlist .plink a{width:40%;}

   .bannerbg{ width:100%;height:auto; margin:0; padding:0; background:#fff;}
    .banner{ width:100%; height:auto; }
    .banner li{ height:220px; width:100%;}

    .showbanner{ height:200px;width:100%; margin-bottom:100px;}
    .searchbox{ width:100%; padding-top:200px;}
    .searchbox .t{ display:none; width:100%;}

     .searchbox .search{ margin-top:0px; padding:10px;}
     .search .input{ height:35px;padding-left:10px; font-size:14px;}
     .search .sub{ height:35px;}
     .location{ width:100%; color:#000; margin:0; text-align:left; padding:10px;box-sizing: border-box; }
     .location a{ color:#000;}
     .pageleft,.pageright{ width:100%; float:none; margin:0;}

     .aclasslist,.leftqr{ width:90%; margin:0 auto;}

     .aboutbox{ width:100%; float:none;}

    .index-product { width:100%;}
   
    .contentclasslist{ padding:0 10px;}
    .contentclasslist li{ float:none; width:100%; display:block; height:100px;}



   .index-product { width:95%;}
   .index-product .slider_product_box{ width:70%; border:0;}
   .index-about-box {margin-top:20px; padding:20px 0 20px 0;}
.index-about {width:100%;}
.index-about .left{ float:none; width:100%;}
.index-about .right{float:none; width:100%;}
   .index-about .right img{ width:80%;}
    
   .foot-box {padding-top:20px;padding-bottom:20px; }
.foot{  display:none;}
.foottxt .img{float:none; width: 100%;}
.foottxt .txt{ float:none; width: 100%;margin-left:10px;}
.foottxt .r{float: none!important;width: 100%; text-align: left; padding:10px 0 0 10px; }
.wapfoot{ width:100%; display:block;}
.wapfoot  img{ width:100%;}


.pagecontent { width:100%; padding:0px 0;min-height:initial;}
.pagecontent .l{ width:100%;}
.pagecontent .r{ width:100%;}

.classlist li{ float:left;width:44%; margin:0 3% 10px 3%;}
.classlist ul { overflow:hidden;}
.classlist li li{ float:none;width:100%; margin:0;}
.classlistf{ top: 60px;}

.contentshow-box {padding:10px;}
.showtitle { font-size:18px;}
.showpicture { width:100%;}
.showpicture img{width:100%;}
.showcontent {padding:10px 0;}
.datapicturelist img { height:115px;}

}
@media ( max-width : 992px) and (min-width : 768px) {
   .top {padding-bottom:10px; width:100%; margin:0;}

    .navbar-box { width:100%;}
    .navbarsearch-box { border:0;}
   .bannerbg{ width:100%;}
    .banner{ width:100%;}

    .index-product { width:100%;}

    .index-center{ width:100%; margin:auto;}

   .index-product { width:100%;}
.foot { width:90%;}


    .showbanner { width:100%;}
    .pagecontent { width:100%;}
    .showpicture { width:100%;}
    .showpicture img{width:100%;}

        .footlink{ width:100%; padding:0 20px;box-sizing: border-box;}
.footsh{ width:100%;padding:0 20px 20px 20px;box-sizing: border-box;}

}