html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a,a:link,a:visited,a:hover,a:active{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff;color:#333;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative; text-align: center; }
.hidden{display:none;}
input{outline:none;}
img{vertical-align:middle;}
/********General**********/
.page{margin-bottom: 2.8%; }


/*公共部分*/


.clearfix::after {
    content: '';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

a {
    text-decoration: none;
}
.flex-style-1 {
    display: flex;
}
.flex-style-2 {
    display: flex;
    align-items: center;
    padding: 0;
}
.flex-style-3 {
    display: flex;
    justify-content: space-between;
}
.flex-style-4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*头部*/
.header {
    width: 100%;
    /*height: 780px;
    background: #8e8e8e;*/
    position: relative;
}
.top-are{
    width:100%;
     position: relative;
}
.menu0 .m_li{line-height: 60px; color: #fff; font-size: 18px;}
.head{width:100%;height:auto; position:absolute; top:0;z-index:9999;}
.menu0{display:none;}
.logo{font-size:28px;position:absolute;left:15px; white-space: nowrap; top:0; height:100%; z-index:99999; display: flex; align-items: center; justify-content: space-between; }
.logo img{vertical-align:middle;max-height:40px;}
.logo-r-dis{border-left: solid 1px #dddddd; float: right; height: 100%;/* width: 280px;*/ display: flex; align-items: center; justify-content: space-between; }
.logo-r-dis-hx{width: 1px;
    height: 40px;
    background: #ddd;
    top: -18px;
    position: absolute;}
.logo-r-dis-nr{margin-left: 7%; float: left; }
.logo-r-dis-nr p{ color: #ec3a24;
    font-size: 20px; font-weight: bold;}
.logo-dis{ font-size:16px!important; color: #333333!important; font-weight: inherit!important;}




.tel{position:absolute;right:120px;top:28px;z-index:99999;}
.tel img{margin-right:8px;vertical-align:-2px;}
.tel span{color:#007cc6;font-size:18px;display:none}
.anniu{position:absolute;right:65px;top:24px;z-index:99999;}
.search{float:left;margin-right:2px;}
.search img{width:26px;height:26px;cursor:pointer;}
.anniu a{display:block;width:26px;height:26px;background:#007cc6;color:#fff;text-align:center;line-height:26px;font-size:12px;text-transform:uppercase;float:left;text-decoration:none;}
.sousuo{width:100%;height:60px;background:#fff;display:none;position:absolute;z-index:9999;left:0;}
.sousuo form{float:right;margin:14px 15px 0 0;}
.search-text{width: 100%; height: 100%; padding:0 12px;font-size:14px;color:#999;background:none;border:none; float:left; background: #ffffff; }
.phone .right p{font-size: 28px; line-height: 24px; color: #ec3a24; font-weight: bold;}
/*ban*/
.slider-focus{position: relative; top: 0;width:100%;overflow:hidden;}
.slider-focus .hd{position:absolute;width:100%;height:22px;left:0;bottom:2%;z-index:1;line-height:28px;text-align:center;}
.slider-focus .hd li{display:inline-block;vertical-align:middle;width:13px;height:13px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;border:1px solid #fff;cursor:pointer;}
.slider-focus .hd li.on{background:#fff;}
.slider-focus .bd{position:relative;z-index:0;}
.slider-focus .bd li{position:relative;text-align:center;}
.slider-focus .bd li img{vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slider-focus .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}/* 去掉链接触摸高亮 */
.slider-focus .bd li .tit{display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:22px;text-align:left;}

.bann-nr{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

    
    clear: both;
    width: 100%;
    background: url(../Image/bannerny.jpg);
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 580px;
    color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 400px;

}
.bann-nr2{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

    
    clear: both;
    width: 100%;
    background: url(../Image/news_banner.jpg);
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 580px;
    color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 400px;

}
.bann-nr3{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

    
    clear: both;
    width: 100%;
    background: url(../Image/anlibanner.jpg);
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 580px;
    color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 400px;

}
.bann-nr4{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

    
    clear: both;
    width: 100%;
    background: url(../Image/tx_banner.jpg);
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 580px;
    color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 400px;

}
.bann-nr5{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

    
    clear: both;
    width: 100%;
    background: url(../Image/lxbanner.jpg);
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 580px;
    color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 400px;

}
.bann-nr6{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

    
    clear: both;
    width: 100%;
    background: url(../Image/lxbanner.jpg);
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 580px;
    color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 400px;

}
.bann-nr7{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

    
    clear: both;
    width: 100%;
    background: url(../Image/probanner.jpg);
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 580px;
    color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 400px;

}
.ind-pro-anniu{
    
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 14px; 
    margin: 0 15px;
    margin-bottom: 7%; }
.bann-nr-pic{ width: 60%; margin: 0 auto; }
.bann-nr-pic img{margin:0 auto; text-align: center; }
.bann-nr-ss{width: 100%; text-align: center; position: relative; }
.bann-ss{width: 56%; margin: 0 auto; }
.bann-sskeys{width:56%; margin:0 auto; text-align: left; font-size: 14px; color: #ffffff; margin-top: 4%; }
.bann-sskuang-sj{width: 17px; height: 11px; background: url(../Image/sj.png)center no-repeat; margin-left: 18px; }
.footer-seach{width: 100%; height: 46px; }
.footer-link{font-size: 14px; color: #aaaaaa; padding:7% 0; }
.footer .right .item p{text-align: center; padding:4% 0; }
.bann-sskuang-l{width: 80%; height: 46px; float: left; }
.bann-sskuang-r{width: 20%; height: 46px; background: #ec3a24; float: right; font-size: 14px; color: #ffffff; text-align: center; line-height: 46px; border:none; }

.bann-ny{font-size: 28px; color: #ffffff; text-transform: uppercase; text-align: center; }
.bann-nyfl{font-size:18px; color: #ffffff; text-align: center; padding: .4% 0; }
.mbx-items{width: 100%; background: #f5f5f5; position: relative; margin-bottom: 2%; }

.mbx-items-list{font-size: 16px; color: #333333; text-align: center; padding: 2.8% 0; }
.mbx-items-location{font-size: 14px; color: #666666; text-align: right; line-height: 4.4; }
.mbx-items-list:hover{ background: #ec3a24; color: #ffffff; transition:all .2s; }
.star-six {
  /*width: 0;
  height: 0;*/
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  opacity: 0;
  /*position: relative;*/
}
.star-six::after {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  /*border-top: 7px solid #ec3a24;*/
  position: absolute;
  content: "";
  bottom: -7px;
  left: 48%;
}

.star-six1 {
  /*width: 0;
  height: 0;*/
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  opacity: 1;
  /*position: relative;*/
}
.star-six1::after {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  /*border-top: 7px solid #ec3a24;*/
  position: absolute;
  content: "";
  bottom: -7px;
  left: 48%;
  z-index: 9999;
}
.info_title{background: #666;
    color: #ffffff;
    padding: 1%;
    font-weight: bold;
    margin-bottom: 2%;}
.mbx-items-list:hover .star-six{ opacity: 1; transition:all .2s; }
.ny-dh{padding:0; }
.mbx-items-list1{font-size: 16px; background: #ec3a24; color: #ffffff; text-align: center; padding: 2.8% 0; }
.ny-title{margin-bottom: 2%; text-align: center; display: none; }
.ny-tit{font-size: 22px; font-weight: bold; color: #333333; padding-left: 1%; }
.ny-en{font-size: 20px; color: #aaaaaa; padding-left: 1%; text-transform: uppercase; }
.abot-items{width: 100%; background: #f4f4f4; }
.about-webname{font-size: 30px; color: #333333; text-align: center; }
.about-webname-dis{font-size:16px; color: #666666; text-align: center; margin-top: .4%; margin-bottom: 1%; }
.about-webname1{font-size: 30px; color: #ffffff; text-align: center; }
.about-webname-dis1{font-size:16px; color: #ffffff; text-align: center; margin-top: .4%; margin-bottom: 1%; }
.ind-about-infor{ margin-top: 2%; }
.ind-about-infor:after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }
.about:after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }
.about-hx{width:36px; height: 3px; background: #dddddd; margin:0 auto; }
.about-hx1{width:36px; height: 3px; background: #ffffff; margin:0 auto; }
.about-items-list {
    width: calc(100%/3);
    margin-right: 18px;
    cursor: pointer;
}
.about-items-list:nth-child(3){margin-right: 0;}
.about-items-list img{overflow: hidden; -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms; }
.about-items-list:hover .ind-abo-tit{ background: #ec3a24; transition:all .2s; }
.about-items-list:hover .ind-abo-tit p{color: #ffffff; }
.about-items-list:hover img{-webkit-transform: scale(1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
    transform: scale(1.15);
    transition-timing-function: ease-out;
    transition-duration: 750ms;}
.ind-abo-list{ overflow: hidden; }
.about-items-list-img{max-height: 250px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.ind-abo-tit{ background: #fff; padding:4% 0; text-align: center; }
.ind-abo-tit .ind-abo-tit-p{font-size: 24px; color: #333333; }
.ind-abo-tit p{ font-size:14px; color: #888888; text-align: center; text-transform: uppercase; }
.ind-abo-ms{width: 100%; background: url(../Image/bg.jpg) no-repeat top #f4f4f4; }
.ind-abo-ms:after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }
.ind-abo-dl{margin-top: 4%; }
.ind-gsjj-nr{padding:0; }
.ind-gsjj-lb{padding:0; margin-top: 3.8%; }
.ind-gsjj-lb-hx{width: 66px; height: 3px; background: #ec3a24; margin-top: 18%; }
.ind-gsjj-lb-webname{font-size:26px; color: #333333; margin-bottom: 1%; }
.ind-gsjj-lb-tel{font-size:18px; color: #333333; }
.ind-gsjj-con{font-size:14px; line-height: 24px; color: #555555; }
.ind-gsjj-tb{}
.ind-gsjj-tb:after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }
.ind-gsjj-tb-list1{margin:4.8% 0 0 0; text-align: center; float: left; cursor: pointer; }
.ind-gsjj-tb-list1 img{ -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms; }
.ind-gsjj-tb-list1:hover img{ -webkit-transform: scale(1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
    transform: scale(1.15);
    transition-timing-function: ease-out;
    transition-duration: 750ms;
    
}
.ind-gsjj-tb-list2 img{ -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms; }
.ind-gsjj-tb-list2:hover img{ -webkit-transform: scale(1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
    transform: scale(1.15);
    transition-timing-function: ease-out;
    transition-duration: 750ms;
    /*-webkit-filter: drop-shadow(0 0 0px red);
    filter: drop-shadow( 0 0px red);*/
}
.ind-gsjj-tb-list2{margin:4.8% 4% 0 4%; padding:0 4%; text-align: center; float: left; border-left: dotted 2px #d9d9d9; border-right: dotted 2px #d9d9d9; cursor: pointer; }
.ind-gsjj-tb-list1 p{line-height: 28px; font-size: 14px; }
.ind-gsjj-tb-list2 p{line-height: 28px; font-size: 14px; }
.ind-gsjj-tb-list1:hover p{color: #ec3a24; transition:all .2s; }
.ind-gsjj-tb-list2:hover p{color: #ec3a24; transition:all .2s; }
.ind-pro-items{display: flex;
    align-items: center;
    justify-content: space-between;}
.ind-pro-lists{
    width: calc(100%/3);
    /*margin-right: 18px;*/
    padding: 10px;
    cursor: pointer;
    float: left;
}
.ind-pro-lists:nth-child(3) {
    margin-right: 0;
}
.ind-pro-lists-pic{width: 100%; position: relative; overflow: hidden; min-height: 317px; max-height: 317px;}
.ind-pro-lists-tit{font-size:16px; color: #333333; text-align: center; padding: 4% 0; }
.ind-pro-lists-h{width: 100%; position: absolute; height: 0; background: rgba(236,60,39,.9); z-index: 9999; bottom: 0; transition:all .2s; }
.ind-pro-lists-h-tit{font-size: 24px; color: #ffffff; text-align: center; margin-top: 22%; margin-bottom: 4%; }
.ind-pro-lists-h-anniu{text-align: center; }
.ind-pro-lists-h-more1{width: 112px; height: 35px; border: solid 1px #f48a7d; line-height: 35px; text-align: center; font-size:14px; color: #ffffff; display: inline-block; margin-right: 8px; transition:all .2s; }
.ind-pro-lists-h-more2{width: 112px; height: 35px; border: solid 1px #f48a7d; line-height: 35px; text-align: center; font-size:14px; color: #ffffff; float: left; }
.ind-pro-lists:hover .ind-pro-lists-h{ opacity: 1; bottom: 0; height: 100%; transition:all .2s; }
.ind-pro-lists-pic img{ -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms; }
.ind-pro-lists:hover .ind-pro-lists-pic img{-webkit-transform: scale(1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
    transform: scale(1.15);
    transition-timing-function: ease-out;
    transition-duration: 750ms;}
.ind-pro-lists-h-more1:hover{ background: #ffffff; color: #ec3a24; transition:all .2s; }
.ind-hx-items{width: 100%; height: 1px; background: #dddddd; position: relative; }
.ind-hx-inner{width: 36px; height: 4px; background: #ec3a24; margin:0 auto; margin-top: -4px; position: absolute; left: 49%; }
.ind-abo-bg{clear: both;
    width: 100%;
    background: url(../Image/indabobg.jpg) no-repeat;
    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 940px;
    
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 540px; overflow: hidden; }
.ind-abo-tit-en{font-size: 30px; color: #333333; font-family: Arial; text-transform: uppercase; }
.ind-abo-tit-en-dis{font-size: 14px; color: #333333; line-height: 24px; margin-top: .7%; margin-bottom: 2.8%; }
.ind-abo-ys-list{ background: #fff;  display: flex;
    align-items: center;
    justify-content: space-around; padding:1.7% 5.4%; margin-bottom: 1.4%; }
.ind-hx-items{}
.ind-hx-inner{}
.ind-hx-inner-l{width: 66px; height: 66px; background: #666666; border-radius: 33px; display: flex; align-items: center; justify-content: space-between; }
.ind-hx-inner-l img{margin:0 auto; }
.ind-hx-inner-l2{width: 66px; height: 66px; background: #666666; border-radius: 33px; display: flex; align-items: center; justify-content: space-between; }
.ind-hx-inner-l2 img{margin:0 auto; }
.ind-hx-inner-l3{width: 66px; height: 66px; background: #666666; border-radius: 33px; display: flex; align-items: center; justify-content: space-between; }
.ind-hx-inner-l3 img{margin:0 auto; }
.ind-hx-inner-l4{width: 66px; height: 66px; background: #666666; border-radius: 33px; display: flex; align-items: center; justify-content: space-between; }
.ind-hx-inner-l4 img{margin:0 auto; }
.ind-abo-ys-list-r{ margin-left: 9%; white-space: nowrap; }
.ind-abo-ys-list-r h5{text-transform: uppercase; }
.ind-abo-ys-list{
   
    margin-right: 18px;
    cursor: pointer;
}
.ind-abo-ys-list:nth-child(2) {
    /*margin-right: 18px;*/
}
.ind-abo-lb{display: flex;
    align-items: center;
    justify-content: unset; padding: 0; }
.ind-hx-inner-l{ background: url(../Image/qy.png)center no-repeat #666666; transition:all .2s; }
.ind-abo-ys-list:hover .ind-hx-inner-l{ background: url(../Image/qyh.png)center no-repeat #ffffff; transition:all .2s; }
.ind-hx-inner-l2{ background: url(../Image/qy2.png)center no-repeat #666666; transition:all .2s; }
.ind-abo-ys-list:hover .ind-hx-inner-l2{ background: url(../Image/qy2h.png)center no-repeat #ffffff; transition:all .2s; }
.ind-hx-inner-l3{ background: url(../Image/qy3.png)center no-repeat #666666; transition:all .2s; }
.ind-abo-ys-list:hover .ind-hx-inner-l3{ background: url(../Image/qy3h.png)center no-repeat #ffffff; transition:all .2s; }
.ind-hx-inner-l4{ background: url(../Image/qy4.png)center no-repeat #666666; transition:all .2s; }
.ind-abo-ys-list:hover .ind-hx-inner-l4{ background: url(../Image/qy4h.png)center no-repeat #ffffff; transition:all .2s; }

.ind-abo-ys-list:hover{ background: #ec3a24; transition:all .2s; }
.ind-abo-ys-list:hover .ind-abo-ys-list-r h4{ color: #ffffff; transition:all .2s; }
.ind-abo-ys-list:hover .ind-abo-ys-list-r h5{ color: #ffffff; transition:all .2s; }

.about {
    padding: 58px 275px 90px;
}
.about1 {
    padding: 80px 275px 120px;
}
.about2 {
    padding: 58px 275px 0;
}
.about .left {
    width: calc(50% - 50px);
    background: url(../Image/honor.jpg)center no-repeat;
    height: 430px;
    margin-right: 50px;
    position: relative;
}
.about .left .small-img {
    position: absolute;
    bottom: -60px;
    right: -50px;
    width: 260px;
    height: 220px;
    background: #007cc6;
    border: 10px solid #fff;
    box-sizing: content-box;
}
.about .right {
    width: 50%;
    padding-left: 4%;
}
.about .right h4 {
    color: #007cc6;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 28px;
    line-height: 18px;
}
.about .right p.tit {
    font-size: 24px;
    color: #333;
}
.about .right p.des {
    margin-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #888;
    margin-bottom: 35px;
}
.about .right p.content {
    line-height: 1.6;
    color: #333;
}
.about .right h3 {
    font-size: 24px;
    color: #333;
    margin: 23px 0 10px;
    line-height: 34px;
    font-weight: bold;
}
.about .right a {
    color: #007cc6;
    margin-top: 35px;
    display: block;
}
.tx {
    padding: 60px 275px 100px;
    background: #f3f3f3;
}
.title {
    margin-bottom: 45px;
    align-items: flex-end;
}
.title h3{
    color: #007cc6;
    font-weight: bold;
    font-family: Arial;
    font-size: 28px;
}
.title-1 h3{
    color: #333;
    font-weight: normal;
    font-size: 30px;
    text-align: center;

}
.title p {
    font-size: 24px;
    color: #333;
}
.title-1 p {
    font-size: 16px;
    color: #333;
    text-align: center;
    position: relative;
    padding: 6px 0 16px;
}
.title-1 p::after {
    content: '';
    width: 78px;
    background: #ccc;
    height: 3px;
    bottom: 0;
    position: absolute;
    left: 50%;
    margin-left: -39px;
}
.title p img {
    margin-left: 12px;
    margin-bottom: 2px;
}
.title a {
    color: #007cc6;
}
.iso{font-size: 16px;
    padding: 2% 0 0;
    text-align: center; }
#fu {
    transition: 0.5s;
    width: 150px;
    position: fixed;
    top: 230px;
    right: 10px;
    z-index: 100;
    background: #ec3a24;
    padding: 20px 0;
    border-radius: 0px;
    padding-bottom: 10px;
}
.mt10 {
    margin-top: 10px!important;
}
.fudong {
    transform: translateX(150px);
}

#fu .ewm {
    width: 119px;
    height: 149px;
    margin: 0 auto;
    background: #fff
}

#fu .zi {
    width: 116px;
    margin: 0 auto;
    background: url("../Image/futel.png") left center no-repeat;
    text-indent: 21px;
}

#fu .zx {
    width: 120px;
    height: 40px;
    margin: 0 auto;
    margin-top: 20px;
}

#fu .zx a {
    display: block;
    width: 120px;
    height: 38px;
    background: #ffa801 url("../Image/zx.png") left 19px center no-repeat;
    border-radius: 3px;
    color: #fff;
    line-height: 37px;
    text-indent: 45px;
}

#fu .side {
    position: absolute;
    left: -29px;
    height: 58px;
    width: 29px;
    top: 0px;
    background: url("../Image/ful1.png") center no-repeat;
    cursor: pointer
}

#fu .side2 {
    position: absolute;
    left: -29px;
    height: 58px;
    width: 29px;
    top: 0px;
    background: url("../Image/ful2.png") center no-repeat;
    cursor: pointer;
    display: none
}
.w100 {
    width: 100%;
}
.cf {
    color: #fff;
}
.tc {
    text-align: center;
}
.f18 {
    font-size: 18px;
}
.mt5 {
    margin-top: 5px!important;
}
#fu .zi {
    width: 116px;
    margin: 0 auto;
    background: url(../Image/futel.png) left center no-repeat;
    text-indent: 21px;
}
.tx{position: relative; }
.tx1{position: relative; }
.tx .tx-item {
    height: 372px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.tx1 .tx-item {
   
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 23% 0;
}
.tx1 .tx-list{border: solid 1px #dddddd;
    /*width: 19%;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;*/
}
.tx1 .tx-items ul{text-align: center; }
.tx1 .tx-list{ display: inline-block; }
.tx-list .sp-more img{
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
}
.tx-list:hover .sp-more img{
    -webkit-transform: scale(1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
    transform: scale(1.15);
    transition-timing-function: ease-out;
    transition-duration: 750ms;
}
.tx1 .tx-item:hover {
    box-shadow: 0 0 5px 5px #ddd;
}
.tx1 .tx-item h4 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    position: relative;
    padding: 2% 0 9% 0;
} 
.tx1 .tx-item h4::after {
    content: '';
    width: 40px;
    height: 1px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}
.tx1 .tx-item p.iso {
    color: #007cc6;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 7% 0 7% 0;
}
.tx1 .tx-item p.price {
    font-size: 18px;
    color: #333;
    padding: 2% 0 4% 0;
}
.tx1 .tx-item p.price span {
    font-size: 24px;
}
.tx1 .tx-item .tx-link a {
    display: inline-block;
    width: 100px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
}

.shipin li a {
    display: block;
}
.sp-more {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    border:solid 3px #f5f5f5;
    display:flex;align-items:center;justify-content:center;
}
.sp-more img {
    max-width: 100%;
    opacity: 1;
    transition: 0.4s;
    /*max-height: 250px;*/
}


.sp-more span {
    display: block;
    width: 46px;
    height: 46px;
    /*background: url(../Image/sp.png) no-repeat center;*/
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -23px;
    opacity: 0;
    transition: 0.4s;
}
.shipin li p {
    display: block;
    width: 100%;
    padding: 5% 0;
    overflow: hidden;
}
.shipin li {
    text-align: center;
    margin-bottom: 20px;
}
.pf-33{ margin-bottom: 2%; }
.case-list-border:hover .case-desc1 h4{
    color: #ec3a24;
    transition:all .2s;
}


/*产品详情*/
.o_product{
    clear: both;
    padding: 18px 0;
    margin-bottom: 20px;
}
.o_product .o_product_img{
    float: none;
    width: 100%;
}
.o_product .o_product_img .o_product_thumb{
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
   /* display: table-cell;
    text-align: center;
    vertical-align: middle;*/
}
.o_product .o_product_img .o_product_thumb img{
    max-height:100%;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.product_slt0{
    display: block;
}
.product_slt{
    display: none;
}
.o_product .product_small{
    margin-top:30px;
    height: 68px;
    position: relative;
}
.swiper-container{
    width: 100%;
    /*height: 68px;*/
    overflow: hidden;
    padding: 0 48px;
}
.o_product .product_small .arrow-left{
    width: 42px;
    height: 68px;
    display: block;
    background: #ec3a24;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
    z-index: 99;
    color: #ffffff;
    font-family: '宋体';
    line-height: 68px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.o_product .product_small .arrow-right{
    width: 42px;
    height: 68px;
    display: block;
    background: #ec3a24;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s;
    z-index: 99;
    color: #ffffff;
    font-family: '宋体';
    line-height: 68px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}
.o_product .product_small ul{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.o_product .product_small ul li{
    float: left;
    width: 20%;
    height: 68px;
    margin: 0px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.o_product .product_small ul li.select img{
    border: 1px solid #ec3a24;
}
.o_product .product_small ul li img{
    width: 85px;
    height: 68px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
}
.o_product .o_product_info{
    float: none;
    width: 100%;
}
.o_product .o_product_info .o_product_info_tit{
    padding: 28px 0 12px 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
.o_product_info .o_product_info_tit h2{
    display: inline-block;
    color: #363636;
    font-size: 18px;
    font-weight: bold;
    padding-top: 8px;
}
.o_product_info .o_product_info_tit a{
    float: right;
    display: inline-block;
    width: 104px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #ec3a24;
    color: #fff;
    font-size: 14px;
}
.o_product_info .o_product_info_tit a:hover{
    background: #333;
}
.o_product .o_product_info p{
    font-size: 14px;
    line-height: 30px;
    color: #888;
}
.o_product .o_product_info p b{
    color: #ec3a24;
}
.o_product_info .go_order{
    color: #fff;
    background: #666;
    border: none;
    outline: none;
    width: 104px;
    height: 36px;
    line-height: 36px;
    float: right;
    margin-right: 2%;
    /* position: absolute; */
    /* right: 0; */
    float: right;
}
.o_product_info .go_order:hover{
    background: #ec3a24;
}
.order-content{
    padding: 20px 30px;
    background: #fff;
}
.order-content .order-line{
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 14px;
}
.order-content .order-line:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.order-content .order-line lable{
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    text-align: right;
}
.order-content .order-line .order-zhi{
    float: left;
    padding: 10px;
    line-height: 30px;
    padding: 0px 10px;
    max-width: 380px;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
    border:none;
}
.order-content .order-line  .order-zhi.overword{
    height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.order-line.bz-line{
    height: auto;
}
.order-content .order-line .beizhu{
    padding: 10px;
    float: left;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
    width: 375px;
}
.order-content .order-line img{
    display: inline-block;
    float: left;
    margin-left:15px;
}
.order-content .go-sub{
    margin-left:70px;
    border: none;
    color: #fff;
    background: #ec3a24;
    font-size: 14px;
    padding: 8px 28px;
    margin-top:8px;
    border-radius: 5px;
    outline: none;
}
.order-content .go-sub:hover
{
    background: #333;
}


.tx .tx-item:hover {
    box-shadow: 0 0 5px 5px #ddd;
}
.tx .tx-item h4 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    position: relative;
    padding: 10px 0 15px;
} 
.tx .tx-item h4::after {
    content: '';
    width: 40px;
    height: 1px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}
.tx .tx-item p.iso {
    color: #007cc6;
    font-size: 24px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 0 0;
}
.tx .tx-item p.price {
    font-size: 18px;
    color: #333;
    padding: 22px 0;
}
.tx .tx-item p.price span {
    font-size: 24px;
}
.tx .tx-item .tx-link a {
    display: inline-block;
    width: 100px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #fff;
}
.pro_list {
   /* margin-top: 2%;*/
   margin-bottom: 3%;
}
.pro_list:hover .pro_list_tit_fl{
    cursor:pointer; transition:all .2s; color: #ec3a24;
}
.pro_list:hover .pro_list_pic img{
    -webkit-transform: scale(1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
    transform: scale(1.15);
    transition-timing-function: ease-out;
    transition-duration: 750ms;
}
.pro_list:hover .pro_list_tit{
    box-shadow: 0px 5px 1px #eee; transition:all .2s; 
}
.pro_list .pro_list_pic {
    overflow: hidden;
    height: 318px;
    border: solid 3px #f6f6f6;
}

.pro_list .pro_list_pic img {
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-height: 100%;
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
}
.pro_list_tit {
    padding: 4%;
    border-bottom: solid 1px #ebebeb;
}
.pro_list_tit_fl {
   
    color: #292929;
    /*margin-top: 2%;
    margin-bottom: 2%;*/
}
.pro_list_tit_dis {
    font-size: 14px;
    line-height: 28px;
    color: #888888;
}
.pro_list_anniu {
    width: 88px;
    height: 32px;
    border: solid 1px #eeeeee;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 4%;
    margin-bottom: 4%;
    color: #a2a2a2;
    transition: all .2s;
}
.swiper-button-prev2{width: 28px;
    height: 60px;
    background: rgba(0,0,0,.7);
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    left: 9%;
    z-index: 99;
    top: 47%;
    transition: all .2s;
    line-height: 60px;
    text-align: center;
    font-family: '宋体';}
.swiper-button-next2{width: 28px;
    height: 60px; background: rgba(0,0,0,.7); font-size: 16px; color: #ffffff; font-weight: bold; position: absolute; right: 9%; z-index: 99; top: 47%; transition:all .2s; line-height: 60px;
    text-align: center;
    font-family: '宋体'; }
.swiper-button-prev2:hover{ transition:all .2s; }
.swiper-button-next2:hover{ transition:all .2s; }
.service {
    padding-top: 54px;
}
.case {
    padding: 60px 275px 100px;
}
.case .content .right {
    width: 430px;
    height: 130px;
}
.case .content .left {
    width: calc(100% - 430px);
}
.case .content .left li {
    float: left;
    width: calc(100%/3);
}
.case .content .left li a {
    color: #333;
    background: url('../Image/icon_pointer.png') left center no-repeat;
    padding: 5px 0 5px 25px;
    display: inline-block;
}
.case .content .left li a:hover{
    color: #007cc6;
    transition:all .2s;
}
.news {
    padding: 0px 275px 100px;
}
.news .content .news-items {
    width: calc(100%/3 - 14px);
}
.news .content .news-items .news-img {
    width: 100%;
    height: 300px;
    background: #eeeeee;
    overflow: hidden;
    display:flex;align-items:center;justify-content:center;
}
.news .content .news-items .news-img img{
    max-width: 100%;
    /*height: 300px;*/
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
}
.news .content .news-items:hover .news-img img{
    -webkit-transform: scale(1.15);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.15);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
    transform: scale(1.15);
    transition-timing-function: ease-out;
    transition-duration: 750ms;
}
.news .content .news-txt {
    width: 100%;
    padding-bottom: 4%;
}
.news .content .news-txt h4 {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    padding: 24px 0 0 0;
    transition:all .2s; 
}
.news .content .news-txt p {
    line-height: 1.6;
    color: #888;
    padding-bottom: 2.8%;
}
.news .content .part-2 {
    padding-top: 10px;
}
.news .content .news-item a {
    font-size: 14px;
    color: #333;
    height: 30px;
    line-height: 30px;
    display: block;
    overflow: hidden;
}
.ind-news-anniu{font-size: 14px; color: #666666; border:solid 1px #dddddd; width: 120px; height: 42px; line-height: 40px; text-align: center; }
.news-items .part-1:hover .ind-news-anniu{background: #ec3a24; color: #ffffff; transition:all .2s; border:solid 1px #ec3a24; }
.news-items .part-1:hover h4{padding-left: 2%; transition:all .2s; }
.news .content .news-item a:hover{
    color: #007cc6;
    transition:all .2s;
}
.news-txt h5{color: #999999; }
.news .content .news-item a span {
    font-size: 18px;
    color: #666;
}
.honor {
    padding: 60px 275px 100px;
    background: #f3f3f3;
    position: relative;
}
.honor .honor-item {
    height: 340px;
    background: #8e8e8e;
    display:flex;align-items:center;justify-content:center;
}
/*foot*/
.service .part-1 {
    margin: 25px 0;
}
.service .part-1 p {
    text-align: center;
    color: #666;
}
.service .part-2 {
    width: 100%;
    height: 535px;
    background: #155d9f;
    padding: 0 275px;
}
.service .part-2 ul {
    height: 100%;
}
.service .part-2 li {
    float: left;
    width: 25%;
    height: 100%;
}
.service .part-2 li:hover .bg {
    background: rgba(250, 79, 79, .8);
}
.service .part-2 .bg {
    background: rgba(21,93,159,.2);
    width: 100%;
    height: 100%;
    padding: 0 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.service .part-2 li.one {
    background: url('../Image/service-1_bg.jpg') center repeat;
}
.service .part-2 li.two {
    background: url('../Image/service-2_bg.jpg') center repeat;
}
.service .part-2 li.three {
    background: url('../Image/service-3_bg.jpg') center repeat;
}
.service .part-2 li.four {
    background: url('../Image/service-4_bg.jpg') center repeat;
}
.service .part-2 li h3 {
    font-size: 24px;
    color: #fff;
    margin: 12px 0 25px;
}
.service .part-2 li p {
    color: #fff;
    text-align: center;
    line-height: 24px; 
}
.footer {
    background: #333333;
}
.footer .part-1 .top {
    padding: 40px 0;
    margin: 0 275px;
    border-bottom: 1px solid #616161;
}
.footer .part-1 .top .info {
    margin-left: 20px;
}
.footer .part-1 .top h4 {
    font-size: 18px;
    color: #fff;
}
.footer .part-1 .top p {
    color: #aaa;
    margin-top: 5px;
}
.footer .part-1 .bot {
    padding: 70px 275px;
}
.footer .part-1 .bot .left h3 {
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}
.footer .part-1 .bot .left p.tit {
    color: #fff;
    font-size: 20px;
    margin: 4px 0 20px;
}
.footer .part-1 .bot .left p.tit {
    color: #fff;
    font-size: 20px;
}
.footer .part-1 .bot .left p.nor {
    color: #aaa;
    padding: 3px 0;
}
.footer .part-1 .bot .left p.phone {
    color: #fa4f4f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
    padding: 4% 0;
}
.footer .part-1 .bot .left a {
    width: 158px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #ddd;
    color: #ddd;
    display: block;
}
.footer .part-1 .bot .mid .item {
    margin-right: 78px;
}
.footer .part-1 .bot .mid h4 {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
}
.footer .part-1 .bot .mid a {
    display: block;
    color: #aaa;
    height: 30px;
    line-height: 30px;
}
.footer .part-1 .bot .mid a:hover{
    color: #fff;
    transition:all .2s;
}
.footer-back-l{
    width: calc(100%/2);
}

.footer-back-l p{font-size: 14px; color: #aaaaaa; }
.footer .part-1 .bot .right .item {
    width: 150px;
    height: 150px;
    background: #fff;
}
.footer .part-1 .bot .right .item img{
    /*width: 100%;*/
    height: 100%;
}
.footer .part-1 .bot .right p {
    color: #aaa;
    line-height: 1.6;
}
.footer .part-1 .bot .right .other {
    margin-top: 20px;
}
.footer .part-2 {
    border-top: 1px solid #616161;
    padding: 22px 275px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-back-nr{
    width: 75px;
    float: right;
}
.footer-back-nr p{
    text-align: center;
}
.footer-back-nr img{
    margin:0 auto;
}
.footer .part-2 p {
    color: #aaaaaa;
    line-height: 24px;
}

/* 案例展示 case-page */
.case-top-images .full-screen .text { position: absolute; bottom: 60px; left: 0; }
.case-top-images .full-screen .text h4 { margin-bottom: 0; padding: 41px 50px; font-size: 35px; font-weight: normal; background-color: rgba(0, 0, 0, 0.5); }
.case-top-images .icon-tips { position: absolute; bottom: 5%; left: 50%; margin-left: -37.5px; }

/* tabs */
.case-page .tab > ul { max-width: 750px; }
.case-page .case-poster { display: block; overflow: hidden; }
.case-page .case-poster img { max-width: 100%; transition: 3s ease; }
.case-page .case-poster:hover img { transform: scale(1.1) }
.case-page .gallery a { display: none; overflow: hidden; }
.case-page .gallery a:first-child { display: block !important; text-align: center; }

/* 提示图标 */
.flipOutY { -webkit-animation-direction: alternate; animation-direction: alternate; }
.animated.flipOutY { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }
.case-page .case-desc h4 { font-size: 14px; padding-top: 8px; font-weight: normal; color: #333333; text-align: center; }
.case-page .case-desc p { color: #999; }
.news-info-tit {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    text-align: center;
}
.news-info-dis {
    font-size: 14px;
    color: #666666;
    padding: .7% 0;
    border-top: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
    text-align: center;
    margin-top: 1.4%;
    margin-bottom: 1.4%;
}
.news-info-con {
    font-size: 14px;
    color: #555555;
    line-height: 30px;
    padding-bottom: 2.8%;
    margin-bottom: 2.8%;
    border-bottom: solid 1px #e7e7e7;
}
.shili-pic{width: 100%; display:flex;align-items:center;justify-content:center; }
.shili-pic img{max-width: 100%; max-height: 500px; }

.portfolio-item{    float: left;
    position: relative;
   /* width: 25%;*/
    height: auto;
    padding: 0 12px 12px 0;
}

.divcenter {
    position: relative !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.case-page .case-desc1 h4 {
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    text-align: left;
    margin-top:0;
}
.case-page .case-desc1 p {
    line-height: 1.8;
    font-size: 14px;
    color: #888888;
}

.case-list-border {
    border: solid 1px #dddddd;
}
.case-desc1 {
    padding: 24px;
}
.con-infor-style{
    display:flex;align-items:center;justify-content:center;
}
.con-infor-tit{font-size: 16px; font-weight: bold; color: #333333; padding:4% 0; }
.con-infor-dis{font-size: 15px; color: #666666; margin-bottom: 4%; text-align: center; }
.abo-nr-tit2 {
    font-size: 32px;
    color: #333333;
    text-align: center;
    margin-bottom: .4%;
}
.abo-nr-dis2 {
    font-size: 14px;
    line-height: 26px;
    color: #555555;
    text-align: center;
    margin-bottom: 2.8%;
}
.message-inner {
    margin-bottom: 7.8%;
}
.message-sesstion {
    margin:0 18%;
    border: solid 1px #dddddd;
}
.message-tit {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    background: #dddddd;
}
.message-tit-padd {
    padding: 18px 15px 18px 15px;
}
.message-list {
    padding: 18px 0;
    border-bottom: solid 1px #dddddd;
}
.mess-tit {
    line-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mess-input {
    height: 34px;
    width: 90%;
    background: #f5f5f5;
    border: none;
    padding-left: 1%;
}
.mess-textarea {
    height: 117px;
    width: 90%;
    background: #f5f5f5!important;
    border: none;
    padding-left: 1%;
}
.mess-submit {
    width: 113px;
    height: 34px;
    background: #333333;
    line-height: 34px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    border: none;
}
.mess-submit:hover{
    background: #ec3a24;
    transition:all .2s;
}
.message-list:after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }
.case1 li {
    width: 100%;
    padding: 16px 0;
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid #f5f5f5;
    margin-bottom: 22px;
}
.case1 li:hover
{
    transition:all .2s;
    box-shadow: 10px 5px 5px #f5f5f5;
}
.case1 li:hover .case-cont h3{
    padding-left: 9px;
    transition:all .2s;
}
.case-cont a:hover{
    background: #4a4e53;
    transition:all .2s;
}
.case-img img {
    width: 100%;
}
.case-cont {
    margin: 0;
}
.case-cont h3 {
    font-size: 16px;
    font-weight: bold;
    color: #ec3a24;
    transition:all .2s;
}
.case-cont p {
    font-size: 14px;
    line-height: 24px;
    padding-top: 10px;
    color: #666;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.case-cont a {
    padding:0;
    display: block;
    width: 140px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #007cc6;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 16px;
}
.besh-resim:after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
}
@media screen and (min-width: 992px){
    .o_product{
        margin-bottom: 40px;
    }
    .o_product .o_product_img{
        float: left;
        width:47%;
        background: #f5f5f5;
        height: 400px;
    }
    .o_product .o_product_img .o_product_thumb img{
        max-height: 100%;
    }
    .o_product .o_product_info{
        float: right;
        width: 47%;
    }
    .product_slt0{
        display: none;
    }
    .product_slt{
        display: block;
    }
    .o_product .product_small{
        margin-top:40px;
    }
    .o_product .o_product_info .o_product_info_tit{
        padding: 14px 0 12px 0;
        margin-bottom: 22px;
    }
    .o_product_info .o_product_info_tit h2{
        font-size: 20px;
        padding-top: 6px;
    }
    .o_product_info .o_product_info_tit a{
        width: 114px;
        height: 40px;
        line-height: 40px;
    }
    .o_product .o_product_info p{
        line-height: 26px;
    }
}
@media screen and (min-width: 1024px){
    .o_product .product_small{
        margin-top:50px;
    }
    .o_product .o_product_info .o_product_info_tit{
        padding: 24px 0 12px 0;
        margin-bottom: 26px;
    }
    .o_product_info .o_product_info_tit a{
        width: 134px;
        height: 42px;
        line-height: 42px;
    }
    .o_product_info .go_order{
        width: 134px;
        height: 42px;
        line-height: 42px;
    }
    .o_product .o_product_info p{
        line-height: 28px;
    }
}
@media screen and (min-width: 1510px){
    .o_product .product_small{
        margin-top:70px;
    }
    .o_product .o_product_info .o_product_info_tit{
        padding: 38px 0 12px 0;
        margin-bottom: 30px;
    }
    .o_product_info .o_product_info_tit h2{
        font-size: 22px;
        padding-top: 8px;
    }
    .o_product_info .o_product_info_tit a{
        width: 154px;
        height: 44px;
        line-height: 44px;
    }
    .o_product_info .go_order{
        width: 154px;
        height: 44px;
        line-height: 44px;
    }
    .o_product .o_product_info p{
        line-height: 30px;
    }
}



@media (min-width: 768px) {
    .tel{right:135px;top:26px;}
    .tel span{display:inline-block;}
    /*.mbx-items-location {
        text-align: right;
        background: none;
        line-height: 2.95;
    }*/
}

@media (min-width: 1024px) {
    .head{height:108px; position:relative; /*border-top: solid 4px #ec3a24;*/
    background: #ffffff;}
    .slider-focus{margin-top:0;}
    .logo{top:50px;}
    .logo img{max-height:56px;}
    .tel{top:28px; right:0; }
    .anniu{top:12px;right:15px;}
    .menu0{display:block;}
    .menu0 > ul {
        margin: 0;
        width: 100%;
        list-style: none;
        padding: 0;
        position: relative;
        box-sizing: border-box;
    }
    .menu0 > ul:before,
    .menu0 > ul:after {
        content: "";
        display: table;
    }
    .menu0 > ul:after {
        clear: both;
    }
    .menu0 > ul > li {
        float: left;
        padding: 0 1.5%;
        margin: 0;
        font-size: 16px;

    }
    .menu0 .m_li {
        text-decoration: none;
        /*padding: 50px 10px 26px 10px;*/
        padding: 0 10px 0 10px;
        display: block;
    }
    .menu0 .m_li span {
        display: inline-block;
        margin: 0 0 0 12px;
        vertical-align: 2px;
        width: 7px;
        height: 7px;
        border-bottom: 1px solid rgba(0,0,0,.4);
        border-right: 1px solid rgba(0,0,0,.4);
        content: "";
        
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: border-color 0.2s ease;
        -moz-transition: border-color 0.2s ease;
        -ms-transition: border-color 0.2s ease;
        -o-transition: border-color 0.2s ease;
        transition: border-color 0.2s ease;

        display: none;
    }
    .menu0 .m_li:hover {
        /*border-bottom: 4px solid rgba(236,58,36,.9);*/
        /*margin-top: 4px;*/
        margin-top: 0;
        padding: 0 10px 0 10px;
        color: #ec3a24;
        transition:all .2s;
        /*background: #f9f9f9;*/
    }
    .menu0 .active {
       
        /*padding: 46px 10px 26px 10px;*/
        padding: 0 10px 0 10px;
        /*background: #f9f9f9;*/
        /*margin-top: 4px;*/
    }
    .besh-resim{
        display: none;
        width: auto;
        background: rgba(255,255,255,.9);
        /*padding: 40px 0;*/
        padding:0;
        position: absolute;
        z-index: 9999;
        /*left: 0;*/
        margin: 0;
        list-style: none;
        box-sizing: border-box;
        border-top: solid 4px #ec3a24;
    }

    .resim-isimler{float:left;width:197px;height:100%;margin:0;padding:0;}
    .resim-isim{position:relative;list-style:none;border-bottom:1px solid #eeeeee;/*margin:0 42px;*/display: flex; align-items: center; justify-content: unset;  }
    .resim-isim:hover{ background: #eeeeee; }
    .isim{display:block;position:relative;height:100%;z-index:2;font-size:14px;line-height:36px;padding:0 12px;}
    .isim:hover{text-decoration:none;color:#333333;}
    .resimler{float:left;position:relative;/*width:240px;*/height:100%;}
    .resim-ulinish{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;text-decoration:none;}
    .resim-ulinish:first-child{display:inline;}
    .resim-ulinish h3{font-size:18px;color:#007cc6;margin-bottom:12px;}
    .resim-ulinish p{font-size:14px;color:#333;line-height:24px;margin-bottom:12px;}
    .resim-ulinish img{width:240px;}
    .dh-jt{position: absolute; right: 15px; font-family: '宋体'; font-size: 14px; font-weight: bold; color: #ccc; }

}
@media (min-width: 1200px) {
    /*.tel{top:42px;}*/
    .anniu{top:42px;}
    .menu0 > ul {padding: 0; }
    .menu0 .m_li {padding: 0 10px 0 10px; }
    .menu0 .m_li:hover {padding: 0 10px 0 10px;}
    .menu0 .active {padding: 0 10px 0 10px;}

}
@media (min-width: 1510px) {
    .head{/*height:128px;*/}
    .logo{top:50px; }
    .logo img{max-height:72px;}
    .tel{top:28px; }
    .anniu{top:64px;}
    .menu0 > ul {padding: 0; }
    .menu0 .m_li {padding: 0 20px 0 20px;}
    .menu0 .m_li:hover {padding: 0 20px 0 20px; transition:all .2; }
    .menu0 .active {padding: 0 20px 0 20px;}
}
/*头部end*/


.header .phone .left {
    /*width: 89px;
    height: 89px;*/
    /*background: #fff;*/
    /*margin-right: 18px;*/
    overflow: hidden;
}
.header .phone .left img{
   /* width: 89px;
    height: 89px;*/
}
.article{overflow:hidden;margin-bottom:60px;}
.article p{font-size:14px;line-height:30px;color:#666;}
.article p img{max-width:100%;}
@media screen and (min-width: 768px){
    .article{margin-bottom:90px;}
}
@media screen and (min-width: 1510px){
    .article{margin-bottom:120px;}
}


/**/

/****/
@media (min-width: 1500px) and (max-width: 1700px) {

    .tx, .about, .news, .honor, .case {
        padding: 60px 150px 100px;
    }
    .service .part-2 {
        padding: 0 150px;
    }
    .footer .part-1 .top {
        margin: 0 150px;
    }
    .footer .part-1 .bot {
        padding: 35px 150px;
    }
    .footer .part-2 {
        padding: 0 150px;
    }
}
@media (min-width: 1300px) and (max-width: 1500px) {
    
    .tx, .about, .news, .honor, .case {
        padding: 60px 50px 100px;
    }
    .service .part-2 {
        padding: 0 50px;
    }
    .footer .part-1 .top {
        margin: 0 50px;
    }
    .footer .part-1 .bot {
        padding: 35px 50px;
    }
    .footer .part-2 {
        padding: 0 50px;
    }
}
@media (min-width: 1200px) and (max-width: 1300px) {
    
    .tx, .about, .news, .honor, .case {
        padding: 60px 5px 100px;
    }
    .service .part-2 {
        padding: 0 5px;
    }
    .footer .part-1 .top {
        margin: 0 5px;
    }
    .footer .part-1 .bot {
        padding: 35px 5px;
    }
    .footer .part-2 {
        padding: 0 5px;
    }
}
@media (min-width: 1000px) and (max-width: 1200px) {
   
    .about .left{ height: 330px; line-height: 28px; margin: 4% 0 4%; }
    .about .right h3{font-size: 18px; line-height: 28px; }
    .about .right p.des{ margin-bottom: 4%; }
    .about .right a{ margin-top: 7%; }

    
    .tx, .about, .news, .honor, .case {
        padding: 4% 5px 4%;
    }
    .service .part-2 {
        padding: 0 5px;
    }
    .footer .part-1 .top {
        margin: 0 5px;
    }
    .footer .part-1 .bot {
        padding: 35px 5px;
    }
    .footer .part-2 {
        padding: 0 5px;
    }
    .tx .tx-item .tx-link {
        text-align: center;
    }
    .logo-r-dis-nr p{ font-size: 14px; }
    .menu0 > ul > li{
        font-size:15px;
    }
}
@media (min-width: 900px) and (max-width: 1000px) {

    .bann-sskeys{width: 80%; }
    .bann-ss{width: 80%; }

    .about .right h3{font-size: 16px; line-height: 28px; margin: 2% 0 2%; }
    .about .right p.des{ margin-bottom: 4%; }
    .about .right a{ margin-top: 7%; }
    .about .right h4{ font-size: 18px; }
    .about .right p.tit{ font-size: 18px; margin-bottom: 2%; }
    .about .right{ width: 100%; }
    .ind-abo-pic img{width: 100%; }
    .about .right{padding-left: 0; }
    
    .title{ margin-bottom: 2%; }
    .title h3{font-size: 18px; }
    .title p{font-size: 18px; }
    .tx .tx-item p.iso{font-size: 18px; }
    .tx .tx-item h4{font-size: 14px; }
    .tx .tx-item p.price span{font-size: 18px; }
    .tx .tx-item p.price{font-size: 14px; padding: 1% 0; }
    .tx .tx-item .tx-link a{ margin-bottom: 2%; }

    .tx, .about, .news, .honor, .case {
        padding: 2% 15px 4%;
    }
    .service .part-2 {
        padding: 0 5px;
    }
    .footer .part-1 .top {
        margin: 0 5px;
    }
    .footer .part-1 .bot {
        padding: 35px 5px;
    }
    .footer .part-2 {
        padding: 0 5px;
    }
    .service .part-2 {
        height: 450px;
    }
    .tx .tx-item .tx-link {
        text-align: center;
    }
    .about .left {
        height: 300px;
    }
    .honor .honor-item {
        height: 260px;
    }
    .footer .part-1 .bot .mid .item {
        margin-right: 5px;
    }
}
@media (max-width: 900px) {
    
    /**/
    .bann-sskeys{width: 80%; }
    .bann-ss{width: 80%; }
    .bann-sskuang{height: 44px; }
    .bann-sskuang-l{height: 44px; }
    .bann-sskuang-r{height: 44px; line-height: 44px; font-size: 14px; }

    .about .right h3{font-size: 16px; line-height: 22px; margin: 4% 0 4%; }
    .about .right p.des{ margin-bottom: 4%; }
    .about .right a{ margin-top: 7%; }
    .ind-abo-pic img{width: 100%; }
    .about .right p.tit{ margin-bottom: 2%; font-size: 18px; }
    .tx-link{margin:0 auto; text-align: center; }
    .tx, .about, .news, .honor, .case {
        padding: 4% 15px 4%;
        position: relative;

    }
    .about1{padding: 4% 15px 4%; }
    .about2{padding: 4% 15px 4%; }
    .service .part-2 {
        padding: 0 0;
    }
    .service .part-2 .bg{ padding: 10%; height: 348px; }
    .footer .part-1 .top {
        margin: 0 0;
    }
    .footer .part-1 .bot {
        padding: 4% 0;
    }
    .footer .part-2 {
        padding: 0 0;
    }
    .service .part-2 {
        height: auto;
    }
    .tx .tx-item .tx-link {
        text-align: center;
    }
    
    .title h3{font-size: 18px; }
    .title p{font-size: 18px; }
    .tx .tx-item p.iso{font-size: 18px; }
    .tx .tx-item h4{font-size: 14px; }
    .tx .tx-item p.price span{font-size: 18px; }
    .tx .tx-item p.price{font-size: 14px; padding: 1% 0; }
    .tx .tx-item .tx-link a{ margin-bottom: 2%; }
    .about .right h4{ font-size: 18px; }
    .about .left {
        height: 400px;
        width: 100%;
    }
    .about .right {
        width: 100%;
        padding: 0;
    }
    .honor .honor-item {
        height: 260px;
    }
    .footer .part-1 .bot .mid .item {
        margin-right: 5px;
    }
    .flex-style-4 {
        /*display: block;*/
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .about .left .small-img {
        display: none;
    }
    .title{ margin-bottom: 2%; }
    .title a {
        width: 80px;
    }
    .title-1 h3{ font-size: 18px; }
    .service .part-2 li {
        width: 50%;
    }
    .service .part-2 {
        padding: 0 0;
    }
    .service .part-2 li h3{ font-size: 16px; margin:2% 7% 4%; }

    .news .content .news-items {
        width: 100%;
        margin-bottom: 4.8%;
    }
    .about-items-list {
        width: calc(100%/3);
        margin-right: 18px;
    }
    .about-items-list:nth-child(3) {
        margin-right: 0;
    }
    



    .news .content .news-txt h4{ padding: 1% 0 1%; }
    .news .content .news-txt{ padding-bottom: 2%; height: auto; }
    .news .content .part-2 {
        padding-top: 2%;
        padding-bottom: 4%;
    }
    .honor .honor-item {
        height: 340px;
    }
    .case .content .left, .case .content .right {
        width: 50%;
    }
    .case .content .left li {
        width: 50%;
    }
    .footer .part-1 .bot.flex-style-3 {
        display: block;
    }
    .footer .part-1 .bot .left, .footer .part-1 .bot .mid, .footer .part-1 .bot .right {
        width: 50%;
        padding: 0 15px 20px;
    }
    .footer .part-1 .top .item {
        justify-content: center;
        padding: 5px 0;
    }
   
    .about .left {
        position: static;
    }
    .footer .part-1 .bot .right .item {
        width: auto;
        height: auto;
        background: #fff;
        display: none;
    }
    .ind-abo-bg{
        background: #EEE;
        height: auto;
    }
    .ind-abo-ys-list{
        padding: 1.7% 4.4%;
    }
    .ind-hx-inner-l {
        background: url(../Image/qy.png)center no-repeat #ec3a24;
        transition: all .2s;
    }
    .ind-hx-inner-l2 {
        background: url(../Image/qy2.png)center no-repeat #ec3a24;
        transition: all .2s;
    }
    .ind-hx-inner-l3 {
        background: url(../Image/qy3.png)center no-repeat #ec3a24;
        transition: all .2s;
    }
    .ind-hx-inner-l4 {
        background: url(../Image/qy4.png)center no-repeat #ec3a24;
        transition: all .2s;
    }
    .ind-gsjj-nr {
        padding: 15px;
        background: #f4f4f4;
    }
    .ind-gsjj-lb-webname{ font-size: 16px; }
    .ind-gsjj-lb-tel {
        font-size: 16px;
        color: #ec3a24;
    }
    .ind-gsjj-lb-hx{
        margin-top: 4%;
    }
   

}
@media (max-width: 1023px){
    .head{ position: relative; }
    /*.logo{ height: auto; position: relative; }*/
    .logo{ height: auto; top: 9px;}
    .logo-r-dis-hx{ top: auto; }
    .menu0 .active{}
    .menu0 .m_li{}
    .logo-r-dis-nr p{ font-size: 13px; }
}
@media (min-width: 768px)  and (max-width: 900px) {
    
    .mbx-items-location {
        text-align: right;
        background: none;
        line-height: 2.95;
    }
    .news .content .news-items {
        width: calc(100%/3 - 14px);
    }
    .ind-abo-bg {
        
        background: url(../Image/indabobg.jpg) no-repeat;
    }

}
@media (max-width: 767px) {
    .mbx-items-location {
        text-align: left;
        background: #fff;
        line-height: 2.95;
        display: none;
    }
    .flex-style-4{display: block; }
    .about-items-list {
        width: 100%;
        float: left;
        margin-bottom: 5%;
    }
    .ind-pro-items{
        display: inline;
    }
    .ind-pro-lists{
        margin-right: 0;
        width: 100%;
    }
    .ind-abo-bg {
        background: #EEE;
        height: auto;
    }
    .news .part-1{ background: #eee; padding: 2%; }
    .about-items-list-img{
        max-height: 140px;
    }
    .pro_list{ padding:0; }
    .propage-nr{ padding:0; }
    .pf-33{ padding:0; }
    .case-page{ padding:0; }
}

@media (max-width: 768px) {
    .message-sesstion{margin:0 auto; }
    .mess-input{height: 34px; width: 90%; background:#dddddd; border:none; }
    .mess-textarea{height: 117px; width: 90%; background:#dddddd!important; border:none; }
    .mess-tit{padding:0; }
    .case .content .left, .case .content .right {
        width: 100%;
    }
    .case .content .left li {
        width: 50%;
    }
    .case .content ul{ margin-bottom: 2%; }
    .footer .part-1 .top h4{ font-size: 16px; }
    .footer .part-1 .top{ padding: 4% 0; }
    .case .content .right{ height: auto; padding-bottom: 4%; }
    .footer .part-1 .bot{ padding: 4% 0 0; }
    .footer .part-1 .bot .left h3{font-size: 16px; }
    .footer .part-1 .bot .left p.tit{ font-size: 16px; }
    .footer .part-1 .bot .left p.tit{ margin: 1% 0 4%; }
    .footer .part-1 .bot .left p.nor{ padding: 0; }
    .footer .part-1 .bot .left p.phone{ padding: 1% 0 2%; }
    .footer .part-1 .bot .left, .footer .part-1 .bot .mid, .footer .part-1 .bot .right{ width: 100%; }
    .footer .part-2 p{ padding: 0 15px; }
    .footer .part-1 .bot .right .item {
        width: auto;
        height: auto;
        background: none;
    }
    .footer .part-1 .bot .right .item img{ margin:0 auto; }
    .footer .part-1 .bot:after {
        content: '';
        height: 0;
        display: block;
        clear: both;
        visibility: hidden;
    }
    .ny-tit{font-size: 16px; }
    .ny-en{font-size: 14px; }
    .mbx-items-list1{font-size: 14px; }
    .ind-abo-ys-list {
        margin-right: 1%;
        cursor: pointer;
    }
    .flex-style-1{display: block; }
    .footer-link{ padding:4%  0; }
    .footer-back-l{ width: 100%; }
    .bann-nr{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;
        clear: both;
        width: 100%;
        background: url(../Image/bannerny.jpg) no-repeat;
        background-attachment: fixed;
        background-position: left top;
        background-size: 100% 228px;
        color: white;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        padding: 4% 0;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 148px;

    }
    .bann-nr2{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

        
        clear: both;
        width: 100%;
        background: url(../Image/news_banner.jpg);
        background-attachment: fixed;
        background-position: left top;
        background-size: 100% 228px;
        color: white;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 148px;

    }
    .bann-nr3{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

        
        clear: both;
        width: 100%;
        background: url(../Image/anlibanner.jpg);
        background-attachment: fixed;
        background-position: left top;
        background-size: 100% 228px;
        color: white;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 148px;

    }
    .bann-nr4{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

        
        clear: both;
        width: 100%;
        background: url(../Image/tx_banner.jpg);
        background-attachment: fixed;
        background-position: left top;
        background-size: 100% 228px;
        color: white;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 148px;

    }
    .bann-nr5{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

        
        clear: both;
        width: 100%;
        background: url(../Image/lxbanner.jpg);
        background-attachment: fixed;
        background-position: left top;
        background-size: 100% 228px;
        color: white;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 148px;

    }
    .bann-nr6{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

        
        clear: both;
        width: 100%;
        background: url(../Image/lxbanner.jpg);
        background-attachment: fixed;
        background-position: left top;
        background-size: 100% 228px;
        color: white;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 148px;

    }
    .bann-nr7{ position: relative; z-index: 99999999999; top:0; display:flex;align-items:center;justify-content:center; width: 100%;

        
        clear: both;
        width: 100%;
        background: url(../Image/probanner.jpg);
        background-attachment: fixed;
        background-position: left top;
        background-size: 100% 228px;
        color: white;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 148px;

    }
    .bann-ny {
        font-size: 18px;
        color: #ffffff;
        text-transform: uppercase;
        text-align: center;
    }
    .case-list-border{border:none; }
    .case-page .case-desc1 p{display: none; }
    .pro_list{margin-bottom: 7%; }

}


#about > a {
    background: url('../Image/icon_d.png') right center no-repeat;
}
.main{position:relative;}
.daohang{width:100%;background:#f5f5f5;color:#333; margin-bottom:30px;}
.daohang ul{width:100%;margin:0;text-align:center;}
.daohang ul li{float:left;line-height:22px;font-size:14px;position:relative; background: #f5f5f5;
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
    border-right: solid 2px #fff;}
.daohang ul li a{display:block;padding:12px 16px;}
.daohang ul li a:hover{background:#ec3a24; color:#fff;font-weight:bold;}
.daohang ul li .on{background:#ec3a24; color:#fff;font-weight:bold;}
.dh-fixed{position:fixed;top:64px;z-index:999;display:none;}
.daohang .cp-xl{display:none;width:100%;background:rgba(255,255,255,1);color:#333; position:absolute;z-index:9999;
    -webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
}
.daohang .cp-xl li{float:none;font-size:14px;border-bottom:1px solid #f5f5f5; }
.daohang .cp-xl li:last-child{border-bottom:none;}
.daohang .cp-xl li a{padding:12px 0;}
.daohang .cp-xl li a:hover{background:#ec3a24;color:#fff; }
@media screen and (min-width: 768px){
    .daohang{margin-bottom:40px;}
    .daohang ul li{font-size:16px;min-width:144px;}
    .daohang ul li a{padding:14px;}
}
@media screen and (min-width: 992px){
    .daohang{margin-bottom:40px;}
    /*.daohang ul li{min-width:164px;}*/
    .daohang ul li a{padding:16px;}
}
@media screen and (min-width: 1024px){
    .dh-fixed{top:0;}
}
@media screen and (min-width: 1200px){
    .daohang{margin-bottom:50px;}
    /*.daohang ul li{min-width:204px;}*/
    .daohang ul li a{padding:20px 48px;}
}
@media screen and (min-width: 1510px){
    .daohang{margin-bottom:60px; margin-bottom: 40px;}
}

@media(max-width:768px){
    .bann-nyfl{font-size: 15px; }
    .mbx-items{ margin-bottom: 4%; }
    .tx1 .tx-list {
        border: none;
        width: 49%;
        margin-right: 1%;
        margin-bottom: 1%;
        float: left;
    }
    .news-info-tit{
        font-size: 16px;
        margin-bottom: 4%;
    }
    .tx .tx-item{
        height: 280px;
    }
    .tx .tx-item .tx-link a {
        display: inline-block;
        width: 70px;
        height: 26px;
        text-align: center;
        line-height: 26px;
        color: #fff;
    }
    .about-webname{font-size:16px; }
    .about-webname-dis{font-size: 14px; }
    .about-hx{ margin: 2% auto; }
    .ind-abo-tit .ind-abo-tit-p{ font-size: 16px; }
    .ind-abo-tit p{ font-size: 14px; }
    .about-webname1{ font-size: 16px; }
    .about-webname-dis1{ font-size:14px; }
    .about-hx1{ margin: 2% auto; }
    .ind-abo-tit-en{ font-size: 16px; }
    .ind-abo-ys-list-r h4{ font-size: 15px; text-align: center; }
    .ind-abo-ys-list {
       width: 49%;
       padding: 1%;
    }
    .news .content .news-txt h4{ font-size: 15px; }
    .ind-news-anniu{ height: 35px;
    line-height: 35px;
    background: #ec3a24;
    color: #ffffff;
    border: solid 1px #ec3a24; }
    .ind-pro-lists-tit{ font-size: 15px; }
    .news .content .news-items .news-img {
        width: 100%;
        height: auto;
        max-height: 300px;
        background: #eeeeee;
        overflow: hidden;
        display:flex;align-items:center;justify-content:center;
    }
    .ind-pro-lists-h-more1 {
        width: auto;
        height: auto;
        background: #ec3a24;
        border: none;
        line-height: inherit;
        text-align: center;
        font-size: 14px;
        color: #ffffff;
        display: inline-block;
        margin-right: 1%;
        transition: all .2s;
        padding: 2.8% 2.8%;
    }
    .ind-pro-lists-h-more1:hover{ background: #ec3a24; color: #ffffff; }
    
}


@media(min-width:768px) and (max-width:992px){
    .tx1 .tx-list {
        border: none;
        width: 19%;
        margin-right: 1%;
        margin-bottom: 1%;
        float: left;
    }
}

@media(min-width:992px) and (max-width:1200px){
    .tx1 .tx-list {
        border: none;
        width: 19%;
        margin-right: 1%;
        margin-bottom: 1%;
        float: left;
    }
    .tx .tx-item .tx-link a{
        display: inline-block;
        width: 70px;
        height: 26px;
        text-align: center;
        line-height: 26px;
        color: #fff;
    }

}

@media(min-width:1200px){
    .tx1 .tx-list {
        border: none;
        /*width: 19%;
        margin-right: 1%;
        margin-bottom: 1%;
        float: left;*/
    }
    .tx1 .tx-list:hover p{
        background: #ec3a24;
        transition:all .2s;
        color: #ffffff;
    }
    .tx1 .tx-list:hover .sp-more{
        border: solid 3px #ec3a24;
    }
}

@media(min-width:1200px) and (max-width:1520px){}


@media screen and (max-width: 768px){
    .pro_list .pro_list_pic {
        overflow: hidden;
        height: auto;
    }
    .sp-more img {
        max-width: 100%;
        opacity: 1;
        transition: 0.4s;
        height: 94px;
    }
}
@media screen and (min-width: 768px){
    .pro_list .pro_list_pic {
        overflow: hidden;
        height: 148px;
    }
    .pro_list_tit_fl{
        font-size: 14px;
    }

    /**/
    .case-page .case-poster img {
        max-width: 100%;
        transition: 3s ease;
        height: 124px;
        padding: 2%;
    }

    .sp-more img {
        max-width: 100%;
        opacity: 1;
        transition: 0.4s;
        height: 78px;
    }

}
@media screen and (min-width: 992px){
    .pro_list .pro_list_pic {
        overflow: hidden;
        height: 197px;
    }
    .pro_list_tit_fl{
        font-size: 16px;
    }
    /**/
    .sp-more img {
        max-width: 100%;
        opacity: 1;
        transition: 0.4s;
        height: 100px;
    }
    .case-page .case-poster img {
        max-width: 100%;
        transition: 3s ease;
        height: 248px;
        padding: 2%;
    }
}
@media screen and (min-width: 1024px){
    .pro_list .pro_list_pic {
        overflow: hidden;
        height: 197px;
    }
    .pro_list_tit_fl{
        font-size: 16px;
    }
    /**/
    .sp-more img {
        max-width: 100%;
        opacity: 1;
        transition: 0.4s;
        height: 116px;
    }
}
@media screen and (min-width: 1200px){
    .pro_list .pro_list_pic {
        overflow: hidden;
        height: 218px;
    }
    .pro_list_tit_fl{
        font-size: 16px;
    }
    /**/
    .sp-more img {
        max-width: 100%;
        opacity: 1;
        transition: 0.4s;
        height: 178px;
    }
    .case-page .case-poster img {
        height: 185px;
    }
}
@media screen and (min-width: 1510px){
    .pro_list .pro_list_pic {
        overflow: hidden;
        height: 318px;
        
    }
    .pro_list_tit_fl{
        font-size: 20px;
    }
    /**/
    .sp-more img {
        max-width: 100%;
        opacity: 1;
        transition: 0.4s;
        height: 250px;
    }
}

.menu-nr{width: 100%; height: 60px; background: #333333;}
.tel-r-sm{font-size: 15px!important; color: #333333!important;}

@media screen and (max-width: 1200px){

    .menu0 .m_li {
        line-height: 60px;
        color: #fff;
        font-size: 16px;
        padding: 0 4.8px;
    }

}

@media screen and (max-width: 1020px){

   .menu-nr{background: none;}
}



/**/
.abo_part_01_en{font-size: 40px; color: #dbdbdb; text-align: center; font-family: 'Impact'; width: 693px; height: 40px; line-height: 40px; margin:0 auto; font-weight: bold;}

.abo_part_01_en:after{height: auto;content:"";display:block;clear:both;visibility:hidden;}

.abo_part_01_tit{font-size: 28px; color: #1f4da0; text-align: center; margin-top: .8%; margin-bottom: 2.8%;}
.escc-p-font p{font-size: 16px; line-height: 35px;}
.abo_01_tit{font-size: 28px; font-weight: bold; color: #2e2e2e; text-align: center; margin-top: .8%; /*margin-bottom:4.8%;*/}
.abo_part_01_en0{font-size: 15px; text-transform: uppercase; text-align: center; margin-bottom: 4.8%;}
.escc-p-font{margin-bottom: 28px!important;}


.abo-con-dis{width: 100%; margin-bottom: 4%; background: #f5f5f5;}

.abo-con-dis:after{height: auto;content:"";display:block;clear:both;visibility:hidden;}
.tab .tab_wrap:after{height: auto;content:"";display:block;clear:both;visibility:hidden;}
.about-dis-l{width: 48%; float: left; }

.about-dis-r{width: 52%; float: left; }

.about-dis-r-padd{padding:8%; }

.about-dis-r-padd2{padding:2.8% 8% 8% 0; }

.about-dis-r-hx{width: 50px; height: 2px; background: #1d5ca2; margin-top: 1.8%; margin-bottom: 2.8%; }

.about-dis-r-tit{font-size: 24px; color: #ec3a24; }

.about-dis-r-con{font-size: 16px; line-height: 30px; color: #444444; margin-top: 2.8%;}



.overhidden {
    overflow: hidden;
}
.abo-honor-list {
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.abo-honor-list-pic img {
    max-width: 100%;
    transition: all .2s;
    cursor: pointer;
}
.imgresponsive {
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1000px){
    .about-dis-r-tit {
        font-size: 18px;
    }
    .about-dis-r-con {
        overflow-y: auto;
        max-height: 80px;
    }
    .about-dis-r-padd {
        padding: 5% 7%;
    }
}
.ind-pro-items{display: block;}
    .tj-part01{display: none;}
@media screen and (max-width: 768px){
    .about-dis-l {
        width: 100%;
    }
    .about-dis-r{width: 100%;}
    .about-dis-r-con{max-height: inherit;}
    .about-dis-r-padd {
        padding: 0;
    }
    .abo_01_tit {
    font-size: 18px;}
    .about-dis-r {
        width: 100%;
        padding: 5%;
    }
    .about-dis-r-padd2 {
        padding: 0;
    }
    .abo_part_01_en0 {
        font-size: 15px;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 8%;
    }
    .ind-pro-items{display: none;}
    .tj-part01{display: block;}

    
}

.cc-mar0{margin: 0 auto;}

@media screen and (max-width: 468px){
    .logo img {
        max-width: 300px;
    }
}