@charset "utf-8";
html{margin:0;padding:0}
body{overflow-x:hidden;font-family: "微软雅黑";margin:0;padding:0;font-size:14px;line-height: 1.5;color: #000; font-weight: 300;}
em,i{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
.ti2{text-indent:2em}
.ovh{overflow:hidden}
.dn{display:none}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.container{width: 1200px;margin:0 auto;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mb40{margin-bottom: 40px;}

/* wel */
.wel{background-color:#f9f9f9;border-bottom: 1px solid #ccc;}
.wel  h1 {color: #666;display: block;; color: #666;padding-left: 5px;line-height:35px; }
.wel  ul  li a{color: #666;padding-left: 5px;}
.wel  ul  li:nth-child(1){margin-right: 25px;}
.header{width:100%;}
.header .header_top .right a:last-child{border-left: 1px solid #666;}
.header .header_top .right a img{vertical-align:middle;margin:-4px 5px 0 0}
.header .nr{padding: 16px 0;}
.header .nr .zb .left img{vertical-align:top}
.logo  img{width:319px;height:100px;}
.header .slogen{border-left: 1px solid #ececec;padding-left: 20px;margin-left: 20px;}
.header .slogen b{color:#0c438c;font-size: 20px;}
.header .slogen span{color:#000;font-size: 18px;display: block;}
.header .nr .right .icon{margin:0 16px 0 0}
.header .nr .right .dz-rx{background: url(../images/htel.png) no-repeat left center; line-height: 24px;padding-left:74px;}
.header .nr .right .dz-rx i{display:block;color:#333;font-size:16px;line-height:20px;font-style:normal}
.header .nr .right p{font-size:30px;color:#333;display: block;line-height:36px;font-weight: 600;    font-family: impact;}
.header .nr .right .num{font-size:18px;color:#808080;}


/*导航栏*/
nav {position: relative;z-index: 1000;background: #0c438c;}
nav >  ul {  display:flex;flex-direction:row;align-items:center ;justify-content:flex-end ; width: 1200px;margin:0 auto;      }
nav >  ul > li {line-height:55px;flex:1;  text-align: center;position: relative;;}
nav > ul > li >a {display: block;color: #fff;font-size:17px;padding: 0 40px;}
nav > ul > li{background: url(../images/at.png) no-repeat right  0 center;}
nav > ul > li:hover{ background-color: #c71922; background-image: none; }
nav >ul > li.active{ background-color: #c71922; background-image: none;  }
nav > ul >  li > ul li a  span{float: none!important; }
nav > ul >  li > ul li a:hover {color: #172646;} 
nav >ul > li.active > a{color:#fff } 
nav > ul > li:hover >  a{color:#fff;}


/* 二级 */
nav > ul > li > ul {position: absolute;width:100%; background-color:rgba(24,24,24,.5)    }
nav > ul >  li > ul {filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;
 visibility: hidden;transition: all .3s ease 0s;transform: translate3d(0,10px,0);-moz-transform: translate3d(0,10px,0);-webkit-transform: translate3d(0,10px,0);}
nav > ul > li:hover > ul {opacity: 1;visibility: visible;transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0)}
nav > ul > li > ul li {width: 100%;float: left;}
nav > ul >  li > ul li a {text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;display: block;font-weight: 0!important;line-height: 40px;width: 100%;  color: #fff; text-align: center;background-color:rgba(24,24,24,.6);font-size: 16px;}
nav > ul >  li > ul li a  span{float: none!important; }
nav > ul >  li > ul li a:hover {color: #d9251c;} 
nav >ul > li span{float: none!important;}
nav > ul > li:nth-child(3) > ul  li:nth-child(9){display:none}
nav > ul > li:nth-child(3) > ul  li:nth-child(10){display:none}
nav > ul > li:nth-child(3) > ul  li:nth-child(11){display:none}
nav > ul > li:nth-child(3) > ul  li:nth-child(12){display:none}
nav > ul > li:nth-child(3) > ul  li:nth-child(13){display:none}
nav > ul > li:nth-child(3) > ul  li:nth-child(14){display:none}
nav > ul > li:nth-child(3) > ul  li:nth-child(15){display:none}
nav > ul > li:nth-child(3) > ul  li:nth-child(16){display:none}



/* banner */
.banner{border: none;margin:0;padding: 0;}
.slide_banner .hd{ width:100%;position:absolute; z-index:1; bottom:0; left:0; height:30px; }
.slide_banner .hd ul{ text-align:center;}
.slide_banner .hd ul li{ cursor:pointer;background:#134fbf!important;display:inline-block; *display:inline; zoom:1; width:30px; height:6px;margin:0 3px;text-indent: -9999px;/* filter:alpha(opacity=30);opacity:0.3;*/}
.slide_banner .hd ul .on{filter:alpha(opacity=80);opacity:1;}
.slide_banner .prev,
.slide_banner .next{display:none;position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;z-index:1; width:40px; height:60px;cursor:pointer; filter:alpha(opacity=50);opacity:0.5;background:rgba(0,0,0,.7);color:#fff;font-size: 30px; line-height: 60px;text-align: center;font-family: 瀹嬩綋; -moz-user-select:none; -webkit-user-select:none;-ms-user-select:none;font-weight:bold;user-select:none;}
.slide_banner .next{left:auto; right:10%;}
.slide_banner .bd { margin: -22px auto!important; position: relative; z-index: 0;overflow: hidden;}



/* 公共标题 */
.title {margin-bottom: 30px;text-align: center; }
.title h2{color: #f0f3f6;font-size:48px; font-weight: 600;text-transform: uppercase;text-align: center; display: block; margin: 0 auto;}
.title p{ color: #fff;text-align: center; font-family: arial;font-size:18px ; margin-bottom: 30px;    text-transform: uppercase;font-weight: 600;   }
.title h3{color: #fff;font-size:20px;}
.title em{display: block;background: url(../images/titline.png) no-repeat center;height:16px;width: 100%;margin:10px 0}
#pro  .title {padding-top: 150px;padding-bottom: 42px;}

#adv  .title  h2  , #about  .title  h2   ,    #news  .title  h2  {color:#0c438c}
#adv  .title  h2  span  , #about  .title  h2  span   ,    #news  .title  h2  span {color:#c71922}
#adv  .title  p  , #about  .title  p ,    #news  .title  p   {color: #000;}




/* iconlist */
#iconlist{padding: 40px 0;}
#iconlist  ul  li{flex: 1;border-radius: 29px; border: 1px solid #000; padding: 25px 17px 25px 17px;margin-right: 20px;      }
#iconlist  ul  li:nth-child(5){  margin-right: 0;}
#iconlist  ul  li img{display: block;width:86px;height: 86px;margin:0 auto;}
#iconlist  ul  li p{text-align: center; color: #000;font-size:24px;line-height:40px;font-weight: 600;   }
#iconlist  ul  li span{text-align: center;display: block;color: #999;font-size: 11px;}

/* pro */
#pro{padding: 50px  0;   background: url(../images/pbg.jpg) no-repeat   top center; overflow: hidden; }
#pro .pimg{height:330px;overflow: hidden;border-radius: 14px 14px 0 0;}
#pro .pimg img{height:330px;object-fit: cover;width: 100%;display: block;transition:.5s ease-in;}
#pro li:hover  .pimg  img{ transform:scale(1.1,1.1);}
#pro .pimglist{overflow: hidden;}
#pro .pimglist ul li{border: 1px solid #ccc;background-color: #0c438c;width: 370px;border-radius:15px 15px 0 0; margin-bottom: 20px;  }
#pro  .pimglist li  .des{display: block;padding:10px 0;}
#pro  .pimglist li  .des p{text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:24px;font-weight: 600;color: #fff;        }
#pro  .pimglist li  .des em{display: block;text-align: center;color:#ffdf00;font-size: 16px; line-height:35px;  }
#pro  .pimglist li  .des span{display: block;margin:0  auto; text-align: center;border-radius: 50px; line-height: 30px;  background-color: #ffdf00;  color: #0c438c; text-align: center;font-size:16px; width: 120px; }
#pro  .pimglist li  .des span:hover{ background-color: #c71922; color: #fff; transition:all .5s ease;     }
#pro  a.pmore{display: block;height:40px;background-color: #f6f5f5;width: 100%;border: 1px solid #ccc;border-radius: 50px;}
#pro  a.pmore  img{display: block;margin: 9px auto;  width:30px;height: 30px;}

/* adv*/
#adv{padding:50px 0;width:100%;}
#adv .part ul  li{font-size:20px;line-height:1.5;color: #000; padding-left: 30px;  margin: 10px 0;  }
#adv .bg1{ background: url(../images/ys1.jpg) no-repeat  center;height:690px;width: 100%; }
#adv .bg2{ background: url(../images/ys2.jpg) no-repeat  center;height:499px;width: 100%; }
#adv .bg3{ background: url(../images/ys3.jpg) no-repeat  center;height:710px;width: 100%;}
#adv .bg4{ background: url(../images/ys4.jpg) no-repeat  center;height:611px;width: 100%; }
#adv .part .des .no{width:108px;height:96px;display: block;margin-right: 10px;  }
#adv .part .des > div{margin-bottom: 10px;}
#adv .part .des .sum p{font-family: impact;font-size: 30px;color: #000;}
#adv .part .des .sum b{font-size: 40px;color:#000;    line-height: 38px;}
#adv .part .des .sum b span{ color:#c71922}
#adv .part .des  h3{background: url(../images/ystit1.png) no-repeat right center;line-height: 49px;color: #fff;font-size: 30px; text-align: center;width:100%;text-indent:3rem;  }
#adv .part .des{width: 40%;padding-top:45px;}
#adv .bg2 .des{width:42%;padding-top:45px;}
/* 3 */
#adv .bg3 .sum p{color: #fff!important;}
#adv .bg3 .sum b{color:#ffff!important;;}
#adv .bg3 .sum b{color: #fff!important;;}
#adv .bg3 .des  h3{color:#213965}
#adv .bg3  .des  h3{background: url(../images/ystit2.png) no-repeat right center;}
#adv .bg3  .des ul li{color: #fff; }

/* about */
#about{padding: 0 0 50px  0; position: relative;     }
#about .des1{padding-right:30px;    width: 500px;}
#about  .des1  h1{font-size: 36px;color:#303030;font-weight: 600;}
#about  .des1  p{font-size: 20px;color: #303030;line-height:2;text-indent: 2rem;}
#about .img{width: 584px;height: 614px;}
#about .img  img{width: 584px;height:614px;}
#about  .nr{background-color: #fff;padding:0 50px;}
#about  .viewmore{margin: 18px 0 0 0;}
#about .bd ul li{background-color: #eeeeee;overflow:hidden; text-align:center;width:360px!important;}
#about .bd ul li .pic{width: 360px;height: 215px;overflow: hidden;}
#about .bd ul li .pic img{ height:215px;width:360px;display:block;transition:.5s ease-in;}
#about .bd ul li .pic img:hover { transform:scale(1.1,1.1);}
#about .bd ul li .des{padding: 20px 0;}
#about .bd ul li .des b{color: #000;font-size: 24px;text-align: center;}
#about .bd ul li .des p{text-align: center;font-size: 18px;}

/* more */
.viewmore{ background:#0c438c ; display: block;margin:18px auto 0;transition: all .5s ease;position: relative;cursor: pointer; width:100px;line-height:38px;text-align:center;color:#fff;font-size:16px; border-radius: 5px;}
.viewmore:hover{ background:#0c438c ;   }
.viewmore:after , .viewmore a.more:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2;color:#fff}
.viewmore:hover{z-index:1;background:0 0;color:#fff}
.viewmore:before{transition:.5s;background: #0c438c;z-index:-1;color:#fff}
.viewmore:hover:after , .viewmore a.more:hover:before{width:100%;background:#c71922;  border-radius: 5px; -webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;     }

/* delivery */
#delivery{background:url(../images/fwbg.jpg) no-repeat  top  center;padding:22px 0;}
#delivery .title h2{font-size: 48px;line-height:58px;}
#delivery .title span{text-align: center;color: #fff;font-family: arial; font-size: 18px;  margin-bottom: 30px; text-transform: uppercase;font-weight: 600;}
#delivery .title{margin-bottom: 30px;}
#delivery .nr{padding:53px 0;}
#delivery li{ width:300px;overflow:hidden;height: 300px;background-color: #fff;text-align: center;}
#delivery li .img{width:100%;height:300px;  overflow:hidden; }
#delivery li img{width:100%;height:300px; object-fit: cover;transition:.5s ease-in}
#delivery li img:hover{transform:scale(1.1,1.1)}
#delivery li b{ color:#c71922;font-size:30px;    padding: 75px 0 0 0;display: block;}
#delivery li  p{text-align: center;line-height:30px;font-size: 18px; color: #000;}
#delivery li  span{text-align: center;font-size:13px; color: #666;padding: 0  20px;font-family: arial;    display: block;word-break: break-all;}
#delivery .img1{width:300px;height:600px}
#delivery .img1  img{width:300px;height:600px}

#delivery ul{width:900px}

/* 合作流程 */
#hezuo{padding: 50px 0 20px 0;}
#hezuo  .title h2{color: #000;font-size:50px;   }
#hezuo  .title i{color: #666;font-size:20px;   }
#hezuo .nr{background:url("../images/lcbg.jpg") no-repeat top  24px center;}
#hezuo .nr  ul  li{width: 25%;height: 200px;}
#hezuo .nr  ul  li{background:url("../images/bg1.png") no-repeat center;}
#hezuo .nr  ul  li:hover{background:url("../images/bg2.png") no-repeat center;}
#hezuo .nr  ul  li  p{text-align: center;line-height: 40px;color: #000;font-size: 20px;}
#hezuo .nr  ul  li  img{display: block;width:45px;height: 45px;margin:30px  auto}

/* news */
#news{padding:50px 0;background:#f7f7f7}
#news  .ntit{font-size:24px;color: #0c438c;display: block;line-height:60px;background:url("../images/ntitline.png") no-repeat left bottom;margin-bottom: 30px;  }
#news  .ntit:hover{color: #c71922;}
#news .nimg{width: 100%;height: 220px;}
#news .nimg  img{width: 100%;height: 220px;display: block;object-fit: cover;  }
#news .left  ,  #news .right{width: 48%;}
#news .left .date{padding: 10px  0;  }
#news .left .date  p.ptit{color: #0c438c;font-size:20px; width: 80%; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;    }
#news .left .date span{display: block;   color: #484848;font-size: 16px;}
#news .left  p.sum{color: #484848;font-size: 16px;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#news .left .date  p.ptit:hover{color: #c71922;}
#news .right  ul  li {margin-bottom:30px;}
#news .right  ul  li .tit{padding-bottom:10px;}
#news .right  ul  li  a{display: block;  color: #484848; font-weight: 600;  font-size: 16px;padding-left: 10px; }
#news .right  ul  li p{ padding-left: 10px;color: #666;line-height:2;font-size:15px;   overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#news .right  ul  li  a:hover{color: #c71922;}

/* footer */
footer{padding:50px 0;background:url("../images/ftbg.jpg") no-repeat center;}
footer  .ftnav{width:100%;padding: 0 50px;}
footer  .ftnav  .tit{margin-bottom: 20px; display: block; } 
footer  .ftnav  .tit b{color: #c71922;font-size:25px;font-weight: 600;display: block;       } 
footer  .ftnav  ul li a{ color: #c7c7c7;line-height: 24px; }
footer  .part {margin-right:50px;border-right: 1px solid #292828;    padding-right: 50px;}
footer  .part li{color: #fff;}
footer  h1{width: 196px;height: 176px;}
footer  h1  img{width:100%;height:100%;}
.ftnav > div:nth-of-type(1) {width: 30%;}
.ftnav > div:nth-of-type(1)  >  ul >  li{width: 50%!important;}
.ftnav > div:nth-of-type(1)  >  ul >  li a{line-height: 45px;color: #fff;}
.ftnav > div:nth-of-type(1)  >  ul >  li a:hover{color: #c71922;}
/* 2 */
.ftnav > div:nth-of-type(2)  >  ul >  li {font-size: 15px;color: #fff;margin-bottom: 20px;}
.ftnav > div:nth-of-type(2)  >  ul >  li a{color: #fff;}
.ftnav > div:nth-of-type(2)  >  ul >  li a img{display: inline-block;width: 85px;height: 25px;}
.ftnav > div:nth-of-type(2)  >  ul >  li a:hover{color: #c71922;}
.ftnav .icon{display: inline-block;opacity: 0.5; width: 22px; height: auto;margin-right: 10px;  }
/* 3 */
.ftnav > div:nth-of-type(3) {border-right:none; margin-right:0px;    }
.ftnav > div:nth-of-type(3) li  p {text-align: center;font-size: 15px; line-height: 35px;  }
footer  .ftnav  .tit span{ display: block;text-transform: uppercase; opacity: 0.4;color: #fff; }
/* 1 */
footer  .ftnav  #nav_box {display: flex;flex-direction: row; align-items: center;flex-wrap: wrap;}
footer  .ftnav  #nav_box  li{width: 50%!important;}
footer  .ftnav  #nav_box  li a {line-height: 45px;color: #fff;font-size: 14px;}
footer  .ftnav  #nav_box  li a:hover{color: #c71922;}