.layout{/*max-width: 1460px;*/ width: 1460px; margin: 0 auto;}
img{max-width: 100%;}
.clearfix:before,.clearfix:after{content: ""; display: table}.clearfix{zoom: 1;}
.clearfix:after{content: ""; clear: both; height: 0; visibility: hidden; display: block;}

/*header*/
#wrapper{width: 100%; position: relative; overflow-x: hidden;}
.header{width: 100%; height: 110px; position: fixed; position: absolute; left: 0; top: 0; z-index: 1000;}
.header .layout{width: 100%; max-width: 1680px; margin: 0 auto; padding: 0 40px; padding: 0 2.0833vw;}
.header:hover,.header.fixed{background-color: #fff; background-color: rgba(255,255,255,.7);}
.logo{float: left; padding-top: 20px;}
.logo a{display: block; width: 388px; height: 70px; font-size: 0; background-image: url(../images/logo.png); background-position: center; background-size: contain; background-repeat: no-repeat;}
.lan-box{float: right; margin-top: 46px; position: relative; font-family: 'MontserratRegular'; padding-right: 18px; background-image: url(../images/arrow.svg); background-size: 14px auto; background-position: right 2px; background-repeat: no-repeat;}
.lan-box .btn{font-size: 13px; color: #000; display: block; padding-left: 24px; background-image: url(../images/cn.jpg); background-position: 0 center; background-repeat: no-repeat;}
.lan-box .lan-list{width: 70px; position: absolute; left: 50%; top: 40px; margin-left: -35px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: .15s ease-out;}
.lan-box:hover .lan-list{opacity: 1; visibility: visible; transform: translateY(0);}
.lan-box .lan-list:before{content: ''; width: 0; height: 0; position: absolute; left: 50%; top: -10px; z-index: 5; margin-left: -10px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent;}
.lan-box .lan-list:after{content: ''; width: 0; height: 0; position: absolute; left: 50%; top: -12px; margin-left: -12px; border-bottom: 12px solid rgba(0, 0, 0, 0.1); border-left: 12px solid transparent; border-right: 12px solid transparent;}
.lan-box .lan-list dl{border-radius: 10px; overflow: hidden; background-color: #fff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.1);}
.lan-box .lan-list a{display: block; padding: 5px 10px; text-align: center; font-size: 14px; color: #333;}
.lan-box .lan-list a:hover{background-color: #da2220; color: #fff;}
.oa-btn{float: right; margin: 37px 0 0 10px; font-family: 'MontserratRegular'; }
.oa-btn a{font-size: 20px; color: #000; text-decoration: underline;}
.oa-btn a:hover{color: #da2220;}
.search-cbox{width: 168px; height: 32px; padding-right: 30px; margin: 37px 0 0 10px; border: 1px solid #d2d2d2; border-radius: 25px; float: right; position: relative;}
.search-cbox .stext{width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #000; border: none; padding: 0 10px; background: none;}
.search-cbox .sbtn{width: 20px; height: 20px; font-size: 0; cursor: pointer; position: absolute; right: 10px; top: 5px; background-image: url(../images/searchBtn.svg); background-size: 18px auto; background-position: center; background-repeat: no-repeat;}
.search-btn{width: 20px; height: 20px; margin-top: 44px; margin-left: 10px; display: none; font-size: 0; float: right; cursor: pointer; background-image: url(../images/searchBtn.svg); background-size: 18px auto; background-position: center; background-repeat: no-repeat;}
.search-Ibox{width: 100%; height: 100%; _position:absolute; position: fixed; left: 0; top: 0; background-color: #222; z-index: 1020; display: none;}
.search-Ibox .close{width: 21px; height: 21px; background: url(../images/nav-close.svg) no-repeat scroll center center; font-size: 0; position: absolute; right: 3%; top: 4%; cursor: pointer; transition: transform 0.3s;-webkit-transition: transform 0.3s;}
.search-Ibox .close:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.topsearch-form{width: 94%; top: 50%; position: absolute; left: 3%; border-bottom: 1px solid #515151; height: 120px; margin-top: -60px;}
.topsearch-box{padding: 0 124px 0 10px; position: relative;}
.search-text{width: 100%; border: 0 none; padding: 0; margin: 0; display: block; height: 120px; line-height: 120px; font-size:50px; color:#fff; background-color: transparent; text-align: center;}
.search-btns{display: block; width: 124px; height: 100%; position: absolute; right: 0; top: 0; padding: 0; margin: 0; border: 0 none; background: url(../images/searchBtn.svg) no-repeat scroll center center #e71a0f; cursor: pointer; transition: background 0.3s;-webkit-transition: background 0.3s;}
.search-btns:hover{background-color: #fff;}
.nav{float: right;}
.nav ul{font-size: 0;-webkit-text-size-adjust: none;}
.nav ul li{display: inline-block;_display: inline;zoom: 1; position: relative; margin-right: 30px; margin-right: 1.5625vw;}
.nav ul li .bt{display: block; font-size: 20px; color: #000; height: 110px; line-height: 110px; position: relative;}
.nav ul li .bt:after{content:""; display: block; width: 100%; height: 2px; background-color: #da2220; position: absolute; left: 0; bottom: 35px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.nav ul li:hover .bt:after,.nav ul li.on .bt:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.nav ul li:hover .bt,.nav ul li.on .bt{color: #da2220;}
.nav ul li .nav-body{transform-origin: 50% 0%; transform: perspective(1920px) rotateX(-80deg); opacity:0; transition: all .3s 0s; visibility: hidden;}
.nav ul li:hover .nav-body,.nav ul li.active .nav-body{opacity: 1; visibility: visible; z-index: 10; transition: all .5s 0s; transform: perspective(0px) rotateX(0deg); -webkit-transform: rotateX(0deg);}
.nav-body{width: 180px; background-color: #fff; /*border-top: 3px solid #da2220;*/ position: absolute; left: 50%; top: 110px; z-index: 5; margin-left: -90px; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);box-shadow: 0 5px 5px rgba(0,0,0,.07);}
.nav-body .dl{width: 100%; text-align: center;}
.nav-body .dl dd a{display: block; padding: 10px; font-size: 16px; color: #535353;}
.nav-body .dl dd a:hover{background-color: #da2220; color: #fff;}
.snav-body{width: 180px; margin-left: -90px; padding-top: 20px;}
.btn-m-list{width: 55px; height: 50px; position: absolute; right: 0; top: 5px; z-index: 1020; display: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.trans, .trans:hover{-webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover{-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out;}
.btn-m-list .burger{width: 17px; height: 3px; background-color: #000; display: block; position: absolute; z-index: 5; top: 16px; left: 50%; margin: 0 0 0 -10px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.btn-m-list .burger-2{top: 25px; width: 25px;}
.btn-m-list .burger-3{top: 33px; width: 21px;}
.btn-m-list.on .burger-1{top: 25px; width: 21px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg);transform: rotate(225deg);}
.btn-m-list.on .burger-2{top: 25px; width: 21px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: 100%;}
.btn-m-list.on .burger-3{top: 25px; width: 21px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg);}
.mask{width: 100%; height: 100%; position: fixed; _position: absolute; top: 0; left: 0; z-index: 2000; display: none; background-color: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}
.mob-nav{width: 264px; height: 100%; position: fixed; _position: absolute; top: 0; left: -100%; visibility: hidden; overflow-y: auto; background-color: #444; z-index: 3000; -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);box-shadow: -10px 0 100px 10px rgba(0, 0, 0, 0.7);}
.mob-nav.on{visibility: visible; left: 0;}
.mob-nav .neirong-close{width: 24px; height: 24px; display: block; background-image: url(../images/nav-close.svg); background-position: center; background-size: 24px auto; background-repeat: no-repeat; position: absolute; top: 10px; right: 10px; font-size: 0; visibility: hidden;}
.mob-nav.on .neirong-close{visibility: visible;}
.mob-nav .subtab{padding-top: 60px;}
.mob-nav .subtab>li{border-bottom: 1px solid #333; position: relative; transform: translateX(0rem); transition: 0.5s;}
.mob-nav .subtab>li:nth-child(1) .tlink{transition-delay: 150ms;}
.mob-nav .subtab>li:nth-child(2) .tlink{transition-delay: 250ms;}
.mob-nav .subtab>li:nth-child(3) .tlink{transition-delay: 350ms;}
.mob-nav .subtab>li:nth-child(4) .tlink{transition-delay: 450ms;}
.mob-nav .subtab>li:nth-child(5) .tlink{transition-delay: 550ms;}
.mob-nav .subtab>li:nth-child(6) .tlink{transition-delay: 650ms;}
.mob-nav .subtab>li:nth-child(7) .tlink{transition-delay: 750ms;}
.mob-nav .subtab>li:nth-child(8) .tlink{transition-delay: 850ms;}
.mob-nav .subtab>li:nth-child(9) .tlink{transition-delay: 950ms;}
.mob-nav .subtab>li:nth-child(10) .tlink{transition-delay: 1050ms;}
.mob-nav.on .subtab>li{transform: translateX(0px);}
.mob-nav .subtab li .tlink{display: block; padding: 12px 20px; font-size: 16px; color: #fff; background-color: #8c8c8c; position: relative;}
.mob-nav .subtab li.on .tlink{color: #da2220;}
.mob-nav .subtab li .subbtn:after{content: ""; display: block; width: 10px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li.on .subbtn:after{-webkit-transform: rotate(223deg);transform: rotate(223deg);}
.mob-nav .subtab li .submenu{width: 100%; padding: 0 0 15px 0; background-color: #444; overflow: hidden; display: none;}
.mob-nav .subtab li .submenu a{display: block; margin-left: 20px; padding: 10px; font-size: 16px; color: #fff;}
.mob-nav .subtab li .subbtn1:after{content: ""; display: block; width: 6px; height: 6px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); position: absolute; right: 15px; top: 50%; margin-top: -6px; -webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.mob-nav .subtab li .on .subbtn1:after{-webkit-transform: rotate(223deg);transform: rotate(223deg);}
.mob-nav .subtab li .mlink{display: block; padding: 10px; font-size: 14px; color: #8c8c8c; position: relative;}
.mob-nav .subtab li .menuer{width: 100%; overflow: hidden; display: none;}
.mob-nav .subtab li .menuer a{display: block; padding: 10px; margin-left: 35px; font-size: 14px; color: #fff;}
.mob-nav .subtab li .tlink{
    background: rgba(33,33,33,0.8);
    -webkit-transform-origin: -100% 0%;
    -moz-transform-origin: -100% 0%;
    -o-transform-origin: -100% 0%;
    -ms-transform-origin: -100% 0%;
    transform-origin: -100% 0%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.mob-nav.on .subtab li .tlink{
    background: rgba(68,68,68,1);
    -webkit-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -moz-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -o-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    -ms-transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: perspective(800px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}
.slick-list{position:relative;z-index:1;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display: block;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display:block;}
/*.slick-initialized .slick-slide.slick-active{display:block !important;left:0 !important;}*/
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.banner{width:100%; height:100%; position:relative; z-index:1;}
.banner .slideshow{position: relative; z-index: 1; width: 100%; height: 100%;}
.banner .slideshow *{outline:none;}
.banner .slideshow .slider-track{-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);}
/*.banner .slideshow .item img{width: 100%; display: block; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2);}
.banner .slideshow .item.slick-active img{-webkit-transform: scale(1);transform: scale(1);}*/
.banner .slideshow .slick-slide .pimg{width: 100%; display: block; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.banner .slideshow .slick-active .pimg{visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .bimg{-webkit-animation: slideIn 1s ; animation: slideIn 1s;}
.banner .slick-active .scimg{-webkit-animation: imgIn 1s; animation: imgIn 1s;}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}
@-webkit-keyframes slideIn {
    0% { -webkit-transform: translateX(-100%); opacity: 1; }
    100% { -webkit-transform: translateX(0); opacity: 1; }
}
@keyframes slideIn {
    0% { transform: translateX(-100%); opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes imgIn {
    0% { -webkit-transform: -webkit-translateX(100%); opacity: 1; }
    100% { -webkit-transform: -webkit-translateX(0); opacity: 1; }
}
@keyframes imgIn {
    0% { transform: translateX(100%); opacity: 1; }
    100% { transform: translateX(0); opacity: 1; }
}
.banner .banText{max-width: 1635px; width: 100%; text-align: left; position: absolute; left: 50%; top: 50%; z-index: 10; display: none; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.banner .banText .h2{font-size: 70px; font-size: 3.64583vw; color: #000; letter-spacing: 10px; /*text-shadow: black 0.1em 0.1em 0.2em;*/}
.banner .banText .pn{font-size: 30px; font-size: 1.5625vw; color: #000; margin-top: 0; letter-spacing: 1px;}
.banner .banText .more{width: 146px; height: 44px; line-height: 44px; font-size: 18px; margin-top: 40px; width: 7.6041vw; height: 2.2916vw; line-height: 2.2916vw; font-size: 0.9375vw; margin-top: 2.0833vw; color: #000; display: block; border: 1px solid #000; text-align: center; overflow: hidden;}
.banner .banText .more:hover{background-color: #da2220; border-color: #da2220; color: #fff;}
.banner .banText .h2,.banner .banText .pn{
    opacity: 0;
    transform: translateY(-100%);
    transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;
    -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) 0s;}
.banner .banText .pn{transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s; -webkit-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s; -moz-transition: all 600ms cubic-bezier(0.35, 0.85, 0.55, 1) .6s;}
.banner .slick-active .h2,.banner .slick-active .pn{opacity: 1; transform: translateY(0);}
.banner .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: 24px; z-index: 10;}
.banner .slick-dots li{width: 16px; height: 16px; border: 1px solid #fff; border-radius: 50%; font-size: 0; cursor: pointer; display: inline-block;_display: inline;zoom: 1; margin: 0 5px;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{background-color: #fff;}
.banner .slick-arrow{width: 31px; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 10; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;}
.banner .slick-prev{left: -100%; background: url(../images/slick-prev.png) no-repeat; background-size: cover;}
.banner:hover .slick-prev{left: 2.5%;}
.banner .slick-next{right: -100%; background: url(../images/slick-next.png) no-repeat; background-size: cover;}
.banner:hover .slick-next{right: 2.5%;}
.bannerbox{width: 100%; position: relative;}
.bannerbox .bimg{overflow: hidden; position: relative;}
.bannerbox .pimg{max-width: 100%; display: block;}
.bannerbox .moimg{display: none;}

/*index*/
.contain{width: 100%; padding-top: 0;}
.indexs .contain{padding-top: 110px;}
.sectionBox{width: 100%; padding: 80px 0; background-color: #fff;}
.index-title{width: 100%; text-align: center;}
.index-title .h2{font-size: 30px; color: #161413;}
.index-title .pn{font-family: 'MontserratRegular'; font-size: 20px; color: #333;}
.index-title .line{width: 4.5%; height: 2px; display: block; margin: 10px auto 0 auto; background-color: #da2220;}
.section01{background-color: #fff;}
.index-news{width: 100%; margin-top: 50px;}
.index-news .ul{margin: 0 -30px;}
.index-news .item{width: 33.333%; padding: 0 30px; float: left;}
.index-news .tit{width: 100%; height: 42px; line-height: 42px; border-radius: 10px; text-align: center; font-size: 18px; color: #fff; background-color: #215499;}
.index-news .nw-list{width: 100%; margin-top: 20px;}
.index-news .nw-list ul li{border-bottom: 1px dashed #7f7f7f;}
.index-news .box{display: block; overflow: hidden;}
.index-news .pic{width: 100%; /*height: 325px;*/ padding-bottom: 72.7%; overflow: hidden; position: relative; display: none;}
.index-news .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-news .box:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-news .tmain{margin: 20px 0; position: relative; display: none;}
.index-news .h2{font-size: 16px; color: #333;}
.index-news .box:hover .h2{font-size: 16px; color: #da2220;}
.index-news .pcont{margin-top: 2px; height: 42px; overflow: hidden; font-size: 14px; color: #999;}
.index-news .time{font-family: 'MontserratRegular'; font-size: 14px; color: #333; padding-left: 10px; position: absolute; right: 0; bottom: 0; background-color: #fff;}
.index-news .nwbox{width: 100%; padding-right: 120px; position: relative; margin: 20px 0;}
.index-news .nw-list ul li:first-child .pic{display: block;}
.index-news .nw-list ul li:first-child .tmain{display: block;}
.index-news .nw-list ul li:first-child .nwbox{display: none;}
.section02{padding-left: 110px; padding-right: 110px; padding-left: 5.72916vw; padding-right: 5.72916vw; background-color: #adcaee; background: url(../images/aboutBg.jpg); background-attachment: fixed; background-size: cover; background-position: center 0; background-repeat: no-repeat;}
.section02 .layout{max-width: 100%; width: 100%; display: flex; align-items: center; flex-direction: row-reverse;}
.index-video{width: 1077px; width: 64%; background-color: #000; position: relative; z-index: 1;}
.index-video .videoImg{width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 10; cursor: pointer;}
.index-video .videoImg img{width: 100%; display: block; transition: all 0.6s ease;}
.index-video .videoImg:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-video .videoImg:before{content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); position: absolute; left: 0; top: 0; z-index: 5;}
.index-video .videoImg:after{content: ""; width: 36px; height: 36px; background: url(../images/play.png) no-repeat; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; margin: auto;}
.index-video video{width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0;}
.index-video.open video{z-index: 50; opacity: 1;}
.index-video.open videoImg{opacity: 0;}
.index-about{width: 605px; width: 36%; padding-right: 100px;}
.index-about .text{font-size: 18px; color: #000; line-height: 35px; margin: 70px 0;}
.index-about .more{display: block; width: 150px; height: 40px; line-height: 40px; border: 1px solid #da2220; margin: 0 auto; font-size: 18px; color: #da2220; text-align: center;}
.index-about .more:hover{background-color: #da2220; color: #fff;}
.section03{background-color: #fff;}
.index-pro{width: 100%; margin-top: 40px;}
.index-pro ul{margin: 0 -20px;}
.index-pro ul li{width: 33.333%; float: left; padding: 0 20px;}
.index-pro ul li .box{display: block; overflow: hidden; border: 1px solid #fff; position: relative;}
.index-pro ul li .pic{width: 100%; /*height: 580px;*/ padding-bottom: 125.7%; overflow: hidden; position: relative;}
.index-pro ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.index-pro ul li .box:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.index-pro ul li .tit{width: 100%; height: 55px; line-height: 55px; padding: 0 10px; text-align: center; background-color: rgba(0,0,0,.5); font-size: 26px; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 5; transition: all 0.6s ease;}
.index-pro ul li .tmain{width: 100%; height: 100%; padding: 20px 50px; display: flex; align-items: center; text-align: center; background-color: rgba(0,0,0,.5); position: absolute; left: 0; top: 100%; z-index: 5; opacity: 0; transition: all 0.6s ease;}
.index-pro ul li .h2{font-size: 26px; color: #da2220;}
.index-pro ul li .pcont{font-size: 19px; color: #fff; margin-top: 20px;}
.index-pro ul li .box:hover{border-color: #da2220;}
.index-pro ul li .box:hover .tit{bottom: -100%; opacity: 0;}
.index-pro ul li .box:hover .tmain{top: 0; opacity: 1;}
.two-pro ul li{width: 50%;}
.two-pro ul li .pic{/*height: 422px;*/ padding-bottom: 59.7%;}
.section04{padding: 270px 160px; overflow: hidden; background-color: #eef0f3; background-image: url(../images/section04.jpg); background-size: cover; background-position: center 0; background-repeat: no-repeat;}
.index-maps{width: 620px; min-height: 390px; padding: 30px 50px; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,.74); box-shadow: 0 10px 56px rgba(0,0,0,.38);; float: right; text-align: center;}
.index-maps .h2{font-size: 36px; color: #da2220;}
.index-maps .pn{font-size: 20px; color: #000; margin: 60px 0;}
.index-maps .more{width: 134px; height: 32px; line-height: 32px; padding-left: 36px; font-size: 16px; color: #da2220; border: 1px solid #da2220; margin: 0 auto; display: block; position: relative;}
.index-maps .more:before{content: ""; width: 32px; height: 100%; border-right: 1px solid #da2220; position: absolute; left: 0; top: 0; background: url(../images/sole.png) center center no-repeat;}

/*about*/
.nybanner{width: 100%; height: 496px; height: 25.8333vw; position: relative; z-index: 5; background-image: url(../images/nybanner1.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.nytit{width: 83.5%; position: absolute; left: 8.25%; top: 50%; transform: translateY(-50%); display: none;}
.nytit .h2{font-size: 72px; font-size: 3.75vw; color: #333;}
.nytit .pn{font-size: 20px; color: #333;}
.nyMenuBox{width: 100%; background-color: #fff; box-shadow: 0px 10px 30px rgba(0,0,0,0.34); position: relative; z-index: 10;}
.subList{width: 100%;}
.subList ul{font-size: 0;-webkit-text-size-adjust: none;}
.subList ul li{width: 14.285714%; display: inline-block;_display: inline;zoom: 1; vertical-align: middle;}
.subList ul li>a{display: block; height: 90px; line-height: 90px; font-size: 19px; color: #000; text-align: center; position: relative; z-index: 1;}
.subList ul li>a:after{content:""; display: block; width: 100%; height: 100%; background-color: #da2220; position: absolute; left: 0; bottom: 0; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.subList ul li:hover>a:after,.subList ul li.on>a:after{transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.on .nySub{display:block;}
.subList ul li:hover>a,.subList ul li.on>a{color: #fff;}
.nySub{width: 100%; height: 60px; line-height: 60px; position: absolute; left: 0; top: 90px; background-color: #f4f4f4; display: none;}
.subList ul li:hover .nySub{display: block;z-index:1;}
.nySub dl dd{float: left; margin-right: 40px;}
.nySub dl dd a{font-size: 19px; color: #000;}
.nySub dl dd:hover a,.nySub dl dd.on a{color: #da2220; text-decoration: underline;}
.subTit{width: 100%; position: relative; display: none;}
.subTit .h2{font-size: 18px; color: #333; height: 50px; line-height: 50px; text-align: left;}
.subTit .more{width: 24px; height: 24px; position: absolute; right: 0; top: 50%; font-size: 0; margin-top: -12px;}
.subTit .more:before{content: ""; width: 100%; height: 2px; position: absolute; left: 0; top: 11px; background-color: #000;}
.subTit .more:after{content: ""; width: 2px; height: 100%; position: absolute; left: 11px; top: 0; background-color: #000;}
.subList.on .subTit .more:after{display: none;}
.section-box{width: 100%; padding: 80px 0; background-color: #fff;}
.section-box .layout{max-width: 1160px; width: 1160px;}
.about-box{background-color: #f4f9fc; background-image: url(../images/aboutUs.jpg); background-position: right 0; background-repeat: no-repeat;}
.aboutNumber{width: 100%; max-width: 930px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 80px;}
.aboutNumber ul{display: flex; justify-content: space-between;}
.aboutNumber .num span{font-family: 'MontserratRegular'; font-size: 50px; color: #3878c9;}
.aboutNumber .num i{font-size: 40px; display: inline-block; vertical-align: top; color: #3878c9;}
.aboutNumber .pn{font-size: 19px; margin-top: 10px; color: #696969;}
.about-text{width: 100%; margin-top: 80px; font-size: 16px; color: #333; line-height: 40px;}
.about-text p{margin-top: 2%; text-indent: 2em;}
.about-strategy{width: 100%; margin-top: 80px;}
.about-strategy .tit span{font-size: 30px; color: #fff; height: 50px; line-height: 48px; padding-left: 10px; padding-right: 35px; border-radius: 0 0 0 10px; background-color: #da2220; display: inline-block; position: relative;}
.about-strategy .tit .icon{position: absolute; right: -35px; top: -14px;}
.about-strategy .text{margin-top: 50px;}
.about-strategy .text p{font-size: 16px; color: #333; line-height: 40px; text-indent: 2em;}
.strategyImg{width: 100%; margin-top: 80px;}
.strategyImg .pic{margin-top: 5%; position: relative;}
.strategyImg .pic img{/*width: 80%;*/width: 100%; max-height: 370px;}
.strategyImg .pic:after{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; background-color: rgba(0,0,0,.7);}
.strategyImg .slick-current .pic{width: 100%; margin-top: 0;}
.strategyImg .slick-current .pic img{max-height: 100%;}
.strategyImg .slick-current .pic:after{display: none;}
.strategyImg .slick-arrow{width: 34px; height: 34px; position: absolute; top: 50%; margin-top: -17px; z-index: 10; background-color: transparent; background-size: 10px auto; background-position: center; background-repeat: no-repeat; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;}
.strategyImg .slick-prev{left: 20px; background-image: url(../images/slick-prev.png);}
.strategyImg .slick-next{right: 20px; background-image: url(../images/slick-next.png);}
.structureImg{width: 100%; margin-top: 80px;}
.structureImg img{max-width: 100%; display: block;}
.honor-list{width: 100%; margin-top: 60px;}
.honor-list ul{margin: 0 -20px;}
.honor-list ul li{width: 33.333%; float: left; padding: 20px;}
.honor-list ul li .box{display: block; border: 1px solid #dcdcdc; background-color: #f5f4f4; padding: 14px;}
.honor-list ul li .box:hover{border-color: #da2220;}
.honor-list ul li .pic{width: 100%; /*height: 230px;*/ padding-bottom: 69.8%; overflow: hidden; position: relative;}
.honor-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.honor-list ul li .box:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.honor-list ul li .tit{width: 100%; margin-top: 10px; text-align: center; font-size: 14px; color: #000;}
.loadmore{width: 100%; margin-top: 50px; text-align: center;}
.loadmore a{display: inline-block; font-size: 16px; color: #646464; padding: 0 20px 10px 20px; border-bottom: 1px solid #e6e6e6; position: relative;}
.loadmore a::after{content:''; width:0; height:0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #e6e6e6; position: absolute; left: 50%; bottom: -7px; margin-left: -3px;}
.loadmore a:hover{color: #da2220; border-color: #da2220;}
.loadmore a:hover::after{border-top: 6px solid #da2220;}
.culture-box{width: 100%; margin-top: 80px; border-top: 1px solid #aaa; background-color: #fafafa;}
.cultureTop{padding: 80px 30px;}
.cultureText{display: flex; flex-direction: row-reverse;}
.cultureText .index-video{width: 46.3%;}
.cultureText .tmain{width: 590px; width: 53.7%; padding-right: 50px;}
.cultureText .tmain p{font-size: 16px; color: #333; line-height: 30px; text-indent: 2em;}
.cultureTit{margin-top: 20px; font-size: 30px; color: #333;}
.cultureCont{font-size: 16px; color: #333; margin-top: 20px;}
.cultureCont p{margin-top: 10px;}
.StaffTit{width: 100%; padding: 10px 30px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #aaa;}
.StaffTit h2{font-size: 30px; color: #000;}
.StaffTit .more{width: 30px; height: 30px; border: 1px solid #da2220; border-radius: 50%; font-size: 0; position: relative;}
.StaffTit .more:before{content: ""; width: 16px; height: 2px; position: absolute; left: 6px; top: 13px; background-color: #da2220;}
.StaffTit .more:after{content: ""; width: 2px; height: 16px; position: absolute; left: 13px; top: 6px; background-color: #da2220;}
.StaffBox{padding: 80px 30px; display: flex;}
.StaffBox .pic{width: 514px; width: 46.8%;}
.StaffBox .pic img{max-width: 100%; display: block;}
.StaffBox .list{width: 53.2%; padding-left: 50px;}
.StaffBox .list ul li{padding: 17px 0;}
.StaffBox .list ul li .box{display: block; padding: 15px 95px 15px 94px; min-height: 100px; background-color: #fff; position: relative;}
.StaffBox .list ul li .box:hover{background-color: #fff; box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.StaffBox .list ul li .time{width: 76px; height: 60px; font-family: 'MontserratRegular'; font-size: 12px; color: #666; text-align: center; padding: 10px 5px; border-right: 1px solid #e3e3e3; position: absolute; left: 0; top: 22px;}
.StaffBox .list ul li .time span{display: block; font-size: 16px; color: #333;}
.StaffBox .list ul li .h2{font-size: 16px; color: #333;}
.StaffBox .list ul li .box:hover .h2{color: #da2220;}
.StaffBox .list ul li .pcont{font-size: 12px; color: #666; margin-top: 10px; height: 36px; overflow: hidden;}
.StaffBox .list ul li .more{width: 76px; height: 60px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px 5px; border-left: 1px solid #e3e3e3; position: absolute; right: 0; top: 22px;}
.StaffBox .list ul li .more span{width: 20px; height: 10px; font-size: 0; display: block; background: url(../images/StaffMore.png) center center no-repeat; background-size: cover;}
.StaffBox .list ul li .box:hover .more span{background: url(../images/StaffMore_h.png) center center no-repeat; background-size: cover;}
.history-tab{width: 100%; margin-top: 80px;}
.history-tab ul{display: flex; background-color: #dbdbdb;}
.history-tab ul li{width: 33.333%; float: left;}
.history-tab ul li .box{display: block; color: #666; padding: 15px 10px; text-align: center;}
.history-tab ul li.on .box{background-color: #da2220; color: #fff;}
.history-tab ul li span{font-size: 20px;}
.history-tab ul li p{font-size: 16px;}
.history-list{width: 100%; margin-top: 50px; padding-top: 30px; position: relative; z-index: 1; display: none;}
.history-list:before{content: ""; width: 50px; height: 1px; background-color: #dbdbdb; position: absolute; left: 50%; top: 0; margin-left: -25px;}
.history-list:after{content: ""; width: 1px; background-color: #dbdbdb; position: absolute; left: 50%; top: 0; bottom: 0; margin-left: -1px; z-index: -1;}
.history-list ul li{width: 100%; display: flex; margin-bottom: 60px;}
.history-list ul li .pic{width: 50%; padding-right: 55px; position: relative;}
.history-list ul li .pic:before{content: ""; width: 60px; height: 1px; background-color: #dbdbdb; position: absolute; right: 0; top: 0;}
.history-list ul li .img{border: 1px solid #dbdbdb; overflow: hidden;}
.history-list ul li .img img{width: 100%; display: block; transition: all 0.6s ease;}
.history-list ul li .img:hover img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.history-list ul li .tmain{width: 50%;}
.history-list ul li .year{font-family: 'MontserratRegular'; display: inline-block; background-color: #da2220; border: 1px solid #dbdbdb; min-width: 184px; height: 40px; line-height: 39px; text-align: center; font-size: 30px; color: #fff;}
.history-list ul li .pcont{font-size: 16px; color: #333; padding: 40px 60px;}
.history-list ul li:nth-child(even){flex-flow: row-reverse;}
.history-list ul li:nth-child(even) .pic{padding-left: 55px; padding-right: 0;}
.history-list ul li:nth-child(even) .pic:before{left: 0; right: auto;}
.history-list ul li:nth-child(even) .tmain{text-align: right;}
.partner-box{background-color: #f9f9f9;}
.partner-list{width: 100%; margin-top: 57px;}
.partner-list ul{margin: 0 -23px;}
.partner-list ul li{width: 25%; float: left; padding: 23px;}
.partner-list ul li::after{content: ""; display: block; width: 80px; height: 10px; margin-top: -1px; margin-left: auto; margin-right: auto; background-image: url(../images/partnerIcon.png); background-size: contain; background-position: center; background-repeat: no-repeat;}
.partner-list ul li .box{display: block; background-color: #fff; border: 1px solid #7fc0f7; border-radius: 10px; padding: 20px; /*cursor: default;*/}
.partner-list ul li .pic{width: 100%; padding-bottom: 44.2%; overflow: hidden; position: relative;}
.partner-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.partner-list ul li .box:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.partner-list ul li .tit{margin-top: 10px; text-align: center; font-size: 14px; color: #333;}

/*news*/
.news-hot{width: 100%; margin-top: 80px;}
.news-hot .box{display: flex; align-items: center; flex-flow: row-reverse; background-color: #fafafa;}
.news-hot .pic{width: 50%; /*height: 423px;*/ padding-bottom: 36.5%; overflow: hidden; position: relative;}
.news-hot .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.news-hot .box:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.news-hot .tmain{width: 50%; padding: 30px;}
.news-hot .h2{font-size: 20px; color: #333; margin-bottom: 5px;}
.news-hot .box:hover .h2{color: #da2220;}
.news-hot .time{font-family: 'MontserratRegular'; font-size: 18px; color: #aaa;}
.news-hot .pcont{font-size: 16px; color: #666; line-height: 30px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #cacaca;}
.news-hot .more{font-size: 16px; color: #666; margin-top: 20px; display: block;}
.news-list{width: 100%; margin-top: 50px;}
.news-list ul li{width: 100%; margin-top: 30px;}
.news-list ul li .box{display: block; padding: 15px 190px 15px 190px; min-height: 150px; background-color: #fafafa; position: relative;}
.news-list ul li .box:hover{background-color: #fff; box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.news-list ul li .time{width: 152px; height: 80px; font-family: 'MontserratRegular'; font-size: 18px; color: #666; text-align: center; padding: 7px 5px; border-right: 1px solid #e3e3e3; position: absolute; left: 0; top: 36px;}
.news-list ul li .time span{display: block; font-size: 30px; color: #333;}
.news-list ul li .h2{font-size: 20px; color: #333; margin-top: 16px;}
.news-list ul li .box:hover .h2{color: #da2220;}
.news-list ul li .pcont{font-size: 16px; color: #666; margin-top: 10px; height: 48px; overflow: hidden;}
.news-list ul li .more{width: 152px; height: 80px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px 5px; border-left: 1px solid #e3e3e3; position: absolute; right: 0; top: 36px;}
.news-list ul li .more span{width: 40px; height: 22px; font-size: 0; display: block; background: url(../images/StaffMore.png) center center no-repeat; background-size: cover;}
.news-list ul li .box:hover .more span{background: url(../images/StaffMore_h.png) center center no-repeat; background-size: cover;}
.page{width: 100%; text-align: center; margin-top: 50px;}
.page a{display: inline-block; font-size: 12px; color: #fff; border: 1px solid #ccc; background-color: #ccc; padding: 7px 14px;}
.page a.prev,.page a.next{font-weight: bold;}
.page a:hover,.page a.on{background-color: #da2220; border-color: #da2220; color: #fff;}
.newsDetails-box{border-top: 1px solid #ebebeb;}
.newsDetails h1{font-size: 32px; color: #333; text-align: center;}
.newsInfo{width: 100%; margin-top: 20px; padding-bottom: 10px; font-family: 'MontserratRegular';}
.newsInfo ul{display: flex; justify-content: center;}
.newsInfo ul li{margin: 0 30px; font-size: 16px; color: #aaa;}
.newsInfo ul li span{display: inline-block; padding-left: 20px; background-position: 0 5px; background-repeat: no-repeat;}
.newsInfo ul li .author{background-image: url(../images/n_author.jpg);}
.newsInfo ul li .origin{background-image: url(../images/n_origin.jpg);}
.newsInfo ul li .time{background-image: url(../images/n_time.jpg);}
.newsText{padding: 50px 40px 100px 40px; border-top: 1px solid #aaa; background-color: #fafafa;text-indent:2em;font-size:16px;line-height:30px;}
.newsText img{max-width: 100% !important; display:block; margin:5px auto;}
.newsMore{width: 100%; background-color: #f4f4f4;}
.newsMore ul{display: flex; justify-content: space-between;}
.newsMore ul li{width: 33.333%;}
.newsMore ul li a{display: block; width: 100%; height: 70px; line-height: 70px; text-align: center; font-size: 16px; color: #666;}
.newsMore ul li:hover a{background-color: #da2220; color: #fff;}
.newsMore ul li.return span{display: inline-block; padding-left: 20px; background-image: url(../images/return.png); background-size: 20px auto; background-position: left center; background-repeat: no-repeat;}
.newsMore ul li.return:hover span{background-image: url(../images/return_h.png);}

/*product*/
.pro-box{width: 100%; background-color: #fafafa; border-top: 1px solid #aaa; margin-top: 80px; padding: 80px 30px;}
.pro-list ul{margin: 0 -10px;}
.pro-list ul li{width: 50%; float: left; padding: 10px;}
.pro-list ul li .box{display: block; overflow: hidden;}
.pro-list ul li .pic{width: 100%; /*height: 332px;*/ padding-bottom: 61.5%; overflow: hidden; position: relative;}
.pro-list ul li .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.pro-list ul li .box:hover .pic img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.pro-list ul li .tit{text-align: center; margin-top: 20px; font-size: 25px; color: #333;}
.pro-list ul li .box:hover .tit{color: #da2220;}
.pro-text{width: 100%; padding: 30px 0; display: flex; /*align-items: center;*/ flex-flow: row-reverse;}
.pro-text .pic{width: 550px; width: 50%; overflow: hidden; position: relative;}
.pro-text .img{width: 100%; /*height: 332px;*/}
.pro-text .pic .item{width: 100%; /*height: 332px;*/ padding-bottom: 61.5%; overflow: hidden; position: relative;margin-bottom:60px;}
.pro-text .img img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.pro-text .pic .item:hover .img img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.pro-text .tmain{width: 50%; padding-right: 30px; font-size: 16px; color: #333; line-height: 30px;}
.pro-text .tmain p{margin: 10px 0;}
.pro-text .tit{width: 100%; background-color: #fff; text-align: center; font-size: 24px; color: #333; height: 50px; line-height: 50px; padding: 0 10px; position: absolute; left: 0; bottom: -100%; z-index: 10; opacity: 0; transition: all 0.6s ease;}
.pro-text .pic .item:hover  .tit{bottom: 0; opacity: 1;}
.pmask{width: 100%; height: 100%; display: none; position: absolute; position: fixed; top: 0; left: 0; z-index: 3000; background-color: rgba(0,0,0,.7);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);}
.pro-pop{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; position: fixed; left: 0; top: -100%; z-index: 4000; opacity: 0; visibility: hidden; transition: all 0.6s ease;}
.pro-pop.open{top: 0; opacity: 1; visibility: visible; z-index: 4000;}
.pro-pop .pbox{width: 800px; background-color: #fff; padding: 30px 100px; position: relative;}
.pro-pop .pic{width: 100%; /*height: 369px;*/ padding-bottom: 61.5%; overflow: hidden; position: relative;}
.pro-pop .pic img{width: 100%; max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.pro-pop .tit{width: 100%; text-align: center; font-size: 24px; color: #333; padding: 0 10px; margin-top: 10px;}
.pro-pop .tmain{font-size: 16px; color: #333; line-height: 30px; margin-top: 10px; max-height: 90px; overflow: auto;}
.pro-pop .slick-arrow{width: 31px; height: 60px; position: absolute; top: 50%; margin-top: -30px; z-index: 10; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;}
.pro-pop .slick-prev{left: -64px; background: url(../images/slick-prev.png) no-repeat; background-size: cover;}
.pro-pop .slick-next{right: -64px; background: url(../images/slick-next.png) no-repeat; background-size: cover;}
.pclose{width: 40px; height: 40px; border-radius: 50%; display: block; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); background-image: url(../images/return.png); background-position: center; background-size: 24px auto; background-repeat: no-repeat; position: absolute; top: -16px; right: -16px; font-size: 0;}
.pro-cont{display: flex; flex-flow: row-reverse;}
.pro-cont .plist{width: 550px; width: 50%; padding: 10px 0; overflow: hidden; position: relative;max-height:1162px}
.pro-cont .item{padding: 20px 0;}
.pro-cont .box{display: block; overflow: hidden; position: relative; cursor: default;}
.pro-cont .pic{width: 100%; /*height: 332px;*/ padding-bottom: 61.5%; overflow: hidden; position: relative;}
.pro-cont .pic img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; margin: auto; -moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.pro-cont .pic:hover .img img{transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03);}
.pro-cont .tmain{width: 50%; padding-right: 30px; font-size: 16px; color: #333; line-height: 30px;}
.pro-cont .tmain p{margin: 10px 0;}
.pro-cont .tit{width: 100%; background-color: #fff; text-align: center; font-size: 24px; color: #333; height: 50px; line-height: 50px; padding: 0 10px; position: absolute; left: 0; bottom: -100%; z-index: 10; opacity: 0; transition: all 0.6s ease;}
.pro-cont .box:hover .tit{bottom: 0; opacity: 1;}
.pro-cont .slick-arrow{width: 33px; height: 18px; position: absolute; left: 50%; margin-left: -16px; z-index: 1; font-size: 0; border: none; outline: none; cursor: pointer; transition: all 0.5s ease;}
.pro-cont .slick-prev{top: 0; background: url(../images/proT.png) no-repeat; background-size: cover;}
.pro-cont .slick-next{bottom: 0; background: url(../images/proB.png) no-repeat; background-size: cover;}
.pro-cont .slick-disabled{opacity: 0; visibility: hidden;}


/*party*/
.party-box01{padding-top: 0; background-image: url(../images/partyBg.jpg); background-position: center bottom; background-repeat: no-repeat;}
.party-tit{font-size: 30px; color: #000;}
.party-text{margin-top: 40px; font-size: 16px; color: #333; line-height: 36px;}
.party-text p{text-indent: 2em;}
.party-box02 .honor-list{margin-top: 20px;}

/*biding*/
.tender-box{width: 100%; margin-top: 80px;}
.tender-box .ul{display: flex; margin: 0 -11px;}
.tender-box .item{width: 50%; padding: 0 11px;}
.tender-box .tit{font-size: 30px; color: #000;}
.tender-list{width: 100%; margin-top: 40px; background-color: #f6f6f6;}
.tender-list ul li .box{display: block; padding: 15px 50px 15px 94px; min-height: 100px; border-bottom: 1px solid #e5e5e5; position: relative;}
.tender-list ul li .box:hover{background-color: #fff; box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.tender-list ul li .time{width: 76px; height: 60px; font-family: 'MontserratRegular'; font-size: 12px; color: #666; text-align: center; padding: 10px 5px; border-right: 1px solid #e3e3e3; position: absolute; left: 0; top: 22px;}
.tender-list ul li .time span{display: block; font-size: 16px; color: #333;}
.tender-list ul li .h2{font-size: 18px; color: #333; margin-top: 24px;}
.tender-list ul li .box:hover .h2{color: #da2220;}
.tender-list ul li .more{width: 20px; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; right: 20px; top: 0;}
.tender-list ul li .more span{width: 20px; height: 10px; font-size: 0; display: block; background: url(../images/StaffMore.png) center center no-repeat; background-size: cover;}
.tender-list ul li .box:hover .more span{background: url(../images/StaffMore_h.png) center center no-repeat; background-size: cover;}
.tender-load{padding: 25px 0;}
.tender-load .a{width: 30px; height: 30px; display: block; border: 1px solid #aaa; border-radius: 50%; font-size: 0; position: relative; margin: 0 auto;}
.tender-load .a:before{content: ""; width: 16px; height: 2px; position: absolute; left: 6px; top: 13px; background-color: #aaa;}
.tender-load .a:after{content: ""; width: 2px; height: 16px; position: absolute; left: 13px; top: 6px; background-color: #aaa;}
.tender-load .a:hover{border-color: #da2220;}
.tender-load .a:hover:before,.tender-load .a:hover:after{background-color: #da2220;}

/*job*/
.job-box{border-top: 1px solid #ebebeb;}
.job-list ul li{border: 1px dashed #aaa; padding: 40px 40px 0 40px; margin-top: 80px;}
.job-list ul li:hover{border-color: #da2220;}
.job-list ul li .info{padding-right: 190px; padding-bottom: 60px; position: relative;}
.job-list ul li .h2{font-size: 32px; color: #333;}
.job-list ul li .data{font-size: 16px; color: #b3b3b3; margin-top: 20px; padding-left: 30px; background: url(../images/jcon1.png) 0 1px no-repeat;}
.job-list ul li .data span{margin-right: 15px;}
.job-list ul li .time{font-size: 16px; color: #b3b3b3; margin-top: 20px; padding-left: 30px; background: url(../images/jcon2.png) 0 3px no-repeat;}
.job-list ul li .info .update{position: absolute; right: 0; top: 0;}
.job-list ul li .update{width: 170px; cursor: pointer;height: 56px; line-height: 56px; background-color: #da2220; overflow: hidden; text-align: center; font-size: 24px; color: #fff; border-radius: 6px;}
.job-list ul li .update a{cursor: pointer;display: block; width: 100%; height: 100%; color: #fff;}
.job-list ul li .update input{width: 100%; height: 100%; position: absolute; z-index: 10; opacity: 0; cursor: pointer;right:0;}
.job-list ul li .sumry{font-size: 16px; color: #666; line-height: 30px; padding-bottom: 30px; display: none;}
.job-list ul li .sumry .update{margin-top: 20px; width: 120px; height: 40px; line-height: 40px; font-size: 12px; display: none;}
.job-list ul li .more{border-top: 1px dashed #aaa; padding: 20px 0; font-size: 18px; color: #666; text-align: center;}
.job-list ul li .a2{display: none;}
.job-list ul li.on{background-color: #fff; border-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.job-list ul li.on .a1{display: none;}
.job-list ul li.on .a2{display: inline-block;}
.job-list ul li.on .sumry{display: block;}

/*contact*/
.cont-maps{width: 100%; margin-top: 80px; background-color: #f9f9f9; border: 1px solid #ebebeb; display: flex;}
.cont-maps .list{width: 410px; width: 35.5%;}
.cont-maps .list ul{height: 624px; padding: 20px; overflow: auto;}
.cont-maps .list ul li{border-bottom: 1px solid #ebebeb;}
.cont-maps .list ul li .box{display: block; padding: 20px 0;}
.cont-maps .list ul li .h2{font-size: 18px; color: #4c4c4c;}
.cont-maps .list ul li .pcont{font-size: 14px; color: #999; margin-top: 5px;}
.cont-maps .list ul li .pcont p{padding-left: 15px; margin-top: 5px; position: relative;}
.cont-maps .list ul li .icon{width: 11px; position: absolute; left: 0; top: 5px; opacity: .5;}
.cont-maps .list ul li.on{border-color: #da2220;}
.cont-maps .list ul li.on .h2{color: #da2220;}
.cont-maps .list ul li.on .pcont{color: #333;}
.cont-maps .list ul li.on .icon{opacity: 1;}
.cont-maps .map-box{width: 746px; width: 64.5%; height: 624px; overflow: hidden;}
.cont-maps .map-box .item{display:none;}
.cont-maps .map-box img{width: 100%; height: 100%; object-fit: cover;}
.message-box{width: 100%; margin-top: 40px;}
.message-box ul{margin: 0 -10px;}
.message-box ul li{width: 100%; float: left; margin-top: 20px; padding: 0 10px;}
.message-box ul li.lt{width: 33.333%;}
.message-box ul li.item5{text-align: center;}
.message-box ul li .inputText{width: 100%; height: 50px; line-height: 50px; background-color: #f9f9f9; border: 1px solid #ececec; padding: 0 20px; font-size: 16px; color: #333; transition: all 0.4s ease;}
.message-box ul li .inputText:focus{border-color: #da2220;}
.message-box ul li .inputTeat{padding: 10px 20px; height: 130px; line-height: 26px;}
.message-box ul li .sub{width: 80px; height: 32px; border: none; background-color: #333; cursor: pointer; font-size: 14px; color: #fff; transition: all 0.4s ease;}
.message-box ul li .sub:hover{background-color: #da2220; color: #fff;}
.message-box ul li .submit{background-color: #da2220;}

/*myTop*/
.myTop{width: 66px; position: fixed; _position: absolute; right: 0; top: 50%; z-index: 100; transform: translateY(-50%); display: none;}
.myTop ul li{margin-top: 1px; height: 66px; text-align: center; position: relative;}
.myTop ul li a{padding: 10px 5px 7px 5px; display: block; font-size: 12px; color: #fff; background-color: #221f1f; overflow: hidden; position: relative; z-index: 10;}
.myTop ul li a:after{content:""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #da2220; -webkit-transform-origin: -50% 50%; transform-origin: -50% 50%; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); -webkit-transition: -webkit-transform .3s ease-in; transition: transform .3s ease-in; opacity: 0\9; filter: alpha(opacity=0)\9;}
.myTop ul li:hover a:after{-webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); opacity: 1\9; filter: alpha(opacity=100)\9; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
/*.myTop ul li:hover a{background-color: #da2220;}*/
.myTop ul li .icon{width: 24px; height: 24px; margin: 0 auto; display: block; background-position: center; background-repeat: no-repeat;}
.myTop ul li .t{display: block; margin-top: 7px;}
.myTop ul li.myMess .icon{background-image: url(../images/myMess.png);}
.myTop ul li.myNum .icon{background-image: url(../images/myNum.png);}
.myTop ul li.mySer .icon{background-image: url(../images/mySer.png);}
.myTop ul li.GoTop .icon{background-image: url(../images/GoTop.png);}
.myTop ul li .Phone{width: 200px; height: 66px; line-height: 66px; font-size: 16px; color: #fff; background-color: #da2220; opacity: .8; position: absolute; left: 0; top: 0; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.myTop ul li:hover .Phone{left: -200px;}
.myTop ul li.mySer{display: none;}

/*footer*/
.footer{width: 100%; background-color: #262c35; border-top: 7px solid #da2220; padding-top: 50px; word-break: break-all;word-wrap: break-word; background-image: url(../images/footerBg.jpg); background-position: center;}
.footer .foot-midd{width: 100%; padding-bottom: 40px;}
.footer .foot-nav{width: 780px; width: 55.8%; float: left; position: relative;}
.footer .foot-nav:after{content: ""; width: 1px; height: 100px; background-color: #fff; position: absolute; right: 0; top: 62px;}
.footer .dl{width: 20%; float: left; padding-right: 2%;}
.footer .dl dt{font-size: 18px; color: #fff; padding-bottom: 10px; margin-bottom: 20px; position: relative;}
.footer .dl dt:after{content: ""; width: 62%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0;}
.footer .dl dd{font-size: 16px; color: #fff; margin-top: 10px;}
.footer .dl dd a{color: #fff;}
.footer .dl dd a:hover{color: #da2220;}
.footer .foot-info{width: 370px; width: 26.5%; float: left; margin-left: 6%;}
.footer .foot-info .h2{font-size: 18px; color: #fff; padding-bottom: 10px; margin-bottom: 20px; position: relative;}
.footer .foot-info .h2:after{content: ""; width: 43%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0;}
.footer .foot-info .pn{font-family: 'MontserratRegular'; font-size: 16px; color: #fff; margin-top: 10px;}
.footer .foot-info .btns{width: 100%; overflow: hidden; margin-top: 10px;}
.footer .foot-info .Abtn{display: block; width: 120px; height: 32px; line-height: 30px; border: 1px solid #fff; font-size: 14px; color: #fff; text-align: center; float: left;}
.footer .foot-info .Abtn:hover{background-color: #da2220; border-color: #da2220;}
.footer .foot-info .Abtn span{display: inline-block; padding-left: 33px;}
.footer .foot-info .b1{margin-right: 20px;}
.footer .foot-info .b1 span{background: url(../images/qq.png) left center no-repeat;}
.footer .foot-info .b2 span{background: url(../images/mess.png) left center no-repeat;}
.footer .foot-ewm{width: 122px; float: right; text-align: center;}
.footer .foot-ewm p{font-size: 12px; color: #fff;}
.footer .foot-copy{width: 100%; padding: 20px 0; border-top: 1px solid #bdbdbd; font-size: 12px; color: #fff;}
.footer .foot-copy a{color: #fff;}
.footer .foot-copy a:hover{color: #da2220;}
.footer .ftlink{width: 45%; float: left;}
.footer .ftlink a{display: inline-block; position: relative; padding-right: 12px; margin-right: 8px;}
.footer .ftlink a:after{content: ""; width: 1px; height: 10px; background-color: #fff; position: absolute; right: 0; top: 5px;}
.footer .fttext{width: 55%; float: right; display: flex;display: -webkit-flex; align-items: center; justify-content: flex-end;}

/*Mobile Css*/
@media screen and (max-width: 1660px){
	.logo{padding-top: 30px;}
	.logo a{width: 290px; height: 53px;}
	.nav ul li .bt{font-size: 18px;}
}
@media screen and (max-width: 1400px){
	.search-cbox{display: none;}
	.search-btn{display: block;}
}
@media screen and (min-width: 1200px) and (max-width: 1519px){
    .layout{ width: 1180px; }
	.logo{padding-top: 30px;}
	.logo a{width: 270px; height: 49px;}
	.nav ul li .bt{font-size: 16px;}
	.oa-btn{margin-top: 42px;}
	.oa-btn a{font-size: 16px;}
	.nav-body .dl dd a{font-size: 14px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .layout { width: 750px; }

    .contain{padding-top: 0;}
	.indexs .contain{padding-top: 60px;}
	.header{height: 60px;}
	.logo{padding-top: 0;}
    .logo a{width: 240px; height: 60px;}
	.lan-box{margin-top: 22px; margin-right: 0;}
	.oa-btn{margin-top: 20px; margin-right: 40px;}
	.oa-btn a{font-size: 16px;}
	.search-btn{margin-top: 22px;}
    .nav{display: none;}
    .btn-m-list{display: block;}
    .banner .slick-arrow{width: 15px; height: 42px; visibility: hidden; opacity: 0;}
    .banner .slick-dots{bottom: 20px;}
    .banner .slick-dots li{width: 10px; height: 10px;}
	.banner .banText{width: 90%; margin-top: 25px;}
	.banner .banText .more{width: 74px; height: 20px;}
	.sectionBox,.section-box{padding: 70px 0;}
	.index-title .h2{font-size: 24px;}
	.index-title .pn{font-size: 14px;}
	.index-news .tit{font-size: 16px;}
	.index-news .ul{margin: 0 -10px;}
	.index-news .item{padding: 0 10px;}
	.index-news .h2{font-size: 14px; font-weight: bold;}
	.index-news .pcont{font-size: 12px; height: 36px;}
	.index-news .time{font-size: 12px;}
	.index-news .nwbox{padding-right: 75px; margin: 18px 0;}
	.index-news .item:nth-child(3) .nw-list ul li:last-child{display: none;}
	.index-news .item:nth-child(3) .nw-list ul li:nth-last-child(2){display: none;}
	.section02 .layout{width: 750px; display: block;}
	.index-video{width: 100%;}
	.index-about{width: 100%; padding-right: 0; padding-top: 40px;}
	.index-about .text{margin: 20px 0;}
	.index-pro ul{margin: 0 -10px;}
	.index-pro ul li{padding: 0 10px;}
	.two-pro{margin-top: 20px;}
	.index-pro ul li .tit{font-size: 18px;}
	.index-pro ul li .tmain{display: none;}
	.index-pro ul li .box:hover .tit{bottom: 0; opacity: 1;}
	.section04{padding: 90px 0;}
	.index-maps{width: 500px; min-height: 320px; margin: 0 auto; float: none;}
	.footer .foot-nav{width: 100%; margin-bottom: 30px;}
	.footer .foot-nav:after{display: none;}
	.footer .foot-info{width: 370px; margin-left: 0;}
	.footer .ftlink{width: 100%; text-align: center;}
	.footer .fttext{width: 100%; display: block; text-align: center;}
	.section-box .layout{max-width: 750px; width: 750px;}
	.subList ul li a{font-size: 16px;}
	.nySub dl dd{margin-right: 20px;}
	.nySub dl dd a{font-size: 14px;}
	.aboutNumber,.about-text,.about-strategy{margin-top: 60px;}
	.strategyImg .pic img{max-height: 230px;}
	.structureImg{margin-top: 40px;}
	.honor-list,.loadmore{margin-top: 20px;}
	.culture-box{margin-top: 60px;}
	.cultureTop,.StaffBox{padding: 40px 30px;}
	.cultureText{display: block;}
	.cultureText .index-video{width: 100%;}
	.cultureText .tmain{width: 100%; margin-top: 20px; padding-right: 0;}
	.StaffBox{display: block;}
	.StaffBox .pic{width: 100%;}
	.StaffBox .pic img{width: 100%;}
	.StaffBox .list{width: 100%; padding-left: 0;}
	.StaffBox .list ul li{padding: 0; margin-top: 20px;}
	.history-tab{margin-top: 60px;}
	.history-list{margin-top: 30px;}
	.partner-list{margin-top: 30px;}
	.partner-list ul{margin: 0 -10px;}
	.partner-list ul li{width: 33.333%; padding: 10px;}
	.partner-list ul li .box{padding: 10px;}
	.news-hot{margin-top: 60px;}
	.news-hot .box{padding: 20px;}
	.news-hot .h2{font-size: 16px;}
	.news-hot .time{font-size: 14px;}
	.news-hot .pcont{font-size: 12px; line-height: 24px; max-height: 155px; overflow: hidden;}
	.news-hot .more{font-size: 12px; margin-top: 10px;}
	.news-hot .tmain{padding: 0 30px 0 0;}
	.news-list ul li .box{padding-right: 100px; padding-left: 155px;}
	.news-list ul li .time{font-size: 14px; padding-top: 15px; width: 130px;}
	.news-list ul li .time span{font-size: 24px;}
	.news-list ul li .h2{font-size: 16px; font-weight: bold; margin-top: 24px;}
	.news-list ul li .pcont{font-size: 12px;}
	.news-list ul li .more{width: 80px;}
	.news-list ul li .more span{width: 30px; height: 12px;}
	.pro-box{margin-top: 60px; padding: 40px 20px;}
	.pro-list ul li .tit{font-size: 18px; margin-top: 10px;}
	.pro-text .tmain{font-size: 12px; line-height: 22px;}
	.pro-text .tit{height: 40px; line-height: 40px; font-size: 14px;}
	.pro-cont .tmain{font-size: 12px; line-height: 22px;}
	.pro-cont .tit{height: 40px; line-height: 40px; font-size: 14px;}
	.pro-cont .plist{max-height:80vh;}
	.party-box01{padding-top: 0;}
	.tender-box{margin-top: 60px;}
	.tender-box .tit{font-size: 20px;}
	.tender-list{margin-top: 20px;}
	.job-list ul li{margin-top: 60px;}
	.cont-maps{margin-top: 60px;}
	.cont-maps .list ul li .h2{font-size: 16px;}
	.pro-pop .pbox{width: 700px;}
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .layout { width: 90%; }

    .contain,.indexs .contain{padding-top: 60px;}
	.header{height: 60px; background-color: #fff;}
	.logo{padding-top: 0;}
    .logo a{width: 164px; height: 60px;}
	.lan-box{margin-top: 23px; margin-right: 0; padding-right: 14px; background-size: 12px auto; background-position: right 4px;}
	.oa-btn{margin-top: 20px; margin-right: 36px; margin-left: 5px;}
	.oa-btn a{font-size: 16px;}
	.search-btn{margin-top: 22px; margin-left: 5px;}
	.topsearch-form{height: 40px; top: auto; left: auto; margin: 25% auto 0; position: relative;}
	.search-text{height: 40px; line-height: 40px; font-size: 20px;}
	.search-btns{width: 40px;}
    .nav{display: none;}
    .btn-m-list{display: block; width: 30px; right: 10px;}
	.banner .slick-arrow{width: 15px; height: 42px; visibility: hidden; opacity: 0;}
    .banner .slick-dots{bottom: 10px; visibility: visible; opacity: 1;}
    .banner .slick-dots li{width: 8px; height: 8px; border: 1px solid #fff;}
	.bannerbox .pcimg{display: none;}
	.bannerbox .moimg{display: block;}
	.banner .banText{width: 90%; text-align: center; top: 22.1333vw; -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
	.banner .banText .h2{font-size: 5.3333vw; letter-spacing: 0;}
	.banner .banText .pn{font-size: 1.8666vw; margin-top: 5px; margin-bottom: 1.3333vw;}
	.banner .banText .more{width: 22.6666vw; height: 6.6666vw; line-height: 6.6666vw; font-size: 12px; margin: 0 auto;}
    .sectionBox{padding: 40px 0;}
    .index-title .h2{font-size: 24px;}
	.index-title .pn{font-size: 14px;}
	.index-news{margin-top: 0;}
	.index-news .item{width: 100%; margin-top: 40px;}
	.index-news .h2{font-size: 14px; font-weight: bold;}
	.index-news .pcont{font-size: 12px; height: 36px;}
	.index-news .time{font-size: 12px;}
	.index-news .nwbox{padding-right: 75px; margin: 15px 0;}
	.index-news .nw-list ul li:first-child .tmain{margin-top: 0;}
	.section02 .layout{width: 90%; display: block;}
	.index-video{width: 100%;}
	.index-about{width: 100%; padding-right: 0; padding-top: 20px;}
	.index-about .text{margin: 10px 0; font-size: 14px; line-height: 28px;}
	.index-about .more{width: 130px; font-size: 12px;}
	.index-pro{margin-top: 15px;}
	.index-pro ul{margin: 0 -5px;}
	.index-pro ul li{width: 50%; margin-top: 0; padding: 5px;}
	.index-pro ul li:nth-child(3){width: 100%;}
	.index-pro ul li .tit{font-size: 14px; height: 40px; line-height: 40px;}
	.index-pro ul li .tmain{display: none;}
	.index-pro ul li .box:hover .tit{bottom: 0; opacity: 1;}
	.two-pro{margin-top: 0;}
	.two-pro ul li{width: 100%;}
	.section04{padding: 40px 0;}
	.index-maps{width: 90%; min-height: 100px; margin: 0 auto; float: none; padding: 40px 20px;}
	.index-maps .h2{font-size: 24px;}
	.index-maps .pn{margin: 20px 0; font-size: 14px;}
	.footer .foot-midd{padding-bottom: 20px;}
	.footer .foot-nav{width: 100%; display: flex; margin-bottom: 20px;}
	.footer .foot-nav:after{display: none;}
	.footer .dl dt{font-size: 12px; text-align: center; padding-bottom: 0; margin-bottom: 0;}
	.footer .dl dt:after{display: none;}
	.footer .dl dd{display: none;}
	.footer .foot-info{width: 100%; margin-left: 0;}
	.footer .foot-info .h2{font-size: 16px;}
	.footer .foot-info .h2:after{width: 20%;}
	.footer .foot-info .pn{font-size: 12px; margin-top: 5px;}
	.footer .foot-ewm{width: 84px; float: left; margin-top: 20px;}
	.footer .ftlink{width: 100%; display: none;}
	.footer .fttext{width: 100%; text-align: center;}
	.myTop{display: none;}
	.section-box{padding: 40px 0;}
	.section-box .layout{max-width: 90%; width: 90%;}
	.nybanner{height: 230px;}
	.nytit{text-align: center;}
	.nytit .h2{font-size: 24px;}
	.nytit .pn{font-size: 12px;}
	.subList{padding: 0; position: relative;}
	.subList ul{width: 100%; position: absolute; left: 0; top: 50px; background-color: #fff; display: none;}
	.subList.on>ul{display: block;}
	.subList ul li{width: 100%; position: relative;}
	.subList ul li>a{height: auto; line-height: 20px; font-size: 16px; padding: 10px; text-align: center; border: 1px solid #eee;}
	.subList ul li>a:after{height: 100%;}
	.subList ul li:hover>a,.subList ul li.on>a{color: #fff;}
	.subList ul li .open{position: absolute; right: 15px; top: 9px; z-index: 10; width: 15px; height: 15px; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg);}
	.subList ul li:hover .nySub{display: none;}
	.nySub{height: auto; line-height: 20px; position: static; left: auto; top: auto; padding: 20px 0;}
	.nySub dl dd{width: 100%; margin-right: 0; padding: 5px 0;}
	.nySub dl dd a{font-size: 14px;}
	.subTit{display: block;}
	.aboutNumber{margin-top: 40px;}
	.aboutNumber .num span{font-size: 22px;}
	.aboutNumber .num i{font-size: 12px;}
	.aboutNumber .pn{font-size: 14px; margin-top: 0;}
	.about-text{margin-top: 20px; font-size: 14px; line-height: 28px;}
	.about-strategy{margin-top: 40px;}
	.about-strategy .tit span{font-size: 16px; height: 30px; line-height: 30px; padding-right: 20px;}
	.about-strategy .tit .icon{width: 40px; right: -25px; top: -10px;}
	.about-strategy .text{margin-top: 20px;}
	.about-strategy .text p{font-size: 14px; line-height: 28px;}
	.strategyImg{margin-top: 20px;}
	.strategyImg .pic{margin-top: 0;}
	.strategyImg .pic img{max-height: 100%;}
	.strategyImg .pic:after{display: none;}
	.structureImg{margin-top: 40px;}
	.honor-list,.loadmore{margin-top: 30px;}
	.honor-list ul{margin: 0 -5px;}
	.honor-list ul li{width: 50%; padding: 5px;}
	.honor-list ul li .tit{margin-top: 5px;}
	.loadmore a{font-size: 14px;}
	.culture-box{margin-top: 40px;}
	.cultureTop,.StaffBox{padding: 30px 20px;}
	.cultureText{display: block;}
	.cultureText .index-video{width: 100%;}
	.cultureText .tmain{width: 100%; margin-top: 20px; padding-right: 0;}
	.StaffBox{display: block;}
	.StaffBox .pic{width: 100%;}
	.StaffBox .pic img{width: 100%;}
	.StaffBox .list{width: 100%; padding-left: 0;}
	.StaffBox .list ul li{padding: 0; margin-top: 20px;}
	.StaffBox .list ul li .box{padding-left: 80px; padding-right: 15px;}
	.StaffBox .list ul li .time{width: 68px;}
	.StaffBox .list ul li .more{display: none;}
	.StaffBox .list ul li .h2{font-size: 14px; font-weight: bold;}
	.cultureTit,.StaffTit h2{font-size: 20px;}
	.cultureText .tmain p,.cultureCont{font-size: 14px; line-height: 28px;}
	.StaffTit{padding: 5px 20px;}
	.history-tab{margin-top: 40px;}
	.history-tab ul li .box{padding: 12px 6px;}
	.history-tab ul li span{font-size: 14px;}
	.history-tab ul li p{font-size: 12px;}
	.history-list{margin-top: 20px; padding-top: 20px;}
	.history-list:before{left: 0; margin-left: 0; display: none;}
	.history-list:after{left: 0; margin-left: 0;}
	.history-list ul li{display: block;}
	.history-list ul li .pic,.history-list ul li:nth-child(even) .pic{width: 100%; padding-left: 20px; padding-right: 0;}
	.history-list ul li .pic:before{left: 0; right: auto;}
	.history-list ul li .tmain,.history-list ul li:nth-child(even) .tmain{width: 100%; margin-top: 18px; padding-left: 20px; text-align: left;}
	.history-list ul li .year{font-size: 18px; min-width: 100px;}
	.history-list ul li .pcont{padding: 15px 0 0 0; font-size: 14px;}
	.partner-list{margin-top: 35px;}
	.partner-list ul{margin: 0 -5px;}
	.partner-list ul li{width: 50%; padding: 5px;}
	.partner-list ul li::after{width: 60px; margin-top: -2px;}
	.partner-list ul li .box{padding: 10px;}
	.partner-list ul li .tit{font-size: 12px; margin-top: 5px;}
	.news-hot{margin-top: 40px;}
	.news-hot .box{padding: 20px; display: block;}
	.news-hot .pic{width: 100%; padding-bottom: 73.4%;}
	.news-hot .h2{font-size: 16px;}
	.news-hot .time{font-size: 12px;}
	.news-hot .pcont{font-size: 12px; line-height: 24px; max-height: 155px; overflow: hidden;}
	.news-hot .more{font-size: 12px; margin-top: 10px;}
	.news-hot .tmain{padding: 0; width: 100%; margin-top: 15px;}
	.news-list{margin-top: 0;}
	.news-list ul li{margin-top: 20px;}
	.news-list ul li .box{padding: 15px 15px 15px 80px; min-height: 100px;}
	.news-list ul li .time{font-size: 12px; padding: 10px 5px; width: 68px; height: 60px; top: 22px;}
	.news-list ul li .time span{font-size: 16px;}
	.news-list ul li .h2{font-size: 14px; font-weight: bold; margin-top: 0;}
	.news-list ul li .pcont{font-size: 12px; height: 36px;}
	.news-list ul li .more{width: 76px; height: 60px; display: none;}
	.news-list ul li .more span{width: 20px; height: 10px;}
	.page{margin-top: 20px;}
	.page a{padding: 5px 10px;}
	.newsDetails h1{font-size: 20px;}
	.newsInfo{margin-top: 10px;}
	.newsInfo ul{justify-content: space-between;}
	.newsInfo ul li{margin: 0; font-size: 12px;}
	.newsInfo ul li:nth-child(2){display: none;}
	.newsInfo ul li span{line-height: 24px;}
	.newsMore ul li a{font-size: 14px; height: 40px; line-height: 40px;}
	.newsText{padding: 30px 20px;font-size:14px;line-height:26px;}
	.newsText p{font-size: 14px !important; line-height: 28px !important;}
	.pro-box{margin-top: 40px; padding: 15px;}
	.pro-list ul{margin: 0 -5px;}
	.pro-list ul li{padding: 5px;}
	.pro-list ul li .tit{font-size: 14px; margin-top: 8px;}
	.pro-text{display: block; padding: 10px 0;}	
	.pro-text .pic{width: 100%;}
	.pro-text .tmain{font-size: 14px; line-height: 28px; width: 100%; padding-right: 0; padding-top: 10px;}
	.pro-text .tit{height: 40px; line-height: 40px; font-size: 14px; bottom: 0; opacity: 1;}
	.pro-cont{display: block;}
	.pro-cont .plist{width: 100%;}
	.pro-cont .tmain{font-size: 14px; line-height: 28px; width: 100%; padding-right: 0; padding-top: 10px;}
	.pro-cont .tit{height: 40px; line-height: 40px; font-size: 14px; bottom: 0; opacity: 1;}
	.pro-cont .plist{max-height:80vh;}
	.party-box01{padding-top: 0;}
	.party-tit{font-size: 18px; font-weight: bold;}
	.party-text{margin-top: 20px; font-size: 14px; line-height: 28px;}
	.party-text img{max-width: 100%; display: block;}
	.tender-box{margin-top: 20px;}
	.tender-box .ul{display: block; margin: 0;}
	.tender-box .item{width: 100%; padding: 0; margin-top: 40px;}
	.tender-box .tit{font-size: 20px;}
	.tender-list{margin-top: 20px;}
	.tender-list ul li .h2{font-size: 14px; white-space: normal; height: 42px; margin-top: 16px;}
	.job-list{margin-top: 40px;}
	.job-list ul li{margin-top: 20px; padding: 20px 20px 0 20px;}
	.job-list ul li .info{padding-right: 0; padding-bottom: 20px;}
	.job-list ul li .info .update{display: none;}
	.job-list ul li .h2{font-size: 20px; font-weight: bold;}
	.job-list ul li .data{margin-top: 10px; font-size: 12px; padding-left: 20px; background-size: 15px auto; background-position: 0 4px;}
	.job-list ul li .data span{margin-right: 5px;}
	.job-list ul li .time{font-size: 12px; margin-top: 5px; padding-left: 20px; background-size: 15px auto; background-position: 0 3px;}
	.job-list ul li .more{padding: 10px 0; font-size: 14px;}
	.job-list ul li .sumry{font-size: 14px; line-height: 28px; padding-bottom: 20px;}
	.job-list ul li .sumry .update{display: block;}
	.cont-maps{margin-top: 40px; display: block;}
	.cont-maps .list{width: 100%;}
	.cont-maps .list ul{height: 469px;}
	.cont-maps .list ul li .h2{font-size: 16px;}
	.cont-maps .map-box{width: 100%; height: 300px;}
	.message-box{margin-top: 20px;}
	.message-box ul li.lt{width: 100%;}
	.message-box ul li .inputText{height: 40px; line-height: 40px;}
	.message-box ul li .inputTeat{height: 130px; line-height: 26px;}
	.pro-pop .pbox{width: 90%; padding: 20px 40px;}
	.pro-pop .slick-arrow{width: 16px; height: 30px;}
	.pro-pop .slick-prev{left: -30px;}
	.pro-pop .slick-next{right: -30px;}
	.pro-pop .tit{font-size: 16px;}
	.pro-pop .tmain{font-size: 14px; line-height: 28px; max-height: 165px;}
	
}