
/* CSS Document已经更新过了 */
body,ul,li,form,h1,h2,h3,h4,h5,h6,p,dl,dt,dd{margin:0; padding:0;}
body{ font-size:14px;     font-family: 'Microsoft YaHei', 'STSong', 'SimSun', Arial, sans-serif;min-width:1225px; }

em,i,u{ font-style:normal}
ul,li{ list-style:none;}
img{margin:0; padding:0; border:none;vertical-align: middle;}
a{text-decoration: none;color: #231713;}
input,textarea,select,button{ outline:none; padding:0;border: none;}
.clear:after { content:''; display:block; clear:both; }
.clear{ zoom:1; }

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.home .headerbg { width: 100%;position: fixed;z-index: 105; background: rgba(0, 0, 0, 0.2);color: #fff;top: 0;left: 0;transition: 0.2s; }
.home .headerbg .header .nav > li>a,.home .headerbg .header .tel span {color: #fff;}
.home .headerbg.scrolled {background: #fff;}
.home .headerbg.scrolled  .header .nav > li>a ,.home .headerbg.scrolled .header .tel span{color: #000;}
.logo {display:none;}
.home .logo2 {display:none;}
.home .logo {display:block;}
.home .headerbg.scrolled .logo {display:none;}
.home .headerbg.scrolled .logo2 {display:block;}

.headerbg {background: #fff;}
.header{width: 1200px;margin: auto;position: relative;height: 64px;}
.header .tel {margin-top: 5px;float: right;width: 210px;height: 48px;background: url(../image/tel.png) no-repeat left center;}
.header .tel span {font-size: 24px;display: block;width: 100%;line-height: 48px;text-align: right;color:#333;text-indent: 40px;}
.header .logo{float: left;margin-top: 10px;}
.header .logo2{float: left;margin-top: 10px;}
.navbg  {background: rgba(0, 0, 0, 0.2);}
.header .nav{float: left;width: auto;}
.header .nav > li{float: left;width: 120px;height: 64px;position: relative;}
.header .nav > li>a{width: 120px;height: 64px;display: block;color: #333;font-size: 16px;text-align: center;line-height: 64px;font-weight: bold;}
.header .nav > li>ul{position: absolute;top: 64px;left: 0;display: none;z-index: 2;border-top: 2px solid #fabf1b;}
.header .nav > li>ul>li{width: 120px;height: 54px;border-bottom: 1px solid #ddd;line-height: 54px;text-align: center;background: rgba(0, 0, 0, 0.2);}
.header .nav > li>ul>li:nth-last-of-type(1){border: none;}
.header .nav > li>ul>li>a{color: #fff;font-size: 16px;font-weight: bold;}
.header .nav > li>ul>li>a:hover{color: #fff;}




.ky-banner-600{
  position: relative;
}

.ky-banner-600::after{
  position:absolute;
  left:0;
  right:0;
  bottom:-28px;
  content:"";
  z-index:1;
  width:100%;
    /*height: 50px;*/
  border-radius:50%;
  background:#fff;
}

/* 共用居中样式 */
.vertical-center, .customer-case-warp .company-list .company-li, .customer-case-warp .company-tab .company-item, .customer-case-warp .media .bottom .right, .customer-case-warp .media .bottom .left .company, .waybill-warp .right, .waybill-warp .middle, .swiper-warp .swiper-right, .swiper-warp .swiper-left, .swiper-warp .swiper-point {
  display: flex;
  justify-content: center;
  align-items: center;
}
 
 /* banner查询运单号 */
.waybill-warp {
  display: flex;
 /* width: 1040px;*/
width: 790px;
  height: 104px;
  position: absolute;
  /*left: calc(50% - 520px);*/
  left: calc(50% - 395px);
  background: rgb(0 0 0 / 38%);
  border-radius: 12px;
  z-index: 101;
  padding: 19px;
  box-sizing: border-box;
  bottom: 40px;
}

.waybill-warp::after {
  position:absolute;
  left:0;
  right:0;
  bottom:-28px;
  content:"";
  z-index:1;
  height:50px;
  width:100%;
}

.waybill-warp .search-textarea {
  border: none;
  padding: 0;
  font-size: 16px;
  outline: none;
  resize: none;
  color: #626676;
}

.waybill-warp .left {
  display: flex;
  padding: 16px 20px;
  background: #fff;
  border-radius: 12px;
  width: 556px;
  box-sizing: border-box;
  position: relative;
}

.waybill-warp .left .offStatus {
  width: 100%;
  display: flex;
}

.waybill-warp .left .offStatus .search-textarea {
  margin-right: 20px;
  flex: 1;
}

.waybill-warp .left .offStatus .textarea-text {
  flex: 1;
  color: #4d4f54;
  line-height: 34px;
  font-size: 14px;
}

.waybill-warp .left .offStatus .search-btn {
  display: flex;
  justify-content: center;
  width: 108px;
  height: 36px;
  background: #fabf13;
  border-radius: 4px;
  color: #000;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
  cursor: pointer;
}

.waybill-warp .left .offStatus .search-btn > img {
  margin-right: 4px;
}

.waybill-warp .left #onStatus {
  background: #fff;
  padding: 12px 0px 12px;
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 6;
  line-height: 1;
  border-radius: 12px;
  width: 100%;
  box-sizing: border-box;
}

.waybill-warp .left #onStatus .mobile-tip {
  display: flex;
  height: 40px;
  align-items: center;
  font-size: 14px;
  color: #03050D;
    padding: 0 20px 8px 20px;
    border-bottom: 1px solid #d9dadc;
}

.waybill-warp .left #onStatus .mobile-tip .link {
  margin-left: 10px;
  color: #7e51e4;
  cursor: pointer;
}

.waybill-warp .left #onStatus .mobile-tip > img {
  width: 30px;
  margin-right: 10px;
}

.waybill-warp .left #onStatus .mobile-tip .ky-top {
  transform: rotate(90deg);
  color: #7e51e4;
  margin-left: 3px;
  font-size: 14px;
  overflow: initial;
  vertical-align: initial;
}

.waybill-warp .left #onStatus .on-status_inner {
  display: flex;
  flex-direction: column;
  width: 532px;
  box-sizing: border-box;
  min-height: 162px;
  background: #fff;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.waybill-warp .left #onStatus .on-status_fillin {
  min-height: 100px;
  padding-top: 12px;
  padding-left: 16px;
  border-radius: 4px;
  margin-bottom: 6px;
}

.waybill-warp .left #onStatus .on-status_fillin #tags{
  max-height: 300px;
  overflow-y: auto;
}

.waybill-warp .left #onStatus .ft-bar {
  text-align: right;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
    margin-right: 20px;
}

.waybill-warp .left #onStatus .ft-bar_btn {
  width: 108px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #7e51e4;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
}

.waybill-warp .left #onStatus .ft-bar_btn .ky-search, #offStatus .ky-search {
  height: auto;
  vertical-align: bottom;
  margin-right: 6px;
  font-size: 14px;
  overflow: initial;
}

.waybill-warp .on-status .ft-bar_btn__clear{
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  color: #7e51e4;
  margin-right: 16px;
  cursor: pointer;
}

.waybill-warp .left #onStatus .search-textarea {
  border: none;
  padding: 0;
  width: 100%;
  font-size: 14px;
  color: #b7bbc3;
}

.waybill-warp .left #onStatus .tag {
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  padding: 0 11px;
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
  border-radius: 17px;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 12px;
  vertical-align: bottom;
}

.waybill-warp .left #onStatus .tag .iconfont,
.waybill-warp .left #onStatus .tag-edit .iconfont {
  color: #c7c5c5;
  cursor: pointer;
  float: right;
  opacity: .65;
  width: auto;
  height: auto;
}

.waybill-warp .left #onStatus .tag .iconfont:hover,
.waybill-warp .left #onStatus .tag-edit .iconfont:hover {
  opacity: 1;
}

.waybill-warp .left #onStatus .tag-error,
.waybill-warp .left #onStatus .tag-edit-error {
  background: #ffe8e5;
  border: 1px solid #ffa69d;
}

.waybill-warp .left #onStatus .tag-error-text,
.waybill-warp .left #onStatus .tag-edit-error-text {
  color: #333;
}

.waybill-warp .left #onStatus .tag-error .iconfont,
.waybill-warp .left #onStatus .tag-edit-error .iconfont {
  color: #f55;
}

.waybill-warp .btn-a:hover{
  color: #9b6fff;
}

.waybill-warp .left #onStatus .error_tips {
  font-size: 14px;
  color: #f2222c;
  display: none;
  float: left;
  margin-bottom: 9px;
    margin-left: 20px;
}

.waybill-warp .left #onStatus .error_tips .iconfont {
  font-size: 14px;
}

.waybill-warp .left #onStatus .error_tips .iconfont.ky-icon-attention1 {
  vertical-align: top;
}

.waybill-warp .left #onStatus .tag-text {
  font-size: 16px;
  display: inline-block;
  margin-right: 4px;
  color: #666;
  max-width: 98px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.waybill-warp .left #onStatus .ft-bar_btn.disable {
  opacity: 0.6;
  cursor: no-drop;
}

.waybill-warp .left #onStatus .tag-edit {
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  padding: 0 11px;
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
  border-radius: 17px;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 12px;
  vertical-align: bottom;
}

.waybill-warp .left #onStatus .tag-edit {
  outline: none;
  width: 130px;
  background-color: #fff;
  border-color: #e5e5e5;
}

.waybill-warp .middle {
    margin-left: 44px;
    border-radius: 6px;
    transition: all 0.3s ease;
    cursor: pointer;
    text-align: center;
    color: #fff;
    width: 148px;
    height: 64px;
}
.waybill-warp .search-hr {
    width: 1px;
    height: 40px;
    opacity: 0.6;
    top: 12px;
    position: relative;
    margin: 0 40px;
    background: #ffffff;
}

.waybill-warp .middle .label, .waybill-warp .right .label {
  vertical-align: super;
  position: relative;
  top: 2px;
}

.waybill-warp .right .btn-a {
  text-align: center;
}


.waybill-warp .middle > img {
  margin-right: 6px;
}

.waybill-warp .right {
    width: 148px;
    border-radius: 6px;
    transition: all 0.3s ease;
    height: 64px;
    color: #fff;
    cursor: pointer;
}
 
 .waybill-warp .middle:hover,.waybill-warp .right:hover{background: #fabf13;}

.waybill-warp .right > img {
  margin-right: 6px;
}

.waybill-warp .middle img,  .waybill-warp .right img{
  position: relative;
  top: 1px;
}

 .swiper-warp .swiper-point {
  position: absolute;
  bottom: 154px;
  left: 0;
  z-index: 99;
  cursor: pointer;
  width: 100%;
}

.swiper-warp .point {
  width: 36px;
  height: 6px;
  opacity: 0.6;
  background: #ccc;
  margin: 4px 8px 4px 0;
  float: left;
}

.swiper-warp .point.active {
  opacity: 1;
  background: #7e51e4;
}

.chain .mod .desc{
    color: #fff;
    line-height: 37px;
    font-size: 15px;
    max-width: 550px;
	max-width: 100%;
}
.chain .mod .desc>pre{
    white-space: pre-wrap;      /* css-3 */

    white-space: -moz-pre-wrap;  /* Mozilla, since1999 */

    white-space:-pre-wrap;      /* Opera 4-6 */

    white-space: -o-pre-wrap;    /*Opera 7 */

    word-wrap:break-word;       /* Internet Explorer 5.5+ */
}
.chain .w1152 ul{
    margin-top: 55px;
}
.chain .w1152{
    max-width: 1505px;
}
.chain .w1152 .btn_default{
    font-weight: 600;
    margin-top: 50px;
	border-radius: 50px;
	color:#000;
	width: 120px;
}


@media (max-width: 640px) {

.waybill-warp {
    display: flex;
    width: 100%;
    height: 104px;
    position: relative;
    left: 0;
    padding: 19px; 
    bottom: 0px;
}
.waybill-warp .middle,.waybill-warp .search-hr,.waybill-warp .right {display:none}
.waybill-warp .left {
    display: flex;
    padding: 16px 20px;
    width: 100%;
    margin: auto;
}
}




.strength-swiper-warp {padding-top: 50px;padding-bottom: 50px;}

.strength-swiper-warp .ato-content {
  width: 1200px;
  margin: 0 auto;
  padding-top: 25px;
  display: flex;
  justify-content: center;
}

.strength-swiper-warp .ato-list ul { 
  overflow: initial !important;
  margin: 0 auto;
  width: 1200px;
}
.strength-swiper-warp .ato-list ul.static{
  display: flex;
  justify-content: center;
}

.strength-swiper-warp .ato-list ul li {
  width: 32%; 
  float: left;
    margin-left: 16px;
    margin-right: 0;
    text-align: center;
    position: relative;
    top: 10px;
    left: -8px;
    overflow: hidden;
    background: transparent;
    transition: all 0.2s;
    margin-top: 40px;
    border-radius: 6px;
}


.strength-swiper-warp .ato-list .tempWrap{
    margin: 0 auto;
    overflow: initial !important;
    width: 1212px;
}

.strength-swiper-warp .ato-list ul li h3 {
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  margin-top: 30px;
  color: #03050d;
  font-size: 24px;
}

.strength-swiper-warp .ato-list ul li p {
  margin: 0;
  text-align: left;
  text-align: center;
  font-size: 14px;
  color: #4d4f54;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.strength-swiper-warp .ato-list-fl {
  float: left;
  margin-top: 243px;
}

.strength-swiper-warp .ato-list-fl > div {
    width: 47px;
    height: 47px;
  position: relative;
  float: left;
  display: flex;
  overflow: hidden;
  align-items: center;
  cursor: pointer;
    background: #f6f7fb;
    border: 1px solid #f6f7fb;
    border-radius: 50%;
    justify-content: center;
    transition: 0.2s;
}

.strength-swiper-warp .ato-list-fl .prev{
    margin-right: 16px;
}

.strength-swiper-warp .ato-list-fl .next{
    margin-left: 10px;
}

.strength-swiper-warp .ato-list-fl > div:hover{
    background: #fff;
    color: #7e51e4;
    border: 1px solid #7e51e4;
}

.strength-swiper-warp .ato-list-fl .iconfont {
    font-size: 26px;
}

.strength-swiper-warp .ato-list-fl .prev .ky-arrow-right {
    transform: scale(-1,1);
}

.strength-swiper-warp .ato-list-fl > div > img {
  height: 22px;
}

.strength-swiper-warp .ato-list {

  width: 1200px; 
}

.strength-swiper-warp .ato-list{
  overflow: hidden;
}

.strength-swiper-warp .ato-list .btn {
  width: 95px;
  height: 36px;
  line-height: 35px;
  text-align: center;
    font-size: 14px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
    opacity: 0;
    position: relative;
    transition: all 0.3s;
    top: 0;
}

.strength-swiper-warp .strength-bottom { 
    overflow: hidden;
    transition: all .2s;
    position: relative;
    top: 0; 
	background: #fff;
}

.strength-swiper-warp .ato-list ul li:hover {
  transform: scale(1.01);

  transition: all 0.2s;
 
  z-index: 2;
  top: -10px;
    overflow: hidden;
    border: none;
}

.strength-swiper-warp .ato-list ul li:hover .strength-img{
    transform: scale(1.01);
}

.strength-swiper-warp .ato-list ul li:hover .btn {
    top: -16px;
    opacity: 1;
}

.strength-swiper-warp .ato-list ul li:hover .strength-bottom h3, .strength-swiper-warp .ato-list ul li:hover p {
  color: #fff;
}
.strength-swiper-warp ul li:hover .strength-bottom {
    
    top: -40px;
    background: #f9c011;
    border-radius: 0px 0px 6px 6px;
}

.strength-swiper-warp .ato-list ul li:last-child {
    display: none;
}
 



 @media (max-width: 640px) {
.strength-swiper-warp .ato-content {width: 95%;}
.strength-swiper-warp .ato-list {width: 100%;}
.strength-swiper-warp .ato-list ul.static { display: block;width: 100%;}
.strength-swiper-warp .ato-list ul li {width: 47%;}
.strength-swiper-warp .ato-list ul li:last-child {display: block;}
.chain { background-size: cover !important;}

.strength-swiper-warp .ato-list ul li .strength-img {}


}

 .strength-swiper-warp .title{width: 100%;text-align: center;}
.strength-swiper-warp .title h2{font-weight: bold;font-size: 30px;color: #333;line-height: 50px;margin: auto;line-height: 50px;font-family:Arial;}
.strength-swiper-warp .title p{color: #333;font-size: 24px;line-height: 40px;}
.strength-swiper-warp .title span{width: 65px;background: #003557;height: 3px;margin: auto;margin-top: 30px;display: block;}
 .strength-swiper-warp .ato-list img {max-width:100%;}

.index-kjrk{width: 100%;height: 110px;background: #3c3b49;margin-top: -60px;background: url(../image/ssbj.png) no-repeat center;position: relative; z-index: 99;padding-top: 18px}
.index-kjrk .dhcx{width: 756px;margin-top: 57px;height: 72px;margin: auto;background: #f9f9f9;}
.index-kjrk .dhcx .img{width: 55px;float: left;text-align: right;line-height: 72px;}
.index-kjrk .dhcx .srk{width: 692px;height: 72px;float: right;}
.index-kjrk .dhcx .srk input{width: 519px;height: 72px;border: none;background: #f9f9f9;text-indent: 18px;color: #000;font-size: 12px;float: left;}
.index-kjrk .dhcx .srk input::-webkit-input-placeholder{color:#333;opacity:1;}
.index-kjrk .dhcx .srk input::-moz-input-placeholder{color:#333;opacity:1;}
.index-kjrk .dhcx .srk input::-ms-input-placeholder{color:#333;opacity:1;}
.index-kjrk .dhcx .srk input::-o-input-placeholder{color:#333;opacity:1;}
.index-kjrk .dhcx .srk button{width: 173px;height: 72px;background: #e9e9e9;text-align: center;line-height: 72px;font-size:20px;text-align: center;color: #333;border: 0;float: left;cursor: pointer;}
.index-kjrk .fwjs{width: 280px;height: 60px;float: left;margin-top: 57px;}
.index-kjrk .fwjs .img{width: 115px;float: left;text-align: right;}
.index-kjrk .fwjs .spc{width: 153px;float: right;height: 34px;margin-top: 13px;border-right:1px solid #c9c9c9;line-height: 1;}
.index-kjrk .fwjs .spc p{color: #231815;font-size: 16px;padding-bottom: 3px;}
.index-kjrk .fwjs .spc span{color: #231815;font-size: 12px;}

 
 .index-zyyw{width: 1200px;margin: auto;margin-top: 130px;margin-bottom: 100px;}
.index-zyyw .title{width: 100%;text-align: center;}
.index-zyyw .title h2{font-weight: bold;font-size: 30px;color: #333;line-height: 50px;margin: auto;line-height: 50px;font-family:Arial;}
.index-zyyw .title p{color: #333;font-size: 24px;line-height: 40px;}
.index-zyyw .title span{width: 65px;background: #003557;height: 3px;margin-top: 30px;display: block;}

.index-zyyw .list{width: 1200px;overflow: hidden;}
.index-zyyw .list li{float: left;margin-bottom: 34px;width: 33%;position: relative;}
.index-zyyw .list li:nth-of-type(odd){margin-right: 34px;}
.index-zyyw .list li .img{width: 100%;height: auto;position: relative;overflow: hidden;}
.index-zyyw .list li .img .text{position: absolute;bottom: -100%;height: 100%;background: rgba(0,0,0,.3);width: 100%;}
.index-zyyw .list li:hover .img .text {bottom: 0;}
.index-zyyw .list li .img .text p {position: absolute;bottom: 0;color: #fff;font-size: 16px;padding: 20px;width: 100%;}
.index-zyyw .list li .spc{width: 100%;height: 65px;background: #f7f7f7;padding:0 20px}
.index-zyyw .list li .spc h2{float: left;line-height: 65px;font-size: 20px;font-weight: 700;}
.index-zyyw .list li .spc p{float: right;line-height: 65px;font-size: 14px;}
.index-zyyw .list li .spc p span {color: #003557}
 
 
 .index-aboutbackground{background: #f9f9f9;padding-top:80px;}
.index-about{width: 1200px;margin: auto;}
.index-about .title{width: 100%;height: 95px;}
.index-about .title h2{font-weight: bold;font-size: 30px;color: #333;line-height: 50px;margin: auto;line-height: 50px;font-family:Arial;}
.index-about .title p{color: #333;font-size: 24px;line-height: 40px;}
.index-about .title p.title-bottom{background: url(../image/heng.jpg) no-repeat;height: 3px;margin-top: 10px;}
.index-about .spc{overflow: hidden;width: 1200px;margin: auto;line-height: 42px;font-size: 18px;margin-top: 45px;}
.index-about .spc-left {float: left;width: 515px;height: 350px;padding-top:30px;font-size: 14px;}
.index-about .spc-left p{line-height: 35px;}
.index-about .spc-left a.more{width: 127px;margin: auto;height: 34px;line-height: 34px;border:1px solid #000;text-align: center;display: inline-block;margin-top: 30px;}
.index-about .spc-right {float: right;width: 604px;height: 350px;}
.index-about .spc-right img{width: 100%;}
.index-other{width: 1200px;margin: auto;margin-top: 100px;padding-bottom: 100px;}


.index-hzlc{width: 1200px;margin: auto;margin-top: 50px;}
.index-hzlc .title{width: 100%;height: 123px;}
.index-hzlc .title h2{font-weight: bold;font-size: 30px;color: #333;line-height: 50px;margin: auto;line-height: 50px;font-family:Arial;font-weight: 700;}
.index-hzlc .title p{color: #333;font-size: 24px;line-height: 40px;}
.index-hzlc .title span{width: 65px;background: #003557;height: 3px;margin-top: 30px;display: block;}

.index-fuwu {width: 1200px;margin: auto;overflow: hidden;padding:100px 0;}
.index-fuwu li {width: 288px;float: left;margin-right:15px;border:1px solid #bfbfbf;padding:30px;height: 400px;margin-bottom: 50px;}
.index-fuwu li:nth-child(4n) {margin-right:0px;}
.index-fuwu li .img {height:95px;margin-top:0px;}
.index-fuwu li .img img {height:95px;}
.index-fuwu li .img img.on {display: none;}
.index-fuwu li .desc{margin:15px 0;}
.index-fuwu li .desc h2{font-weight: bold;font-size: 24px;color: #333;line-height: 30px;    margin: 20px 0;}
.index-fuwu li .desc p{color: #8b8b8b;font-size: 20px;line-height: 30px;}
.index-fuwu li .more {display: block;width: 70px;height: 30px;line-height: 30px;border-radius:30px;text-align: center;font-size: 18px;color:#bfbfbf;border:1px solid #bfbfbf;margin-top: 40px;}
.index-fuwu li:hover {background: #f8b500;border:1px solid #f8b500;}
.index-fuwu li:hover .img img {display: none;}
.index-fuwu li:hover .img img.on {display: block;}
.index-fuwu li:hover .desc p{color: #333;}
.index-fuwu li:hover .more {background: #333;border:1px solid #f8b500;color:#f8b500;}
.index-fuwu .more2 {font-size: 24px;display: block;border:2px solid #bfbfbf;color:#bfbfbf;width: 600px;margin: auto;padding:10px;text-align: center;}

 
.index-cpfw{width: 100%;margin: auto;overflow: hidden;background: #eeeeee;}
.index-cpfw .img {float: left;width: 50%;}
.index-cpfw .img img {max-width: 100%;}
.index-cpfw .text {float: left;width: 600px;padding-top:40px;padding-left:60px;}
.index-cpfw .text .title{float: left;}
.index-cpfw .text .title h2{font-weight: bold;font-size: 30px;color: #333;line-height: 50px;margin: auto;line-height: 50px;font-family:Arial;font-weight: 700;}
.index-cpfw .text .title p{color: #333;font-size: 24px;line-height: 40px;}
.index-cpfw .text .title span{width: 65px;background: #333;height: 3px;margin-top: 30px;display: block;}
.index-cpfw .text .gengd {display: block;float: right;width: 80px;background: #333;height: 30px;line-height: 30px;border-radius:30px;text-align: center;font-size: 16px;color:#fff;margin-top: 60px;}
.index-cpfw .text .desc{line-height: 32px;font-size: 16px;margin-top: 150px;color: #000;padding-bottom:100px;}


.index-news{width: 1200px;margin: auto;margin-top: 100px;margin-bottom: 60px;overflow: hidden;}
.index-news .title{width: 100%;text-align: center;}
.index-news .title h2{font-size: 30px;color: #333;line-height: 50px;margin: auto;line-height: 50px;font-family:Arial;font-weight: 700;}
.index-news .title p{color: #333;font-size: 24px;line-height: 40px;}
.index-news .title span{width: 65px;background: #003557;height: 3px;display: block;margin: auto;margin-top: 30px;}
.index-news .list{width: 1200px;margin-top: 45px;}
.index-news .list li {width: 382px;float: left;margin-right:27px;background: #fff;}
.index-news .list li:last-child {margin-right:0px;}
.index-news .list li .img{width: 100%;}
.index-news .list li .img img{width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px}
.index-news .list li .desc{width: 100%;padding:30px;}
.index-news .list li .desc h2{line-height: 30px;font-size: 22px;font-weight: 700;color: #003557;}
.index-news .list li .desc span{width: 26px;background: #333;height: 1px;display: block;margin:10px 0;}
.index-news .list li .desc p{width: 100%;line-height: 25px;font-size: 16px;color: #696969;}
.index-news .list li .desc time {display: block;background: url(../picture/time.png) no-repeat left center;font-size: 16px;color: #333;margin-top: 10px;padding-left: 20px;line-height: 18px;}

 @media (max-width: 640px) {
 .index-news .list li .img{ float: left;width: 40%;}
.index-news .list li .desc { float: left;width: 54%;}
}


/*
.index-news .list li:hover .desc {background: #003557;}
.index-news .list li:hover .desc h2{color: #fff;}
.index-news .list li:hover .desc span{background: #fff;}
.index-news .list li:hover .desc p{color: #fff;}
*/

.index-hzhb{width: 1200px;margin: auto;margin-top: 100px;margin-bottom: 60px;overflow: hidden;}
.index-hzhb .title{width: 100%;text-align: center;}
.index-hzhb .title h2{font-size: 30px;color: #333;line-height: 50px;margin: auto;line-height: 50px;font-family:Arial;font-weight: 700;}
.index-hzhb .title p{color: #333;font-size: 24px;line-height: 40px;}
.index-hzhb .title span{width: 65px;background:  #003557;height: 3px;display: block;margin: auto;margin-top: 30px;}
.index-hzhb .list{width: 1200px;margin-top: 45px;}
.index-hzhb .list li {width: 280px;float: left;margin-right:20px;}
.index-hzhb .list li .img{width: auto;height: 92px;text-align: center;}
.index-hzhb .list li .img img{max-width: 100%;height: 92px;}


.footerbj {background: #003557;}


.footer {overflow: hidden;padding:50px 0;width:100%;    background: none;}
.footer .momn{width: 1200px;margin: auto;}
.footer .momn nav {text-align: right;}
.footer .momn nav  a {color: #fff;font-size: 16px;padding-left: 10px;}
.footer .momn  p {color: #fff;font-size: 16px;line-height: 26px;}
.footer .left{float: left;width:375px;}
.footer .right{float: left;width:412px;}
.footer .title h2{line-height: 30px;font-size: 18px;font-weight: normal;color: #fff;}
.footer .title span{width: 45px;background: #003557;height: 1px;display: block;margin: 0;margin-top: 10px;}
.footer .left ul {width:115px;float: left;margin-top: 50px;}
.footer .left ul a {display: block;width: 100%;color: #fff;font-size: 16px;line-height: 30px;}
.footer .right .desc {margin-top: 50px;font-size: 16px;line-height: 30px;width:auto;color: #fff;max-width: 300px;}
.footer .right .lx {margin-top: 20px;}
.footer .right .lx  .qqico{padding:20px;display: inline-block;width: 29px;height: 23px;background: url(../image/lx1.png) no-repeat center;}
.footer .right .lx  .weixinico{padding:20px;display: inline-block;width: 29px;height: 23px;background: url(../image/lx2.png) no-repeat center;}
.footer .right .lx  .weiboico{padding:20px;display: inline-block;width: 29px;height: 23px;background: url(../image/lx3.png) no-repeat center;}

.footer .right .ss {margin-top: 80px;}
.footer .right .ss{width: 100%;overflow: hidden;}
.footer .right .ss input{width: 295px;height: 48px;border: none;text-indent: 18px;color: #aeaeae;font-size: 14px;float: left;background: #eeeeee;}
.footer .right .ss input::-webkit-input-placeholder{color:#aeaeae;opacity:1;}
.footer .right .ss input::-moz-input-placeholder{color:#aeaeae;opacity:1;}
.footer .right .ss input::-ms-input-placeholder{color:#aeaeae;opacity:1;}
.footer .right .ss input::-o-input-placeholder{color:#aeaeae;opacity:1;}
.footer .right .ss button{    padding-left: 15px;font-size: 16px;width: 115px;height: 48px;background: #003557 url(../image/ss.png) no-repeat 10px center ;background-size: 17px;line-height: 46px;text-align: center;color:#fff;cursor: pointer;}


.copyright{width: 100%;height: 73px;background:#fabf13;}
.copyright p{width: 1200px;margin: auto;line-height: 73px;color: #003557;font-size: 14px;text-align: right;font-weight: 700;}
.copyright p a{color: #003557;font-weight: 700;font-size: 14px;}
.copyright p span{float: left;font-weight: 700;font-size: 14px;}


.kefu {position: fixed;right:0;top:40%;}


.nrbanner img {max-width: 100%;}


.p-here{width: 100%;overflow: hidden;margin-bottom: 30px;}
.p-here .row{width: 1200px;margin: auto;border-bottom:1px solid #e5e5e5;padding:30px 0;overflow: hidden;margin-top: 30px;}
.p-here .row .title{float: left;}
.p-here .row .title h2{font-weight: bold;font-size: 30px;color: #333;line-height: 50px;margin: auto;line-height: 50px;font-family:Arial;}
.p-here .row .title p{color: #333;font-size: 24px;line-height: 40px;}
.p-here .row .title span{width: 65px;background: #333;height: 3px;margin-top: 10px;display: block;}
.p-here .row .lpar{float: right;color: #000;font-size: 16px;line-height: 70px;    margin-top: 50px;}
.p-here .row .lpar a{color:  #000;}

.p-here .row .rpar{float: right;text-align: right;}
.p-here .row .rpar li{display: inline-block;}
.p-here .row .rpar li a{display: block;width: 88px;height: 70px;text-align: center;line-height: 70px;color: #000;}
.p-here .row .rpar li a.on{border-bottom:5px solid #004f99;color:  #004f99;}
.p-here .row .rpar li a:hover{border-bottom:5px solid #004f99;color:  #004f99;}

.p-content{width: 1200px;margin: auto;padding-bottom: 80px;}
 
.p-content .ccpslist{width: 1200px;}
.p-content .ccpslist li{float: left;margin-bottom: 50px;width: 393px;height: 515px;position: relative;}
.p-content .ccpslist li:nth-of-type(even){margin-left:10px;margin-right:10px;}
.p-content .ccpslist li .img{width: 100%;height: 288px;}
.p-content .ccpslist li .spc{width: 100%;height: 190px;color: #000;margin-top: 10px;}
.p-content .ccpslist li .spc h2{line-height: 40px;font-size: 18px;}
.p-content .ccpslist li .spc p{width: 100%;margin: auto;line-height: 24px;font-size: 16px;}
.p-content .ccpslist li .spc p.more{width: 78px;height: 28px;border:1px solid #000;position: absolute;bottom: 20px;text-align: center;}
.p-content .ccpslist li:hover .spc p.more{background: #004f99;color: #fff;}
.p-content .ccpps {margin-top: 20px;}
.p-content .ccpps p {margin:30px 0;line-height:45px;font-size: 16px;}

.p-content .newslist{width: 1200px;margin: auto;}
.p-content .newslist li{width: 1200px;height: 260px;float: left;margin-bottom: 38px;background: #eeeeee;}
.p-content .newslist li .img{width: 420px;height: 260px;float: left;}
.p-content .newslist li .img img{width: 420px;height: 260px;}
.p-content .newslist li .spc{float: right;width: 770px;height: 260px;position: relative;color: #333;padding: 20px;}
.p-content .newslist li .spc .title{height: 46px;width: 100%;line-height: 46px;font-size: 20px;margin-top: 0px;margin-bottom: 5px;font-weight: bold;}
.p-content .newslist li .spc .spcdesc{width: 100%;height: auto;line-height: 30px;font-size: 16px;}
.p-content .newslist li .spc .more{width: 80px;height: 34px;text-align: center;font-size: 14px;line-height: 34px;border:1px solid #333;border-radius:23px;margin-top: 18px;}
.p-content .newslist li:hover .spc .more{background: #333;color: #fff;border:1px solid #333;}

.page{width: 1200px;height: 80px;line-height: 80px;text-align: center;margin:auto;margin-bottom: 50px;}
.page a {padding:10px;margin:0 5px;border:1px solid #eeeeee}
.page a.on {background: #e94b1b;color:#fff}
.page a:hover {background: #e94b1b;color:#fff}

.p-content .content  p{color: #000;font-size: 16px;line-height:35px;}

.p-content img,.p-content iframe {max-width:100%;}

.zxly {width: 1200px;margin: auto;}
.zxly .list {margin-top: 50px;}
.zxly .list .title {color:#3f3a39;font-size: 20px;line-height:35px;border-left:10px solid #003557;padding-left:10px;}
.zxly .list li {margin-top: 20px;overflow: hidden;}
.zxly .list li span {float: left;display: block;width: 100px;height: 48px;line-height: 48px;font-size: 18px;}
.zxly .list li input {float: left;width: 270px;height: 48px;border:1px solid #ededed;text-indent: 18px;}
.zxly .list li select {float: left;width: 100px;height: 48px;border:1px solid #ededed;text-indent: 18px;font-size: 18px;}
.zxly .list button {width: 200px;height: 45px;background: #003557;text-align: center;line-height: 45px;color: #fff;font-size: 16px;border:none;cursor: pointer;}



.zxkf{width: 1200px;margin: auto;}
.zxkf img{max-width: 100%;}
.zxkf .img{width: 100%;float: left;}
.zxkf .lpar{float: left;width: 1200px;}
.zxkf .fwzz{width: 1200px;height: 70px;float: left;margin-top: 37px;}
.zxkf .fwzz .img{width: 88px;float: left;}
.zxkf .fwzz .spc{width:600px;float: left;height: 60px;line-height: 60px;}
.zxkf .fwzz .spc p{color: #004f99;font-size: 42px;padding-bottom: 3px;}
.zxkf .fwzz .spc span{color: #231815;font-size: 12px;}
.zxkf .lpar .list{width: 100%;float: left;}
.zxkf .lpar .list li{width: 390px;float: left;margin-right: 30px;margin-top: 24px;height: 62px;background: #004f99;}
.zxkf .lpar .list li a{color: #fff;width: 326px;height: 62px;text-indent: 38px;display: block;float: right;font-size: 24px;line-height: 62px;}
.zxkf .lpar .list li em{padding-right: 20px;}
.zxkf .lpar .tel{font-size: 30px;font-weight: bold;height: 92px;line-height: 92px;color: #1b0400;}

.hwzz{height: 650px;background: url(../image/hwzz.jpg) no-repeat center top;padding-top: 1px;}
.hwzz .suos {width: 640px;height: 80px;margin-top: 220px;margin-left: 159px;border: 2px solid #333;background: #fff;}
.hwzz .suos .img{width: 55px;float: left;text-align: right;line-height: 72px;}
.hwzz .suos input{float: left;width: 421px;height: 76px;padding: 28px;color: #333;font-size: 16px;resize: none;}
.hwzz .suos button{float: left;width: 160px;height: 76px;background: #333;text-align: center;line-height: 76px;color: #fff;font-size: 20px;border:none;cursor: pointer;}


.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;background:#fcc800;border-bottom:0;color:#fff}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#fcc800;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:30px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 30px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../image/qq.png)}
.side ul li i.bgs2{background-image:url(../image/email.png)}
.side ul li i.bgs3{background-image:url(../image/weixin.png)}
.side ul li i.bgs4{background-image:url(../image/kefu.png)}
.side ul li i.bgs5{background-image:url(../image/email.png)}
.side ul li i.bgs6{background-image:url(../image/email.png)}
.side ul li:hover i.bgs1{background-image:url(../image/qq.png)}
.side ul li:hover i.bgs2{background-image:url(../image/email.png)}
.side ul li:hover i.bgs3{background-image:url(../image/weixin.png)}
.side ul li:hover i.bgs4{background-image:url(../image/kefu.png)}
.side ul li:hover i.bgs5{background-image:url(../image/email.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#fcc800;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:140px;display:none;color:#363636;text-align:center;padding-top:110px;position:absolute;left:-140px;top:0px;background-image:url(../image/ewm.jpg);background-repeat:no-repeat;background-position:center center;}
.side ul li.sideetel .telBox.son{width:240px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0px;background:#6f6f6f}
.side ul li.sideetel .telBox dd{display:block;height:82px;overflow:hidden;padding-left:82px;line-height:82px;font-size:18px; color:#fff;}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(themes/default/images/right_pic8.png) 28px center no-repeat;background-color:#6f6f6f}
.side ul li.sideetel .telBox dd.bgs2{background:url(themes/default/images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
.whites{color:#fff;}



.m-header{display: none;width: 640px;height: 92px;background: #004f99;margin: auto;position: relative;background:#fff;
    z-index: 1;}
.m-header .menu{width: 112px;float: left;height: 82px;background: url(../image/menu.png) no-repeat center;    position: relative;
    z-index: 999;}
.m-header .menu.on{background: url(../image/menu-on.png) no-repeat center;}
.m-header .nav{width: 350px;position: absolute;left: 0;top: 92px;z-index: 5;background: #333;display: none;}
.m-header .nav > ul > li{width: 100%;min-height: 70px;border-bottom: 1px solid #e7e7e7;line-height: 70px;}
.m-header .nav > ul > li>a{color: #fff;font-size: 30px;padding-left: 32px;}
.m-header .nav > ul > li  .anniu{float: right;background: url(../image/jia.png) no-repeat center;width: 68px;height: 70px;}
.m-header .nav > ul > li  .anniu.on{background: url(../image/jian.png) no-repeat center;}
.m-header .nav > ul >li>ul{display: none;}
.m-header .nav > ul >li>ul>li{width: 100%;height: 70px;border-bottom: 1px solid #e7e7e7;line-height: 70px;background: #333;text-align: center;}
.m-header .nav > ul >li>ul>li>a{color: #fff;font-size: 25px;}

.m-header .logo{position: absolute;
    text-align: center;
    width: 100%;
    line-height: 80px;display: block;}
.m-header .kf{float: right;width: 100px;height: 82px;background: url(http://6968398.demo2.xinyijiapin.com/themes/default/images/zxkh.png) no-repeat center;}

 
@media (max-width: 640px){ 
.headerbg,.navbg {display: none;}
.m-header {display: block;}
 }




@media (max-width: 640px){

.chain .mod .desc {
    max-width: initial;
}
.chain .w1152 .btn_default {
    margin-bottom: 20px;
	float: right;
}

body {max-width: 640px;min-width: 640px;}

.banner .prev,.banner .next {display:none;}
.banner .hd { bottom: 10px;}

.side {
    display: none;
}
.index-kjrk {
    height: 123px;
    position: relative;
    margin: auto;
    background-repeat: no-repeat;
    width: 100%;
    background: #003557;
    top: 0;padding-top: 26px;
}
.index-kjrk .dhcx .title {
    display: none;}
.index-kjrk .dhcx {
    width: 90%;
    float: initial;
    height: auto;
    margin-left: 0;
    margin: auto;
    padding-top: 0;
}
.index-kjrk .dhcx .srk {
    width: 100%;
    height: 69px;
    float: initial;
    margin: auto;
	padding:0;
}
.index-kjrk .dhcx .srk input {width: 377px;height: 69px;}

.index-kjrk .dhcx .title {
    display: none;
}
.index-kjrk .dhcx .srk button {
    font-size: 20px;
    width: 143px;
    height: 69px;

}


.index-zyyw {
    width: 90%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
.index-zyyw .list {
    width: 100%;
}
.index-zyyw .list li {margin-bottom: 20px;width: 100%;}
.index-zyyw .list li:nth-of-type(odd) {
    margin-right: 0;
}
 
.index-about .box {
    width: 90%;
    margin: 0 auto;
    background: #000;
}
 
.index_bj1 { 
    background: #333;
}

.index-about .img {
    float: left;
    width: 100%;
    padding-right: 0;
}
 .index-about .img img {
    width: 100%;
}
.index-about .text {
    float: right;
    width: 100%;
	padding-top: 20px;
}
.index-about .text .desc {
    padding-bottom: 0px;
}

.index-fuwu {
    width: 90%;
    margin: auto;
    overflow: hidden;
    padding: 50px 0;
} 
.index-fuwu .more2 {
    width: 220px;
}
.index-cpfw {
    width: 100%;
 
 
}
 
  .index-about {
    width: 90%;
 
}

 .index-about .spc {
    width: 100%;
    margin-top: 20px;
}
.index-about .spc-left {
    width: 100%;
    height: auto;
    font-size: 16px;
}
.index-about .spc-right {
    float: right;
    width: 100%;
    height: auto;
	margin-top: 20px;
}

.index-other {
    width: 90%;
    margin: auto;
    margin-top: 50px;
    padding-bottom: 50px;
}

.index-news {
    width: 90%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 40px;
    overflow: hidden;
}
.index-news .list {
    width: 100%;
    margin-top: 45px;
}
.index-news .list li {
    width: 100%;
    float: left;
    margin-right: 27px;
    border: 1px solid #bfbfbf;
    margin-bottom: 20px;
}
.index-news li:nth-child(2n) {margin-right:0px;}

.index-hzhb {
    width: 90%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 40px;
    overflow: hidden;
}
.index-hzhb .list {
    width: 100%;
    margin-top: 45px;
}
.index-hzhb .list li {
    width: 274px;
 
}
.index-hzhb li:nth-child(2n) {margin-right:0px;}


.footerbj { 
}
.footer {
    overflow: hidden;
    padding: 5%;
    width: 100%;
}
 

.footer .copyright p {
    width: 90%;
    margin: auto;
    font-size: 14px;
    color: #fff;
	padding: 20px 0;
}
.footer .momn {
    width: 100%;
    margin: auto;
	text-align: center;
    line-height: 32px;
}
.footer .momn nav {
	text-align: center;
}
.footer .left {
    float: left;
    width: 100%;
	margin-bottom: 40px;
}
.footer .left ul {
    width: 50%;
    float: left;
    margin-top: 50px;
}
.footer .left ul a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.footer .title h2 {
    line-height: 30px;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
}
.footer .right {
    float: left;
    width: 50%;
}
.footer .right .desc {
    margin-top: 20px;
    font-size: 18px;
}
.footer .right .ss{margin-top: 30px;}
.footer .right .ss input {
    width: 192px;
}
.footer .right .ss button {
    padding-left: 5px;
    width: 90px;
    background: #003557;
}

.copyright {
    width: 100%;
	    padding: 5%;
    height: auto; 

}

 .copyright p span {
    float: right;
    display: none;
}
.copyright p {
    width: 100%;
    margin: auto;
    line-height: 35px;
	font-size: 20px;
	text-align: left;
}
.kefu {
 
    display: none;
}

.p-here {
    width: 90%;
    margin: auto;
    height: auto;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.p-here .row {
    width: 100%;
    margin: auto;
}
.p-here .row .title {
    width: 100%;
}
.p-here .row .lpar {
    line-height: 40px;
    margin-top: 20px;
    width: 100%;
}
.p-content {
    width: 90%;
    margin: auto;
    padding-bottom: 20px;
}
.p-box .title {
    line-height: 1;
    padding-top: 40px;
    font-weight: bold;
}
.p-box {
    width: 100%;
    height: 207px;
}

.hwzz {
    width: 100%;
    height: 330px;
    background: url(../image/hwzz.jpg) no-repeat center top;
    padding-top: 1px;
    background-size: 100%;
}
.hwzz .suos {
    width: 80%;
    height: 80px;
    margin-left: 0;
	margin: auto;
    margin-top: 50px;
    border: 2px solid #333;
    background: #fff;
}
.hwzz .suos input {
    float: left;
    width: 234px;
    height: 76px;
    padding: 28px;
    color: #333;
    font-size: 16px;
    resize: none;
} 
.hwzz .suos button {
    width: 115px;
    height: 76px;
    background: #003557;
    text-align: center;
    line-height: 30px;
    color: #FFFFFF;
    font-size: 18px;
    border: none;
	margin-left: 0px;
    cursor: pointer;
}

.zxly {
    width: 100%;
    margin: auto;
}
 
.wdcx {
    width: 100%;
    margin: auto;
    margin-top: 60px;
}
.wdcx .tit { width: 100%;}

.wdcx .stit {
    float: left;
    width: 100%;
    height: auto;
}
.wdcx .com {
    width: 100%;}

.index-kehu .list {
    width: 100%;
    margin: auto;
    margin-top: 38px;
}

.p-content .newslist {
    width: 100%;
    margin: auto;
    margin-top: 30px;
}
.p-content .newslist li {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 38px;
}
.p-content .newslist li .img {
    width: 200px;
    height: auto;
    float: left;
}
.p-content .newslist li .img img {
    width: 100%;
    height: auto;
}
.p-content .newslist li .spc {
    float: right;
    width: 360px;
    height: auto;
    position: relative;
    color: #000000;
}
.p-content .newslist li .spc .title {
    height: auto;
    width: 100%;
    line-height: 28px;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;
}
.p-content .newslist li .spc .spcdesc {
    width: 100%;
    height: 69px;
    line-height: 35px;
    font-size: 16px;
    overflow: hidden;
}

.p-content .newslist li .spc .more {
    display: none;
}
.page {
    width: 100%;
    height: auto;
}


}




