* {margin: 0;padding: 0}
table {border-collapse: collapse}
a {text-decoration: none}
a:focus,a:hover {text-decoration: none}
a:focus {outline: 0}
p {margin: 0}
ol,ul {margin: 0}
.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5 {margin: 0}
ul,li,dl,dd,dt,p,ol{padding: 0;margin: 0;line-height: none;list-style: none;}
.cor_red {color: #da0502}
.cor_yellow {color: #f5fb47}
.cor_blue {color: #00eaff}
.f22 {font-size: 22px}
.clear {clear: both}
.shows {display: block}
.hides {display: none}
ol {padding-left: 25px}
.ellipsis {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.bd_weixin_popup {height: auto!important}

html{height: 100%}
body{position: relative;height: 100%;min-width: 320px;font-family: Arial,"微软雅黑";background: #f1f1f1;}
.container{max-width: 1440px;margin: 0 auto;}
.left{float: left;}
.right{float: right;}
.headerBg {position: fixed;top: 0;left: 0;z-index: 1;margin-right: 60%;padding: 5px 25px;width: 100%}
.header {padding-right: 60px;padding-top: 15px;}
.logo {float: left}
.large .logo a {display: block}
.large .tel {float: right;color: #FFF;font-size: 18px;font-family: Verdana;line-height: 24px}
.large .telIco {display: inline-block;margin-top: -4px;width: 20px;height: 16px;background: url(../image/tel.png) no-repeat;vertical-align: middle}
.large .tel img {margin-top: -4px;vertical-align: middle}
.large .fp-viewing-page2 .logo .hides {display: block}
.large .fp-viewing-page2 .logo .shows {display: block}
.large .dian{text-align: right;float: right;padding-right:85px;}
.large .logo img{display: block}
.large .header {width: 100%;}
.small .logo img{display: block;height: 65px;}
.small .fp-viewing-page2 .logo .hides {display: block}
.small .fp-viewing-page2 .logo .shows {display: block;height: 65px;}
.small .dian{text-align: right;float: right;padding-right:85px;height:65px;}
.dian{text-align: right;float: right;padding-right:85px;}
.small .header {width: 100%;background:rgba(0,0,0,0.8);height: 70px;padding: 5px 0;}

.btn{position: relative;}
.btn span{display: block;width: 60px;height: 6px;background: #fff;margin: 10px 0;z-index: 999;}
.btn button{background: none;border: none;position: absolute;top: 0;right: 10px;z-index: 999;}
.large .btn button{background: none;border: none;position: absolute;top: 0;right: 10px;z-index: 999;outline: none;}
.leftMenu a {text-decoration: none;display: block;color: #fff;}
.small .btn button{background: none;border: none;position: absolute;top:5px;right: 10px;z-index: 999;}

.leftMenu {background: rgba(0, 21, 75, 0.85);right: -1000px;position: fixed;top: 0;display: block;height: 100%;width: 68%;min-width: 265px;max-width: 265px;z-index: 998;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;position: fixed;overflow: auto;}
.leftMenu.menu-open {right: 0; display: none;}
.leftMenu ul {list-style: none;padding: 0;padding-top: 60px;}
.leftMenu ul li {position: relative;padding: 10px 0 10px 10px;}
.leftMenu ul li.hasChild > a:after {content: "+";position: absolute;right: 38px;top: 4px;font-size: 24px;font-weight: 300;}
.leftMenu ul li.hasChild.open > a:after {content: "-";right: 23px;font-size: 28px;top: 3px;}
.f2, .f3 {height: 0;padding-left: 20px;overflow: hidden;position: relative;transition: height 0.4s ease;-moz-transition: height 0.4s ease;-webkit-transition: height 0.4s ease;-o-transition: height 0.4s ease;}
.leftMenu .f2 ul{padding: 0;}
/*#menu .leftMenu .f3 {height: 300px;}
.leftMenu .f3 ul li{padding: 5px 0 10px 5px;}*/
.menu-dark-backdrop {background: rgba(0,0,0,0);transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;width: 100%;position: fixed;top: 50px;left: 0;right: 0;overflow: hidden;}
.menu-dark-backdrop.in {/*height: 100%;z-index: 90001;background: rgba(0,0,0,0.5);*/}
.mune2{padding: 20px;box-sizing: border-box;margin-top: 25px;border-top: 1px solid #fff;border-top:1px solid #050c59;}
.mune2 p{padding: 5px 0;}
.mune2 span{color: #eee;}
.f1 ul li img{vertical-align: middle;padding: 0 5px;}
.munexian{width: 90%;position: absolute;height: 100%;border-left: 1px solid #0066FF;}
#navPage {
	position: fixed;
	top: 50%;
	left: 0;
	text-align: left;
	transition: all .1s ease-out 0s;
	transform: translateY(-50%)
}

#navPage.noactive {
	left: -10%
}

#navPage li {
	position: relative;
	padding-left: 40px
}

#navPage li:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 0;
	height: 1px;
	background:#00a0e9;
	content: "";
	transition: all .5s ease-out 0s
}

#navPage li.active:first-child:after {
	width: 95px
}

#navPage li:first-child+li.active:after {
	width: 95px
}

#navPage li:first-child+li+li.active:after {
	width: 110px
}

#navPage li:first-child+li+li+li.active:after {
	width: 95px
}

#navPage li:first-child+li+li+li+li.active:after {
	width: 130px
}

#navPage li:first-child+li+li+li+li+li.active:after {
	width: 115px
}

#navPage li:first-child+li+li+li+li+li+li.active:after {
	width: 95px
}

#navPage li:first-child+li+li+li+li+li+li+li.active:after {
	width: 115px
}

#navPage li a {
	display: inline-block;
	color: #aaa;
	font-weight: 700;
	font-size: 0;
	font-family: Arial;
	line-height: 34px
}

#navPage li a i,#navPage li a span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px
}

#navPage li a i {
	font-style: normal
}

#navPage li a span {
	overflow: hidden;
	width: 0;
	white-space: nowrap;
	transition: all .5s ease-out 0s
}

#navPage li a:hover,#navPage li.active a {
	color: #00a0e9
}

#navPage li a:hover span,#navPage li.active a span {
	width: 80px
}
#hmpage {
	opacity: 0;
	-webkit-opacity: 0
}

.section{width: 100%;height: 100%;overflow: hidden;}
#banner{position: relative;height: 100%;}
#banner .swiper-container {
      width: 100%;
      height: 100%;
      position: relative;
    }
#banner .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    
#banner .swiper-slide img{width: 100%;display: block;}
#banner .swiper-slide .bannerbg2 img{width: auto;}
/*.imgBg{width: 100%;height: 100%;overflow: hidden;}*/    
.imgBg {background-position: center center;background-size: cover;background-repeat: no-repeat;width: 100%;height: 100%;overflow: hidden;}
.imgBg img {display: none}
#animated{
	        position:relative;
	        animation:mymove 10s infinite;
	        -webkit-animation:mymove 8s infinite; /*Safari and Chrome*/
	        animation-direction:alternate;/*轮流反向播放动画。*/
	        animation-timing-function: ease-in-out; /*动画的速度曲线*/
	        /* Safari 和 Chrome */
	        -webkit-animation:mymove 10s infinite;
	        -webkit-animation-direction:alternate;/*轮流反向播放动画。*/
	        -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	      }
            @keyframes mymove
            {
                0%{
                transform: scale(1.1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1); /*放大1.1倍*/
                }
                50%{
                    transform: scale(1.1);
                }
                75%{
                    transform: scale(1);
                }

            }
            
            @-webkit-keyframes mymove /*Safari and Chrome*/
            {
                0%{
                transform: scale(1.1);  /*开始为原始大小*/
                }
                25%{
                    transform: scale(1); /*放大1.1倍*/
                }
                50%{
                    transform: scale(1.1);
                }
                75%{
                    transform: scale(1);
                }
            }
#animated2{animation:move 15s alternate infinite;
        -webkit-animation:move 15s alternate infinite; /* Safari 和 Chrome */
        -moz-animation:move 15s alternate infinite; /* Firefox */
        -o-animation:move 15s alternate infinite; /* Opera */
        position: absolute;}
#animated2:hover{-webkit-animation-play-state: paused;transition: all 3s;}
@keyframes move
    {
        from {
            transform: translateX(0);
            left:-680px;
        }
        to   {
            transform: translateX(0);
            left: 0;
        }
    }
 
    @-webkit-keyframes move
    {
        from {
            transform: translateX(0);
            left:-680px;
        }
        to   {
            transform: translateX(0);
            left: 0;
        }
    }
 
    @-zos-keyframes move
    {
        from {
            transform: translateX(0);
            left:-680px;
        }
        to   {
            transform: translateX(0);
            left: 0;
        }
    }
 
    @-o-keyframes move
    {
        from {
            transform: translateX(0);
            left:-680px;
        }
        to   {
            transform: translateX(0);
            left: 0;
        }
    }
.banner-text{position: absolute;top: 30%;left: 28%;z-index: 999;}		
.banner-text2{position: absolute;top: 30%;left: 28%;z-index: 999;}	
.banner-text3{position: absolute;top: 30%;left: 26%;z-index: 999;}	
.mainbox3 {background: url(/wp-content/themes/wp/images/mainbox3bg.jpg) center top no-repeat;background-size: cover}
.mainbox4 {background: url(/wp-content/themes/wp/images/mainbox4bg.jpg) right bottom no-repeat;background-size: cover}
.mainbox5 {background: #f5f5f5}
.mainbox6 {background: #f5f5f5}
.main_box {padding-top: 86px}

.welcome {position: absolute;bottom: 0;left: 40px;z-index: 1;display: block;width: 280px;height: 70px;background:#00a0e9;color: #FFF;font-size: 14px;font-family: Arial;line-height: 70px;text-align: center}
.welcome i,.welcome span,.welcome strong {display: inline-block;margin: 0 2px;vertical-align: middle}
.welcomeDot{width: 4px;height: 4px;border-radius: 50%;background: #FFF;}

.welcomeLine {
	width: 46px;
	height: 1px;
	background: #FFF;
	transition: all .5s ease 0s
}

.welcome:focus,.welcome:hover {
	color: #FFF
}

.welcome:hover .welcomeLine {
	width: 60px
}

.mbox2Bg {background: url(../image/iaboutbg.jpg) center center no-repeat;background-size: cover;}
.mbox2{margin: 0 auto;padding: 50px 0 0;max-width: 1440px;}
.mbox2 .iabout{padding-top:150px;}
.iabout-l{width:60%;float: left;text-align: left;padding: 30px;box-sizing: border-box;}
.iabout-l h3{color: #da0502;text-transform: uppercase;font-size: 46px;font-family: Arial;line-height: 150%;opacity: 0;transition: all .6s ease 0s;transform: translateX(-50px)}
.iabout-l h1{color: #FFF;}
.aboutimg{}
.aboutimg ul li{width: 50%;float: left;}
.iabout-r{width: 40%;float: right;}
.iabout-r .swiper-container {width: 100%;height: 100%;}
.iabout-r .swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.iabout-r .swiper-slide img{width: 100%;display: block;}
.more{width: 100%;overflow: hidden;text-align: center;}
.more a{padding: 10px 35px;display: inline-block;background:#00a0e9;color: #fff;margin: 15px 0;}

.mbox3Bg {background: url(../image/icasesbg.jpg) center center no-repeat;background-size: cover}
.mbox3 {margin: 0 auto;}
.icases{overflow: hidden;height: 100%;/*position: absolute;*/}
.icases ul li{width: 24%;float: left; MARGIN: 5PX;}
.icases ul li a{display: block;width: 100%;position: relative;border: 3px solid #dadada;box-sizing: border-box;    border: 3px solid #ffffff;}
.icases ul li img{width: 100%;display: block;transition: all 0.6s;}
.icases ul li img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.icases-hover{position: absolute;top: 0;left: 0;z-index:5;width: 100%;height: 100%;background: #000;opacity: 0;}
.icases-hover:hover{background:rgba(0, 0, 0, 0.8); opacity: 1;}
.icases-hover h2{color: #fff;font-size: 18px;text-align: center;padding-top: 25%;box-sizing: border-box;}
.moreblock{display: none;}

.icases_t{background: #0066CC;color: #fff;padding: 12px 0;}
.icases_t p{color: #ccc;padding: 5px 0;}
.icases_box{padding: 20px;box-sizing: border-box;}
.icases .swiper-container {
      width: 100%;
      height: 100%;
      position: absolute;
    }
.icases .swiper-slide {
      text-align: center;
      background:rgba(174, 195, 255, 0.5);
      height: 100%;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      overflow: hidden;
    }
.icases .icases_img{overflow: hidden;position: relative;margin: 25px 0;box-sizing: border-box;}   
.icases .icases_img p{transition: 0.5s;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0);top: 0;left: 0;padding: 25px 0;color: rgba(0,0,0,0);padding: 50px;box-sizing: border-box;line-height: 25px;} 
.icases .swiper-slide img{width: 100%;display: block;transition: all 0.6s;box-sizing: border-box;}
/*.icases .swiper-slide img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}*/
.icases .icases_img img:hover > .icases_img p{display: block;}



.icases .icases_img p:hover{
	background: rgba(0,0,0,0.8);
	color: #fff;
}
.icases_img:hover>img{
	-webkit-transform: scale(1.2);transform: scale(1.1);
}



.title{padding: 30px 0;text-align: center;}
.title h2{font-size: 40px;color: #da0502;}
.title h3{font-size: 35px;color: #fff;}

.mbox4Bg {background: url(../image/partnerbg.jpg) center center no-repeat;background-size: cover;}
.mbox4 {margin: 0 auto;padding: 50px 0 0;max-width: 1270px;}
.partner{margin: 120px auto;overflow: hidden;}
.partner ul li{width: 25%;float: left;}
.partner ul li a{display:block;margin: 10px;overflow: hidden;}
.partner ul li img{width: 100%;display: block;transition: all 0.6s;}
.partner ul li img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}

.mbox5Bg {background: url(../image/newsbg.jpg) center bottom no-repeat;background-size: cover}
.mbox5 {margin: 0 auto;padding: 50px 0 0;max-width: 1270px;}
.inews-box{width: 100%;overflow: hidden;}
.inews-t{text-align: center;}
.inews-t ul{overflow: hidden;margin-top: 40px;background-color: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.1); border-radius: 3px;display: inline-block;}
.inews-t ul li{float: left;display: inline-block;font-size: 16px;height: 35px;line-height: 35px;width: 140px;text-align: center;position: relative; cursor: pointer;}
.inews-t ul li:after{content: '';height: 50%; border-left: 1px solid #eee; position: absolute; right: 0; top: 25%;}
.inews-t ul li:last-child:after{border-left: none;}
.inews-t ul li:hover{color:#00a0e9;}
.inews-t ul li.active{background:#00a0e9;color: #fff;}
.inews-t ul li.active:after{border-left: none;}
.newsli{width: 100%;height: auto;margin-top: 60px;display: none;}
.newsli.active{display: block;}
.newsli ul{width:100%;margin: 0 auto;}
.newsli ul li{float: left;position: relative;width: 25%;transition: transform .3s ease,box-shadow .3s ease}
.newsli ul li:last-child{margin-right: 0;}
.newsli ul li a{display: block;margin: 10px;}
.newsli ul li .img{width: 100%;}
.newsli img{width: 100%;display: block;}
.newsli ul li .bg{transition: opacity .3s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);text-align: center;}
.newsli ul li .bg img{display: block;width: 70%;margin-top: 75px;border-radius: 3px;opacity: 0;transition: opacity .5s;}
.newsli ul li:hover{transform: translate3d(0,-10px,0)}
.newsli ul li:hover .bg{background: rgba(0,0,0,.5);}
.newsli ul li:hover .bg img{opacity: 1;}
.inews-c-c{padding: 20px;box-sizing: border-box;background: rgba(255,255,255,0.9);text-align: left;}
.inews-c-c h3{color: #333;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inews-c-c p{font-size: 14px;color: #555;border-bottom:1px solid #b0b0b0;padding: 5px 0 15px 0;}
.inews-c-c span{display: block;width: 100%;padding-top: 15px;color: #999;font-size: 12px;}

.newsTop {overflow: hidden;}
.newsName {padding: 30px 15px;color: #333;font-size: 28px;line-height: 120%}
.newsTime2 {margin: 0 -10px;padding: 14px 15px;border: 1px solid #dbdbdb;border-right: none;border-left: none;color: #999;font-size: 0;line-height: 22px}
.newsTime2 span {display: inline-block;padding: 0 10px;vertical-align: middle;font-size: 12px}
.newsTime2 i {padding-right: 8px}
.newsCon {padding: 30px 0 0;color: #666;font-size: 14px;line-height: 32px}
.newsCon p {text-indent: 2em}
.newsCon img {margin: 0 auto;height: auto!important;max-width: 100%!important}
.newsTab2 {margin: 35px 0;padding-left: 24px;background: url(../image/newsTabBg.png) left 5px no-repeat}
.newsTab2 .newsTabLef li a {color: #e51815}
.newsTab2 .newsTabLef li:after {background: #e51815}
.pageBox {padding-bottom: 30px;line-height: 36px}
.pagerBox {position: relative;overflow: hidden;border: 1px solid #dbdbdb;border-right: none;border-left: none}
.pagerNext,.pagerPrev {position: relative;overflow: hidden;width: 50%;line-height: 70px}
.pagerPrev {float: left;padding-right: 40px;padding-left: 60px;box-sizing: border-box;}
.pagerNext {float: right;padding-right: 60px;padding-left: 40px;text-align: right;box-sizing: border-box;}
.pagerTit {position: absolute;top: 1px;color: #777;text-transform: uppercase;font-size: 14px;line-height: 70px}
.pagerPrev .pagerTit {left: 0}
.pagerNext .pagerTit {right: 0}
.pagerNext a,.pagerPrev a {display: inline-block;max-width: 100%;color: #777;vertical-align: middle}
.pagerNext a:hover,.pagerPrev a:hover {color: #cf1610}
.pagerList {position: absolute;top: 0;left: 50%;z-index: 1;display: block;margin-left: -36px;padding: 30px 0 0;width: 72px;height: 100%;border: 1px solid #dbdbdb;border-top: none;border-bottom: none;transition: all .5s ease 0s}
.pagerList span {display: block;margin: 0 auto;width: 20px;height: 2px;background: #aaa;transition: all .5s ease 0s}
.pagerList span:first-child+span {margin: 3px auto}
.pagerList:hover {background: #cf1610}
.pagerList:hover span {background: #FFF}
.pagerList:hover span:first-child+span {width: 30px}



.mbox6Bg {background: url(../image/box6Bg.jpg) center center no-repeat;background-size: cover}
.mbox8Bg {background: url(../image/box8Bg.jpg) center center no-repeat;background-size: cover}
.box2ImgBg {position: absolute;top: 0;right: 0;overflow: hidden;width: 42%;height: 100%}
.box2ImgBg .imgBg {height: 100%;transition: all 1s ease 0s;transform: scale(1.05)}
.box2ImgBg .imgBg:hover {transform: scale(1)}
.mbox2Text {padding-top: 50px;padding-left: 13%;width: 58%;text-align: left}

.mbox2TitEn {color: #da0502;text-transform: uppercase;font-size: 46px;font-family: Arial;line-height: 150%;opacity: 0;transition: all .6s ease 0s;transform: translateX(-50px)}
.mbox2TitCn {color: #333;font-size: 30px;line-height: 150%;opacity: 0;transition: all .6s ease 0s;transform: translateX(-50px)}
.mbox2Brief {overflow: hidden;margin: 12px 0;color: #777;font-size: 13px;line-height: 26px;opacity: 0;transition: all .8s ease 0s;transform: translateX(-50px)}
.mbox2Brief p{color: #333;text-indent: 2em;padding: 10px 0;text-align: justify;font-size: 15px;}
.mbox2Num {margin: 40px -40px;color: #fff;font-size: 0;line-height: 26px}
.mbox2Num li {padding: 5px 40px;vertical-align: top;font-size: 12px;width: 25%;float: left;border-right:1px solid #00395D;box-sizing: border-box;text-align: center;}
.mbox2NumSp {font-size: 38px;font-family: Arial}
.mbox2Bot {position: relative;margin: 0 -2px;padding: 35px 35px 25px;background: #FFF;font-size: 0}
.mbox2Bot:after {position: absolute;top: 0;right: -130px;display: block;width: 130px;height: 100%;background: #FFF;content: ""}
.mbox2Bot li {padding: 2px;width: 25%;vertical-align: top;text-align: center;opacity: 0;transition: all .8s ease 0s;transform: translateX(-20px)}
.mbox2Bot li a {display: block}
.mbox2Img {margin-bottom: 10px}
.mbox2Img img {margin: 0 auto}
.mbox2BotH3 {color: #333;font-size: 15px;line-height: 34px}
.mbox2Bot li a:hover .mbox2Img img {animation: swing 1s infinite linear}
.mbox2More .welcome {position: static;width: 220px;height: 54px;line-height: 54px}

.active .mbox2Bot li,.active .mbox2Brief,.active .mbox2TitCn,.active .mbox2TitEn {
	opacity: 1;
	transform: translateX(0)
}

.active .mbox2TitEn {
	transition-delay: .3s
}

.active .mbox2TitCn {
	transition-delay: .5s;
	color: #333;
}

.active .mbox2Brief {
	transition-delay: .7s
}
.mbox6 {padding:70px 0 0;position: relative;box-sizing: border-box;height: 100%;}
.mbox6Tit {padding: 0 15px;color: #FFF}
.mbox6TitEn {letter-spacing: .6em;font-size: 30px;font-family: Arial;line-height: 150%;opacity: 0;transition: all .6s ease 0s;transform: translateX(-50%)}
.mbox6TitCn {font-size: 36px;line-height: 150%;opacity: 0;transition: all .6s ease 0s;transform: translateX(50%)}
.mbox6Text {position: relative;margin: 60px auto;padding: 45px 80px;max-width: 650px;border: 1px solid rgba(255,255,255,.5);color: #a7a7a8;font-size: 16px;line-height: 34px;opacity: 0;transition: all .6s ease 0s}
.mbox6Text:after,.mbox6Text:before {position: absolute;top: 0;left: 0;display: block;width: 80px;height: 1px;background: rgba(255,255,255,.5);content: "";font-size: 0;transition: all .6s ease 0s;transform: rotate(0);transform-origin: left top}
.mbox6Text:before {top: -15px;left: 60px}
.mbox6Text:after {top: 120px;left: -70px}
.mbox6Text span {padding: 0 4px;color: #f22}
.icontact{max-width: 1250px;width: 100%;margin:0px auto;overflow: hidden;}
/*.icontact ul li{width: 25%;float: left;text-align: center;}
.icontact ul li img{display: inline-block;transition: all .6s ease 0s;animation: shake 10s linear infinite;}
.icontact ul li h3{text-align: center;color: #fff;font-weight: normal;font-size: 16px;}

.icontact-l{width: 50%;float: left;}
.icontact-l h2{color: #da0502;font-size: 1.2em;font-weight: normal;}
.icontact-l h3{font-size: 28px;color: #fff;}
.icontact-l p{color: #c6e6fe;line-height: 35px;font-size:18px;}
.icontact-l span{display: block;border-bottom: 2px solid #162d70;padding-bottom: 10px;margin-bottom: 15px;}
.icontact-l p img{padding-right: 10px;display: inline-block;vertical-align: middle;}
.icontact-l b{font-size: 28px;color: #fff;}
.icontact-r{width: 50%;float: right;font-size: 25px;color: #fff;padding: 0 15px;box-sizing: border-box;}*/
.icontact img{display: block;margin: 0 auto;}
.ionline{}
.ionline h2{color: #FFF;font-size: 25px;}
.ionline span{padding-left: 10px;color: #0744c3;font-size: 20px;}
.icontact-r ul li{width: 33.3%;}
.icontact-r ul li img{width: 100%;display: block;}
.ionline textarea{width: 100%;}
#icontents{width: 100%;border: 1px solid #ddd;padding: 10px;width: 100%;transition: 0.3s;font-weight: normal;box-sizing: border-box;font-family: "Work Sans", sans-serif;outline: none;}
.exp{padding: 10px 0;}
.exp__label {
  transition: 0.3s;
  margin-bottom: 5px;
}
.exp__label{font-size: 18px;color: #fff;}
.ok{padding: 10px 40px;margin: 15px 0;border: 0;background: #005AB4;color: #fff;}
.ok:hover{background: #005AB4;color: #fff;}
.exp__label:before {
  content: attr(data-icon);
  font-weight: normal;
  font-family: "Ionicons";
  font-size: 24px;
  position: absolute;
  left: 0;
  transform: rotateY(90deg);
  bottom: 0;
  height: 45px;
  background: transparent;
  color: #000;
  transform-origin: left;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color .3s 0s ease, transform .3s 0s ease;
  width: 42px;
}

.exp__input {
  border: 1px solid #ddd;
  padding: 0 10px;
  width: 100%;
  height: 45px;
  transition: 0.3s;
  font-weight: normal;
  box-sizing: border-box;
  font-family: "Work Sans", sans-serif;
  outline: none;
}

.exp__input:focus {
  padding-left: 42px;
  border-color: #bbb;
}

.exp__input:focus + label:before {
  transform: rotateY(0deg);
}

.exp__input:valid {
  padding-left: 42px;
  border-color: green;
}

.exp__input:valid + label {
  color: green;
}

.exp__input:valid + label:before {
  transform: rotateY(0deg);
  color: green;
  font-size: 34px;
  content: attr(data-icon-ok);
}

.exp-title {
  text-align: center;
  font-size: 22px;
  margin-bottom: 30px;
  font-weight: normal;
}

.exp-title span {
  display: inline-block;
  padding: 5px;
  font-size: 22px;
  background: #feffd4;
}
.icp{width: 100%;margin: 0 auto;position: absolute;bottom: 0;left: 0;z-index: 60;padding: 10px;font-size: 12px;box-sizing: border-box;text-align: center;}
.icp a{color:#e0e0e0;text-align: center;display: inline-block;}
.f16 {font-size: 16px}
.f22 {font-size: 22px}
.f28 {font-size: 28px}

.mbox6Top {position: absolute;top: 0;left: 50%;margin: -40px 0 0 -5px;width: 10px;height: 80px;color: #FFF}
.mbox6Cir {display: block;margin: 0 auto;width: 5px;height: 5px;border-radius: 50%;background: #FFF}
.mbox6Line {display: block;margin: 10px auto 0;width: 1px;height: 50px;background: #FFF}
.mbox6Arrow {line-height: 12px;animation: swing 1s linear infinite}
.mbox6Ico {position: absolute;right: -24px;bottom: 30%;display: block;width: 49px;height: 12px;background: url(/wp-content/themes/wp/images/mbox6Ico.png) 0 center no-repeat;animation: animatedBg 10s linear infinite}
.mbox6Link {position: absolute;bottom: -21px;left: 0;display: block;margin-left: -80px;width: 160px;background: #da0502;color: #fff;text-align: center;font-size: 16px;line-height: 42px;opacity: 0;transition: all .6s ease 0s;animation: shake 10s linear infinite}
.mbox6Link:focus,.mbox6Link:hover {color: #FFF}
.mbox6Bot {padding: 10px 0 0;text-align: center;opacity: 0;transition: all .6s ease 0s;transform: translateY(100%)}
.mbox6Bot img {margin: 0 auto}
.active .mbox6TitCn,.active .mbox6TitEn {opacity: 1;transition: all 1s ease .3s;transform: translateX(0)}
.active .mbox6Text {opacity: 1;transition: all .6s ease .6s}
.active .mbox6Text:after,.active .mbox6Text:before {transition: all 1s ease 1s;transform: rotate(-45deg)}
.active .mbox6Link {left: 50%;opacity: 1;transition: all 1s ease 1.5s}
.active .mbox6Bot {opacity: 1;transition: all 1s ease 2s;transform: translateY(0)}
.active .mbox8Left,.cut .mbox8Left {transform: rotateY(0)}
.footerBg {overflow: visible;background: #111;color: #3c3c3c;}
.banPage {float: right;height: 100%;font-size: 0}
.banPage a {display: inline-block;margin-left: -1px;width: 50px;height: 50px;border-left: 1px solid rgba(255,255,255,.3);background-position: center center;background-repeat: no-repeat;vertical-align: middle}
.banPrev {background-image: url(../image/banPrev.png)}
.banList {background-image: url(../image/banList.png)}
.banNext {border-right: 1px solid rgba(255,255,255,.3);background-image: url(../image/banNext.png)}
.banPage a:hover,.banShareIco>li>a:hover {background-color: #da0502;transition: all .6s ease 0s}
.banShareBtn.active {background-color: #da0502}

.caseBg{padding:15px 0 50px 0}
.caseFenLei {margin: 0 -10px}
.caseFenLei li {padding: 0 10px}
.caseFenLei li a {display: block;color: #FFF;line-height: 50px;transition: all .5s ease 0s}
.caseFenLei li a.active,.caseFenLei li a:hover {color: #ff0400}
.caseBox {/*padding: 48px 3%;*/overflow: hidden;padding-top: 15px;}
.caseBox ul {overflow: hidden;}
.caseBox ul li{width: 33.3%;float: left;}
.caseList {margin: 0 -.6%}
.caseList li a {display: block;overflow: hidden;height: 100%;transition: all .5s ease 0s;margin:10px 8px;}
.caseImg {position: relative;overflow: hidden;padding-bottom: 67.6%;height: 0}
.caseImg .imgBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .5s ease 0s}
.caseBrief {position: absolute;bottom: 0;left: 0;padding: 10px 7%;width: 100%;background: rgba(0,0,0,.5);color: #FFF;font-size: 14px;line-height: 30px;transition: all .5s ease 0s;transform: translateY(100%)}
.caseText {overflow: hidden;padding: 19px 7%;background: #FFF}
.caseIco {float: right;width: 14px;height: 26px;background: url(../image/hotNews.png) center center no-repeat}
.caseTit {color: #333;font-size: 16px;line-height: 26px}
.caseList li a:hover {box-shadow: 0 0 15px rgba(0,0,0,.15)}
.caseList li a:hover .imgBg {transform: scale(1.05) rotate(-1deg)}
.caseList li a:hover .caseBrief {transform: translateY(0)}
.caseList li a:hover .caseIco {animation: swing 1s infinite linear}
.hotNewsList li a:hover .imgBg {transform: scale(1.05) rotate(-1deg)}
.hotNewsList li a:hover .caseBrief {transform: translateY(0)}
.hotNewsList li a:hover .caseIco {animation: swing 1s infinite linear}
.banCase {height: 580px}
.banCaseCon {position: absolute;bottom: 90px;left: 50%;margin: 0 auto;width: 94%;max-width: 1400px;transform: translateX(-50%)}
.banCaseCon .container {padding: 0;width: 100%;}
.banCaseLine {display: block;margin-bottom: 10px;width: 72px;height: 4px;background: #ff0603}
.banCaseTit {padding: 20px 0;color: #FFF;font-size: 36px}
.banCaseCon .newsTabLef {float: none}
.banCaseCon .newsTabLef a {color: #FFF}
.caseShare .container {margin: 0 auto;padding: 0;width: 94%;max-width: 1400px}
.caseConBg {margin: 0 auto;padding: 60px 0;width: 94%;max-width: 1400px}
.caseCon {padding: 40px 30px;background: #FFF}
.caseCon img {display: inline-block;margin: 0 auto;height: auto!important;max-width: 100%!important;vertical-align: middle}
.banContact {height: 700px}
.contactBg {overflow: hidden;/*padding: 50px 0*/}
.conTit {overflow: hidden;padding-bottom: 20px;line-height: 26px}
.conTip {color: #555;font-size: 14px}
.conTop {padding-bottom: 60px}
.conLef {float: left;width: 60%}

.conText {color: #777;font-size: 14px;line-height: 28px}
.conText strong {padding-right: 20px;color: #555;font-size: 16px}
.conTextLef,.conTextRig {max-width: 320px}
.conTextRig {line-height: 40px}
.conRig {float: right;width: 40%}
.mesList li {padding-bottom: 20px}
.mesInput {padding: 15px 0 5px;width: 100%;border: none;border-bottom: 1px solid #cacaca;background: 0 0;line-height: 24px;outline: 0;}
.mesBtn {display: block;margin-top: 10px;background: #da0502;color: #FFF;text-align: center;font-size: 13px;padding: 15px 30px;}
.joinList li {position: relative;margin: 15px 0;padding: 38px 250px 38px 325px;background: #FFF}
.joinText {overflow: hidden;padding-left: 65px;height: 90px;border-left: 1px solid #eee;color: #888;font-size: 14px;line-height: 30px}
.joinCon {padding-bottom: 15px;color: #666;}
.joinTip {color: #da0502;font-size: 13px;line-height: 22px}
.joinBtn,.joinIco,.joinInfo,.joinTit {position: absolute}
.joinTit {top: 60px;left: 0;padding-left: 90px;width: 325px}
.joinName {color: #333;font-size: 24px}
.joinNameEn {color: #e4403e;font-size: 14px;font-family: Arial;line-height: 200%}
.joinInfo {top: 190px;left: 0;display: none;padding-left: 90px;width: 325px;color: #888;font-size: 14px;line-height: 30px}
.joinIco {top: 50px;right: 0;width: 250px}
.joinIco img {margin: 0 auto;}
.joinBtn {top: 70px;right: -15px;width: 30px;height: 30px;background: #da0502;cursor: pointer}
.joinBtn span {position: absolute;top: 50%;left: 50%;background: #FFF;transform: translate(-50%,-50%)}
.joinBtn span:first-child {width: 12px;height: 1px;}
.joinBtn span:last-child {width: 1px;height: 12px;transition: all .5s ease 0s}

.joinList li.active {
	min-height: 300px
}

.joinList li.active .joinText {
	height: auto
}

.joinList li.active .joinInfo {
	display: block
}

.joinList li.active .joinBtn span:last-child {
	height: 0
}

.newsLoad {
	display: none
}

#pages {
	padding: 30px 0 0;
	text-align: center
}

.page_ul>li a,.page_ul>li span {
	display: inline-block;
	padding: 5px 10px;
    border: 1px solid #a7a7a7;
/*    color:#7b7b7b;*/
	vertical-align: middle
}

#pages span {
	border: 1px solid #da0502;
	background: #da0502;
	color: #FFF
}


.banner-about{background:url(../image/banner-about.jpg) no-repeat center;height:550px;}
.headerBg2{width:100%;position:fixed;z-index:5;height:120px;}
.photos{padding: 15px 0;}
.photosbg{padding:15px 0 50px 0;}
.photos .swiper-slide img{width: 100%;display: block;}
.photos .swiper-slide p{position: absolute;left: 0;bottom:0;background:rgba(0,12,23,0.8);width: 100%;padding:10px;box-sizing: border-box;color: #fff;text-align: center;font-size: 18px;}
.photos .swiper-slide img:hover + .photos .swiper-slide p{bottom:0;}


.banner_honor{background: url(../image/banner-honor.jpg) no-repeat center;height: 550px;}
.honor{padding: 25px 0;overflow: hidden;}
.honor ul li{float: left;width: 33.3%;}
.honor ul li a{display: block;margin: 15px;color: #555;}
.honor ul li span{overflow:hidden;}
.honor ul li p{text-align: center;padding: 10px 0;background: #DFDFDF;}
.honor ul li img{width: 100%;display: block;}
.honornav {width: 100%;margin: 0 auto;}
.honornav a{padding: 10px 30px;color: #555;background: #fff;margin: 0 15px;}
.honornav  .hon1{background:#cf1610;color: #fff;}
.about{padding: 50px 0;box-sizing: border-box;background: url(../image/ab_bg.jpg);min-height: 500px;}
.about h3{font-size: 30px;text-align: center;box-sizing: border-box;}
.about span{margin-bottom: 20px;color: #555;}
.about p{text-indent: 2em;padding: 5px 0;line-height: 28px;}
.gsimg{float: left;padding-right: 25px;box-sizing: border-box;}

.banner_culture{background:url(../image/banner-culture.jpg) center;height:550px;}
.banner_history{background:url(../image/banner-history.jpg) no-repeat center;height:550px;}
/* .history{overflow: hidden;padding: 25px 0;}
.history ul li{overflow:hidden;background:#fff;margin-bottom:15px;padding:20px;box-sizing:border-box;}
.history ul li:hover{}
.history h3{float:left;width:15%;color:#000;}
.history_c{width: 85%;float:right;}
.history_c i{color:#005AB4;}
.history_c p{padding:5px 0;box-sizing:border-box;color:#555;}
.history em{color:#e8e8e8;font-weight:normal;padding:0 8px;box-sizing:border-box;} */


.historybg{background: url(../image/historybg.jpg) no-repeat;}
.history{}
.history h2{font-size: 24px;text-align: center;padding: 15px 0;}
.history ul li{width: 100%;overflow: hidden;}
.history-l{text-align: right;position: relative;}
.history-l .history-box{width: 50%;float: left;border-right:1px solid #d5d5d5;padding-right: 20px;box-sizing: border-box;padding: 20px 0;position: relative;}
.history-l span{width: 16%;float: right;padding-right: 15px;box-sizing: border-box;background: linear-gradient(120deg, transparent 22px, #0d50bb 0);line-height: 40px;font-weight: bold;color: #fff;margin-right: 16px;}
.dian1{position: absolute;top: 30px;right:-8px;}
.history-l .history-c{width: 80%;float: left;line-height: 25px;color: #555;}
.history-r{}
.history-r .history-box{width: 50%;float: right;border-left:1px solid #d5d5d5;right: 0;padding: 20px 0;position: relative;}
.dian2{position: absolute;top: 30px;left:-8px;}
.history-r span{width: 16%;float: left;padding-left:16px;box-sizing: border-box;background:linear-gradient(-115deg, transparent 22px, #f58800 0);line-height: 40px;font-weight: bold;margin-left: 16px;color:#fff;}
.history-r .history-c{width: 80%;float: right;line-height: 25px;color: #555;}
.honor .col-md-4{margin-bottom: 20px;}
.honor-img{border: 3px solid #eee;overflow: hidden;}
.honor-img img{width: 100%;display: block;transition: all 0.6s;}
.honor-img img:hover{-webkit-transform: scale(1.2);transform: scale(1.1);}
.management img{display: block;margin: 0 auto;text-align: center;}


.culture-c{overflow: hidden;}
.culture-c ul li{width: 25%;float: left;height: 280px;margin: 15px 0;}
.culture-c ul li a{margin: 10px;background:#fff;color: #555;display: block;height: 100%;padding: 15px;box-sizing: border-box;}
.culture-c ul li a:hover{background:#effdff;}
.culture-c ul li b{display: block;color: #333;text-align: center;padding: 15px 0;font-size: 18px;}
.culture-c img{display: block;text-align: center;margin: 10px auto;}
.mainBg {background: #F5F5F5;overflow: hidden;padding: 25px 0;}
.activitybg{padding: 25px 0 50px 0;overflow: hidden;}
.activity{padding-bottom: 10px;overflow: hidden;}
.activity ul li{width: 33.3%;float:left;}
.activity ul li a{margin: 8px;display: block;color: #555;}
.activity ul li img{display: block;width: 100%;}
.activity ul li p{padding: 10px;box-sizing: border-box;font-size: 16px;text-align: center;}

.banner_case{background: url(../image/banner_case.jpg) no-repeat center;height: 550px;}

.banner-news{background: url(../image/banner-news.jpg) no-repeat center;height: 550px;}
.banner-box{position: relative;width: 100%;max-width: 1440px;margin: 0 auto;height: 550px;}
.nbanner-t{position: absolute;bottom:180px;left: 0;color: #fff;width: 100%;text-align: center;}
.nbanner-t h2{font-size: 40px;padding: 10px 0;}
.nbanner-t P{font-size: 18px;}
.nbanner-t span{width: 50px;display: block;border-bottom: 1px solid #0099FF;padding:10px 0;margin: 0 auto;}
.nnav{position: absolute;bottom: 10px;width: 100%;text-align: center;border-top: 1px solid #607a94;}
.nnav a{padding: 10px 20px;text-align: center;color: #fff;display: inline-block;font-size: 18px;}
.news {padding: 60px 0 40px}
.newsLef {width: 100%;}
.newsList {padding: 17px 34px;background: #FFF}
.on1{font-weight: bold;}

.newsLef ul li {padding: 15px;background: #fff;margin-bottom: 25px;box-sizing: border-box;overflow: hidden;}
.newsTime {float: left;width: 60px}
.newsTime span {display: block;width: 60px;height: 60px;color: #FFF;text-align: center;font-family: Arial;line-height: 60px;}
.newsDate {margin-bottom: 1px;background: #da0502;font-size: 28px}
.newsMonth {background: #888;font-size: 18px}

.banner_contacts{background: url(../image/banner-contacts.jpg) no-repeat center;height: 550px;}
.contact{overflow: hidden;padding: 50px 0;}
.contact_l{width: 60%;float: left;}
.contact_l_c{}
.conH2 {color: #df0024;font-size: 26px;line-height: 26px;padding: 20px 0;}
.contact_l_c strong{padding-right: 10px;color: #333;}
.contact_l_c p{padding: 10px 0;color: #666;}
.contact_r{width: 40%;float: right;}

.banner_planning{background: url(../image/banner-planning.jpg) no-repeat center;height: 550px;}
.planningbg{padding: 25px 0;}
.planning{overflow: hidden;}
.planning ul {}
.planning ul li{overflow: hidden;margin: 25px 0;position: relative;}
.planning ul li img{width: 60%;display: block;}
.planning p{position: absolute;top:0;right: 0;width:40%;background:#0f5e96;padding: 45px;color: #fff;height: 100%;box-sizing: border-box;text-indent: 2em;line-height:30px;}
.planning b{font-size: 20px;color: #f9ff00;padding: 0 5px;}


.planning1{background: url(../image/planning1.jpg) no-repeat center;height: 480px;}

.footer{background: #0b0e1d;color: #ddd;padding: 25px 0;overflow: hidden;}
.footer_l{width: 50%;float: left;}
.footer_l ul li h3{padding: 5px 0;font-weight: normal;}
.footer_l ul li{float: left;padding: 0 10px;width: 25%;box-sizing: border-box;}
.footer_l ul li a{display: block;line-height:30px;}
.footer_l a{color: #8c8c8c;}
.footer_c{width: 20%;float: left;text-align: center;}
.footer_c p{line-height: 25px;padding: 5px 0;}
.footer_c ul li{width: 50%;float: left;padding: 5px 10px;box-sizing: border-box;}
.footer_c ul li img{width: 100%;display: block;margin: 0 auto;}
.footer_r{width: 30%;float:left;padding-left: 30px;box-sizing: border-box;}
.footer_r h2{font-weight: normal;}
.footer2{background: #0b0e1d;overflow: hidden;border-top: 1px solid #14182b;}
.footer2 a{color: #3d3d3d;line-height: 40px;}
.footer_r p{font-size: 14px;color: #8c8c8c;line-height: 25px;}
.footer_r strong{display: block;font-size: 20px;width: 100%;font-weight: normal;}
.footer_r span{display: block;border-bottom: 1px solid #E0E0E0;width: 60px;padding-bottom:10px;margin: 5px 0; }
.footer_r .footerh3{font-size: 20px;}
.footer_r .footerb{font-weight: bold;font-size: 20px;}

.mapbg{padding-bottom: 50px;overflow: hidden;}
#map {height: 550px;width: 100%;max-width: 1200px;margin: 0 auto;border: 5px solid #fff;}

.newsText {
	position: relative;
	margin-left: 85px
}

.newsLine {
	position: absolute;
	top: 28px;
	left: -12px;
	z-index: 1;
	width: 24px;
	height: 2px;
	background: #da0502;
	font-size: 0
}

.newsImg {
	position: relative;
	overflow: hidden;
	width: 30%;
	float: left;
}

.newsImg a {
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%
}

.newsImg img {
	width: 100%;
	transition: all .8s ease 0s
}

.newsTitBg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30%;
	background: linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0 ,0) 100%);
	background: -o-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0 0,0) 100%);
	background: -ms-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,0) 100%);
	background: -moz-linear-gradient(bottom,rrgba(0,0,0,.75),rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,0) 100%)
}

.newsImg a:hover img {
	transform: scale(1.02)
}

.newsTit {
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 10px 4%;
	width: 100%;
	color: #fff;
	font-size: 22px;
	line-height: 120%
}

.newsBrief {
	padding: 15px;
	color: #777;
	font-size: 13px;
	line-height: 24px;
	width: 70%;
	float: right;
	box-sizing: border-box;
}
.newsBrief h3{font-size: 25px;color: #333;padding: 15px 0;}
.newsBrief p{font-size: 15px;}
.newsBrief span{padding-right: 25px;}
.newsBrief i{display: block;border-bottom: 1px solid #eee;padding: 5px 0;}
.newsBrief p{padding: 15px 0;}
.newsBrief a{color: #002567;}
.newsTabLef {
	float: left;
	margin: 0 -8px
}

.newsTabLef li {
	position: relative;
	padding: 0 8px
}

.newsTabLef li:after {
	position: absolute;
	top: 50%;
	right: -2px;
	display: block;
	margin-top: -2px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #aaa;
	content: ""
}

.newsTabLef li:last-child:after {
	display: none
}

.newsTabLef li a {
	padding-bottom: 2px;
	border-bottom: 1px dotted #AAA;
	color: #aaa;
	font-size: 14px;
	line-height: 26px;
	transition: all .4s ease 0s
}

.newsTabLef li a:hover {
	color: #da0502;
	border-bottom-color: #da0502
}

.newsTab #bdshare {
	float: right;
	cursor: pointer
}

.newsTab #bdshare a {
	display: block;
	width: 15px;
	height: 18px;
	background: url(../image/shareIco1.png) center center no-repeat
}

.newsLoad {
	margin: 40px auto 0;
	width: 200px;
	height: 46px;
	background: #e2e2e2;
	color: #888;
	font-size: 14px;
	line-height: 46px;
	line-height: 46px
}

.newsLoad .mbox4MoreIco:after,.newsLoad .mbox4MoreIco:before {
	background: #888
}

.newsRig {
	float: right;
	padding: 10px 34px;
	width: 28.33%;
	background: #FFF
}

.newsRigTit {
	padding: 20px 0;
	color: #333;
	font-size: 22px
}

.newsRig .newsTit {
	position: static;
	padding: 10px 0 5px;
	color: #666;
	font-size: 15px;
	line-height: 22px
}

.newsRig .newsTit:hover {
	color: #da0502
}

.newsRigBot {
	padding: 0 0 15px;
	color: #bbb;
	font-size: 13px
}

.newsRigTime {
	float: left
}

.newsRigTime i {
	padding-right: 5px
}

.newsRigBot #bdshare {
	float: right;
	cursor: pointer
}

.newsRigBot #bdshare a {
	display: block;
	width: 15px;
	height: 18px;
	background: url(../image/shareIco2.png) center center no-repeat
}

.banShare {
	position: absolute;
	top: -51px;
	overflow: hidden;
	width: 100%;
	height: 51px;
	border-top: 1px solid rgba(255,255,255,.3)
}

.banShareIco {
	float: left;
	margin: 0;
	border-left: 1px solid rgba(255,255,255,.3);
	font-size: 0
}

.banShareIco li {
	position: relative;
	margin-right: -1px;
	padding: 0;
	border-right: 1px solid rgba(255,255,255,.3)
}

.banShareIco>li>a {
	display: block;
	width: 50px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat
}

.banLink {
	background-image: url(../image/banLink.png)
}

.banShareBtn {
	background-image: url(../image/banShare.png)
}

.banShareList {
	position: absolute;
	top: 0;
	left: 100%;
	overflow: hidden;
	width: 0;
	height: 50px;
	white-space: nowrap;
	transition: all .6s ease 0s
}

.banShareList.active {
	padding: 0 15px;
	width: 231px;
	border-right: 1px solid rgba(255,255,255,.3)
}

.banShareList a {
	display: inline-block;
	width: 40px;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle
}

.banShareIco1 {
	background-image: url(../image/banShareIco1.png)
}

.banShareIco2 {
	background-image: url(../image/banShareIco2.png)
}

.banShareIco3 {
	background-image: url(../image/banShareIco3.png)
}

.banShareIco4 {
	background-image: url(../image/banShareIco4.png)
}

.banShareIco5 {
	background-image: url(../image/banShareIco5.png)
}

.banPage {
	float: right;
	height: 100%;
	font-size: 0
}

.banPage a {
	display: inline-block;
	margin-left: -1px;
	width: 50px;
	height: 50px;
	border-left: 1px solid rgba(255,255,255,.3);
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: middle
}

.banPrev {
	background-image: url(../image/banPrev.png)
}

.banList {
	background-image: url(../image/banList.png)
}

.banNext {
	border-right: 1px solid rgba(255,255,255,.3);
	background-image: url(../image/banNext.png)
}

.banPage a:hover,.banShareIco>li>a:hover {
	background-color: #da0502;
	transition: all .6s ease 0s
}

.banShareBtn.active {
	background-color: #da0502
}


@media (max-width:1800px) {
.icontact img {
    display: block;
    margin: 0 auto;
    width: 58%;}

}
@media (min-width:1260px) {
	.container {width: 1230px;}
	}
@media (max-width:1600px) {
.banner-box{height: 370px;}
.banner-about,.banner_honor,.banner_culture,.banner_history,.banner_case,.banner_planning,.banner_contacts,.banner-news{height: 370px;}
.icases_box{padding:40px 20px;}
.icases_t{margin-top: 100px;}
.nbanner-t{bottom: 86px;}
.mbox6 {padding:80px 0 0;position: relative;box-sizing: border-box;height: 100%;}
.menuBg {width: 50px;}
.mOnLineCon {right: 50px}
.onLineWx .mOnLineCon {width: 100px}
.headerBg {padding: 25px}
.navTop {padding: 25px}
.navBot {padding-top: 80px}
.navList li a {padding: 50px 0 0 15%}
.navEn {font-size: 24px}
.navCn,.navTel {font-size: 18px}
.navList li.text-right {padding: 50px 0 0}
.welcome {width: 250px;height: 56px;line-height: 56px}
.mbox2TitEn {font-size: 32px}
.mbox2TitCn {font-size: 24px}
.mbox2Brief {margin: 10px 0}
.mbox2Num {margin: 20px -20px}
.mbox2Num li {padding: 5px 20px}
.mbox2NumSp {font-size: 34px}
.mbox2Bot {padding: 25px 15px 15px}
.mbox2Bot:after {right: -100px;width: 100px}
.mbox2BotH3 {font-size: 14px;line-height: 30px}
.mbox2More .welcome {width: 200px;height: 44px;line-height: 44px}
.mbox3 {margin: 0 auto;/*max-width: 1000px*/}
.mbox3Tit {margin-bottom: 20px;margin-left: 100px}
.mbox3LefItem li {padding-bottom: 20px}
.mbox3LefItem li:after {left: 14px;height: 20px}
.icontact img{display: block;margin: 0 auto;width: 49%;}
.cimg img{width: 58%;}
.mbox6 {padding:30px 0 0;}
.title{padding: 12px 0;}
.mbox3LefItem li a {padding: 3px 0}
.mbox3Ico {width: 30px}
.mbox3H3 {margin: 0;font-size: 14px}
.mbox3Line {margin: 6px 10px 0}
.mbox3LefItem li.active a .mbox3Line {width: 65px;}
.mbox3Rig {min-height: 190px;}
.box3RigText {right: 40px;bottom: 40px;padding: 25px 40px}
.mbox4LefItem {margin: 10px 0 20px;}
.mbox4LefItem li a {padding: 5px 0;}
.mbox4List {padding: 50px;}
.mbox4List .swiper-slide {padding: 10px;}
.mbox4Text {padding: 5px 10px}
.mbox5List .swiper-container {padding: 20px 0 10px;}
.mbox6TitEn {font-size: 24px;}
.mbox6TitCn {font-size: 28px;}
.mbox6Text {margin: 50px auto;}
.mbox6Bot {padding: 0;}
.footer {padding: 15px;}
.banNews {height: 350px;}
.banEn {font-size: 32px;}
.banCn {font-size: 20px;}
.news {padding: 40px 0 30px;}
.newsList {padding: 15px 25px;}
.newsRig {padding: 10px 25px;}
.newsLoad {margin: 30px auto 0;}
.newsTop {padding: 30px 0 0;}
.newsName {padding: 20px 15px;font-size: 24px;}
.hotNewsH2 {font-size: 22px;}
.hotNewsMore {padding-right: 15px;background-size: 10px;font-size: 14px;}
.hotNewsList {margin: 0 -6px;}
.hotNewsList li {padding: 6px;}
.hotNewsText {padding: 10px;}
.hotNewsTime {line-height: 26px;}
.caseBox {}
.caseList {}
.caseList li {}
.caseBrief {padding: 5px 5%;}
.caseText {padding: 14px 5%;}
.caseTit {font-size: 14px;}
.banCase {height: 550px;}
.banCaseTit {padding: 15px 0;font-size: 32px;}
.caseConBg {padding: 40px 0;}
.caseCon {padding: 30px 20px;}
.banContact {height: 550px;}
/*.contactBg {padding: 60px 0;}*/
.conTop {padding-bottom: 30px;}
.conTit {padding-bottom: 10px}
.conH2 {font-size: 22px}
.joinList li {padding: 30px 250px 30px 325px}
#banner .swiper-slide .bannerbg img{width: 110%;margin-left: -10%;}	
#banner .swiper-slide .bannerbg2 img{width: auto; height: 100%;}
#banner .swiper-slide .bannerbg3 img{width: 105%; height: 100%;}
.banner-text{position: absolute;top: 25%;left: 25%;z-index: 999;}		
.banner-text2{position: absolute;top: 25%;left: 25%;z-index: 999;}	
.banner-text3{position: absolute;top: 23%;left: 23%;z-index: 999;}
.mbox2{padding: 0;max-width: 1250px;}
.iabout-r img{width: 80%;}
.mbox2 .iabout{padding-top: 145px;}
.iabout-l{padding: 10px 30px;}


}

@media (max-width:1400px) {
	.headerBg{padding:10px}
	#banner .swiper-slide .bannerbg img{width: 130%;margin-left: -15%;}	
	#banner .swiper-slide .bannerbg2 img{width: auto; height: 100%;}
	.banner-text{position: absolute;top: 25%;left: 18%;z-index: 999;}		
	.banner-text2{position: absolute;top: 25%;left: 18%;z-index: 999;}	
	.banner-text3{position: absolute;top: 23%;left: 15%;z-index: 999;}	
	.mbox2{margin: 0 auto;padding:0;max-width: 1200px;}
	.mbox2 .iabout{padding-top: 100px;}
	.iabout-l h3{font-size:42px;}
	.iabout-l{width:70%;}
	.more a{margin:0;}
	.mbox2Brief{margin:0;}
	.mbox2Brief p{padding:5px 0 0 0;}
	/*.news{padding: 0;width: 70%;margin: 0 auto;}*/
	.iabout-r img{width: 80%;}
	.partner{overflow: hidden;width: 80%;margin: 0 auto;}
	#banner .banner3b img{width: 80%;display: block;margin: 0 auto;}
	#banner .banner3a img{width: 80%;display: block;margin: 0 auto;}
	.mbox5{padding:20px 0 0;}
	.icontact ul li img{width:80px;height: 80px;}
	.newsli{margin-top: 0;}
	.iabout-r img{width: 90%;}
	.cimg img {width: 45%;}
	.mbox6 {padding:25px 0 0;position: relative;box-sizing: border-box;height: 100%;}
	.icontact img{display: block;margin: 0 auto;width:48%;}
	.banText2 {
		margin: -200px 0 0 -200px;
		width: 400px;
		height: 400px
	}

	.mbox2Text {
		padding-left: 10%
	}

	.mbox2TitEn {
		font-size: 28px;
		line-height: 100%
	}

	.mbox2TitCn {
		font-size: 20px;
		line-height: 100%
	}

	.mbox2Num {
		margin: 10px -10px
	}

	.mbox2Num li {
		padding: 5px 10px
	}

	.mbox2NumSp {
		font-size: 26px
	}

	.mbox2Bot {
		padding: 15px 10px 5px
	}

	.mbox3 {
		/*max-width: 1000px;*/
	}

	.mbox3Tit {
		margin-left: 40px
	}

	.mbox3H4 {
		font-size: 20px;
		line-height: 110%
	}

	.box3RigImg img {
		max-width: 65%
	}

	.box3RigText {
		padding: 25px
	}

	.mbox4List {
		padding: 50px 25px 25px
	}

	.mbox4List .swiper-slide {
		padding: 5px
	}

	.mbox4More {
		width: 130px;
		height: 34px;
		line-height: 34px
	}

	.mbox5List {
		max-width: 70%
	}

	.mbox6TitEn {
		font-size: 22px
	}

	.mbox6TitCn {
		font-size: 24px
	}

	.mbox6Text {
		margin: 10px auto;
		padding: 35px;
		max-width: 560px;
		font-size: 14px;
		line-height: 30px
	}

	.mbox6Text:after,.mbox6Text:before {
		width: 60px
	}

	.mbox6Text:after {
		top: 100px;
		left: -60px
	}

	.mbox6Link {
		bottom: -19px;
		margin-left: -70px;
		width: 140px;
		line-height: 38px
	}

	.mbox6Bot img {
		max-width: 440px
	}


	.footCon {
		padding-right: 160px
	}

	.FtLogo {
		max-width: 150px
	}

	.joinList {
		padding: 0 15px 0 0
	}
	/*.banner-box{height: 400px;}
	.banner-about,.banner_honor,.banner_culture,.banner_history,.banner_case,.banner_planning,.banner_contacts,.banner-news{height: 400px;}
	.nbanner-t{bottom: 80px;}*/
}

@media (max-width:1200px) {
	.menuBg {
		padding: 15px 0 0
	}
	#banner .swiper-slide .bannerbg img{width: 145%;margin-left: -25%;}	
	#banner .swiper-slide .bannerbgw2 img{width: auto; height: 100%;}
	.banner-text{position: absolute;top: 30%;left: 15%;z-index: 999;}		
	.banner-text2{position: absolute;top: 30%;left: 15%;z-index: 999;}	
	.banner-text3{position: absolute;top: 30%;left: 13%;z-index: 999;}	
	.mbox2{margin: 0 auto;padding: 0;max-width: 1100px;}
	.headerBg {
		padding: 15px
	}
	.icontact img{display: block;margin: 0 auto;width:52%;}
/*.cimg img {width: 55%;}*/
	.logo {
		height: 20px;
		max-width: 190px
	}


	.banText {
		width: 350px
	}

	.banBorder1 {
		right: -35px;
		width: 140px;
		height: 240px
	}

	.ban1Line1 {
		bottom: 214px
	}

	.ban1Line2 {
		width: 138px
	}

	.ban1Line3 {
		height: 238px
	}

	.ban1Line4 {
		width: 138px
	}

	.ban1Line5 {
		height: 155px
	}

	.mbox3Brief {
		display: none
	}

	.mbox3LefItem li {
		padding-bottom: 10px
	}

	.mbox3LefItem li:after {
		height: 15px
	}

	.mbox4List {
		padding: 50px 10px 5px
	}

	.mbox4List .swiper-slide {
		padding: 2px
	}

	.banNews {
		height: 300px
	}

	.newsList {
		padding: 25px 15px
	}

	.newsRig {
		padding: 15px 15px
	}

	.newsList li {
		padding: 10px 0
	}

	.newsTabLef li {
		padding: 0 8px
	}

	.newsTime {
		width: 50px
	}

	.newsTime span {
		width: 50px;
		height: 50px;
		line-height: 50px
	}

	.newsText {
		margin-left: 75px
	}

	.newsTit {
		padding: 5px 3%;
		font-size: 20px
	}

	.newsRigTit {
		padding: 15px 0;
		font-size: 20px
	}

	.pagerNext,.pagerPrev,.pagerTit {
		line-height: 50px
	}

	.pagerList {
		margin-left: -25px;
		padding: 20px 0 0;
		width: 50px
	}

	.hotNews {
		padding: 0 2% 30px
	}

	.hotNewsList li:nth-child(4) {
		display: none
	}

	.banCase {
		height: 450px
	}

	.banCaseTit {
		padding: 10px 0;
		font-size: 26px
	}

	.caseConBg {
		padding: 30px 0
	}

	.caseCon {
		padding: 15px 10px
	}

	.banContact {
		height: 400px
	}

	.conH2 {
		font-size: 20px
	}

	.conText {
		margin: 0 -5px
	}

	.conTextLef,.conTextRig {
		padding: 0 5px
	}

	.conText strong {
		padding-right: 10px
	}

	.joinList li {
		padding: 25px 150px 25px 280px
	}

	.joinInfo,.joinTit {
		padding-left: 50px;
		width: 280px
	}

	.joinTit {
		top: 45px
	}

	.joinName {
		font-size: 22px
	}

	.joinIco {
		top: 30px;
		width: 150px
	}

	.joinBtn {
		top: 50px
	}

	.joinText {
		padding-left: 25px
	}
}

@media (max-width:992px) {
	#banner .swiper-slide .bannerbg img{width: 235%;margin-left: -70%;}	
	#banner .swiper-slide .bannerbg img{width: auto; height: 100%;}
	.banner-text{position: absolute;top: 25%;left: 1%;z-index: 999;}		
	.banner-text2{position: absolute;top: 25%;left:1%;z-index: 999;}	
	.banner-text3{position: absolute;top: 17%;left:0;z-index: 999;}	
	#banner .swiper-slide img{width: 90%;display: block;margin: 0 auto;}
	.icontact img{display: block;margin: 0 auto;width:80%;}
	.menuBg {
		position: static;
		padding: 0;
		width: auto;
		height: auto
	}

	.menuBtn {
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 2
	}

	.menuBtn img {
		display: none
	}

	.mBtnLine {
		width: 20px;
		text-align: left
	}

	.mBtnLine span {
		width: 100%;
		height: 2px;
		background: #FFF
	}

	.mBtnLine span:nth-child(2) {
		margin: 5px 0;
		width: 80%
	}

	.mOnLine {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 1;
		width: 50px
	}

	.header {
		margin-right: 50px
	}

	.mbox {
		margin-right: 0
	}
	
	.banText3 {
		max-width: 90%
	}

	.box2ImgBg {
		width: 100%;
		opacity: .1
	}

	.fp-viewing-page2 .tel {
		color: #da0502
	}

	.fp-viewing-page2 .telIco {
		background-image: url(/wp-content/themes/wp/images/telRed.png)
	}

	.fp-viewing-page2 .mBtnLine span {
		background: #da0502
	}

	.mbox2Text {
		position: relative;
		z-index: 1;
		padding: 40px 15px 0;
		width: 100%
	}

	.mbox2Text .mbox2TitEn {
		font-size: 38px;
		line-height: 120%
	}

	.mbox2Text .mbox2TitCn {
		font-size: 24px;
		line-height: 120%
	}

	.mbox2Bot:after {
		display: none
	}

	.mbox3 {
		padding: 0 15px;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.mbox3Lef {
		float: none;
		padding-bottom: 30px;
		width: 100%
	}

	.mbox3LefCon {
		padding-left: 40px
	}

	.mbox3Rig {
		float: none;
		overflow: hidden;
		width: 100%
	}

	.mbox3Tit .mbox2TitEn {
		font-size: 24px
	}

	.mbox3Tit .mbox2TitCn {
		font-size: 18px
	}

	.mbox3H4 img {
		display: inline!important;
		max-width: 25px
	}

	.box3RigText {
		position: relative;
		right: auto;
		bottom: auto;
		background: rgba(255,255,255,.9)
	}

	.box3RigImg {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		transform: translateY(-50%)
	}

	.box3RigImg img {
		float: none;
		width: 100%;
		max-width: 100%
	}


	.fp-viewing-page4 .logo img.hides {
		display: block
	}

	.fp-viewing-page4.active .logo img.shows {
		display: block
	}

	.fp-viewing-page4.active .logo img.hides {
		display: none
	}

	.mbox4LefBtn {
		position: absolute;
		top: 52px;
		left: 12px;
		z-index: 3;
		width: 30px;
		height: 30px;
		border-radius: 2px;
		background: #da0502;
		color: #fff;
		text-align: center;
		font-size: 18px;
		line-height: 30px;
		cursor: pointer
	}

	.mbox4Lef {
		left: -250px;
		z-index: 2;
		width: 250px;
		transition: all .6s ease 0s
	}

	.mbox4Lef.active {
		left: 0
	}

	.mbox4LefCon {
		padding-left: 30px
	}


	.mbox5List {
		max-width: 90%
	}

	.mbox5Bot {
		padding: 0 50px
	}

	.mbox5Btn .mbox5Line {
		display: none
	}

	.mbox5Bot .swiper-pagination-bullet {
		margin: 0 2px;
		width: 20px;
		height: 2px
	}

	.footCon {
		padding: 0;
		text-align: center
	}

	.copyright {
		padding-bottom: 10px;
		text-align: center
	}

	.FtLogo {
		position: static;
		margin: 0 auto;
		transform: translateY(0)
	}

	.banNews {
		height: 260px
	}

	.banEn {
		padding: 5px 0;
		font-size: 26px
	}

	.banCn {
		font-size: 17px
	}

	.news {
		padding: 30px 0
	}

	.newsLef,.newsRig {
		float: none;
		width: 100%
	}

	.newsLoad {
		margin: 25px auto
	}

	.newsRigTit {
		padding: 10px 0;
		font-size: 18px
	}

	.newsRigList {
		overflow: hidden;
		margin: 0 -5px
	}

	.newsRigList li {
		float: left;
		padding: 5px;
		width: 50%
	}

	.newsRigList li:nth-child(5) {
		display: none
	}

	.newsRigBot {
		padding-bottom: 0
	}

	.newsName {
		padding: 10px 15px;
		font-size: 22px
	}

	.newsCon {
		line-height: 30px
	}

	.newsTab2 {
		margin: 28px 0
	}

	.hotNewsList li:nth-child(4) {
		display: block
	}

	.banCase {
		height: 360px
	}

	.banCaseCon {
		bottom: 70px
	}

	.banCaseLine {
		margin-bottom: 5px;
		width: 40px;
		height: 2px
	}

	.banCaseTit {
		font-size: 22px
	}

	.banContact {
		height: 340px
	}

	.contactBg {
		padding: 30px 0
	}

	.conTop {
		padding-bottom: 10px
	}

	.conTit {
		padding: 10px 0
	}

	.conLef,.conRig {
		float: none;
		width: 100%
	}

	.conLef {
		padding-bottom: 10px
	}

	.conH2,.conTip {
		float: none;
		display: block;
		width: 100%
	}

	.joinList li {
		margin: 10px 0;
		padding: 15px 10px 10px
	}

	.joinTit {
		position: static;
		padding-left: 0;
		width: 90%
	}

	.joinInfo {
		position: static;
		margin: 0 -5px;
		padding-bottom: 10px;
		padding-left: 0;
		width: 100%
	}

	.joinInfo p {
		display: inline-block;
		padding: 0 5px;
		vertical-align: middle
	}

	.joinText {
		padding-left: 0;
		height: 0;
		border: none
	}

	.joinIco {
		top: 20px;
		width: 100px
	}

	.joinIco img {
		max-width: 40%
	}

	.joinBtn {
		top: 25px
	}

	#pages {
		padding: 20px 0
	}
}

@media (max-width:767px) {
    #banner .swiper-slide .bannerbg img{width: 160%;margin-left: -15%;}	
	.banner-text{position: absolute;top: 25%;left: 12%;z-index: 999;}		
	.banner-text2{position: absolute;top: 25%;left: 12%;z-index: 999;}	
	.banner-text3{position: absolute;top: 17%;left:9%;z-index: 999;}	
	#banner .swiper-slide img{width: 80%;}	
	.mbox2 .iabout{padding-top: 125px;}
	.iabout-r{padding: 40px 10px 0 0;box-sizing: border-box;}
	#navPage{display: none;}
	.icontact img{display: block;margin: 0 auto;width:100%;}
	.newsTime2 {padding: 7px 10px}

	.newsCon {padding: 20px 0 0}
    .newsTab2 {margin: 20px 0}

	.pagerBox {padding: 5px 0}

	.pagerNext,.pagerPrev {float: none;padding-right: 0;padding-left: 55px;width: 100%}

	.pagerNext,.pagerPrev,.pagerTit {line-height: 30px}

	.pagerNext {text-align: left}

	.pagerNext .pagerTit {left:0 }

	.pagerNext a,.pagerPrev a {display: block}

	.pagerTit {top: 0}

	.pagerTit i {display: none}

	.pagerList {position: static;margin: 2px 0;padding: 10px 0;width: 100%;border: 1px solid #DEDEDE;border-right: none;border-left: none}

	.hotNews {padding: 0 15px 25px}

	.caseBox {}

	.conTextLef,.conTextRig {max-width: 100%}

	.mesInput {padding: 10px 0 5px}

	.joinName {font-size: 18px}

	.joinNameEn {font-size: 12px}

	.joinIco {top: 15px}

	.joinBtn {top: 20px}
	.dian{display:none;}
	.caseBox ul li{}
	.history-l span,.history-r span{width: 80%;}
	.history-l .history-c{width: 90%;padding: 10px 0;}
	.history-r .history-c{width: 90%;float: right;padding: 10px 0;}
	.history-l .history-box,.history-r .history-box{padding: 0;}
	.dian1,.dian2{top: 10px;}
}

@media (max-width:640px) {
	.headerBg{padding: 0;}
	.header {margin-right:0;padding-right: 0;}
    #banner .swiper-slide .bannerbg img{width: 280%;margin-left: -90%;}	
	.banner-text{position: absolute;top:30%;left: 0;z-index: 999;}		
	.banner-text2{position: absolute;top:28%;left: 0;z-index: 999;}	
	.banner-text3{position: absolute;top: 35%;left:0;z-index: 999;}	
	#banner .swiper-slide img{width: 95%;margin: 0 auto;}	
	.mbox2 .iabout{padding-top: 105px;}
	.iabout-l h3{font-size: 28px;}	
	.none{display: none;}
	.iabout-l{padding: 10px;width: 100%;}
	.aboutimg ul li img{width: 100%;display: block;}

	.icases ul li{width: 33.3%;}
	.icases-hover h2{font-size: 14px;}
	.title h2{font-size: 30px;}
	.title h3{font-size: 22px;}
	.partner ul li{width: 33.3%;}
	.icontact ul li img{width:8%;display: block;float: left;animation: none;}
	.mbox6{padding: 140px 0 0;}
	.icontact ul li{width: 100%;padding:5px;box-sizing: border-box;}
	.icontact ul li h3{text-align: left;padding-left: 50px;}
	.f22{font-size: 18px;}
	.mbox2Num{position: absolute;width: 100%;}
	.nmore{position: absolute;}
	.nmore a{margin-top: 60px;}
	.iabout-r .swiper-slide img{width: 95%;}
	.shows {display: block;width: 100%;}
	.moreblock{display: block;}
	.cimg img{width: 100%;padding-top: 50px;}

	.biao{width: 100%;display: block;}
	.navClose {
		width: 22px
	}

	.navClose span:last-child {
		margin-top: 15px
	}



	.navBot {
		padding-bottom: 85px
	}

	.logo {
		height: 16px;
		max-width: 152px
	}
	.logo img{width: 100%;display: block;}

	.tel {
		font-size: 16px;
		line-height: 16px
	}

	.navBotCon p {
		display: none
	}

	

	.welcome {
		left: 0;
		width: 170px;
		height: 46px;
		font-size: 12px;
		line-height: 46px
	}

	.welcome i,.welcome span,.welcome strong {
		margin: 0
	}

	.welcome:hover .welcomeLine {
		width: 30px
	}

	.banBorder1 {
		display: none
	}

	.banText {
		bottom: 35%;
		left: 10%;
		width: 80%
	}

	.ban1Line {
		margin: 10px 0
	}

	.banTextCir {
		display: none
	}

	.banText2 {
		margin: 0;
		margin-left: 5%;
		width: 90%;
		transform: translate(-50%,-50%)
	}

	.mbox2TitEn {
		font-size: 26px
	}

	.mbox2TitCn {
		font-size: 20px
	}

	.mbox2Img {
		margin: 0 auto 5px;
		max-width: 40%
	}

	.mbox3Lef {
		padding: 0
	}

	.mbox3Tit {
		margin-left: 0
	}

	.mbox3LefCon {
		display: none
	}

	.box3RigText {
		padding: 15px
	}

	.mbox3Con {
		margin: 10px 0;
		height: auto
	}

	.mbox4List .swiper-slide {
		width: 50%
	}

	.mbox5Bot {
		padding: 0
	}

	.mbox5Btn {
		position: static;
		display: inline-block;
		padding: 10px 0;
		vertical-align: middle;
		font-size: 14px;
		transform: translateY(0)
	}

	.mbox5Bot .swiper-pagination {
		display: block;
		width: 100%
	}

	.mbox6Text {
		max-width: 100%
	}

	.mbox6Top {
		margin: -30px 0 0 -5px;
		height: 60px
	}

	.mbox6Line {
		height: 30px
	}

	.mbox6Bot img {
		max-width: 80%
	}
	.banNews {
		height: 230px
	}

	.newsTime {
		width: 40px
	}

	.newsTime span {
		width: 40px;
		height: 40px;
		line-height: 40px
	}

	.newsDate {
		font-size: 22px
	}

	.newsMonth {
		font-size: 16px
	}

	.newsText {
		margin-left: 55px
	}

	.newsTit {
		font-size: 16px
	}

	.newsBrief {
		overflow: hidden;
		margin: 10px 0;
		padding: 0;
		width: 100%;
	}

	.newsRig .newsTit {
		padding: 5px 0;
		font-size: 14px
	}

	.newsRigBot #bdshare,.newsTab #bdshare {
		display: none
	}

	.banShare {
		position: static;
		height: auto;
		text-align: center
	}

	.banShare .container {padding: 0;font-size: 0}
	.banShareIco {float: none;display: inline-block;background: #da0502;vertical-align: middle}
	.banShareIco>li>a {display: inline-block;width: 36px;height: 36px;background-size: 12px;vertical-align: middle}
	.banShareList {position: static;display: inline-block;width: auto;height: 36px;vertical-align: middle}
	.banShareList a {width: 36px;background-color: #da0502;background-size: 15px}
	.banPage {float: none;display: inline-block;background: #da0502;vertical-align: middle}
	.banPage a {width: 36px;height: 36px;background-size: 15px}
	.newsTop {padding: 20px 0 0}
	.newsName {font-size: 18px}
	.newsCon {padding: 10px;}
	.hotNewsH2 {font-size: 18px}
	.hotNewsName {font-size: 14px}
	.hotNewsLine {margin: 5px 0}
	.hotNewsBrief {margin: 5px 0}
	.caseFenLei {margin: 0 -3px;padding: 8px 0;background: #F5F5F5}
	.caseFenLei li {padding: 0 3px}
	.caseFenLei li a {color: #333;line-height: 24px}
	.caseBox {}
	.banCase {height: 300px}
	.banCaseCon {bottom: 20px	}
	.banCaseLine {margin-bottom: 5px;width: 40px;height: 2px;}
	.banCaseTit {font-size: 19px}
	.caseShare .container {width: 100%}
	.caseConBg {padding: 3px 0 15px}
    .banContact {height: 300px}
	.conTit {padding: 5px 0}
	.conH2 {font-size: 18px}
	.conText strong {font-size: 14px}
	.conTextRig {line-height: 30px}
	.nbanner-t{bottom: 130px;}
	.nbanner-t h2{font-size: 25px;}
	.nnav4 a{width: 25%;padding:10px 0;}
	.about h3{font-size: 22px;}
	.about-l img{width: 100%;display:block;}
	.about-l .gsimg{padding-right: 0;width: 100%;}
	.footer_l,.footer_c,.footer_r{width: 100%;}
	.footer_l ul li h3{font-size: 15px;}
	.footer_l ul li{padding: 0;text-align: center;}
	.footer_l ul li a{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
	.footer_r{padding-left: 0;text-align: center;}
	.footer_r span{margin: 5px auto;}
	.footer2 a{text-align: center;display: block;line-height: 25px;}
	.left ,.right{float: none;}
	.honor ul li{width: 100%;}
	.culture-c ul li{width: 100%;}
	.history h3{width:100%}
	.history_c{width: 100%;}
	.activity ul li{width: 100%;}
	.caseBox ul li{width: 100%;}
	.planning ul li img{width: 100%;}
	.planning p{width: 100%;position: inherit;padding: 20px;}
	.planning b{font-size: 16px;}
	.contact_l,.contact_r{width: 100%;padding: 5px;box-sizing: border-box;}
	.contact{padding: 10px 0 30px 0;}
	#map{height: 300px;}
	.newsImg{width: 100%;}
	.newsBrief h3{font-size: 18px;}
}

@media (max-width:460px) {
	.tel span {
		display: none
	}
#banner .swiper-slide .bannerbg img{width: 350%;margin-left: -120%;}


	.tel a {
		display: block
	}

	
	.mbox2TitEn {
		font-size: 18px
	}

	.mbox2TitCn {
		font-size: 16px
	}

	.mbox2Num {
		margin: 5px -5px;
		line-height: 22px
	}

	.mbox2NumSp {
		font-size: 20px
	}

	.mbox2Num li {
		padding: 5px
	}

	.mbox2Brief {
		line-height: 26px
	}

	.mbox2BotH3 {
		font-size: 12px;
		line-height: 20px
	}

	.mbox2More .welcome {
		width: 140px;
		height: 38px;
		line-height: 38px
	}

	.mbox3Tit .mbox2TitEn {
		font-size: 18px
	}

	.mbox3Tit .mbox2TitCn {
		font-size: 16px
	}

	.mbox3H4 {
		font-size: 18px
	}

	.mbox6TitEn {
		font-size: 18px;
		line-height: 120%
	}

	.mbox6TitCn {
		font-size: 20px;
		line-height: 120%
	}

	.f16 {
		font-size: 14px
	}

	.f24 {
		font-size: 20px
	}

	.f28 {
		font-size: 24px
	}

	.mbox6Text {
		margin: 30px auto;
		padding: 25px 15px
	}

	.mbox6Text:before {
		top: 0;
		left: 0
	}

	.mbox6Ico {
		right: 0;
		bottom: -6px
	}

	.mbox8Left {
		padding: 10px 20px
	}

	.mbox8Mes li:nth-child(1),.mbox8Mes li:nth-child(2) {
		display: inline-block;
		width: 48%;
		vertical-align: middle
	}

	.mbox8RigEn {
		font-size: 16px;
		line-height: 16px
	}

	.mbox8RigIco {
		display: inline-block;
		max-width: 20px;
		vertical-align: middle
	}

	.mbox8RigIco img {
		margin: 0 auto;
		max-width: 100%
	}

	.mbox8RigCon li {
		width: 100%
	}

	.mbox8RigCon li p {
		display: inline
	}

	.mbox8RigBot {
		margin: 10px auto 0
	}

	.mbox8RigBot li a {
		font-size: 16px
	}

	.banNews {
		height: 200px
	}

	.banEn {
		padding: 0;
		font-size: 20px
	}

	.banCn {
		font-size: 14px
	}

	.newsList li {
		padding: 5px 0
	}

	.newsTabLef li {
		padding: 0 5px
	}

	.newsTabLef li a {
		font-size: 12px
	}

	.newsTime {
		width: 30px
	}

	.newsTime span {
		width: 30px;
		height: 30px;
		line-height: 30px
	}

	.newsDate {
		font-size: 18px
	}

	.newsMonth {
		font-size: 14px
	}

	.newsText {
		margin-left: 40px
	}

	.newsLine {
		top: 15px;
		left: -7px;
		width: 14px
	}

	.newsLine {
		bottom: 5px;
		font-size: 14px
	}

	.newsBrief {
		margin: 5px 0
	}

	.newsRigList li {
		float: none;
		width: 100%
	}

	.hotNewsList li {
		width: 100%
	}

	.caseList li {
		width: 100%
	}

	.banCase {
		height: 240px
	}

	.banContact {
		height: 260px
	}

	#pages a,#pages span {
		padding: 1px 6px
	}
}

@media (max-width:360px) {
	.mbox7 {
		padding-top: 50px
	}

	.mbox7List li:nth-child(4) {
		display: none
	}

	.mbox7More {
		width: 160px;
		height: 36px;
		font-size: 12px;
		line-height: 36px
	}

	.banShareList a {
		width: 28px
	}

	.banCase {
		height: 200px
	}

	.banCaseCon {
		bottom: 10px
	}

	.banCaseTit {
		padding: 5px 0;
		font-size: 18px
	}
}

@media (max-height:414px) {
	.mbox2Text {
		padding: 50px 15px 0
	}

	.mbox2TitEn {
		font-size: 18px
	}

	.mbox2TitCn {
		font-size: 16px
	}

	.mbox2Brief {
		max-height: 52px
	}

	.mbox2Num {
		margin: 0 -10px
	}

	.mbox2NumSp {
		font-size: 18px
	}

	.mbox2Num li p {
		display: inline
	}

	.mbox2Img {
		display: none
	}

	.mbox2Bot {
		padding: 5px
	}

	.mbox3LefCon {
		display: block;
		padding: 0
	}

	.mbox3LefItem li {
		display: inline-block;
		padding: 0;
		width: 48%
	}

	.mbox3LefItem li:after {
		display: none
	}

	.mbox3Ico,.mbox3Line {
		display: none
	}

	.mbox3Rig {
		display: none
	}
}

@media (max-height:240px) {
	.mbox2Brief {
		max-height: 26px
	}

	.mbox3LefCon {
		display: block
	}
}

@media only screen and (max-width:992px ) {
	.icases{
		margin-left: -15px;
	}
}



.page_item>.children{
	display: none;
}


.nnav4>ul>li{
	display: contents;
	
	
}



.page_ul>li{
	display: initial;
}
.page_ul{
	padding-bottom: 50px;
}
.page_ul>li>.active{
	border: 1px solid #da0502;
    background: #da0502;
    color: #FFF;
}
.f1{
	display:none;
}
.mune2{
	display:none;
}
.case_li2{}
.case_li2 li{
	 margin: 20px;
    background-color: #dedede;
	float: left;
}
.case_li2 li>a{
      display: block;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #202020;
    padding: 0 20px;
    box-sizing: border-box;
}


@media (max-width: 1080px) {
	.case_li2 li>a{
		width:120px;
		padding: 0;
	} 
}

@media (max-width: 560px) {
	.case_li2 li{
		width:40%;
		float: left;
		margin-left:4.333%;
		margin-bottom:0px;
	} 
	.case_li2 li>a{
		width:100%;
		padding:0;
	}
	.footer_c>ul{
		display: inline-block;
	}
	
	.footer_c ul li img {width: 100%; }
	.small .logo img {display: block;height: auto; width: 150%;
}
}

.case_li2 .gl_s{background-color: #0079b1;}
.case_li2 .gl_s a{
color:#ffffff;
}

.icases .icases_box a{
	color:#1f1d1d
}