﻿
/*=============公共样式==============*/
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{outline:0;color:#333;font:12px/1.14 arial,\5b8b\4f53}
body{color:#333;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif;line-height:1.75}
a,a:active,a:focus,a:hover,a:visited{color:#333;text-decoration:none}
body,html{height:100%}
body{margin:0;padding:0;color:#000;font-size:16px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}
/*图像*/
.imgcut1{position:relative;padding-bottom:75%;overflow:hidden}
.imgcut1 img{position:absolute;display:block;width:100%;height:100%;object-fit:contain}
.imgcut2{position:relative;padding-bottom:75%;overflow:hidden}
.imgcut2 img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}
/*盒子*/
.flex{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;align-items:stretch}
.flexwrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}

.wrapper{width:100%;height:auto; overflow: hidden; background:#fff}
.container{width:100%;max-width:1600px;margin:auto}
/*头部*/
.header{width:100%;position:fixed;z-index:9999;display:flex;margin:auto;background:0 0;transition:all .5s;justify-content:space-between;align-items:center;padding:15px 30px;background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));transition:all .5s}
.header.maxwidth{background:#fff;padding:0 30px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.header .box{width:100%}
.header .logo{display:flex;box-sizing:border-box;height:100%;align-items:center}
.header .logo img{max-height:80px}
.header .nav{height:50px;line-height:50px}
.header .nav ul{display:flex;padding:0 50px;justify-content:flex-start;align-items:center}
.header .nav ul li{position:relative;padding:0;margin:0 25px;max-width:220px;text-align:center}
.header .nav ul>li>a{position:relative;z-index:1;display:block;overflow:hidden;width:100%;color:#fff;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700}
.header .nav ul>li:after{height:0}
.header .nav ul>li.active:after,.header .nav ul>li:after{position:absolute;bottom:0;left:0;z-index:0;display:block;width:0;height:4px;background:#da0000;content:"";transition:all .5s}
.header .nav ul>li.active:after{width:100%}
.header .nav ul>li:hover:after{width:100%}
.header.maxwidth .nav ul>li>a{color:#333}
.header .language{display:flex;justify-content:end;box-sizing:border-box;padding-left:50px;width:100%;height:80px;align-items:center}
.header .language span{font-size:14px}
.header .language .tel a{display:block;background:url(../images/tel.png) no-repeat 15px center #da0000;background-size:15px;border-radius:50px;padding:0 15px;padding-left:40px;color:#fff;font-size:20px;line-height:40px}

.header .submenu{position:absolute;top:100%;left:-70%;overflow:hidden;min-width:240%;max-height:0;background:#fff;transition:all .5s}
.header .submenu a{float:left;display:block;box-sizing:border-box;padding:5px 15px;width:100%;color:#333;text-align:center;font-size:15px;line-height:30px;white-space:nowrap}
.header .submenu a:last-child{margin-bottom:10px}
.header .submenu a:first-child{margin-top:10px}
.header .submenu a:hover{color:#da0000}
.header .nav ul li:hover .submenu{max-height:800px}
.menu-handler{position:absolute;top:0;right:0;z-index:1012;overflow:hidden;width:60px;height:60px;border-left:1px solid #ddd;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.445,.145,.355,1);-moz-transition:all .3s cubic-bezier(.445,.145,.355,1);transition:all .3s cubic-bezier(.445,.145,.355,1)}
.menu-handler .burger{position:absolute;top:18px;left:50%;z-index:5;display:block;margin:0 0 0 -16px;width:32px;height:4px;background:#003cc5;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-2{top:28px}
.menu-handler .burger-3{top:38px}
.menu-handler.active .burger-1{top:30px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.menu-handler.active .burger-2{left:-100%;opacity:0;-moz-opacity:0;-webkit-opacity:0}
.menu-handler.active .burger-3{top:30px;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.menuBlack{right:0;bottom:0;left:0;z-index:999;background:rgba(0,0,0,.5)}
.menuBlack,.menuBox{position:fixed;top:0;display:none}
.menuBox{right:-100%;z-index:1003;overflow:hidden;overflow-y:auto;width:100%;height:100%;background:#fff;-webkit-overflow-scrolling:touch}
.navMobile{margin-top:80px;margin-bottom:60px}
.navMobile dd a{display:block;color:#333;text-align:center;font-weight:400;font-size:14px;line-height:24px}
.navMobile dd p a{padding:15px 45px;text-align:center;font-size:18px}
.navMobile dd p a.act{background:#0d65cd;color:#fff}
.mtnav a{padding:13px 48px;font-size:16px}
.mtnav{display:none}
.mtnav,.mtools{background:#eee}
.mtools{position:fixed;right:-100%;bottom:0;overflow:hidden;width:100%}
.mtools a{float:left;display:block;overflow:hidden;width:100%;height:50px;background:#da0000;color:#fff;text-align:center;line-height:50px}
.mtools span{display:inline-block;padding-left:30px;vertical-align:middle}
.mtools .weixin{background:#0d65cd}
.mtools .sina span{background:url(../images/kf.png) no-repeat 0}
.mtools .weixin span{background:url(../images/phone.png) no-repeat 0}
.m-tel{padding-right:70px}
.m-tel a{display:block;color:#da0000;font-size:25px}
/*幻灯*/
.home{width:100%;height:auto;overflow:hidden;position:relative}
.home .swiper-container{width:100%;height:100%}
.home .swiper-slide{position:relative;background:#fff;overflow:hidden}
.home .swiper-slide .vbox{position:absolute;left:0;top:0;width:100%;height:100%}
.home .swiper-slide video{min-width:100%;min-height:100%}
.home .swiper-slide .vbg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.home .swiper-slide .vidbg{position:relative;z-index:9}
.home .swiper-slide p{font-size:20px;letter-spacing:2px;font-weight:700;line-height:2}
.home .swiper-slide img{width:100%;height:auto;transition:1s ease 2s;transform:scale(1.1,1.1)}
.home .swiper-slide-active img,.home .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1,1)}
.home .swiper-pagination{bottom:10%;left:auto;right:0;display:flex;width:50px;flex-direction:column}
.home .swiper-pagination-bullet{width:16px;height:16px;display:block;opacity:1;background:0;border:3px solid rgba(255,255,255,.5);color:#fff;transition:all .5s}
.home .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px}
.home .swiper-pagination-bullet-active{background:#da0000;border:2px solid #da0000}
.home .swiper-button-next,.home .swiper-button-prev{background-color:rgba(0,0,0,.3);text-align:center;color:#fff;width:50px;height:50px;background-position:center;background-size:18px;background-repeat:no-repeat}
.home .swiper-button-next{background-image:url(../images/r.png)}
.home .swiper-button-prev{background-image:url(../images/l.png)}
.home .swiper-button-next:hover,.home .swiper-button-prev:hover{background-color:rgba(218,0,0,.7)}
.mouse_icon{position:absolute;left:50%;margin-left:-8rem;bottom:10%;cursor:pointer;width:16rem;padding:1rem;height:auto;color:#fff;text-align:center;z-index:1005}
.mouse_icon p{text-transform:capitalize;font-size:1.4rem;display:block;margin-bottom:1rem;text-align:center}
.mouse_icon .mouse{width:100%;height:auto;position:relative}
.mouse_icon .mouse img{-webkit-animation:upAnimate 2s ease infinite;width:2.4rem}
@-webkit-keyframes upAnimate{0%,100%{-webkit-transform:translateY(-4px)}
50%{-webkit-transform:translateY(4px)}
}
.mouse_icon .icon{width:12px;margin:0 auto}
.mouse_icon .icon img{-webkit-animation:upAnimate2 2s ease infinite}
@-webkit-keyframes upAnimate2{0%,100%{-webkit-transform:translateY(-1px)}
50%{-webkit-transform:translateY(3px)}
}
@media (max-width:1600px){

}
@media (max-width:1300px){
  .header .nav ul{ padding: 0 10px; }
  .header .nav ul li{ margin: 0 15px }
}
@media (max-width:1199px){
  .header.maxwidth{padding:5px}
  .header{ background: #fff; padding: 5px; }
  .header .logo img{max-height:50px}

  .home{padding-top:60px}

}
@media (max-width:767px){
  .m-tel a{ font-size: 20px }
}
/*底部*/
.footer{position:relative;float:left;overflow:hidden;width:100%;background:#171b26}
.flink{width:100%; height:60px; line-height:60px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.2);}
.flink-box{width:100%;width:100%;margin:auto;display:flex;justify-content:start;align-items:center}
.flink-box h3{padding-right:50px;line-height:60px;color:#fff;font-size:24px;font-weight:400}
.flink-box h3 small{font-size:14px;color:#fff}
.flink-box p{line-height:60px}
.flink-box p a{color:#fff;font-size:16px;display:inline-block;padding-right:15px}
.fcenter{width:100%;height:auto;overflow:hidden;padding:50px 0;border-bottom:1px solid hsla(0,0%,100%,.2)}
.fbox{margin:auto;width:100%;width:100%;}
.fbox .cbox,.fbox .lbox,.fbox .rbox{padding:0;width:100%}
.fbox .cbox,.fbox .rbox{padding-left:50px}
.fbox .lbox{ width:250px}
.fbox .lbox img{display:block;float:left;padding-right:30px;max-width:200px}
.fbox .lbox p{ width:100%; float:left;color:#fff;font-size:14px;line-height:24px;padding-top:20px;opacity:.7}
.fbox .rbox {width:calc(100% - 300px);}
.fbox .rbox ul{display:flex;justify-content:end}
.fbox .rbox ul li{position:relative;width:100%;padding:0 30px;box-sizing:border-box;border-left:1px solid rgba(255,255,255,.2)}
.fbox .rbox ul li a.tnav{font-size:18px;color:#fff;line-height:20px;height:30px;display:inline-block}
.fbox .rbox ul li .submenu a{display:inline-block;width:100%;font-size:14px;color:#fff;opacity:.7;line-height:24px;padding:0}
.fbox .rbox ul li .submenu a:hover{opacity:1}
.fbox .rbox ul li::before{content:"";display:inline-block;width:3px;height:25px;background:#fff;opacity:.7;position:absolute;left:-2px;top:0}
.fnav{display:flex;margin:auto;padding:20px 0;width:100%;border-bottom:1px solid hsla(0,0%,100%,.2);justify-content:space-between}
.fnav a{display:inline-block;padding:0 20px;font-size:20px}
.fnav a,.fnav a:hover{color:#fff}
.fbot{margin:auto;padding:20px 0;width:100%;text-align:center;font-size:12px}
.fbot,.fbot a{color:#fff}
.footer-nav{display:none}
#rollTop{position:fixed;right:10px;bottom:60px;z-index:9999;width:40px;height:40px;background:#da0000}
#rollTop a{display:inline-block;width:100%;height:100%;background:url(../images/rollTop.png) no-repeat 50%;background-size:50%}


@media (max-width:1199px){
  .fbox .lbox,.fbox .rbox{ width: 100%; padding:0;}
  .fbox .rbox ul li{ padding:0 20px; }
  .fbox .lbox{ max-width: 100%; margin-bottom: 30px; text-align: center;}
  .fbox .lbox img{ display: block; padding:0; margin:0 auto; float: none}
  .flink-box h3{ font-size: 18px; }
  .footer-nav{position:fixed;right:0;bottom:0;left:0;z-index:9999;display:block;display:flex;height:54px;background:#005cca;color:#fff;align-items:center;justify-content:space-around}
  .footer-nav .nav-item{display:flex;width:25%;height:100%;color:#fff;vertical-align:middle;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:12px;flex-shrink:1;align-items:center;flex-direction:column;justify-content:center}
  .footer-nav .nav-item.active{background-color:#0074ff}
  .footer-nav .nav-item .nav-icon{display:block;margin-bottom:2px;width:24px}
  .footer-nav .nav-item .nav-icon>img{display:block;max-width:100%}
}
@media (max-width:767px){
  .footer{ padding-bottom: 50px }
  .fbox .lbox{ text-align: center; }
  .fcenter{ padding-bottom: 10px }
}
/*首页板块*/
.tit{width:100%; height: auto; overflow: hidden; margin: 30px 0;}
.tit h3{ width: 100%; height: 60px; line-height:60px; color:#003cc5; font-size:40px;}
.tit h3 span{ color:#da0000}
.tit p{ width: 100%; height: 30px; line-height:30px; color:#666; font-size:14px;}
.tit.titbg h3,.tit.titbg h3 span,.tit.titbg p{ color: #fff }


@media (max-width:1199px){
  .tit h3{font-size:30px; height: auto; line-height:1}
  .tit p{font-size:14px}
}
@media (max-width:767px){
  .tit{ margin: 15px 0 }
  .tit h3{font-size:20px;line-height:1}
  .tit p{ display: none }
}
/*解决方案*/
.solution{position:relative;width:100%; height: auto; overflow:hidden;padding:60px 0;}
.solution .box{box-sizing:border-box;margin:auto auto 30px;height:auto;width:100%}
.solution .left-menu{position:absolute;top:0;left:0;display:flex;width:90px;height:100%;border:3px solid #ddd;background:#fff;align-items:center;justify-content:center}
.solution .left-menu a{display:inline-block;color:#333;letter-spacing:5px;font-size:20px;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}
.solution .right-box{box-sizing:border-box;padding-left:120px;width:100%;height:auto}
.solution .box p{padding:10px;width:100%;text-align:center;font-size:20px;font-weight:700;line-height:30px}
.solution .box a{position:relative;float:left;display:block;overflow:hidden}
.solution .box a:hover p{color:#da0000}
.solution .swiper-slide a{display:block;width:100%}
.solution .img{overflow:hidden;width:100%;padding:30px 15px;box-sizing:border-box;background:#444;transition:all .5s}
.solution img{display:block;margin:auto}
.solution .swiper-slide:hover .img{background:#da0000}

@media (max-width:1199px){
  .solution{ padding: 30px 0; }
  .solution .box p{ font-size: 16px;padding: 0}
  .solution .img{background:#da0000}
  .solution .swiper-slide:nth-child(2n) .img{background:#005cca}
}
@media (max-width:767px){
  .solution{ padding: 15px 0; }
  .solution .img{ padding: 10px }
  .solution .box{ margin-bottom: 0 }
  .solution .box p{ font-size: 12px; line-height: 2}

}
/*集团简介*/
.about{width:100%;height:auto; overflow:hidden; padding:60px 0;background:url(../images/aboutbg.jpg) no-repeat top;}
.numCount{padding:50px 0;background:0 0}
.numCount ul li{position:relative;float:left;box-sizing:border-box;padding:0 30px;width:25%;border-right:1px solid hsla(0,0%,100%,.2);text-align:center}
.numCount ul li:last-child{border-right:0}
.numCount .item{position:relative;z-index:1}
.numCount li .numU{line-height:1}
.numCount li .numCX{background:#fff;color:transparent;font-family:Bahnschrift;font-size:50px;-webkit-background-clip:text}
.numCount li sub{color:#fff;bottom:30px;font-size:100%}
.numCount li .indc{padding:10px 0;color:#fff;font-size:18px}
.about .box{ -webkit-align-items: stretch; align-items: stretch; width:100%; height: auto; overflow: hidden; padding:50px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.2);}
.about .lbox,.about .rbox{width:48%;}
.about .lbox{ background-size: cover; background-repeat: no-repeat; background-position: center; }
/*视频*/
.video{ position: relative; width: 100%; height: auto; overflow: hidden; }
.videolist { position:relative; width:100%; height:auto; margin: auto; background: #000; }
.videolist img{ opacity: 0.5;}
.videolist img.videoed{ opacity: 1;}
.videolist span{ font-size: 20px; display: inline-block; position: absolute; top: 50%; left: 50%;margin-top: 30px; margin-left: -60px; color: #fff;}
.videolist:hover{ cursor: pointer; }
.videoed { width:50px; height:50px; position: absolute; left:50%; top:50%; margin-left: -25px; margin-top: -25px; z-index:99; border-radius:100%; }
.videos{ display:none; position:absolute; left:0; top:0; z-index:100; width: 100%; height:100%; background: #0094d4;}
.videos video{ height: 100%;}
.vclose{ position:absolute;right:0; top:0; border-radius:100%; cursor: pointer; }

.about .rbox .tit{ margin: 0;}
.about .rbox .txt{padding:30px 0}
.about .rbox .txt p{text-indent:40px;text-align:justify;font-size:18px;line-height:2}
.about .rbox a.more{display:inline-block;padding:10px 50px;background:#da0000;color:#fff}
.about .rbox a:hover{background:#003cc5}

@media (max-width:1199px){
  .about{ padding: 30px 0; }
  .about .box{ padding:30px 15px; }
  .numCount{ padding: 30px 0; }
  .numCount ul li{ padding: 0 15px; }
  .numCount li .numCX{font-size:40px; }
  .numCount li .indc{ font-size:14px; }
  .about .lbox, .about .rbox{ width: 100% }
  .about .lbox{margin-top: 30px}

}
@media (max-width:767px){
  .numCount ul{ -webkit-align-items: stretch; align-items: stretch }
  .numCount ul li{ width: 50%;margin-top: 20px;}
  .numCount ul li:nth-child(2){ border:0; }
  .about{ padding: 15px 0; }
  .numCount li .indc{font-size: 12px}
  .about .rbox .txt p{ font-size: 16px; line-height: 2; }
  .about .rbox a.more{ width: 100%; text-align:center;}
}
/*产品中心*/
.product{ position:relative; width:100%; height: auto; overflow:hidden; padding:60px 0;}
.product .right a{display:block; background: #da0000; color: #fff; padding:10px 50px}
.product .right a:hover{background:#003cc5}
.product .submenu{width:100%;height:auto; overflow: hidden; border:1px solid #ddd; padding:15px}
.product .submenu a{font-size:16px;line-height:16px;font-weight:700;padding:0 10px;display:inline-block}
.product .submenu a{border-right:1px solid #aaa}
.product .submenu a:last-child{border-right:0}
.product .submenu a:hover{color:#da0000}
.product .box{ width:100%; height:auto; overflow: hidden;}
.product .box .swiper-slide{ width: 24%}
.product .box p{width:100%;line-height:2;text-align:center;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.product .box p small{font-size:12px}
.product .box a{display:block;position:relative;overflow:hidden}
.product .box a:hover p{color:#da0000}
.product .img{overflow:hidden}
.product img{transition:all .5s}
.product .swiper-slide:hover img{transform:scale(1.1)}
.product .swiper-slide{width:23%;margin-top:20px}

@media (max-width:1199px){
  .product{ padding: 30px 0; }
  .product .box .swiper-slide{ width: 32% }
  .product .box .swiper-slide:nth-child(7),.product .box .swiper-slide:nth-child(8){ width: 49% }
}
@media (max-width:767px){
  .product .submenu{ display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; padding: 0; border:0;}
  .product{ padding: 15px 0; }
  .product .box{ margin-bottom: 30px; }
  .product .box .swiper-slide{ width: 48% }
  .product .submenu a{ display: block; width: calc(50% - 5px); border: 0; padding: 10px 0; background: #eee; margin-bottom: 10px; font-size: 12px;}
  .product .box p{ font-size: 12px; }

}
/*应用案例*/
.case{padding:60px 0; background:#f5f5f5}
.case .submenu{width:100%;height:auto; margin-bottom:30px;-webkit-justify-content:center;justify-content:center}
.case .submenu a{font-size:14px;padding:8px 30px;margin:5px;display:block;border-radius:30px;background:#fff}
.case .submenu a:hover{background:#da0000;color:#fff}
.case .txt{ width: 100%;height: auto; overflow: hidden; padding: 15px; background:#fff; }
.case .txt h3{ font-size: 18px; padding-bottom: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.case .txt P{ font-size: 14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.case .swiper-slide a:hover h3{ color: #da0000 }

@media (max-width:1199px){
  .case{ padding: 30px 0; }
}
@media (max-width:767px){
  .case{ padding: 15px 0; }
  .case .submenu a{ padding: 6px 25px; font-size: 12px; margin: 2px}
  .case .txt{ padding: 10px 0}
  .case .txt h3{ font-size: 14px; text-align: center;}
}
/*新闻中心*/
.new{ width: 100%; height: auto; overflow:hidden; padding:60px 0;}
.new .submenu{ width: 100%;}
.new .submenu a{font-size:16px;line-height:16px;padding:0 10px;display:inline-block}
.new .submenu a{border-right:1px solid #aaa}
.new .submenu a:last-child{border-right:0}
.new .submenu a:hover{color:#da0000}
.new .lbox{float:left;width:50%}
.new .rbox{float:left;box-sizing:border-box;padding-left:50px;width:50%}
.new .lbox ul{display:flex;justify-content:space-between}
.new .lbox ul li{width:100%;background:#fff}
.new .lbox ul li a{display:block;position:relative}
.new .lbox ul li .txt{position:absolute;bottom:0;left:0;padding:15px;background:rgba(0,0,0,.7);width:100%}
.new .lbox ul li .txt h3{font-size:20px;line-height:24px;color:#fff}
.new .lbox ul li .txt h3 small{display:inline-block;color:#fff;font-size:12px}
.new .lbox ul li .txt p{font-size:16px;line-height:24px;color:#fff}
.new .lbox ul li:hover .txt{background:rgba(218,0,0,.7)}
.new .rbox ul{flex-direction:column;height:100%}
.new .rbox ul li{padding:30px;width:100%;background:#fff;border:1px solid #ddd}
.new .rbox ul li .date{ width: 120px; padding:0 30px;border-right:1px solid #ddd}
.new .rbox ul li .date p{font-size:50px;line-height:50px;font-weight:700;text-align:center}
.new .rbox ul li .date span{font-size:16px;line-height:24px}
.new .rbox ul li .txt{ width: calc(100% - 120px); box-sizing:border-box;padding:0 15px}
.new .rbox ul li .txt h3{overflow:hidden;width:100%;height:auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:20px;line-height:40px}
.new .rbox ul li .txt p{color:#666;font-size:14px;line-height:24px}
.new .rbox ul li:hover{background:#da0000;border:1px solid #da0000}
.new .rbox ul li:hover h3,.new .rbox ul li:hover p,.new .rbox ul li:hover span{color:#fff}
.new .rbox ul li:hover .date{border-right:1px solid #fff}

@media (max-width:1199px){
  .new{ padding: 30px 0; }
  .new .rbox,.new .lbox{ width: 100%; padding: 0}
  .new .lbox{ margin-bottom:30px; }
  .new .rbox ul li{ margin-bottom: 10px }
  .new .rbox ul li .date{ width: 100%; padding:0; border:0;}
  .new .rbox ul li .txt{ width: 100%; padding:0; }
  .new .rbox ul li .date p{ text-align: left; }
}
@media (max-width:767px){
  .new{ padding: 15px 0; }
  .new .left,.new .right{ width: 100%; }
  .new .tit,.new .submenu{ text-align: center; }
  .new .submenu{ margin-top: 20px; }
  .new .lbox ul li .txt h3{ font-size: 14px; }
  .new .rbox ul li{ padding:10px; }
  .new .rbox ul li .date p{ display: none }
  .new .more { width: 100%; }
  .new .more a{ display: block; margin:10px 0; padding:10px; background:#da0000; color: #fff; text-align: center; font-size: 14px }
}
/*合作伙伴*/
.partiner{ width: 100%; height: auto; overflow:hidden; padding:60px 0;}
.partiner,.partiner .box{position:relative;overflow:hidden;width:100%}
.partiner .box{box-sizing:border-box;margin:auto;height:auto;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.partiner .swiper-slide{width:13%;border:1px solid #ddd;padding:15px;margin-bottom:20px}
.partiner .swiper-slide a{display:block;width:100%}

@media (max-width:1199px){
  .partiner{ padding: 30px 0; }
  .partiner .swiper-slide{ width: 24% }
  .partiner .swiper-slide:last-child { margin-right: auto;margin-left: 1.5%;}
}
@media (max-width:767px){
  .partiner .swiper-slide{ width: 33%; margin-bottom:2px; }
  .partiner{ padding: 15px 0; }
  .partiner .swiper-slide:last-child{ margin-left:0.5%; }
 
}

/*===============内页==============*/
/*===============样式==============*/
.page{ margin:50px auto; }
.sidebar_nav{width:100%;height:auto;overflow:hidden;background:#eee;padding:15px; -webkit-justify-content: center;justify-content: center;}
.sidebar_nav a{display:block; min-width:150px; max-width: 15%; padding:10px; margin: 5px; text-align:center; background: #fff; color: #333;}
.sidebar_nav a.on,.sidebar_nav a:hover{background:#da0000;color: #fff;}

/*单页*/
.content{ width: 100%; padding:30px 0; height: auto; overflow: hidden; }
.content ul.aboutimg{ margin-top: 30px }
.content ul.aboutimg li{ width: calc(50% - 1px);}
.content ul.aboutimg li .imgcut2{ padding-bottom: 50% }
@media (max-width:1199px){
  .page{ margin:30px auto; }
  .sidebar_nav a{ max-width:none;min-width:none; }
}
@media (max-width:767px){
  .page{ margin:10px auto; }
  .content ul.aboutimg li{ width:100%; margin-bottom: 5px}
  .sidebar_nav{ padding:0; background: #fff; -webkit-justify-content: space-between; justify-content: space-between;}
  .sidebar_nav a{ width:calc(50% - 5px); margin-bottom:5px; background: #eee;padding: 10px; margin: 5px 0; max-width: 50%;}
}
/*列表*/
.list_img{ width: calc(100% + 30px); height: auto; overflow:hidden; margin:15px -15px;}
.list_img ul{ -webkit-justify-content: flex-start; justify-content: flex-start; }
.list_img ul li{ width:25%; padding:15px;}

.list_img a{display:block; width: 100%; padding:10px;border:1px solid #ddd}
.list_img .img{overflow:hidden}
.list_img a{transition:all .5s}
.list_img a:hover{border-color:#da0000;}
.list_img p{text-align:center;line-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.list_partiner ul li{ width: 16.666% }
.list_partiner ul li .imgcut1{ padding-bottom: 50%; }
@media (max-width:1199px){
  .list_img,.list_img.list_partiner{ width: calc(100% + 2px); margin: 0 -1px;}
  .list_img.list_partiner ul li{ width: 25%; padding:1px; }
  .list_img ul li{ padding:1px; }
}
@media (max-width:767px){
  .list_img ul li{ width: 50%}
}
/*分页*/
div.paginationbox{overflow:hidden;margin:10px auto;padding:15px 0;width:100%;height:auto}
ul#pages{display:inline-block;margin:0;padding:0}
ul#pages li{display:inline}
ul#pages li a{float:left;margin:0 5px;padding:10px 18px;border:1px solid #ddd;color:#000;text-decoration:none;font-size:14px}
ul#pages li span{float:left;margin:0 5px;padding:10px 18px;border:1px solid #ddd;color:#aaa;text-decoration:none;font-size:14px}
#pages li:first-child a,#pages li:last-child a{border-radius:0}
ul#pages li.bor0 a{border-color:#fff;cursor:auto}
ul#pages li.thisclass a{border:1px solid #da0000;background:#da0000;color:#fff;cursor:default}
ul#pages li.active a,ul#pages li.active span {border:1px solid #da0000;background-color:#da0000;color:#fff;cursor:default}
ul#pages li a:hover:not(.active){border-color:#da0000;background-color:#da0000;color:#fff}
ul#pages li.bor0 a:hover{border-color:#fff;background:0 0;color:#333}
ul#pages>li>a,ul#pages>li>span{color:#333}
ul#pages li.disabled span{ color: #aaa }
ul.preNext{float:left;display:flex;width:100%;justify-content:space-between}
ul.preNext li{padding:15px;font-size:18px; width:50%; background: #eee;}
ul.preNext li:last-child{ background: #f5f5f5; }
ul.preNext li a{color:#333}
ul.preNext li a:hover{color:#da0000}
ul.preNext li.next,ul.preNext li.pre{background:#eee}
@media (max-width:767px){
	ul.preNext{ flex-wrap: wrap; }
	ul.preNext li{ width: 100% }
	ul.preNext li a{display: block; font-size: 14px }
}
/*详情页*/
.newsinfo{overflow:hidden;padding-bottom:5px;width:100%;height:auto;color:#666;text-align:center;font-size:14px;line-height:3}
.newsinfo span{color:#da0000;font-weight:700;font-size:14px;font-family:Georgia,Times New Roman,Times,serif}
.newsinfo a{float:right;display:inline-block;margin-left:15px;padding:5px 25px;color:#fff}
.newsinfo a,.newsinfo a:last-child{background:#da0000}
.article_box{float:left;overflow:hidden;box-sizing:border-box; width:calc(100% - 350px); padding-right:30px; height:auto;border-right:1px solid #ddd}
.article_box h1{padding:15px 0; border-bottom: 1px solid #ddd;margin-bottom: 10px; text-align:center;font-size:24px}
.detail{overflow:hidden;padding:15px 0;width:100%;height:auto;line-height:24px}
.detail img{display:block;margin:auto;width:auto;height:auto!important;max-width:100%}
.detail table tr td{ border:1px solid #ddd; padding: 10px; }
.content_info{padding:0;text-align:justify}
.content_info img{max-width:100%!important}
.max680{ max-width: 800px;margin:30px auto; padding: 50px; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align:justify;}
.max680 img{ width: 100%; margin: 5px 0;}
.max680 img ~ br{ display: none }
/*图集*/
.imgbox{width: 100%; margin-bottom: 30px;}
.imgbox img{width: 100%; max-width: 800px; max-height: 450px; border:1px solid #ddd; padding: 30px;}
.atlas{ width: 100%;height: auto; overflow: hidden;}
.atlas ul li{ width: calc(50% - 5px); margin: 5px 0; padding: 15px; border:1px solid #ddd;}

.side_txt{float:right;box-sizing:border-box;width:320px}
.side_txt h3{background:#da0000;color:#fff;line-height:50px}
.side_txt h3,.side_txt p{text-align:center;font-size:20px}
.side_txt p{padding:15px;border:1px solid #ddd;border-top:0;line-height:30px}
.side_txt p small{font-size:14px}
.side_txt p b{color:#da0000;font-weight:400;font-size:30px;font-family:impact}

.side_list{float:right;box-sizing:border-box;width:320px;margin-bottom: 10px;}
.side_list h3{position:relative;padding-left:25px;background:#da0000;color:#fff;font-size:20px;line-height:50px}
.side_list h3:before{position:absolute;top:14px;left:10px;width:4px;height:22px;background:#fff;content:""}
.side_list .txt{font-size:18px;line-height:30px}
.side_list .txt,.side_list ul{padding:15px;border:1px solid #ddd}
.side_list ul li{position:relative;overflow:hidden;padding-left:20px;width:100%;height:40px;border-bottom:1px dotted #ddd;line-height:40px}
.side_list ul li:before{position:absolute;top:18px;left:6px;width:5px;height:5px;border-radius:50%;background:#aaa;content:""}
.side_list ul li a{display:inline-block;color:#666;text-overflow:ellipsis;font-size:16px}
.side_list ul li a:hover{color:#da0000}
.side_list ul li:hover:before{background:#da0000}
@media (max-width:1199px){
  .article_box{width: 100%;padding: 0; border:0;}
  .side_list,.side_txt{ width: 100% }
}
@media (max-width:767px){
	.article_box h1{ font-size: 18px;line-height: 1.5}
	.imgbox img{ padding:5px;}
	.atlas ul li{ width: 100%;}
	.max680{ padding: 0;box-shadow: none; }
}

/*文章列表*/
.newlist ul li a{margin-bottom:30px;padding-bottom:30px;border-bottom:1px dotted #aaa; -webkit-align-items: stretch; align-items: stretch}
.newlist .img{width:240px; background-size: cover; background-repeat: no-repeat; background-position: center;}

.newlist .txt{width:calc(100% - 300px);}
.newlist .txt h3{margin:0;color:#333;font-size:20px; line-height: 2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.newlist .txt p{margin:0;margin:15px 0;color:#666;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newlist .txt span{color:#aaa}
.newlist ul li:hover h3{color:#da0000}
.newlist ul li:hover p{color:#333}
@media (max-width:1199px){
	.newlist .img{width:220px;}
	.newlist .txt{width:calc(100% - 240px);}
}
@media (max-width:767px){
	.newlist .img{ display: none }
	.newlist .txt{width:100%;}
	.newlist .txt h3{ font-size: 16px; }
	.newlist .txt p{ font-size: 12px; }

}
/*地图*/
#map{width:100%}
#map #allmap{height:500px}
.wrapper .nav-block{padding:15px 0;width:100%;background-color:#fff;font-size:0}
.wrapper .nav-block .item{display:inline-block;box-sizing:border-box;padding:2.5vw;width:25%}
.wrapper .nav-block .item .links{display:inline-block;color:#333;text-align:center;font-size:14px}
.wrapper .nav-block .item .links .icon-nav-block{display:inline-block;width:20vw;height:20vw;border-radius:6px;background-color:#2480ee;text-align:center;line-height:20vw}
.wrapper .nav-block .item .links .icon-nav-block>img{position:relative;top:0;display:inline-block;height:70%}
.wrapper .nav-block .item .links .text-nav-block{display:inline-block;margin-top:4px}
.wrapper .team-intr{box-sizing:border-box;margin:20px 0;padding:10px;background-color:#fff}
.wrapper .team-intr .title{margin:0 auto 15px;padding:6px 0;width:100%;background:#2480ee;color:#fff;text-align:center;font-weight:600;font-size:22px}
.wrapper .team-intr .team-img{width:100%}
/*联系我们*/
.page-contact-txt{background:#fff;margin:5rem 0;-webkit-align-items:stretch;align-items:stretch}
.page-contact-txt .lbox{width:50%;padding:5rem;background:#f2f2f2}
.page-contact-txt .lbox h1{font-size:4rem;padding-bottom:2rem;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:#da0000}
.page-contact-txt .lbox h3{font-size:2rem;font-weight:400;padding-bottom:2rem}
.page-contact-txt .lbox p{font-size:16px;line-height:1.5;padding:1rem 0}
.page-contact-txt .rbox{width:50%;background-size:cover;background-position:center}
.page-contact-msg{padding:5rem;background:#f2f2f2;margin-bottom:5rem}
.page-contact-msg h3{width:100%;line-height:1.5;padding-bottom:3rem;text-align:center;font-size:2rem}
.formbox{width:100%;-webkit-flex-direction:column;flex-direction:column}
.formbox .itext{width:100%;margin-bottom:3rem}
.formbox .itext input{width:calc(33.33% - 2rem);border:2px solid #ddd;line-height:2;font-size:1.6rem;padding:1rem;color:#333}
.formbox .itext input::placeholder,.formbox textarea::placeholder{color:#aaa}
.formbox .itext input:focus,.formbox textarea:focus{border-color:#da0000}
.formbox textarea{width:100%;height:14rem;margin-bottom:3rem;border:2px solid #ddd;line-height:2;font-size:1.6rem;padding:1rem;color:#333}
.formbox input.btn{width:auto;padding:1rem 6rem;font-size:1.6rem;line-height:2;background:#da0000;opacity:.7;color:#fff}
.formbox input.btn:hover{opacity:1}

@media (max-width:1199px){
  .page-contact-txt .lbox h1{font-size:3rem;padding-bottom:1rem}
  .page-contact-txt .lbox h3{font-size:1.6rem;line-height:2;padding-bottom:1rem}
  .page-contact-txt .lbox p{font-size:1.2rem;padding:.5rem 0}
}
@media (max-width:767px){
  .page-contact-txt .lbox{padding:0;background:#fff}
  .page-contact-txt .lbox,.page-contact-txt .rbox{width:100%}
  .page-contact-txt .lbox h1{font-size:4rem}
  .page-contact-txt .lbox h3{font-size:2rem}
  .page-contact-txt .lbox p{font-size:1.6rem}
  .page-contact-txt .rbox{margin-top:3rem}
  .page-contact-msg{padding:3rem}
  .formbox .itext{margin-bottom:0}
  .formbox .itext input,.formbox textarea{width:100%;margin-bottom:1rem}
  .formbox input.btn{width:100%;border-radius:0}
  .page-contact-msg h3{ font-size: 16px; }
}

/*position*/
.position{ line-height: 1.5; padding: 2rem 0;}
.position span{ display: inline-block; padding-left: 2rem; background: url(../images/position.png) no-repeat center left; background-size: 1.4rem;}
.position.bg{ background: #eee;}
.position.bg a:hover{ color: #da0000;}

