@CHARSET "UTF-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#000;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

.w1200 {width: 1200px; margin: 0 auto;}
.w1920 {position: relative;   width: 1920px;left: 50%;margin-left: -960px; }
.fl{float: left;}
.fr{float: right;}


h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


@font-face {
    font-family: 'constan2';
    src:url('../fonts/Microsoft JhengHei UI/msjhl_0.ttc') format('truetype');
}
.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

            .demo-message-wrap input::-webkit-input-placeholder,
            .demo-message-wrap textarea::-webkit-input-placeholder {
                /* WebKit browsers */
                  color: #fff;
            }

            .demo-message-wrap input:-moz-placeholder,
            textarea:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                  color: #fff;
            }

            .demo-message-wrap input::-moz-placeholder,
            textarea::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                   color: #fff;
            }

            .demo-message-wrap input:-ms-input-placeholder,
            textarea:-ms-input-placeholder {
                /* Internet Explorer 10+ */
                  color: #fff;
            }

            .demo-message-wrap input[type='text']::-webkit-input-placeholder{
                color: #fff;
            }



.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}







.sky{width:1920px;position:relative;left:50%;margin-left:-960px;height:35px;background:#dddddd;}
.sky_con{width:1200px;margin:0 auto;}
.huan{float:left;color:#666666;font:400 12px/35px "Microsoft Yahei";}
.huan a{line-height:35px;color:#666666;font-size:12px;padding-right: 5px;}
.k1x{float:right;line-height:35px;color:#666666;font-size:12px;}
.k1x a{color:#666666;font-size:12px;}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}



.tou_con{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5}
.tou{width:1200px;margin:0 auto;height:120px;overflow:hidden}
.logo{float:left;line-height:120px;margin-top: 2%}
.telx{float:right;margin-top:30px;}


#formsearch{float:left;margin-top:40px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.hotSearch a{margin-right:6px;}
#formsearch input{background:#fff;border:1px solid #c8c8c8;float:left;width:260px;outline: none;}
#formsearch input#keyword{height:35px;line-height:35px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:44px;height:35px;line-height:35px;text-align:center;background:url(../images/so.png) no-repeat center;color:#fff;border:none;cursor:pointer;}

#menu{
      width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
    background: #03479c;
}
.ct1{color:#03479c;font-size:42px;text-align:center;}
.ct1 span{display:block;text-transform:uppercase;font-size:18px;font-weight:normal;color:#888888;font-family:"Arial";line-height: 30px;}


.container {
    max-width: 1200px;
    margin: 0 auto;
}


@media (max-width: 1200px) { 
    .container {
    padding: 0 2%;
}
    
}

  
  .bod {
    border-top: 1px solid #e7e7e7;
    margin-top: 3%;
    margin-bottom: 3%;
  }



  .tt1 h2{
    line-height: 34px;
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #009596;
    padding-left: 10px;
    border-left: 4px solid #009596;
}
  .tt1 span{
    display: block;
    font-size: 14px;
    color: #bbbbbb;
    line-height: 14px;
    margin-top: 9px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #009596;
}
.gd1 {
    line-height: 57px;
    background: url(//cdn.myxypt.com/d722ac36/21/09/f81a0e9a31253f27121f1115533cf12d4793d156.png) no-repeat right;
    padding-right: 17px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
}





.box3gd{
    text-align: center;
    margin-top: 2%;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
}
.box3gd:hover{

    color: #e4b600;
}


.box3gd img{
    margin-left: 5px;
}


.x-link {font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 24px;letter-spacing: 0px;color: #73bec1;padding: 10px 0;}
.x-link a{
    color: #73bec1;
}










.bbtb{
    height: 38px;
    background: rgba(30, 160, 161, 0.93);
}
.bbtb h2{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 1px;
    color: #ffffff;
    opacity: 0.6;
    float: left;
}
.bbtb h3{
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 1px;
    color: #ffffff;
    opacity: 0.6;
    float: right;
}
.bbtb h3 a{
    color: #ffffff;
}

.x-header {
  background: #ffffff;
  height: 160px;
}

.x-logo {
  float: left;
  width: 27.3125%;
  line-height: 122px;
}

.x-logo a {
  display: block;
}

.x-header-right {
  float: right;
  width: 14.7%;
  text-align: right;
}

.x-header-right #formsearch,
.x-header-right .x-login {
  display: inline-block;
  vertical-align: middle;
}

.x-header-right #formsearch {
  width: 98%;
  position: relative;
  border-radius: 30px;
  background-color: #e6f4f4;
  margin: 26px auto 8px;
}



.x-header-right #formsearch #s_btn {
  float: left;
  outline: none;
  border: none;
  width: 31px;
  height: 31px;
  font-size: 0;
  background-image: url(//cdn.myxypt.com/d722ac36/22/03/7ed97e190780fa0ecc614d6a5d79ba7327c7c4a6.png);
  background-color: transparent;
  background-repeat: no-repeat;
  margin-top: 1px;
}

.x-header-right #formsearch #keyword {
  float: left;
  background: none;
  outline: none;
  border: none;
  width: calc(100% - 37px);
  color:#d5d5d5;
  padding-left: 12px;
  line-height: 29px;
  -webkit-text-fill-color: #888;
}

.x-header-right #formsearch ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #d5d5d5;
}
.x-header-right #formsearch ::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #d5d5d5;
}
.x-header-right #formsearch ::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #d5d5d5;
}
.x-header-right #formsearch ::-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #d5d5d5;
}

.x-header-right .x-login {
  font-size: 14px;
  color: #000000;
  line-height: 1.6;
  line-height: 30px;
}

.x-header-right .x-login .username {
  max-width: 75px;
  vertical-align: -10px;
  display: inline-block;
}

.x-header-right .x-login a {
  color: #000;
}

.x-header-right .x-login a:hover {
  color: #ab001a;
}

.tbdh{
    font-family: Arial-BoldMT;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #009596;
}
.tbdh img{
    margin-top: -2px;
    float: left;
}





.bb1x{
    padding-top: 3.2vw;
}

.bbbt1{
    text-align: center;
}
.bbbt1 .bt{
    text-align: center;
    position: relative;
}
.bbbt1 .bt .img1{
    width: 36.6%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 44px;
}
.bbbt1 .bt .img2{
    width: 36.6%;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 44px;
}
.bbbt1 .bt .img1 img{
    width: 100%;
}
.bbbt1 .bt .img2 img{
    width: 100%;
}
.bbbt1 .bt h2{
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #009596;
}
.bbbt1 h3{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #888888;
    margin-top: 15px;
}

.bb1nr{
    margin-top: 33px;
}
.bb1hd{
    text-align: center;
}
.bb1hd li{
    width: 11.3%;
    height: 40px;
    background-color: #eeeeee;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5%;
}
.bb1hd .on{background-color: #009596;}
.bb1hd .on a{color: #fff;}
.bb1hd li a{
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #4f4f4f;
    line-height: 40px;
}

.bb1bd{
    margin-top: 39px;
}
.bb1bd .tt{}
.bb1bd .tt .ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bb1bd .tt li{
    width: 23.78%;
    position: relative;
}
.bb1bd .tt li h6{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 60px;
    letter-spacing: 1px;
    color: #787878;
    text-align: center;
    margin: 0;
}
.bb1bd .tt li .img{
    position: relative;
}
.bb1bd .tt li .img img{
    width: 100%;
}
.bb1bd .tt li .bb1wz{
    position: absolute;
    top: 4%;
    left: 4%;
    width: 92%;
    height: 92%;
    background: rgba(255, 255, 255, 0.85);
    margin: 0 auto;
    text-align: center;
    padding: 0 10%;
    opacity: 0;
}
.bb1bd .tt li:hover .bb1wz{opacity: 1;}
.bb1bd .tt li .bb1wz h2{
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 58px;
    letter-spacing: 1px;
    color: #353535;
    margin-top: 32%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bb1bd .tt li .bb1wz h3{
    height: 1px;
    background-color: #cdcccb;
}
.bb1bd .tt li .bb1wz h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 21px;
    letter-spacing: 0px;
    color: #5f5f5f;
    margin-top: 13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bb1bd .tt li .bb1wz h5{
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 23px;
    letter-spacing: 0px;
    color: #009596;
    width: 63px;
    margin: 0 auto;
    border-bottom: 1px solid #009596;
    border-top: 1px solid #009596;
    margin-top: 20px;
}




.bb2x{
    background-color: #f1f9fa;
    padding-top: 4.5vw;
    padding-bottom: 6vw;
    margin-top: 2.4vw;
}
.bb2nr{}
.bb2nrz{
    width: 44.66%;
    float: left;
}
.bb2zwz{}
.bb2zwz h2{
    font-family: Impact;
    font-size: 68px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 57px;
    letter-spacing: 0px;
    color: #009596;
    margin-top: 15px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(86deg, 
		#009596 0%, 
		#48d9da 53%, 
		#009596 100%), 
	linear-gradient(
		#7d6443, 
		#7d6443);
}
.bb2zwz h3{
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 39px;
    letter-spacing: 0px;
    color: #009596;
    margin-top: 18px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(86deg, #009596 0%, #48d9da 53%, #009596 100%), linear-gradient( #7d6443, #7d6443);
}
.bb2zwz h4{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 30px;
}
.bb2zwz h5{width: 83.4%;margin-top: 2.4vw;}
.bb2zwz h5 img{
    width: 100%;
}
.bb2zwz h6{
    font-family: ArialMT;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #009596;
    margin-top: 28px;
}



.bb2zsz{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 97%;
    margin-top: 41px;
}
.bb2zsz li{
    float: left;
    text-align: center;
}
.bb2zsz li h2{
    font-family: Impact;
    font-size: 49px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 41px;
    letter-spacing: 0px;
    color: #1a1a1a;
}
.bb2zsz li h2 s1{}
.bb2zsz li h3{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #666666;
    margin-top: 14px;
}


.bb2nry{
    width: 49.39%;
    float: right;
    overflow: hidden;
}
.bb2nry img{
    width: 100%;
     transition: all ease-in-out 0.5s;
}
.bb2nry img:hover{
  transform: scale(1.1);     transition: all ease-in-out 0.5s;
}





.bb3x{
    padding-top: 3.5vw;
    padding-bottom: 4.6vw;
}

.bb3nr{margin-top: 2.3vw;}
.bb3nr .ul ul{
      border: none;
    outline: none;
}

.bb3nr .ul ul li{
    border: 1px solid #d7d7d7;
}

.bb3nr .ul ul li:hover{
    border: 1px solid #009596;
}
.bb3nr .ul ul li .img{
    overflow: hidden;
}
.bb3nr .ul ul li .img img{
    width: 100%;
    transition: all ease-in-out 0.5s;
}
.bb3nr .ul ul li:hover .img img{
    width: 100%;
    transform: scale(1.1);     transition: all ease-in-out 0.5s;
}








.bb4x{
    padding-top: 3.4vw;
    background-color: #f0f9fa;
    padding-bottom: 2.6vw;
}

.bb4nr1{
    overflow: hidden;
    margin-top: 2.6vw;
}
.bb4nr1 li{
    border: solid 1px #e6e6e6;
}
.bb4nr1 li .img{
    overflow: hidden;
}
.bb4nr1 li .img img{
    width: 100%;
    transition: all ease-in-out 0.5s;
}
.bb4nr1 li:hover .img img{
    transform: scale(1.1);     transition: all ease-in-out 0.5s;
}

.bb4nr2{
    margin-top: 36px;
    text-align: center;
}
.bb4nr2 h2{
    font-size: 21px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 19px;
    letter-spacing: 0px;
    color: #656565;
}
.bb4nr2 h3{
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #474747;
    margin-top: 12px;
}

.bb4nr2 h4{
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #009596;
    margin-top: 25px;
}
.bb4nr2 h4 img{}
.bb4nr2 h4 .s1{}





.bb5x{
    padding-top: 2.8vw;
    padding-bottom: 3.3vw;
}
.bb5nr1{
    margin-top: 2vw;
}
.bb5nr1 li{}
.bb5nr1 li .img{
    width: 42.2%;
    float: left;
}
.bb5nr1 li .img img{
    width: 100%;
}
.bb5nr1 li .bb5wz{
    width: 53%;
    float: right;
}
.bb5nr1 li .bb5wz h2{
    font-family: MicrosoftYaHei;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #434343;
    margin-top: 14px;
}
.bb5nr1 li .bb5wz h3{
    width: 22px;
    height: 3px;
    background-color: #079b9c;
    margin-top: 23px;
    margin-bottom: 20px;
}
.bb5nr1 li .bb5wz h4{
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: 0px;
    color: #181818;
}
.bb5nr1 li .bb5wz h5{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #535353;
    margin-top: 17px;
}
.bb5nr1 li .bb5wz h6{
    margin-top: 22px;
}
.bb5nr1 li .bb5wz h6 img{}

.bb5nr2{overflow: hidden;margin-top: 44px;padding-bottom: 20px;}
.bb5nr2 li{
    position: relative;
}
.bb5nr2 li .img{
    overflow: hidden;
}
.bb5nr2 li .img img{
    width: 100%;
    border-radius: 12px;
     transition: all ease-in-out 0.5s;
}
.bb5nr2 li:hover .img img{transform: scale(1.1);     transition: all ease-in-out 0.5s;}

.bb5nr2 li .bb5wz{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    box-shadow: 0px 3px 4px 0px    rgba(32, 32, 32, 0.1);
    border-radius: 10px;
    padding: 5% 7%;
}
.bb5nr2 li:hover .bb5wz{
  background: rgba(13, 160, 161, 0.6);
  overflow: unset;
  top: 20px;
  left: 20px;
}

.bb5nr2 li:hover .bb5wz h2{color: #fff;}
.bb5nr2 li:hover .bb5wz h3{background-color: #fff;}
.bb5nr2 li:hover .bb5wz h4{color: #fff;}
.bb5nr2 li:hover .bb5wz h5{color: #fff;}

.bb5nr2 li .bb5wz h2{
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 17px;
    letter-spacing: 0px;
    color: #535353;
}
.bb5nr2 li .bb5wz h3{
    width: 13px;
    height: 2px;
    background-color: #089c9d;
    margin-top: 2%;
}
.bb5nr2 li .bb5wz h4{
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: 0px;
    color: #2a2a2a;
    margin-top: 4%;
}
.bb5nr2 li .bb5wz h5{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: 0px;
    color: #2a2a2a;
    margin-top: 2%;
}





.bbdb{
    background-color: #05999a;
    padding-top: 2.6vw;
}
.bbd{}
.bbdnr1{}
.bbdnr1 h2{
    font-size: 36px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #fefefe;
}
.bbdnr1 h2 s1{
  	font-family: Impact;
  	font-size: 26px;
  	font-weight: normal;
  	font-stretch: normal;
  	letter-spacing: 0px;
  	color: #fefefe;
  	opacity: 0.4;
  	position: absolute;
  	margin-top: 10px;
  	margin-left: 10px;
}


.bbdnr2{
    margin-top: 11px;
    padding-bottom: 40px;
}

.bbdlx1{
    padding-left: 57px;
    float: left;
    margin-top: 44px;
    width: 22%;
    background: url(//cdn.myxypt.com/d722ac36/22/03/282e50379a8f437ef535b00bc102ca7392108588.png) no-repeat left 0;
}
.bbdlx1 h2{
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #fefefe;
    opacity: 0.73;
    padding-top: 4%;
}
.bbdlx1 h3{
    font-family: Impact;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: 1px;
    color: #fefefe;
    margin-top: 16px;
}

.bbdlx2{
    float: left;
    margin-top: 44px;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 34px;
    letter-spacing: 0px;
    color: #fefefe;
    opacity: 0.78;
    width: 40%;
}

.bbdlx3s{
    float: right;
    width: 31%;
    border-left: 1px solid rgba(228, 228, 228, 0.4);
    padding-left: 4.6vw;
}
.bbdlx3s h2{}
.bbdlx3s h2 img{
    float: left;
    max-width: 100%;
}
.bbdlx3s h3{font-size: 20px;font-weight: normal;font-stretch: normal;line-height: 28px;letter-spacing: 0px;color: #fefefe;float: left;margin-left: 4%;padding-top:9%;}
.bbdlx3s h3 p:nth-child(2){
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: 0px;
    color: #fefefe;
    opacity: 0.58;
    margin-top: 10px;
}




/*手机底部*/
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #05999a;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #da251c;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;color:#fff;
}


.footer li .icon-home{ background: url(//cdn.myxypt.com/d722ac36/22/03/701c1cd0f2c259c277bd0b6ecda078df47bd3097.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(//cdn.myxypt.com/d722ac36/22/03/d696542745a298a6fa47390fca8e44a28fee4f76.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(//cdn.myxypt.com/d722ac36/22/03/760cc6b050cebee057d69ad3552dd9d9dff86c8a.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(//cdn.myxypt.com/d722ac36/22/03/88ecaad533b7da733054f89b535fe71997254dc8.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}
.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border-right:none;}



@media (max-width: 1500px) { 
.x-header-right{
    width: 15.7%;
}
.tbdh{
    font-size: 20px;
}
}
@media (max-width: 1300px) { 
.bbbt1 .bt h2{
    font-size: 32px;
}
.bbbt1 .bt .img1{
    line-height: 36px;
}
.bbbt1 .bt .img2{
    line-height: 36px;
}

}

@media (max-width: 1200px) {
.tbdh{
    font-size: 15px;
}
.bb1hd li{
    width: 14.3%;
}
.bb2zsz li{
    width: 25%;
}
.bb2zsz li h2{
    font-size: 42px;
}
.bb2zsz li h3{
    font-size: 14px;
}
.bb2zsz{
    width: 100%;
}

.bbdlx1{
    padding-left: 47px;
    width: 25%;
}



}


@media (max-width: 992px) { 
    .bbbt1 .bt .img1{display: none;}
    .bbbt1 .bt .img2{
    display: none;
}
    .bbbt1 .bt h2{
    font-size: 26px;
}
   .bb1hd li{
    width: 31.3%;
    margin-bottom: 2%;
}
.bb1hd li a{
    font-size: 16px;
}
.bb1bd .tt li{
    width: 49%;
}
.bb1bd .tt li .bb1wz{
    display: none;
}
.bb1bd{
    margin-top: 15px;
}
.bb1bd .tt li h6{
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bb2nrz{
    width: 100%;
}
.bb2zwz h2{
    font-size: 35px;
    margin-top: 6px;
}
.bb2zwz h3{font-size: 26px;margin-top: 4px;}
.bb2zsz{
    width: 100%;
    margin-top: 15px;
}
.bb2zsz li{
    width: 50%;
    margin-bottom: 6%;
}
.bb2nry{
    width: 100%;
}   

.bbbt1 h3{
    line-height: 23px;
}
.bb5nr1 li .img{
    width: 100%;
}

.bb5nr1 li .bb5wz{width: 100%;}
.bb5nr2 li .bb5wz{
    padding: 3% 6%;
}
.bb5nr2 li .bb5wz h4{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 25px;
}
.bb5nr2 li .bb5wz h5{
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bbdlx1{
    width: 100%;
    margin-top:5px;
    background: url(//cdn.myxypt.com/d722ac36/22/03/282e50379a8f437ef535b00bc102ca7392108588.png) no-repeat left 92%;
}
.bbdlx3s{width: 100%;margin-top: 7%;}
.bbdlx2{width: 100%;margin-top:15px;}
.bbdnr1 h2{
    font-size: 24px;
}
.bbdnr1 h2 s1{
    font-size: 18px;
}
.bb4nr2 h2{
    font-size: 18px;
}
.bb4nr2 h3{
    font-size: 18px;
}
.bb4nr2 h4{
    font-size: 26px;
}
.bb4nr2 h4 img{
    max-width: 35%;
}
.bb4nr1{
    margin-top: 6.6vw;
}
.bb3nr{margin-top: 6.6vw;} 
}
.bb5nr1 li .bb5wz h6 img{max-width: 35%;}




















.chan{text-align:center;padding-top:30px;position:relative;margin-bottom:40px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:55%;}
.l_btn{left:-50px;}
.r_btn{right:-50px;}

.twt{float: left;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 273px;height:150px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.huise{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5;padding-bottom:50px;padding-top:70px;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}


.anls{width:1200px;margin:0 auto;padding-top:40px;border-top:1px solid #e5e5e5}