@charset "UTF-8";

/*public*/
.fix::after {
    content:"";
    display:block;
    clear:both;
}
.clear {  clear: both;  line-height:0; height:0; font-size:0; }
.pw{ margin: 0 auto;
    /*background: #fff;*/
    padding-bottom: 6em
;
    width: 100%;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}
.public-bg {background: #eee;overflow: hidden;}
.center {text-align: center;}
.content img {max-width: 100%;height: auto;}
.logo-h1 {margin: 0;font-size: 1.2em;}
.navbar-brand {padding: 7px 15px;}
.navbar-brand img {height: 36px;}
.group-nav .group-nav-l span{color: #19809a;}
#navbar {text-align: center;}

/*public end*/


/*about*/
.namegs01{font-size:32px}
.partner-img {
    max-width: 1200px;
    padding: 4em;
    background: #f4f4f6;
    margin: auto;
    /*box-sizing: border-box;*/

}
.tag-200609{width: 1190px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 150px;
    border-bottom: 1px solid #eee;
}
.tag-200609 ul{float: left;
    width: 113px;
    height: 150px;
    padding-left: 50px;
    margin-top: 40px;}
.content .partner-img li {width: 16.6%;margin: 1em 0;cursor:pointer}
.about-culture .backimage_div {padding-top: 60px;}
.bread_image {}
.brand-logo-img {margin-bottom: 3em;}
.content .intro_content.intro-top {padding-top: 6em;}
.index-about-more {padding-top: 2em;}
.propar.index-about-more a {font-size: 15px;}
.set_heigth p {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content-head-info p {line-height: 1.8}
.in-img-max{overflow: hidden;cursor:pointer}
.in-img-max img{       transform: scale(1);
    transition: all 1.15s ease 0s;  }
.in-img-max:hover img{   transform: scale(1.15);}
/*about end*/

/*about-govern*/
.about-govern .govern-slogan {text-indent: 12em;}
.govern_foot p{ margin-bottom: 4em;}
.govern-img60 {width: 60%;}
/*about-govern end*/

/*vr*/
#myCarousel_0 {}
.pw1000 {width: 1000px;margin: auto;}
.vr-list {padding: 0 70px;margin: 4em auto 0;}
.item img {max-width: 100%;height: auto;}
/*vr end*/

/*safety*/

.joadvList {
    margin-left: -2%;
}
.joadvList li {
    width: 23%;
    margin-left: 2%;
    margin-bottom: 2%;
    float: left;
    background: #fff;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.pic {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.join-main img {
    /*display: block;*/
    /*width: 100%;*/
    transition: 600ms;
    -webkit-transition: 600ms;
    max-width: 100%;
    height: auto;
}
.joadvList .txts {
    padding-bottom: 30px;
}
.joadvList .ti {
    /*font-size: 18px;*/
    color: #515151;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    padding: 17px 0 15px 0;
    position: relative;
    font-size: 18px;
}
.jodot {
    width: 20px;
    height: 12px;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -10px;
    background: #fff;
}
.jodot .dot {
    display: block;
    border-radius: 100%;
    border: 1px solid #d4d4d4;
}
.jodot .dot1 {
    width: 10px;
    height: 10px;
    margin: 0 4px;
}

.jodot .dot2 {
    width: 4px;
    height: 4px;
    margin: 2px;
}
.tx {
    text-align: justify;
    overflow: hidden;font-size: 16px;
}
.joadvList .txts .tx {
    padding: 0 25px;
    line-height: 2;
    height: 150px;
    margin-top: 15px;
    font-size: 16px;
}
.join-idea p {
    font-size: 28px;
    padding: 0 35px;
    color: #fff;
    margin-top: 10px;
}
.join-main {margin-bottom: 3em;}
.join-main img {max-width: 100%;height: auto;}
.join-main-a {background: url(../images/join-bg.png) no-repeat center bottom;background-size: 100%;margin-top: 6em;padding-bottom: 3em;}
.join-main-a ul {padding: 3em}
.join-title {text-align: center;margin-bottom: 3em;}
.join-idea p {font-size: 28px;padding: 0.5em 1em;color: #fff;margin-top: 10px;}
.join-idea .join-idea-a {background: #f24e66;}
.join-idea .join-idea-b {background: #303032;}
.join-idea .join-idea-c {background: #fed501;}
.join-main-f .join-support {background: #fbf9fa;padding-top: 30px;}
.join-support .join-idea {line-height: 0;font-size: 0;}
.cdtList {
    background: #fff;
    margin: 0 120px 70px;
    position: relative;
}
.cdtList::after {
    content: "";
    display: block;
    position: absolute;
    top: 10%;
    left: 30px;
    width: 2px;
    height: 82%;
    background: #c3c3c3;
    z-index: 1;
}
.cdtList li {
    /*border-bottom: 1px dashed #c0c0c0;*/
    padding: 15px 0;
}
.cdtList .txts {
    position: relative;
    padding-left: 80px;
    min-height: 26px;
}
.cdtList .num {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #1f1f1f;
    overflow: hidden;
    color: #fff;
    text-align: center;
    line-height: 26px;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 19px;
    z-index: 999;
}
.cdtList li:first-child .tx{
    background: #1f1f1f;
    display: inline-block;
    font-size: 24px;color: #fff;
    padding: 0.5em;
}
.cdtList .max-num {left: 0;
    width: 60px;
    height: 60px;
}
.news168{      padding: 10px 20px;
    background: #f6f6f6;
    border-left: 3px solid #086382;}
.news2066{    background:#f4f6f6;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;    }
.cdtList .num-color{background: #c88f4a;}
.flow-title {text-align: center;position: relative;}
.flow-title::after {
    content: "";
    display: block;
    position: absolute;
    top:50%;
    left: 10%;right: 10%;
    width: 80%;
    height: 2px;
    background: #a5a3a4;
    z-index: 1;
}
.flow-title span{display: inline-block;padding: 1em;background: #fff;z-index: 999;font-size: 20px;position: relative;}
.flow-list li {
    width: 20%;
    float: left;
    height: 80px;
    position: relative;
    text-align: center;
    background: #231816;
    z-index: 1;
    margin-bottom: 1em;color: #fff;

}
.flow-list li.flow-color2{  background: #595758;  }
.flow-list li.flow-color3{  background: #898989;  }
.flow-list li.flow-color4{  background: #b5b5b7;  color: #514947}
.flow-list li.flow-color5{  background: #dddddd;  color: #514947 }
.flow-list .flow-content {
    font-size: 16px;

    width: 100%;
    padding: 0 5%;
    position: absolute;
    top: 50%;
    transform: translateX(0) translateY(-50%);
    -webkit-transform: translateX(0) translateY(-50%);
}

.join-consult {width: 78%;border: 2px solid #d14c8d;margin: auto;}
.join-consult-l {float: left;width: 55%;border-right: 2px solid #d14c8d;padding: 2em;position: relative;}
.join-consult-r {float: right;width: 45%;padding: 2em;position: relative;min-height: 170px;}
.join-consult span{display: inline-block;font-size: 42px;
    position: absolute;
    top: 50%;
    transform: translateX(0) translateY(-50%);
    -webkit-transform: translateX(0) translateY(-50%);
}
.join-consult-l span{margin-left: 3%;}
.join-consult-r span{text-align: center;width: 86%;}
/*safety end*/

/*contact*/
.content .words li {
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
}
.content .words .s-input {

    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    font-size: 15px;
    color: #333;
    padding: 10px 20px;
    border-radius: 20px !important;
    transition: 300ms;
    -webkit-transition: 300ms;
}
.content .words .clearfix .s-input {
    /*float: left;*/
    margin-right: 15px;
    width: 40%;
}
.words .s-textarea {
    width: 80%;
    resize: none;
    min-height: 144px;
}
.subBtn {
    display: block;
    width: 182px;
    height: 54px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    background: #9f1e23;
    font-size: 18px;
    cursor: pointer;
    transition: background 300ms;
    -webkit-transition: background 300ms;
    margin-left: 8em;
}
.subBtn:hover {
    background: #d6d6d6;
}
.words {}
.braTitle2 .bodr, .braTitle2 {
    padding-bottom: 2px;
    border-bottom: 1px solid #d6d6d6;text-align: center;
}
.braTitle2 .ch {
    font-size: 24px;
    color: #ab171d;
    font-weight: bold;
    line-height: 36px;
}
.braTitle2 .en {
    font-size: 18px;
    font-style: italic;
    color: #999;
    text-transform: capitalize;
    font-family: Arial;
    line-height: 36px;
    margin-left: 10px;
    margin-top: 5px;
}
.ctaTitle .en {
    font-size: 14px;
    font-style: normal;
    margin-top: 7px;
}
#dituContent {width:100%;height:440px;margin-top: 5em;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;}
.form label {
    display: inline-block;
    width: 100px;
    padding-right: 0;
    text-align: right;
    line-height: 40px;
    vertical-align: top;
    font-size: 16px;
    margin-right: 10px;
}
.form i {color: #ff0000;margin-right: 6px;}
.contact-main {margin-bottom: 5em;}
.contact-map {margin-bottom: 5em;}
input, textarea, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
.map-main {background: #fff;}
.map-main hr.intro_link {    width: 50%;
    margin: 2em auto;
    border: 1px solid #aaa;}
.map-main .content-head {margin-top: 0;}
.map-main h2 {margin-top: 0;}
.msg-head {margin-top: 6em;}
/*contact end*/

/*index*/

.index-bottom {margin-bottom: 6em;}
.index-column {}
.index-product {margin-bottom: 2em;}
.index-title {    text-align: center;margin-bottom: 5%;}
.index-title span {color:#333;font-size:30px;}
.index-title h2 {font-weight: 700;}
.index-product-main {padding-top: 40px;}
.index-product-main .pro-nav-menu {background: #fff;}
.index-product-main .inner-contact {background: #fff;}
.index-product-main .inner-contact .hot-pro-tt {margin-top: 0;}
.index-product-main .inner-contact .cont {
    padding: 10px;
    text-align: center;
    margin-top: 10px;
}
.index-product-main .inner-contact .cont p {
    margin-bottom: 5px;font-size: 14px;
    color: #666;
}
.index-product-main .inner-contact img {max-width: 100%;margin-bottom: 20px;}
.in-pro-l {background: #03435F;padding: 3em 2em;    min-height: 420px;}
.in-pro-l .in-pro-tt {color: #fff;margin-bottom: 3em;}
.in-pro-l .in-pro-tt b{font-size: 20px;}
.in-pro-l ul li{line-height: 48px;}
.in-pro-l ul a{font-size: 16px;}
.in-pro-img {margin-left: -1%;}
.in-pro-img li {width: 24%;float: left;margin-left: 0;text-align: center;margin-left: 1%;}
.in-pro-img li img{max-width: 100%;height: auto;}
/* .in-pro-img li:nth-child(3n-2) {margin-right: 0;} */
.in-pro-img li a {color: #333;}
.in-pro-img li p {padding-top: 1em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.index-advantage {background: url(../images/adv-bg.jpg) no-repeat center;padding: 4em 0;}
.index-advantage ul{width: 90%;margin: auto;}
.index-advantage li {margin-bottom: 4em;}
.in-adv-l {text-align: center;}
.in-adv-l img {max-width: 100%;height: auto;}
.in-adv-tt {color: rgb(255, 255, 255);font-size: 16px;}
.index-advantage .index-title span{color: rgb(255, 255, 255);margin-bottom: 2em;}
.in-adv-content {color: #fff;font-size: 13px;}
/*.index-serve {padding: 3em 2em;}*/
.in-serve-list{width: 20%;float: left;text-align: center;color: #666;}
.in-serve-list img {max-width: 100%;height: auto}
.in-serve-tt {font-weight: 700;font-size: 20px;padding: 1em 0 0;color: #333;}
/*.index-project {padding: 3em 0;}*/
.in-project-main li {text-align: center;}
.in-project-main li img,.in-about-main img {max-width: 100%;height: auto;}
/*.index-about {padding: 3em 0;}*/
.in-about-r {color: #666;font-size: 16px;  line-height: 1.8;  letter-spacing: 2px;  }

.index-advertising{padding: 2em 0;background: url(../images/index-advertising-bg.jpg) no-repeat center;}
.index-advertising .index-gg{width: 90%;margin: auto;}
.index-gg-l {float: left;width: 70%;}
.index-gg-l p {font-size: 14px;}
.index-gg-l .index-gg-title span{display: inline-block;font-size: 48px;margin-right: 6px;  color: rgb(255, 255, 255);}
.index-gg-l .index-gg-title {font-size: 24px;  color: rgb(255, 255, 255);}
.index-gg-l .index-gg-content {    font-size: 30px;  color: rgb(255, 255, 255)}

.index-gg-r {float: right;width: 30%;padding-top: 30px;color: #fff;}
.index-gg-tel img {float: left;margin-right: 10px;}
.index-gg-tel i {font-size: 30px;  color: rgb(255, 255, 255);font-weight: bold;}
.index-gg-r p {margin-bottom: 0;}
.index-more {width: 200px;background-color: rgb(8, 126, 178);margin-top: 10px;
    font-size: 16px;
    line-height: 38px;
    overflow: visible;display: inline-block;text-align: center;
}
.index-more:hover {background-color: rgb(8, 99, 130);color: #fff}
/*.index-news{padding: 3em 0;}*/
.in-news-l {float: left;width: 65%;margin-right: 3%;color: #666;}
.index-news-hot img{max-width: 100%;float: left;margin-right: 3%;}
.in-news-l a {color: #666;}
.in-news-tt a {color: #333;font-size: 18px;font-weight: 700;}
.in-news-tt h2 {line-height: 32px;}
.in-time {float: right;display: inline-block;vertical-align: bottom;font-size: 14px;font-weight: 400;}
.in-news-tt .in-time {line-height: 36px;}
.in-news-list {padding: 1em 0;border-bottom: 1px dashed #999;}
.in-news-list  a{display: block;font-size: 14px; }
.index-news-hot{margin-bottom: 2em;}

.in-news-r {float: left;width: 32%;color: #666;}
.in-news-r h2 a{     font-size: 16px;color: #666;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;}
.in-news-r h2{
    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
}
.in-news-r li:first-child { border-bottom: 1px dashed #999;padding-bottom: 2em;}
.in-news-r li:first-child h2{margin-top: 0}
.in-news-tt:hover a,.in-news-r h2:hover a, .in-news-list:hover a {color: #03435f;font-weight: 600}
.box .title {margin-top: 20px;}
.box .title b,.box .title strong {font-size: 24px;}
.intro-info {width: 80%;margin: auto;line-height: 1.8}
.intro-info p {font-size: 16px;}
/*index end*/

/* pro art*/
.inner-left {background: #fff;
    transition: all .6s ease;
    -moz-transition: all .6s;	/* Firefox 4 */
    -webkit-transition: all .6s;	/* Safari 和 Chrome */
    -o-transition: all .6s;
}
.pro-nav-t{
    font-size: 22px;
    color: #fff;
    text-align: center;
    padding: 30px 0 25px 0;
    background-color: #086382;
}
.pro-nav-t em{    font-style: normal;
    font-weight: normal;  font-size: 22px;}
.pro-nav-tt a{
    display: block;
    font-size: 16px;
    padding-left: 8%;
    border-left: 6px solid #086382;
    margin-top: 20px;
    margin-bottom: 10px;
}
.erji {
    overflow: hidden;
    width: 90%;
    margin-left: 5%;
}
.pro-nav-tt {  border-bottom: 1px dashed #ccc;}
.erji a {
    display: block;
    padding: 0 8%;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #303030;
    text-decoration: none;
    background: url(../images/pro_left01.png) no-repeat right center;
    white-space: nowrap;text-overflow: ellipsis;overflow: hidden;

}
.erji a:hover,.erji a.cur {
    color: #086382;
    font-weight: bold;
    background: url(../images/pro_left02.png) no-repeat right center;
}
.hot-pro-tt {    font-size: 18px; background-color: #086382;line-height: 38px;text-align: center;margin: 1em 0;
    color: #fff;}


.inner-left .inner-contact .title {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #ab7a3f;
    font-weight: bold;
}
.inner-left .inner-contact .cont {
    padding: 10px;
    text-align: center;
    margin-top: 10px;
}
.inner-left .inner-contact .cont img {
    margin-bottom: 10px;
    width: 100%;
}
.inner-left .inner-contact .cont p {
    margin-bottom: 5px;
    color: #666;
}
.inner-left .inner-contact .cont strong {
    font-size: 16px;
}
.hot-pro-tt span{display: inline;}

.inner-right {background: #fff;
    padding: 0 10px 10px;
    margin-bottom: 1em;
}

.rtop {
    overflow: hidden;
    padding-top: 28px;
    padding-bottom: 9px;
    border-bottom: 1px solid #dbdbdb;
}
.rtop h5 {
    float: left;
    padding-left: 10px;
    border-left: 3px solid #086382;
    font-weight: normal;
    line-height: 16px;
    margin: 0;
}
.rtop h5 a {
    font-size: 16px;
    color: #086382;
}
.rtop span {
    float: right;
}
.rtop span em {
    color: #999;
    font-style: normal;
    font-weight: normal;
}
.pro_main {  zoom: 1;  }
.maincont {
    width: 100%;
    margin-bottom: 5em;
}
.prodetailsinfo {
    padding: 15px 0;
    clear: both;
    zoom: 1;
    margin-bottom: 30px;
}
.proviewbox {
    float: left;
    width: 50%;
    position: relative;
    z-index: 5;
}
.probigshow {
    position: relative;
    width: 100%;
    padding: 1px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.probigshow img {
    max-width: 100%;height: auto;
}
.div_prothumb {
    position: relative;
    padding: 15px 15px 0;
}
.thumbporbox {
    position: relative;
    width: 420px;
    overflow: hidden;
    margin: 0 auto;
}
.ul_prothumb {
    position: relative;
    width: 7500px;
    overflow: hidden;
}
.div_prothumb .span_prev, .div_prothumb .span_next {
    position: absolute;
    top: 15px;
    width: 35px;
    height: 62px;
    text-indent: -999em;
    overflow: hidden;
    cursor: hand;
    cursor: pointer;
}
.div_prothumb .span_prev {
    left: 0px;
    _left: -25px;
    background: url(../images/pro-art01.png) no-repeat center top;
}

.div_prothumb .span_prevb {
    background: url(../images/pro-art01.png) no-repeat center top;
    cursor: default;
}
.div_prothumb .span_next {
    right: 0px;
    background: url(../images/pro-art02.png) no-repeat center top;
}
.div_prothumb .span_nextb {
    background: url(../images/pro-art02.png) no-repeat center top;
    cursor: default;
}
#protop h1 {font-size: 36px;}
.prodbaseinfo_a {
    float: right;
    width: 48%;
    z-index: 1;
}
.h2_prodtitle {
    font-size: 22px;
    color: #414141;
    padding: 2px 0 10px;
    line-height: 1.6em;
    border-bottom: 1px dashed #DCDCDC;
    font-weight: bold;
}
.ul_prodinfo {
    padding: 6px 0;
    overflow: hidden;
    zoom: 1;
}
.ul_prodinfo li {
    font-size: 16px;
    padding: 6px 0;
}
.ul_prodinfo li a {font-size: 16px;}
.ul_prodinfo li span {font-size: 16px;display: inline-block;}
.content-head-info .ul_prodinfo p {font-size: 16px;    line-height: 1.5;}
.ul_prodinfos {
    margin-top: 20px;
    padding: 6px 15px;
    overflow: hidden;
    zoom: 1;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
}
.ul_prodinfos li {
    padding: 5px 0 5px;    font-size: 14px;
}
.ul_prodinfos span {display: inline;}
.ul_prodinfos .propar {display: inline-block;margin-left: 15px;}
.propar a{display: inline-block;padding: 5px 15px;background: #03435F;color: #fff;font-size: 20px;border-radius: 5px;}
.propar a:hover {background: #086382;}
.cp {
    border: 1px solid #d7d7d7;
    background: #fff;
    padding-bottom: 12px;
    margin-bottom: 10px;
}
.cptab {
    line-height: 25px;
    color: #086382;
    text-decoration: none;
    padding: 1em;
    font-size: 16px;
    font-weight: 700;
}
.cp dl {
    /*width: 193px;*/
    overflow: hidden;
    /*float: left;*/
    /*display: inline;*/
    /*padding: 12px 3px 0 11px;*/
}
.cp dt {  overflow: hidden;  }
.cp dt a {
    display: block;
    border: 1px solid #D5D5D5;
    padding: 1px;
}
.cp dd {
    line-height: 24px;
    padding-top: 8px;
    overflow: hidden;
    display: block;
    text-align: center;
    white-space: nowrap;text-overflow: ellipsis;
}
.cp dd a {font-size: 15px;}
.cp img {max-width: 100%;height: auto;}
.mod_goods_info {
    clear: both;
    margin-bottom: 10px;
    position: relative;
    background-color: #eee;
    height: 65px;
}
.mod_goods_info .hds {
    height: 65px;
    _overflow: hidden;
}
.mod_goods_info .hds li {
    float: left;
    cursor: pointer;
    border-right: 1px solid #fff;
}
.mod_goods_info .hds .status_on {
    height: 62px;
    line-height: 62px;
    border-top: 3px solid #086382;
    position: relative;
}
.mod_goods_info .hds li span {
    display: block;
    width: 128px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 18px;
    border-bottom: 0;
    font-weight: normal;
    margin: 0;
}
.mod_goods_info .hds .status_on span {
    height: 62px;
    line-height: 58px;
    background-color: #fff;
    color: #086382;
}
.proinfo {
    font-size: 16px;display: none;margin: 2em 0;
}
#art-info .proinfo:first-child {
    display: block;
}
.proinfo-content,.proinfo-content div, .proinfo-content p, .proinfo-content span {line-height: 1.8;  font-size: 16px;  letter-spacing: 2px;}
.proinfo-content h1 {font-size: 36px;}
.proinfo-content img {max-width: 100%!important;height: auto!important;}
.proinfo-content .pro-img-main {text-align: center;letter-spacing:0;}
.art-introduce {background: #eee;}
.art-introduce-l {float: left;width: 30%;border-right: 2px solid #fff;padding: 1em;}
.art-introduce-l img {max-width: 100%;}
.art-introduce-r {float: right;width: 70%;padding: 3em 1em;font-size: 16px;}

.cw-bd {
    color: #333;
    margin: 2em 0;
}
.cw-bd p {
    line-height: 35px;
}
.cw-bd .c-caption {
    font-size: 16px;
    font-weight: 700;
}
.nextinfo{margin: 3em 0 1em;}
.nextinfo p a{font-size: 16px;}
.art-news-hot {padding: 0 1em 1em;}
.art-news-hot li {float: left;width: 49%;margin-bottom: 1em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.art-news-hot li:nth-child(2n){margin-left: 2%;}
.art-news-hot li a {font-size: 15px;}

/* pro art end*/

/* news end*/
.proinfo-content h1 {text-align: center;}
.proinfo-content .news-art-time {font-size: 15px;text-align: center;margin: 1em 0;}
.news-art-content{line-height: 1.8;  font-size: 16px;  letter-spacing: 2px;margin: 2em 0 0;}
.news-art-content div,.news-art-content p,.news-art-content span {font-size: 16px;}
.facility-list .info-content p {width: 80%;}
.facility-list .list-info div.info-img {width: 30%;}
.facility-list div.info-content {width: 68%;}
.item-news .content, .item-pro .content{padding-left: 0;padding-right: 0;background: transparent;}
.news-info-content h2 {font-size: 0;}
.news-info-content h2 b {font-size: 20px;}
.news-info-time {display: inline-block}
.news-info-time span{display: inline-block;margin-right: 10px;color: #a3afb7;}
.news-info-time span img {margin-right: 5px;margin-top: -3px;}
/* news art end*/

/*project*/
.content-list {background: #fff;padding: 2em;}
.info-content h2 {margin-top: 1%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.info-content h2 b {font-size: 30px;}
.content-head-info h2 {margin-bottom: 1em;}
/*project end*/

/*page*/
.public-page ul {
    /*float: left;*/
    padding: 12px 0 12px 16px;
}
.public-page ul li {
    float: left;
    width: auto;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    border: 1px solid #E9E9E9;
    padding: 0 1em 0;
}
.public-page ul li.thisclass, .public-page ul li:hover a, .public-page ul li:hover {
    background-color: #a4a0a0;
    /*padding: 0 1em 0;*/
    font-weight: bold;
    color: #fff;
}
.public-page ul li a {
    float: left;
    padding: 0 4px 0;
    color: #555;
    display: block;
}


.pagelist{letter-spacing:-999px; font-size:0;padding: 12px 0 12px 16px;display: inline-block;}
.pagelist a:nth-child(1) {display: none;}
.public-page a,.public-page b{
    float: left;
    width: auto;
    margin-right: 0.5em;
    margin-bottom: 0.5em;font-size: 14px;
    border: 1px solid #E9E9E9;
    padding: 0 1em 0;
    line-height: 2.2em;letter-spacing:0;
}
.public-page b,.public-page a:hover {
    background-color: #a4a0a0;
    /*padding: 0 1em 0;*/
    font-weight: bold;
    color: #fff;
}

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

    .public-page a,.public-page b{padding: 0 6px;   line-height: 1.5;font-size: 14px;}
}

/*page end*/
/*link*/
.index-link {margin-bottom: 1em;}
.index-link span {color: #666;font-size: 16px;display: inline-block;}
.index-link a {color: #666;font-size: 14px;margin-right: 5px;}
.index-link a:hover {color: #03435f;}
/*link end*/
/*foot*/
.foot-bottom-info {padding: 0 0 1em; }
.foot-bottom-info p {color: #ccc;width: 90%;margin: 0 auto 10px;}
.foot-bottom-info a {color: #ccc;}
.foot-bottom-info a:hover {color: #888;}
.foot-fixation {
    height: 60px;
    background-color: #086382;
    width: 100%;
    z-index: 99;
    display: none;
}
.footbtnlist {
    width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    -webkit-justify-content: space-around;
}
.foot-fixation .foot-btn {
    font-size: 16px;
    color: #fff;
    /* padding-right: 6px; */
    line-height: 32px;
    font-weight: normal;
    text-align: center;
    padding: 14px 0 14px 0;
}
.foot-fixation .foot-btn {
    width: 50%;
    /* margin-left: 6px; */
    display: inline-block;
    border-right: 1px solid #3e8ca7;
}
.foot-fixation .foot-btn img {
    max-width: 100%;
    height: 22px;
    line-height: 0;
    margin-right: 3px;
    vertical-align: middle;
    white-space: nowrap;
}
.foot-fixation .foot-icon3 {
    border-right: 0;
}
/*foot end*/
/*nav*/

.nav-site {position: fixed;top:0;z-index: 999999;width: 100%;
    transition: all .6s ease;
    -moz-transition: all .6s;	/* Firefox 4 */
    -webkit-transition: all .6s;	/* Safari 和 Chrome */
    -o-transition: all .6s;
}
/*nav end*/
.banner-m-top {margin-top: 80px; }
.navbar-hidden {top:-82px;}
.navbar-show {top:0;box-shadow: 0 0 5px #888;}

/*top*/
.cd-top {
    display: inline-block;
    height: 60px;
    width: 60px;
    position: fixed;
    bottom: 18%;
    right: 5%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 8px;
    z-index: 99;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

/*xm*/
.xm-list img {width: 100%;height: 80px;}
.info-content h2 b {font-size: 18px;}
.xm-list .info-content ul {padding: 0;text-align: left;}
.xm-list .info-content li {width: 100%;margin-left: 0;line-height: 1.5;}
.xm-list .info-content li span {display:inline-block;font-size: 14px;width: 33.33%;font-weight: 400;}
.xm-list .info-content .xm-w66 {width: 66.66%;}
.xm-list .info-content li em {font-style: normal;font-size: 14px;}
.information {
    width: 1248px;
    border: #edeeef 1px solid;
    background: #fff;
    margin-top: 15px;
    overflow: hidden;
}
.in-left {
    float: left;
    width: 420px;
    border-right: #edeeef 1px solid;
    background-color: #FFF;
    padding: 10px;
    display: block;
}
.in-right {
    float: right;
    width: 806px;
    background-color: #FFF;
    display: block;
    position: relative;
}
.in-right .in-rl {
    float: left;
    width: 506px;
    background-color: #ffffff;
    padding-left: 19px;
    overflow: hidden;
}
.topbox .shop-name {
    color: #333;
    float: left;
    display: inline;
    font-family: "microsoft Yahei";
    font-size: 20px;
}
.topbox .invitejointxt {
    color: #333;
    display: inline;
    font-family: "microsoft Yahei";
    font-size: 20px;
    font-weight: 900;
}
.wsummary_money {
    height: 67px;
    width: 506px;
    color: #444444;
}
.wsummary_money span,.people_m span,.summary span{display: inline-block}
.summary_money, .summary_hangye {
    font-size: 14px;
}
.summary_hangye {
    padding-bottom: 3px;
    position: relative;
}
.summary_money {
    border-bottom: #e5e6e8 1px solid;
    padding-bottom: 10px;
}
.summary {
    font-size: 14px;
    padding: 10px 0px 20px 0px;
    color: #444444;
}
span.comment-item-star {
    display: inline-block;
    overflow: hidden;
    width: 75px;
    height: 12px;
    background: url(../images/comment-star.png) repeat-x 0 -12px;
    background-size: 15px 24px;
    margin-top: 4px;
    padding: 0px;
}
.in-right .in-rr {
    float: right;
    width: 252px;
    padding: 15px 10px 0px;
    position: relative;
}
.in-rr-box {
    /* width: 252px; */
    padding-bottom: 3px;
}
.in-rr-box .bg1 {
    background: url(../images/p-ico.png) no-repeat;
    background-position: 0 -252px;
    width: 273px;
    height: 47px;
    line-height: 42px;
    position: absolute;
    top: 7px;
    left: -8px;
}
.in-rr-box .bg1 .hy {
    color: #FFF;
    font-size: 18px;
    font-weight: 800;
    padding-left: 60px;
    line-height: 45px;
    float: left;
    font-family: "microsoft Yahei";
}
.in-rr-box .bg1 .Year {
    font-size: 16px;
    float: right;
    padding-right: 39px;
    line-height: 42px;
    color: #c20707;
}
.xx-logo img {
    width: 180px;
    height: 80px;
    border: #ededed 1px solid;
    padding: 2px;
    margin: 35px auto 0;
    display: block;
}
.people_m ul li {
    line-height: 24px;
    height: auto;
    overflow: hidden;
}
.people_m ul li .zztu {
    background: url(../images/p-ico.png) no-repeat;
    width: 78px;
    height: 24px;
    line-height: 28px;
    display: inline-block;
    padding-left: 22px;
    font-weight: bold;
}


/*xm end*/
@media only screen and (max-width: 768px) {
    .cd-top {
        height: 38px;
        width: 38px;
        right: 5%;
        bottom: 18%;
    }
}
/*@media only screen and (max-width: 1024px) {*/
/*.cd-top {*/
/*height: 60px;*/
/*width: 60px;*/
/*right: 5%;*/
/*bottom: 30%;*/
/*}*/
/*}*/

/*top end*/





@media screen and (max-width: 1366px){
    .pw {  width: 90%;padding: 0 5% 3em;  }
    .content {  width: 90%;  }
    .partner-img {padding: 1em 2em;}
    .content div.intro_content div.intro_text span {width: 100%}
    .content div.intro_content div.intro_text p {width: 100%}
    .content div.intro_content div.intro_image p {width: 100%}
    .content-head-info p.center_p2 {margin-top: 3em!important;}
    .index-advantage ul{width: 100%}
    .in-adv-content {min-height: 60px;}
    .index-advantage li {    margin-bottom: 2em;}
}

@media screen and (max-width: 1024px){
    .pw {  width: 100%;  }
    .content {  width: 90%;  }
    /*about brand*/
    /*.group-nav {height: 50px;}*/
    /*about brand end*/
    /*contact*/
    .content .words .s-input {padding: 5px 12px;}
    .words ul{padding: 0;}
    .words .s-textarea {  width: 72%;}
    /*contact end*/
    .facility-list .info-content p {width: 100%;}
    .partner-img {padding: 1em;}
    .content .partner-img li {width: 20%;}
    .about-govern .govern-slogan {  text-indent: 10em;  }
    .content div.intro_content div.intro_text span {width: 90%}
    .content div.intro_content div.intro_text p {width: 90%}
    .content div.intro_content div.intro_image p {width: 90%}
    .content div.intro-top div img {width: 50%}
    .content .intro_content.intro-top {padding-top: 3em}
    .content div.intro_content div {width: 100%;}
    .content div.intro_content div.intro_text {padding-top: 1em;}
    .content div.intro_content div.intro_text p, .content div.intro_content div.intro_image p{font-size: 1em;}
    .content div.intro_content div.intro_image {text-align: center;}
    .content-head-info p.center_p2 {margin-top: 2em!important; width: 100%;}
    .content div.content-head div.chugui_in {width: 100%;}
    .vr-list {padding: 0 2em;}
    .head-padding_4rem {padding-top: 3em;}
    .joadvList li {box-shadow: -1px 0 7px rgba(0, 0, 0, 0.2);}
    .cdtList {margin:  0 3em 1em;}
    .flow-list li {width: 25%;}
    .join-consult {width: 90%;}
    .join-consult span {font-size: 28px;}

    .proviewbox{width: 100%}
    .prodbaseinfo_a {width: 100%;}
    .art-introduce-r {padding: 1em;width: 100%;}
    .art-introduce-l {display: none;}
    .in-pro-l {min-height: 0;}
    .in-pro-l ul li {line-height: 38px;}
    .in-pro-img li {width: 32.33%}
    /* .in-pro-img li:nth-child(3n-2) {margin-left: 0;}
    .in-pro-img li:nth-child(2n-1) {margin-left: 0;} */
    /* .in-pro-img li:nth-child(6), .in-pro-img li:nth-child(7) {display: none} */
    .in-pro-img li img {height: 22vw;}
    .in-adv-content {  min-height: 80px;overflow: hidden;  }
    .index-advantage li {    margin-bottom: 1em;}
    .in-serve-list img {max-width: 90%;}
    .in-about-l {margin-bottom: 1.5em;}
    .index-advertising .index-gg {width: 100%;}
    .index-gg-l .index-gg-content {font-size: 16px;}
    .in-news-tt h2 {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .in-news-l{width: 70%;}
    .in-news-r{width: 27%;}
    .index-bottom {margin-bottom: 4em;}
    .map-main.pw {width: 90%;}
    .proviewbox {margin-bottom: 2em;}
    .info-content p {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .intro-info {width: 90%;}
}

@media screen and (max-width: 767px){
    h1{font-size: 1.8em}
    h2{font-size: 30px;}
    .content {  width: 100%;  }
    /*about brand*/

    /*about brand end*/
    /*contact*/
    .words .s-textarea {  width: 90%;}
    .form label {width: 100%;text-align: left;}
    .content .words .clearfix .s-input {width: 90%;}
    .subBtn {margin-left: 1em;    height: 38px;  border-radius: 19px;}
    .content-head-info {  margin-top:1em;  }
    /*contact end*/
    .facility-list div.info-content {width: 100%;}
    .facility-list .list-info div.info-img {width: 100%;}
    .content .partner-img li {width: 33.33%;}
    .about-govern .govern-slogan {  text-indent: 0;  }
    .vr-list {padding: 0 ;}
    .joadvList {  margin-left: -3%;  }
    .joadvList li {width:47%;margin-left: 3%;margin-bottom: 3%;    }
    .join-main-a {background-size: auto; margin-top: 3em;}
    .join-main-a ul {padding: 0}
    .join-main {margin-bottom: 2em;}
    .joadvList li .pic {display: none;}
    .cdtList {margin:  0 0 1em;}
    .flow-list li {width: 50%;}
    .join-consult {width: 100%;}
    .join-consult-l {padding: 1em;}
    .join-consult-l img ,.join-consult-r img{width: 30px;}
    .join-consult span {font-size: 16px;
        position: static;top:0;transform: translateX(0) translateY(0);
        -webkit-transform: translateX(0) translateY(0);
    }
    .join-consult-r {min-height: 0;padding: 1em;}
    .join-title img {height: 80px;}
    .inner-left {display: none}
    .art-introduce {display: none;}
    .rtop h5 {display: none;}
    .rtop span {float: left}
    .in-pro-tt {display: none;}
    .in-pro-l {padding: 0;margin: 1em 0;background: none}
    .in-pro-l ul li {float: left;width: 48%;margin: 0 1% 2%;background: #03435F;text-align: center;line-height: 28px;}
    .in-pro-l ul li:nth-child(5), .in-pro-l ul li:nth-child(6){display: none}
    .zlxz_con {padding: 3em 0}
    .in-adv-l{margin-bottom: 1em;}
    .in-adv-tt{text-align: center}
    .in-adv-content{display: none;}
    .in-serve-list {width: 33.33%;    margin-bottom: 10px;}
    .in-project-main li {margin-bottom: 1em;}
    .index-gg-l .index-gg-content, .index-gg-english{display: none;}
    .index-gg-l,.index-gg-r{width: 100%;text-align: center;}
    .index-gg-tel img {float: none;    vertical-align: top;}
    .index-gg-tels {display: inline-block;}
    .index-gg-r {padding-top: 1em;}
    .in-news-l{width: 100%;}
    .in-news-r{width: 100%;}
    .index-news-hot img {width: 100%;float: none;}
    .in-time {float: none;display: block;}
    .in-news-list a {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .in-news-r{display: none}
    .index-advantage {background-position: top center;padding: 1em 0 0}
    .index-bottom {margin-bottom: 1em;}
    .index-title {margin-bottom: 3%;}
    .facility-list {padding: 0}
    .govern-img60 {width: 100%;}
    .navbar-brand img {height: 41px;}
    .foot-fixation {display: inline-block;position: fixed;bottom: 0;}
    .foot-intro {display: none;}
    .index-link {display: none;}
    .navbar-collapse {padding-top: 3em;padding-bottom: 3em;}
    .banner-m-top {margin-top: 55px;}
    .navbar-hidden {top:0;}
    .navbar-show {top:0;}
    .zlxz_con, .index-advertising, .index-about, .foot-nav {display: none;}
    .index-product {margin-top: 0}
    .foot-bottom-info {padding: 0.5em 0;}
    .contact-map {display: block}
    .proinfo-content h1 {font-size: 1.4em;text-align: left;}
    .proinfo-content .news-art-time {text-align: left;font-size: 10px;}
    #protop h1{font-size: 1.4em;text-align: left;}
    .content div.content-list div.list-info div.info-img div.chugui_in {margin-bottom: 1em;}
    .content-list {padding: 1em;}
    .intro-info {width: 100%;margin-top: 3em!important;}
    .intro-info p {font-size: 1em;}
    .in-serve-main .in-serve-list p{display: none;}
    .in-serve-main .in-serve-list .in-serve-tt {display: inline;font-size: 16px;}
    .index-advantage .index-title span {margin-bottom: 0;}
    .carousel-inner .item img.art_imges_m{height:180px;}
    .cp1,.in-pro-l{display:none;}
    .in-pro-img li {width: 49%;}
    .in-pro-img li img {height:158px;}
    .erji {    margin-bottom: 20px;}
    .pro-nav-tt {float: left;width: 50%;padding-right: 15px;}
    .index-product-main .row {    margin-right: -15px;margin-left: -15px;}
    .index-product-main {padding-top: 25px;}
    .index-product-main .inner-contact {display: none;}
}
    .phone168 { color: #FF0000;font-size:100%; text-align:center;    padding-top: 18px; }
@media screen and (min-width: 1028px){
  .in-pro-img li img { min-height: 207.2px;}
  .in-pro-img li p font{font-size: 14px;}
}
/*阅读全文*/
#contTab{
    display: none;
}
.content-more{
    display: none;
}
 
 
#contTab:checked ~ #cont{
    max-height: 600px;
    overflow: hidden;
}
#contTab:checked ~  .content-more{
    display: block;
    position: relative;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}
#contTab:checked ~  .content-more .gradient{
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,0),#fff);
    background-image: linear-gradient(-180deg,rgba(255,255,255,0),#fff);
    height: 80px;
    position: absolute;
    left: 0;
    top: -79px;
    width: 100%;
}
#contTab:checked ~  .content-more .readmore{
    display: inline-block;
    background: #0067cb;
    color: #fff;
    width: 175px;
    height: 42px;
    border-radius: 42px;
    line-height: 42px;
    font-size: 16px;
    cursor: pointer;
}