body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,select{margin:0;padding:0;}
body,button,input,select,textarea{font-size:12px; color:#555;font-family:"microsoft yahei","PingFang SC","PingHei","STHeitiSC-Light", "Myriad Set Pro", "Lucida Grande","Helvetica Neue", "Helvetica","SimHei", "tahoma", "Arial","Verdana", "sans-serif";
*font-family:"";}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#333;cursor: pointer;}
a:hover{text-decoration:none; outline:none;hide-focus:expression(this.hideFocus=true);}
sup{vertical-align:text-top; vertical-align:super}sub{vertical-align:text-bottom;}
fieldset,img{border:0;}
img {max-width: 100%;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;border:1px solid block;}
table tr{
    border:1px solid black;
}
.clear_float:after{display:block;visibility:hidden;height:0;clear:both;content:"";}
.clear_float{display:inline-block;}/*asdfasdf\*/
* html .clear_float{zoom:1;}
.clear_float{display:block;}
.clear_float{ clear:both;}
.yellow{color:#feba01;}.green{color:#40bc90;}
.en,.arial{font-family:Arial, Helvetica, sans-serif;}
.fl{float:left;}
.fr{float:right;}
.ov{overflow: hidden;}
.ovv{overflow: visible!important;}
.texc{text-align: center;}
.texr{text-align: right;}
.por{position: relative;}
.poa{position: absolute;}
.disblock {display: block!important;}
.disinlineb {display: inline-block;}
.w1200{ width:1200px; margin:0 auto;
    position: relative;}
.wrap{margin:0 auto; display: block;}
.wrapper{width: 100%; margin: 0 auto;
position: relative}
@font-face {
    font-family: "SourceHanSans-Bold";
    src: url(../font/SourceHanSans-Bold.otf);
}
@font-face {
    font-family: "SourceHanSans-Medium";
    src: url(../font/SourceHanSans-Medium.otf);
}
@font-face {
    font-family: "SourceHanSans-Regular";
    src: url(../font/SourceHanSans-Regular.otf);
}


.container {width: 1200px!important;}
.url,.url2{cursor:pointer;}
.text-overflow {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;

}
.bg-f8f8f8 {
    background-color: #f8f8f8;
}
.bg-fff {
    background-color: #fff;
}
.tell-wrap {
    display: table-cell;
    vertical-align: middle;
}
.header {
    position: relative;
    z-index: 9;
    min-width:1200px;

}
.header-tool-wrap .logo {
    margin-left: -108px;
}
.header-tool-search {
    position: relative;
    width: 302px;
    height: 36px;
    border: 1px solid #d9dde3;
    border-right: none;
}
.header-tool-search .input-search {
    width: 250px;
    height: 34px;
    line-height: 34px;
    padding: 0 8px;
    border: none;
}
.header-tool-search .btn-search {
    position: absolute;
    top: -2px;
    right: 0;
    width: 50px;
    height: 38px;
    background: url(../images/icon-search-1.png) no-repeat center;
    border: none;
}
.header-tool-lang {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: right;
}
.header-tool-lang .lang-item {
    display: inline-block;
    margin-left: 25px;
    cursor: pointer;
    font-size: 14px;
}
.header-tool-lang .lang-item.active {
    color: #e40012;
}
.header-tool-lang .lang-item img {
    margin-right: 6px;
    vertical-align: middle;
}
.header-nav {
    overflow: hidden;
    background-color: rgba(0, 77, 159, .9);
}
.header-nav li {
    float: left;
    padding: 5px 0px;
}
.header-nav li:nth-of-type(2n+1) a{
    border-left: 1px solid #5386b8;
    border-right: 1px solid #5386b8;
}
.header-nav li:nth-last-child(1) a{
    border-right: 1px solid #5386b8;
}
.header-nav li.line {
    width: 1px;
    height: 38px;
    background-color: #fff;
    opacity: 0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    margin-top: 4px;
}
.header-nav li a {
    display: block;
    width: 148px;
    height: 38px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 20px;
}
.header-nav li a .tell-wrap {
    width: 1%;
    height: 38px;
}
.header-nav li:hover,
.header-nav li:focus,
.header-nav li:hover>a,
.header-nav .active{
    background-color: #e40012;
    /*border-left: none;*/
    /*border-right: none;*/
}
.carousel-banner .big-carousel {
    margin-top: -47px;
}
/*.carousel-banner .carousel img {
    max-width: none;
}*/
.carousel-banner .banner-word-bg{
    font-size: 30px;
    text-align: center;
    background-image: url("../images/banner-word-bg.png");
    line-height: 50px;
    width: 627px;
    margin: 0 auto;
    position: absolute;
    bottom: 50px;
    left: 50%;
    letter-spacing: 14px;
    color: #fff;
    margin-left: -313.5px;
}
.carousel-banner .carousel-control {
    background-image: none;
    opacity: 1;
}
.carousel-banner .carousel-indicators{
    left:50%;!important;
}
.carousel-banner .carousel-indicators li,
.carousel-banner .carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 1px 21px;
    background-color: #fff;
    border: none;
}
.carousel-banner .carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 40%;
    padding-left: 0;
    margin-left: 10%;
    text-align: center;
    list-style: none;
}

.carousel-banner .carousel-indicators .active {
    background-color: #e40012;
}
.carousel-banner .control-wrap {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #fff;
}
.module {
    padding-top: 80px;
}
.plate-title {
    position: relative;
    height: 60px;
    /*border-top: 3px solid #004d9f;*/
}
.line-top{
    position: absolute;
    top:0;
    height: 3px;
    width: 100%;
    left: 4%;
    background-color: #004d9f;
}
.contectus-main1 .contact_title{
    border-top: none;
    position: relative;
}
.plate-title .title-box {
    top: -3px;
    position: absolute;
}
.contectus-left-linear{
    width: 200px;
    float: left;
    height: 5px;
    background-color: #004d9f;
    position: absolute;
    bottom: 50%;
    margin-bottom: -5px;
}
.contectus-right-linear{
    width: 200px;
    float: right;
    height: 5px;
    background-color: #004d9f;
    position: absolute;
    bottom: 50%;
    margin-bottom: -5px;
    right: 0;
}
.contectus-title{
    /* font-size:42px;
    font-weight: bold;
    float: left;
    margin-left: 15px;
    font-family: '方正大黑';
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #004d9f;
    position: absolute;
    font-weight: bold;
    left: 50%;
    margin-left: -277px; */

}
#contact_ch_title{
    height: 77px;
    background: url(../images/ch.png) no-repeat center;
}
#contact_en_title{
    height: 77px;
    background: url(../images/eng.png) no-repeat center;
}
#contact_ja_title{
    height: 77px;
    background: url(../images/ja.png) no-repeat center;
}
.plate-title .title-box:before {
    position: absolute;
    top: 0;
    left: -1px;
    content: '';
    display: block;
    width: 50px;
    height: 38px;
    background: url(../images/icon-title-before.png) no-repeat center;
}
.plate-title .title-box:after {
    position: absolute;
    top: 0;
    right: -20px;
    content: '';
    display: block;
    width: 20px;
    height: 38px;
    background: url(../images/icon-title-after.png) no-repeat center;
}
.plate-title .title-con {
    box-sizing: border-box;
    position: relative;
    margin-left: 49px;
    width: 222px;
    height: 38px;
    line-height: 38px;
    padding-left: 71px;
    letter-spacing: 3px;
    background-color: #004d9f;
    color: #fff;
    font-size: 20px;
}
.plate-title .title-con img {
    position: absolute;
    margin-right: 10px;
    top: 9px;
    left: 30px;
}
.plate-title .title-con a{
   color: #fff;
    text-decoration: none;
}
.plate-title .more-message {
    box-sizing: border-box;
    width: 600px;
    height: 24px;
    margin-top: 6px;
    padding-left: 20px;
    background: url(../images/iocn-tab-message.png) no-repeat;
    color: #fff;
    font-size: 16px;
	float:left;
	position:relative;
	left:30%;
	background-color: #004d9f;
	
}
.plate-title .more-box {
    box-sizing: border-box;
    width: 100px;
    height: 24px;
    margin-top: 6px;
    padding-left: 26px;
    background: url(../images/bg-title-more.png) no-repeat center;
    color: #fff;
    font-size: 16px;
}
.plate-title .more-box a {
    display: block;
    font-size: 16px;
    color: #fff;
    text-decoration: none;

}
/*.plate-title .more-box a:hover {
    text-decoration: underline;
}*/
.small-carousel {
    float: left;
    width: 600px;
    height: 400px;
    margin-top: 40px;
    position: relative;
}
.small-carousel .item {
    height: 400px;
}
.small-carousel .item .carousel-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-color: rgba(170, 170, 170, 0.702);
}

.small-carousel .carousel-indicators {
    left: 10px;
    margin-left: 0;
    top: 10px;
    bottom: initial;
}
.small-carousel .carousel-indicators li {
    display: block;
    float: left;
    margin: 0;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-indent: 0;
    border-radius: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background-color: rgba(0, 77, 159, 0.302);
    border: none;
}
.small-carousel .carousel-indicators .active {
    background-color: rgb(0, 77, 159);
}
.article-group .list {
    /*height: 385px;*/
    height: 390px;
    /*overflow: hidden;*/
    overflow-y: scroll;
    overflow-x: hidden;
}
.list {
    margin-top: 40px;
}
.list li a {
    overflow: hidden;
    position: relative;
    display: block;
    padding-left: 20px;
    padding-bottom: 20px;
    color: #313131;
    font-size: 18px;
    padding-right: 15px;
}
.list li a:hover {
    color: #e40012;
}
.list li a:before {
    position: absolute;
    content: '';
    display: block;
    left: 0px;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgb(228, 0, 18);
}
.list li a .con {
    /*width: 338px;*/
    width: 530px;
    height: 24px;
    overflow: hidden;
    float: left;

}
.list li a .time {
    float: right;
    margin-left: 20px;
}
.title-box-2 {
    position: relative;
    height: 60px;
        width: 1181px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    background-color: #e40012;
    cursor: pointer;
    margin: 0 auto;
    margin-left: 13px;
}
.special-title-box-2 {
    position: relative;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    background-color: #e40012;
    width: 1169px;
}

.title-box-2 img {
    margin-right: 16px;
    vertical-align: sub;
}
.box-group {
    overflow: hidden;
    margin: 0 0px;
    margin-top: 30px;
}
.box-group .item {
    box-sizing: border-box;
    float: left;
    width: 33.3333%;
    height: 230px;
    padding: 0 15px;
    position: relative;
}
.box-group .item .item-con-wrap {
    position: relative;
     height: 230px;
    width: 380px;
    margin: 0 auto;
}
.box-group .item .item-con-wrap .post-btn {
    position: absolute;
    bottom: 56px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    cursor: pointer;
}
.box-group .item .item-con-wrap {
    position: relative;
}
.item .item-con-wrap img{
   width: 100%;
   /*Eagle*/
   width: 380px;
   height: 230px;
   cursor: pointer;
}
.box-group .item .item-con-wrap  video {
    width: 100%;
    /*height: */
}
.box-group .item .item-con-wrap .video-title {
    position: absolute;
    bottom: 0px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background-color: rgba(0, 0, 0, .7);
}
.box-group .item .item-con-wrap:hover .video-title {
    background-color: rgba(0, 77, 159, .7);
}
.bg-box {
    position: relative;
    min-width:1200px;

}
.we-story-bg{
    /*width: 1200px;
    height: 730px;
    background: rgba(0,0,0,0.5);
    position:absolute;
    top: 50%;
    left: 50%;
    margin: -3.65px -600px;
    z-index: 100;*/
    display: none;
}
.we-story-bg2{
    /*background: rgba(0,0,0,0.5);*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*z-index: 100;*/
    /*left: 50%;*/
    /*margin: -2.8px -602px;*/
    display: none;
    /*width: 1204px;
    height: 575px;*/

}
.we-story-back{
    width: 98px;
    height: 54px;
    border-bottom-right-radius: 16px;
    background: #e40012;
    position: absolute;
    right: 0;
    top: -10px;
    cursor: pointer;
}
.we-story-back p{
    color: #fff;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    padding-top: 12px;
}
.we-story{
    /*width: 1204px;*/
    height: 575px;
    background: #fff;
    /*margin:80px auto;*/
    /*position: relative;*/

}
.we-story-title{
    width: 1037px;
    height: 97px;
    border-bottom: 2px solid #004d9f;
    margin:0 auto;
    padding-top: 60px;
}
.we-story-title-icon{
    float: left;
}
.we-story-title p{
    float: left;
    color: #004d9f;
    font-size: 22px;
    margin-left: 10px;
}
.we-story-picgroup{
    /*width: 1200px;*/
    height: 430px;
    /*position: absolute;*/
    /*top: 120px;*/
    /*left: 80px;*/
}

.we-story-picgroup2{
    /*width: 806px;
    height: 430px;*/
    /*margin: 0 auto;*/
    /*position: absolute;*/
    /*top: 120px;*/
    /*left: 200px;*/
}
.we-story-pic1{
    /*border: 1px solid;*/
    width: 550px;
    height: 335px;
    margin-top: 58px;
    margin-left: 80px;
    float: left;
    position:relative;
    cursor: pointer;
}
.we-story-pic1-text{
    width: 100%;
    height: 52px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    /*padding-top: 14px;*/
    line-height: 52px;
}
.we-story-picgroup .right {
    /*border: 1px solid red;*/
    width: 470px;
    float: left;
    margin-left: 44px;
    height: 335px;
    margin-top: 57px;
}
.we-story-pic2{
    /*margin-top: 58px;*/
    /*float: left;
    margin-left: 100px;*/
    /*width: 470px;*/
    height: 155px;
}
.we-story-pic3{
    margin-top: 28px;
    /*float: left;
    margin-left: 100px;*/
    /*width: 470px;*/
    height: 155px;
}
.we-story-pic3 video,
.we-story-pic2 video{
    /*border: 1px solid;*/
    float: left;
    margin-right: 10px;
}
.we-story-pic2-img{
    float: left;
}
.we-story-pic2-text{
    float: left;
    /*margin-right: 16px;*/
}
.we-story-pic2-text p{
    font-size: 18px;
    color: #004d9f;
}
.we-story-pic2-text h1{
    margin-top: 4px;
}
.we-story-pic2-text h1,.we-story-pic2-text h2{
    font-size: 16px;
    line-height: 21px;
}
.we-story-pic2-text-btn{
    width: 82px;
    height: 30px;
    background: #e40012;
    border-bottom-right-radius: 8px;
    color: #fff;
    text-align: center;
    padding-top: 6px;
    margin-top: 34px;
    cursor: pointer;
}
.bg-pic {
    position: absolute;
    z-index: -1;
}
.bg-pic-1 {
    top: 198px;
    right: 0;
}
.carousel-banner{
    min-width:1200px;

}
.about {

    height: 838px;
    background: url(../images/bg-our.jpg) no-repeat center bottom;
    min-width:1200px;
}
.title-3 {
    padding: 28px 0;
    text-align: center;
    color: #fff;
    font-weight: normal;
}
.title-3 h2 {
    font-size: 18px;
    letter-spacing: 3px;
    font-family: "SourceHanSans-Bold", "microsoft yahei";
}
.title-3 h1 {
    margin-top: 8px;
    font-size: 30px;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
}
.title-3-line {
    position: relative;
    width: 100%;
    height: 4px;
    background-color: rgb(255, 255, 255);
}
.title-3-line .line-block {
    position: absolute;
    left: 50%;
    margin-left: -33px;
    width: 66px;
    height: 4px;
    z-index: 106;
    background-color: rgb(228, 0, 18);
}
.box-group-2 {
    margin-top: 34px;
    margin-bottom: 64px;
    margin: 38px -31px 66px -31px;
}
.box-group-2 .item {
    width: 33%;
    height: auto;
    padding: 0 31px;
}
.box-group-2 .item .item-wrap {
    position: relative;
    width: 254px;
    height: 250px;
    margin: 0 auto;
    background: url(../images/bg-circle-1.png) no-repeat center;
}
.box-group-2 .item .item-wrap .text {
    width: 180px;
    height: 168px;
    left: 50%;
    top: 50%;
    margin-left: -90px;
    margin-top: -64px;
    position: absolute;
    color: #fff;
    text-align: center;
    font-family: "SourceHanSans-Bold", "microsoft yahei";
}
.box-group-2 .item .item-wrap .text span {
    position: relative;
    display: block;
}
.box-group-2 .item .item-wrap .text .top {
    font-size: 66px;
}
.box-group-2 .item .item-wrap .text .bottom {
    font-size: 22px;
    margin-top: -14px;
}
.box-group-2 .item .item-wrap .text sup {
    position: absolute;
    font-weight: normal;
    display: block;
    top: 34px;
    right: 30px;
    font-size: 40px;
}
.show-bar {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    width: 1194px;
    /*height: 113px;*/
    padding: 0 27px;
    border-width: 3px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 10px;
    background: url(../images/bg-show-bar.png);
}
.show-bar-n .item{
    float: left;
    width: 150px;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}
.show-bar-n .special-item{
    width: 180px;
}
.show-bar-n a.item:hover{
    display: block;
    background-color: #e5e5e5;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 4px;
}
.show-bar .item {
    float: left;
    width: 110px;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
    font-size: 16px;
    color: #ffffff;
    text-align: center;

}

.show-bar .item p{
    margin-bottom: 10px;
}
.show-bar-n .item p{
    margin-bottom: 10px;
    font-size: 18px;
    margin-left: 3px;
}

.show-bar-n a.itm{
    color: #ffffff;
    text-decoration: none;
}
.show-bar a.item{
    color: #ffffff;
    text-decoration: none;
}
/*.show-bar a.item:hover>p{*/
    /*color: #e40012;*/
/*}*/
/*.show-bar .item-icon:hover+p{*/
    /*color: #e40012;*/
/*}*/
.show-bar-n{
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    width: 1700px;
    /*height: 113px;*/
    display:flex;
    padding: 0 27px;
    border-width: 3px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    border-radius: 10px;
    background: url(../images/bg-show-bar.png);
    margin:auto auto;
}
.show-bar-n .item-icon {
    width: 100%;
    height: 53px;
    margin: 10px 0;
   padding-left: 30px;
}
.show-bar-n .special-icon{
    padding-left: 30px;
    margin-top: -2px;
    padding-bottom: 12px;
}

.show-bar-n .item-icon-1{
    width: 50px;
    height: 50px;
    background-image: url(../images/show-bar-logo.png);
    background-size: 50px 50px;
    margin:14px 0 0px 0;
}
.show-bar-n a:nth-of-type(3) .item-icon{
    padding-left: 28px;
}
.show-bar-n a:nth-of-type(8) .item-icon{
    padding-left:30px;
}
.show-bar-n a:nth-of-type(9) .item-icon{
    padding-left: 28px;
}
.show-bar-n a:nth-of-type(10) .item-icon {
    padding-right: 25px;
}
.show-bar-n .item-icon-2 {
    height: 48px;
    background-position:0px 0px;
    background-image: url(../images/icon-show-bar-copy.png);
    width: 100%;
}

.show-bar-n .item-icon-3 {
    height: 48px;
    background-position:-103px 0px;
    background-image: url(../images/icon-show-bar-copy.png);
    width: 100%;
}

.show-bar-n .item-icon-4 {
    height: 48px;
    background-position:-217px 0px;
    background-image: url(../images/icon-show-bar-copy.png);
    width: 100%;
}
.show-bar-n .item-icon-5 {
    height: 48px;
    background-position: -334px 0px;
    background-image: url(../images/icon-show-bar-copy.png);
    width: 100%;
}
.show-bar-n .item-icon-6 {
    height: 48px;
    background-position: -440px 0px;
    background-image: url(../images/icon-show-bar-copy.png);
    width: 100%;
}
.show-bar-n .item-icon-7 {
    height: 48px;
    background-position: -557px 0px;
    background-image: url(../images/icon-show-bar-copy.png);
    width: 100%;
}
.show-bar-n .item-icon-8 {
    height: 48px;
    background-position: -666px 1px;
    background-image: url(../images/icon-show-bar-copy.png);
    width: 100%;
}

.show-bar-n .item-icon-9 {
 /*   height: 46px;
    background-position: -776px 0px;
    background-image: url(../images/icon-show-bar-copy.png);*/
    height: 46px;
    background-position: -776px 0px;
    background-image: url(../images/icon-show-bar-copy.png);
    width: 100%;
}


.show-bar-n .item-icon-10 {
    height: 48px;
    background-position: -891px 0px;
    background-image: url(../images/icon-show-bar-copy.png);
    width: 70px;
}

.show-bar-n .item-icon-11 {
        height: 48px;
    background-position: -1000px 0px;
    background-image: url(../images/icon-show-bar-copy.png);
    width: 70px;
}

.show-bar-n .item-icon-12 {
    height: 48px;
    background-position: -1090px 0px;
    background-image: url(../images/icon-show-bar-copy.png);
    width: 70px;
}

.more {
    display: block;
    width: 252px;
    height: 42px;
    line-height: 42px;
    margin: 0 auto;
    margin-top: 48px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 6px;
    text-decoration: none;
    text-align: center;
    border-bottom-right-radius: 18px;
    background: url(../images/icon-more.png) no-repeat 40px 15px #e40012;
}
.more:hover {
    color: #fff;
    /*text-decoration: underline;*/
}
.bg-pic-2 {
    top: 130px;
    left: 0;
}
.search-plate {
    position: relative;
    z-index: 1;
    float: right;
    width: 930px;
    box-sizing: border-box;
    padding-left: 52px;
    height: 35px;
    /*border-bottom: 3px solid #004d9f;*/
}
.search-plate .input-search {
    width: 790px;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    padding: 0 10px;
    border: none;
    font-size: 16px;
    background: transparent;
}
.ipt-line-bottom{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: -18px;
    background:#004d9f;
    height: 3px;
}
.search-plate .btn-search {
    position: absolute;
    right: -4px;
    top: -4px;
    width: 76px;
    height: 39px;
    background: url(../images/icon-plate-title2.png) no-repeat center;
    border: none;
}
.box-group-3 {
    margin: 0 -10px;
}
.box-group-3 .item {
    width: 16.66666666666667%;
    height: auto;
    padding: 0 10px;
    /*cursor: pointer;*/
}
.box-group-3 .item-wrap {
    width: 182px;
    height: 182px;
    background: url(../images/bg-circle-2.png) no-repeat center;
}
.select-wrap {
    margin: 30px 0;
}
.select-title {
    display: block;
    margin-right: 14px;
    line-height: 35px;
    font-size: 18px;
    color: #004d9f;
}
.select .selected {
    position: relative;
    width: 217px;
    padding: 0 ;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    background-color: rgb(158, 192, 225);
    box-shadow: inset 0px 1px 0px 0px rgba(195, 195, 195, 0.75);
    cursor: pointer;
}
.select .selected span {
    display: block;
    width: 200px;
}
.select .selected i {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    height: 35px;
    background: url(../images/icon-select.png) no-repeat center #e40012;
}
.select ul {
    position: absolute;
    top: 35px;
    left: 0;
}
.select li {
    width: 217px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color: rgb(158, 192, 225);
}
.box-group-3-title {
    margin: 16px auto 18px auto;
    padding: 2px 10px;
    /*height: 28px;*/
/*     display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; */
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #004d9f;
    border-bottom-right-radius: 15px;
}

.box-group-3 .item:hover .box-group-3-title,
.box-group-3 .item.active .box-group-3-title {
    background-color: #e40012;
}
.show-bar-2 {
    overflow: visible;
    position: relative;
    margin-top: 35px;
    padding: 0;
    background: none;
    background-color: #f1f7fc;
    border-color: #7fa6cf;
}
.show-bar-2 ul {
    width: 1194px;
    /*height: 113px;*/
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 0;
}
.show-bar-2 li {
    float: left;
    width: 30%;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    padding-left: 86px;
    position: relative;
    font-size: 14px;
    margin:10px 0;

}

.show-bar-2 li a{
    text-decoration: none;
    display: block;
    height:36px;
    width: 100%;
    line-height: 34px;
    text-align: center;
    border-radius: 10px;
    color: #004d9f;
    font-size: 16px;
    /*font-weight: 600;*/
}
.show-bar-2 li a.active{
    background-color: #e40012;
    color: #fff;
    font-size: 16px;
}
.show-bar-2 li a:hover{
    background-color: #e40012;
    color: #fff;
}
/*.show-bar-2 li:before {
    content: '';
    position: absolute;
    left: 60px;
    top: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgb(228, 0, 18);
}*/
.carousel-group {
    margin-top: 36px;
}
.carousel-group .carousel-group .item {
    margin: 0 -8px;
}
.carousel-group .carousel-group .item ul {
    width: 1117px;
    margin: 0 auto;
}
.carousel-group .carousel-group .item li {
    width: 25%;
    box-sizing: border-box;
    padding: 0 8px;
    float: left;
}
.carousel-group .carousel-group .item li .item-wrap {
    width: 268px;
    height: 180px;
    overflow: hidden;
    margin: 0 auto;
}
#carousel-group-1 a.carousel-control,#carousel-group-2 a.carousel-control{
    width:4%;
}

.carousel-group .carousel-group .item li .item-wrap .activity-title {
    position: absolute;
    bottom: 0px;
    height: 30px;
    line-height:30px;
    width: 22%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: rgba(0, 0, 0, .7);
    padding: 0 6px;
    -ms-word-break: break-all;
    -moz-box-orient: vertical;
    /*display: -webkit-box;*/
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.carousel-group .carousel-group .item li .item-wrap:hover .activity-title {
    background-color: rgba(0, 77, 159, .7);
}


.carousel-group .control-wrap {
    border: none;
    margin-left: 0;
}
.carousel-group .control-wrap.control-left {
    left: 0;
}
.carousel-group .control-wrap.control-right {
    left: initial;
    right: 0;
}
.map {
    height: 800px;
}
.map-item {
    position: relative;
}
.map-item .img-map-address {
}
.map-item li {
    position: relative;
    padding-left: 25px;
    line-height: 24px;
}
.map-item li .icon {
    width: 14px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 4px;
    background-image: url(../images/icon--group-map.png);
    display: block;
    /*background-size: 14px 16px;*/
}
.map-item li .i-address {
    background-position: -13px 0px;
}
.map-item li .i-email {
    background-position: 1px -23px;
}
.map-item li .i-call {
    background-position: 2px -47px;
}
.map-item li .i-contact{
    background-position: 0px -48px;
}
.map-item h1 {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 18px;
}
.map-item {
    cursor: pointer;
    box-sizing: border-box;
    padding:10px 20px;
    margin-bottom: 15px;
    width: 380px;
    border-radius: 8px;
    color: #004d9f;
    font-size: 14px;
    /*background:#7ecef4;*/
    background-color: #96beef;
}

.map-item:hover,
.map-item.active {
    color: #fff;
    background-color: rgb(0, 77, 159);
}
.map-item:hover .active .icon{
    background-image: url(../images/icon--group-map2.png);
    background-repeat: no-repeat;
}
/*.Chinese-factory:hover,.Chinese-factory.active{
    !*color: #004d9f;
    background-color: #96beef;*!
}
.overseas-factory{
    color: #fff;
    background-color: #004d9f;
}
.overseas-factory .i-address{
    color: #fff;
    background-color: #fff;
}
.overseas-factory:hover,.overseas-factory.active{
    color: #fff;
}*/

.map-item:hover .img-map-address,
.map-item.active .img-map-address {
    display: block;
}
.map-items {
    margin-top: 16px;
    position: absolute;
    left: 0;
    top: 0;
}
.map-items1{
    margin-top: 60px;
    position: absolute;
    left: 0;
    top: 0;
}
div.map-con {
    /*z-index: -1;*/
    margin-right: 12px;
    float: right;
    margin-top: 0px;
    position: absolute;
    right: 0;
    top:0;

}

.footer-group {
    height: 198px;
    position: relative;
}
.footer-group li {
    float: left;
    width: 130px;
    margin-top: 30px;
}
.footer-group .line {
    width: 2px;
    height: 26px;
    margin-top: 72px;
    background-color: rgb(255, 255, 255);
    opacity: 0.602;
}
.footer-group li a.link {
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    margin-top: 42px;
    color: #fff;
    font-size:20px;
    text-align: center;
}
.footer-group li a.link:hover {
    text-decoration: underline;
}
.footer {
   /* width: 100%;*/
    min-width:1200px;

    height: 244px;
    background-color: #004d9f;
}
.footer-group .visit{
        position: absolute;
    bottom: 10px;
    right: 50%;
    height: 30px;
    line-height: 30px;
    margin-right: -65px;
    border-radius: 4px;
    background-color: rgba(0,0,0,.7);
    padding-right: 10px;
}
.footer-group .visit img{
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 15px;
    margin-bottom: 6px;
}
.footer-group .visit p{
    text-align: center;
    font-size: 16px;
    display: inline-block;
    color: #fff;
}
.copyright {
    width: 100%;
    height: 47px;
    line-height: 47px;
    background-color: #21262a;
}
.copyright-con {
    font-size: 12px;
    color: rgba(143, 156, 166, .6);
    text-align: center;
}
.er-code {
    width: 101px;
    float: right;
    margin-top: 30px;
}
.code-title {
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    background-color: rgba(255, 255, 255, 0.2);
}
.content-title {
    position: relative;
    margin-top: -47px;
    width: 100%;
    height: 356px;
    line-height: 356px;
}
.news-tab-wrap{
    min-width: 1200px;
}
.content-title-1 {
    min-width:1200px;

    background: url(../images/bannera01.jpg) no-repeat center;
}
.content-title-2 {
     min-width:1200px;
    background: url(../images/bannera02.jpg) no-repeat center;
}
.content-title-3 {
     min-width:1200px;
    background: url(../images/bannera06.jpg) no-repeat center;
}
.content-title-4 {
     min-width:1200px;
    background: url(../images/bannera03.jpg) no-repeat center;
}
.content-title-5 {
     min-width:1200px;
    background: url(../images/bannera04.png) no-repeat center;
}
.content-title-6 {
     min-width:1200px;
    background: url(../images/img-content-title-6.jpg) no-repeat center;
}
.content-title-7 {
     min-width:1200px;
    background: url(../images/bannera05.jpg) no-repeat center;
}
.content-title-transparent h1,
.content-title h1 {
    position: relative;
    color: #fff;
    line-height: 356px;
    text-align: center;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
    font-size: 36px;
}
.content-title-transparent h1 {
    margin-top: 30px;
    margin-bottom: 50px;
    color: #fff;
    font-size: 32px;
    line-height: normal;
}
.content-title-transparent .allProcess-title{
    width: 278px;
    height:53px;
    margin: 0 auto;
    background-image: url("../images/blue-logo-word.png");
    color: #fff;
}
.content-title-transparent .allProcess-title-eng{
    width:437px;
    height:53px;
    margin: 0 auto;
    background-image: url("../images/blue-logo-word-eng.png");
    color: #fff;
}
.content-title-transparent .allProcess-title-ja{
    width:329px;
    height:53px;
    margin: 0 auto;
    background-image: url("../images/blue-logo-word-ja.png");
    color: #fff;
}
/*.content-title-transparent h1:after {
    bottom: -12px;
    background-color: #3a3a3a;

}*/
.x-breadcrumb {
    padding: 0;
    margin: 0;
    padding-top: 20px;
    background: transparent;
    text-align: right;
    font-size: 16px;
    color: #333;
}
.x-breadcrumb>li>a {
    color: #747474;
}
.x-breadcrumb>.active {
    color: #3a3a3a;
}
.x-breadcrumb>li+li:before {
    content: "\003e";
    color: #747474;
}
.reset-ul{
    border-bottom: transparent;
}
.reset-ul>li>a{
    padding:0;
    margin:0;
    line-height: normal;
}
.reset-ul>li.active>a,
.reset-ul>li.active>a:focus,
.reset-ul>li.active>a:hover,
.reset-ul>li>a,
.reset-ul>li>a:focus,
.reset-ul>li>a:hover{
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.news-tab-wrap .nav-tabs {
    margin-top: 10px;
    margin-bottom: 52px;
}
.news-tab-wrap .nav-tabs li {
    width: 50%;
    height: 50px;
}
.news-tab-wrap .nav-tabs li a {
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    border-right: 1px solid #5386b8;
    text-align: center;
    background-color: #004d9f;
}
.news-tab-wrap .nav-tabs li.active a:hover,
.news-tab-wrap .nav-tabs>li.active>a,
.news-tab-wrap .nav-tabs li:hover a {
    background-color: #e40012;
    color: #fff;
}
.news-tab-wrap .nav-tabs li a i {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/iocn-tab.png) no-repeat;
    top: 6px;
    margin-right: 8px;
}
.news-tab-wrap .nav-tabs li a i.icon-1 {
    background-position: 0 0;
}
.news-tab-wrap .nav-tabs li a i.icon-2 {
    background-position: -238px -1px;
}
.news-tab-wrap .nav-tabs li a i.icon-3 {
    background-position: -480px 0;
}
.news-tab-wrap .nav-tabs li a i.icon-4 {
    background-position: -718px 0;
}
.news-tab-wrap .nav-tabs li a i.icon-5 {
    background-position: -962px 0;
}
.news-tab-wrap .tab-content {
    overflow: hidden;
    height: 404px;
    padding-top: 45px;
    padding-bottom: 42px;
    background: url(../images/bg-tab.png) no-repeat right bottom #f3f3f3;

}
.news-tab-wrap .tab-content .img-wrap {
    float: left;
    width: 547px;
    height: 315px;
    overflow: hidden;
}
.news-tab-wrap .tab-content .img-wrap {
    float: left;
    width: 547px;
    height: 315px;
    overflow: hidden;
}
.news-tab-wrap .tab-content .news-con {
    float: left;
    margin-left: 45px;
}
.news-tab-wrap .tab-content .news-con .line {
    margin-top: 18px;
    width: 604px;
    height: 1px;
    background-color: rgb(116, 116, 116);
    opacity: 0.2;
}
.date-wrap .date {
    overflow: hidden;
    width: 52px;
    height: 52px;
    margin-top: -1px;
    background-color: #e40012;
    box-shadow: 2.121px 2.121px 0px 0px rgba(77, 77, 77, 0.45);
}
.date-wrap .date span {
    display: block;
    color: #fff;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
    text-align: center;
}
.date-wrap .date .span-1 {
    font-size: 16px;
    margin-top: 4px;
}
.date-wrap .date .span-2 {
    margin-top: 1px;
    font-size: 16px;
}
.news-con {
    width: 608px;
}
.news-text h1.title {
    padding-left: 72px;
    margin-top: -20px;
    color: #e40012;
    font-size: 38px;
    font-weight: 900;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-text .title {
    margin-top: 20px;
    padding-right: 50px;
    margin-bottom: 16px;
    font-size: 20px;
    color: #333333;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
}
.news-text .title a:hover {
    color: #e40012;
}
.news-text .con a:hover {
    text-decoration: underline;
}
.news-text .con {
    padding-right: 50px;
    line-height: 24px;
    font-size: 16px;
    color: #747474;
    -webkit-line-clamp: 3;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
}
.news-text .con a{
    color: #747474;
}
.news-text .con a p{

}
.news-more {
    margin: 0;
    margin-top: 46px;
    width: 133px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    text-decoration: none;
    padding-left: 30px;
    background: url(../images/icon-more.png) no-repeat 24px 10px rgb(121, 121, 121)
}
.news-group {
    overflow: hidden;
    margin-top: 50px;
}
.d-more{
    height: 30px;
    width: 100%;
    text-align: center;
    line-height:30px;
    margin: 10px 0;
    font-size: 14px;
}
.news-group li {
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 10px;
}
.news-group li .item {
    width: 283px;
    /*height: 283px;*/
    margin-bottom: 53px;
    overflow: hidden;
    position: relative;
}

.img-wrap{
    border:1px solid rgb(217, 221, 227);
}
.news-group li .img-wrap {
    width: 100%;
    height: 165px;
    overflow: hidden;
    text-align: center;
}
.news-group li .img-wrap .date-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.news-group li .text-wrap {
    width: 100%;
    box-sizing: border-box;
    padding:7px 16px;
    border-width: 1px;
    border-color: rgb(217, 221, 227);
    border-style: solid;
    height:36px;
    border-top: none;
    background-color: rgba(170, 170, 170, 0.702);
    color: #fff;
    position: absolute;
    bottom: 0;
}
.bg-pic-3 {
    top: 112px;
    left: 0;
}
.bg-pic-4 {
    top: 350px;
    right: 0;
}
.news-group-more {
    cursor: pointer;
    margin: 0;
    margin-bottom: 92px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    background: #747474;
}
.news-group-more .icon {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 18px;
    border-radius: 50%;
    background: url(../images/icon-load.png) no-repeat center #fff;
}
.business-tab-wrap .nav-tabs li {
    cursor: pointer;
    width: 12.5%;
}
.business-tab-wrap .nav-tabs li a {
    cursor: pointer;
}
.business-tab-wrap .tab-content {
    overflow: hidden;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    background: none;
}
.business-tab-wrap .nav-tabs {
    margin-bottom: 0;
}
.box-group-4 {
    padding-bottom: 106px;
    margin: 0 -36px;
}
.box-group-4 .item {
    position: relative;
    height: auto;
    width: 25%;
    margin-top: 10px;
    padding: 0 36px;
}
.box-group-4 .item-wrap {
    width: 245px;
    height: 245px;
    background: url(../images/bg-circle-3.png) no-repeat center;
}
.box-group-4 .box-group-4-title {
    font-size: 16px;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
    color: #3a3a3a;

    margin-top: 18px;
    text-align: center;
}
.box-group-4 .item .shut {
    display: none;
    position: absolute;
    top: 0;
    left: 36px;
    width: 245px;
    height: 245px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: rgba(0, 77, 159, .6);
    border-radius: 50%;
}
.box-group-4 .item .shut .text-wrap {
    display: table-cell;
    vertical-align: middle;
    width: 245px;
    height: 245px;
}
.box-group-4 .item .shut .text-wrap p {
    margin-top: 20px;
}
.box-group-4 .item a .shut .text-wrap p:hover{
    text-decoration: underline;
}
.box-group-4 .item:hover .shut {
    display: block;
}
.bg-pic-5 {
    top: 0;
    right: 0;
}
.bg-pic-6 {
    left: -21%;
    bottom: 0%;
}
.icon-arrow-box {
    position: absolute;
    top: -22px;
}
.icon-arrow-box-1 {
    left: 50px;
}
.icon-arrow-box-2 {
    left: 200px;
}
.icon-arrow-box-3 {
    left: 350px;
}
.icon-arrow-box-4 {
    left: 500px;
}
.icon-arrow-box-5 {
    left: 650px;
}
.icon-arrow-box-6 {
    left: 1075px;
}
.index-tab-content .show-bar-2 {
    display: none;
}
.index-tab-content .show-bar-2.active {
    display: block;
}
.img-introduce {
    height: 430px;
}
.text-introduce h1 {
    margin-bottom: 16px;
    font-size: 24px;
    color: #004d9f;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
}
.text-introduce {
    margin: 68px 0;
    line-height: 32px;
    text-align: center;
}
.text-introduce p {
    font-size: 14px;
    color: #3a3a3a;
}
.box-group-5 {
    /*overflow: visible;*/
    margin: 0;
    padding-bottom: 80px;
}
.box-group-5 .item {
    width: 25%;
    height: auto;
    /*padding: 0 50px;*/
}
.box-group-5 .item .item-wrap {
    width: 283px;
}
.box-group-5 .item .img-wrap {
    width: 204px;
    height: 204px;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
}
.box-group-5 .item .img-wrap .con-wrap {
    width: 204px;
    height: 204px;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: #ffffff;
}
.box-group-5 .item .img-wrap .con-wrap p {
    margin-top: 12px;
}
.box-group-5 .item .img-wrap.img-wrap-1 {
    background-color: #53a3d2;
}
.box-group-5 .item .img-wrap.img-wrap-2 {
    background-color: #497fd0;
}
.box-group-5 .item .img-wrap.img-wrap-3 {
    background-color: #2c64b7;
}
.box-group-5 .item .img-wrap.img-wrap-4 {
    background-color: #004d9f;
}
.box-group-5 .item .text-wrap {
    overflow: hidden;
    box-sizing: border-box;
    width: 283px;
    height: 176px;
    border-width: 1px;
    border-color: rgb(217, 221, 227);
    border-style: solid;
    color: #747474;
    line-height: 28px;
    font-size: 14px;
}
.box-group-5 .item .text-wrap .text-overflow {
    height: 135px;
    overflow: hidden;
    -webkit-line-clamp: 5;
    margin: 20px 10px;
    font-size: 14px;
    color: black;
    text-indent: 28px;
}
.content-index li:nth-last-child(1) a{
    color: black;
}
.box-group-5 .item .line {
    margin: 0 auto;
    width: 1px;
    height: 51px;
    background-color: rgb(217, 221, 227);
}
.story-title .box-group{
    margin-top: 0;
    overflow: visible;
    position: relative;
}
.story-title .box-group .item .item-con-wrap .video-title{
    line-height: 60px;
    height: 60px;
    width: 366px;

}
.story-title .box-group .item .item-con-wrap .video-title p{
    font-size: 18px;
    float: left;
    margin-left: 45px;
}
.story-title .box-group .video-mask{
    width: 1200px;
    height: 580px;
    background-color: #ffffff;
    position: fixed;
    z-index: 10;
    top: 100px;
    left: 50%;
    margin-left: -600px;
    display: none;
    margin-bottom: 100px;
}
.story-title .box-group .video-box-wrap{
    width: 1069px;
    height: 554px;
    position: fixed;
    top: 110px;
    left: 50%;
    margin-left: -534.5px;
    z-index: 99;
    display: none;
}
.story-title .box-group .video-box-wrap video{
    width: 1069px;
    height: 554px;
    z-index: 100;
}
.story-title .box-group .video-box-wrap .back-red-icon{
    top: -10px;
    right: -66px;
}
.story-title .box-group .item .item-con-wrap .video-title span{
    width: 84px;
    height: 30px;
    background-color: white;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    display: block;
    right: 22px;
    top:50%;
    cursor: pointer;
    margin-top: -15px;
}
.story-title .box-group .item .item-con-wrap .blue-titile{
    background-color: #3371b2;
}
.story-title .box-group .item .item-con-wrap .red-titile{
    background-color: #e40012;
}
.story-title .box-group .item .item-con-wrap .video-title .red--banner{
    color: red;
}
.story-title .box-group .item .item-con-wrap .video-title .blue-banner{
    color: #004d9f;
}
.story-title .item .item-con-wrap img{
    height: 214px;
    width: 366px;
}
.story-title .box-group .item .item-con-wrap{
    height: 274px;
    width: 375px;
}
.story-title .box-group .item{
    height: 274px;
    margin-top: 60px;
}
.story-title .title-box-2{
    margin-top: 82px;
}
.time-line-wrap {
    padding-top: 50px;
    padding-bottom: 90px;
    background-image: url(../images/time-line-bg.png);
}
.time-line-wrap .layui-layer-page .layui-layer-content{
    overflow: hidden;!important;
}
.time-line-wrap .layui-layer-page .layui-layer-content{
    overflow: hidden;!important;
}
.bg-timeline-1 {
    top: 0;
    left: 0;
}
.bg-timeline-2 {
    bottom: -100px;
    right: 0;
}
.time-line {
    box-sizing: border-box;
    overflow: hidden;
    width: 874px;
    width: 825px;
    padding: 0 12px;
    padding-top: 70px;
    padding-top: 100px;
    margin: 0 auto;
}
.time-line .time-box {
    box-sizing: border-box;
    padding: 10px 38px;
    position: relative;
    width: 400px;
    margin: 20px 0;
    border-top: 1px solid rgba(0, 77, 159, .5);
}
.time-line .time-box .time-top {
    position: absolute;
    -webkit-line-clamp: 1;
    font-size: 30px;
    color: #e40012;
    top: -42px;
    width: 100%;
    left: 0;
    padding: 0 42px;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
    cursor: pointer;
}
.time-line .time-box .text-box {
    overflow: hidden;
    width: 115%;
}
.time-line .time-box .text-box-desc {
    line-height: 24px;
    font-size: 13px;
    color: #747474;
    text-align: left;
    /*text-decoration: none;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;*/

}
.Chinese-factory{
    /*background-color: #96beef;*/
    background-color: #7ecef4;
    padding: 14px 20px;
}
.time-line .time-box img{
    margin: 5px 0;
    height: 170px;
    overflow: hidden;
}
.time-line .time-box a {
    display: block;
}
.time-line .time-box .process_title{
    color: #f00;
    text-decoration: none;
}

.time-line .time-box-left {
    float: left;
    text-align: right;
}
.time-line .time-box:nth-of-type(3),
.time-line .time-box.first {
    margin-top: 98px;
}
.time-line .time-box-right {
    float: right;
    /*margin-left: 5px;*/
}
.time-line .time-box-right:before {
    left: -11px;
}
.time-line .time-box-left:after {
    right: -11px;
}
.time-line .time-box-right:before,
.time-line .time-box-left:after {
    position: absolute;
    top: -11px;
    content: '';
    width: 22px;
    height: 22px;
    background: url(../images/ionc-timebox.png) no-repeat center;

}
.bg-new-pic5{
    top:0;
    left:0;
    height: 100%;
}
.bg-new-pic6{
    right:0;
    bottom:0;
    /*height: 100%;*/
}
.time-line .time-box-right:after {
    right: -10px;
}
.time-line .time-box-left:before {
    left: -10px;
}
.time-line .time-box-right:after,
.time-line .time-box-left:before {
    content: '';
    position: absolute;
    top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgb(0, 77, 159);
}
.time-line .time-box-right-big {
    margin-top: 40px;
    /*padding-left: 45px;*/
}
.time-line .time-box-right-big:before {
    /*content: '1993';*/
    /*width: 100px;*/
    /*height: 100px;*/
    /*line-height: 100px;*/
    /*text-align: center;*/
    /*font-size: 18px;*/
    /*color: #fff;*/
    /*top: -50px;*/
    /*left: -50px;*/
    /*background: url(../images/icon-ionc-timebox-big.png) no-repeat center;*/
    /*width: 36px;
    height: 36px;
    top: -18px;
    left: -18px;*/
    /*background: url(../images/icon-ionc-timebox-big-active.png) no-repeat center;*/
}
.time-line .line {
    width: 1px;
    position: absolute;
    top: 186px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: rgba(0, 77, 159, .5);
}
/*.time-line .line:before,
.time-line .line:after {
    left: 0;
    right: 0;
    margin: 0 auto;
}*/
.time-line .line:before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -13px;
    width: 24px;
    height: 20px;
    background: url(../images/icon-timeline-arrow.png) no-repeat center;
}
.time-line .line:after {
    content: '';
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -11px;
    width: 22px;
    height: 22px;
    bottom: -11px;
    position: absolute;
    background: url(../images/ionc-timebox.png) no-repeat center;
}

.bg-pic-7 {
    left: 0;
    top: -65px;
    height: 1280px;
}
.contectus-pic-7{
    left: 0;
    top: -465px;
    height: 1027px;
}
.contectus-pic-8{
    right: 0;
    top: 600px;
    height: 438px;
    width: 633px;
}
.box-group-6 {
    padding-bottom: 0;
}
.box-group-6 .item {
    width: 16.66666666666667%;
    padding: 0 24px;
}
.box-group-6 .item .item-wrap {
    width: 168px;
}
.box-group-6 .item .img-wrap {
    width: 160px;
    height: 160px;
    margin-bottom: 12px;
    border-width: 1px;
    /*border-color: rgb(217, 221, 227);*/
    border-color: #e40012;
    border-style: solid;
    border-radius: 50%;
}

.box-group-6 .item:nth-of-type(3) .img-wrap,.box-group-6 .item:nth-of-type(4) .img-wrap{
    margin-bottom: 0;
}
.box-group-6 .item:nth-of-type(5) .img-wrap,.img-wrap,.box-group-6 .item:nth-of-type(6) .img-wrap{
    margin-bottom: -2px;
}


.box-group-6 .item .img-wrap .con-wrap {
    width: 160px;
    height: 160px;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
}
.box-group-6 .item .img-wrap i {
    display: inline-block;
    width: 88px;
    height: 58px;
    text-align: center;
    background: url(../images/icon-box-group-6-2.png) no-repeat;
}
.box-group-6 .item .img-wrap i.icon-1 {
    background-position: 22px 0;
}
.box-group-6 .item .img-wrap i.icon-2 {
    background-position: -190px 0;
}
.box-group-6 .item .img-wrap i.icon-3 {
    background-position: -392px 0;
}
.box-group-6 .item .img-wrap i.icon-4 {
    background-position: -607px 0;
}
.box-group-6 .item .img-wrap i.icon-5 {
    background-position: -812px 0;
}
.box-group-6 .item .img-wrap i.icon-6 {
    background-position: -1020px 0;
}
.box-group-6 .item .text-wrap {
    border: none;
    width: 168px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    font-size: 14px;
    text-align: center;
    font-family: "SourceHanSans-Regular", "microsoft yahei";
}


.box-group-6 .item .img-wrap .con-wrap p {
    margin-top: 5px;
    font-size: 18px;
    color: #3a3a3a;
    color: #e40012;
}
.bg-pic-8 {
    right: -22px;
    top: 128px;
    height: 430px;
}
.box-group-6-wrap {
    margin-bottom: 254px;
}
.box-group-6 {
    padding-top: 45px;
}
.box-group-6-wrap .content-title-transparent {
    margin-top: 76px;
}
.photo-time .photo-year .swiper-year {
    padding-top: 54px;
    width: 370px;
    margin: 0 auto;
}
.photo-time .photo-year .swiper-wrapper {
    box-sizing: border-box;
}
.photo-time .photo-year .swiper-year .swiper-button {
    width: 20px;
    background-image: none;
    height: 52px;
    line-height: 52px;
    margin-top: 0;
}
.photo-page {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
}
.page-btn-text {
    padding: 0 32px;
    font-size: 20px;
}
.page-btn,
.page-btn-text {
    display: inline-block;
    line-height: 50px;
}
.page-btn a {
}
.page-btn a {
    display: block;
    width: 180px;
    height: 50px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    border-color: rgb(215, 215, 215);
    background-color: rgba(0, 77, 159, 0);
    font-size: 20px;
}
.page-btn a:hover,
.page-btn.page-btn-active a {
    color: #fff;
    background-color: rgb(0, 77, 159);
    border-color: rgba(0, 77, 159, 0);
}
.photo-time .photo-year .swiper-slide {
    font-size: 28px;
    color: #dbdbdb;
    font-family: "SourceHanSans-Bold", "microsoft yahei";
}
.photo-time .photo-year .swiper-slide.swiper-slide-prev {
    text-align: right;
}
.photo-time .photo-year .swiper-slide.swiper-slide-active {
    text-align: center;
    color: #e40012;
}
.photo-calendar .item {
    float: left;
    width: auto;
    cursor: pointer;
}
.photo-calendar .item {
    padding-top: 20px;
    /*width: 8.333333333333333%!important;*/
}
.photo-calendar .item .reel {
    /*overflow: hidden;*/
}
.photo-calendar .item span {
    display: block;
    float: left;
}
.photo-calendar .item .circle {
    position: absolute;
    width: 22px;
    height: 22px;
    margin-left: 40px;
    margin-top: -11px;
    background: url(../images/icon-phototime.png) no-repeat center;
}
.photo-calendar .item .line {
    width: 110px;
    height: 1px;
    margin-left: -22px;
    background-color: #e0e0e0;
}
.photo-calendar .photo-month {
    width: 102px;
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
    text-align: center;
    border-radius: 10px;
    font-size: 22px;
    color: #3a3a3a;
    font-family: "SourceHanSans-Regular", "microsoft yahei";
}
.photo-calendar .item.swiper-slide-active .circle {
    background: url(../images/icon-phototime-active.png) no-repeat center;
}
.photo-calendar .item.swiper-slide-active .photo-month {
    background-color: rgb(228, 0, 18);
    color: #fff;
}
.photo-main {
    height: 1200px;
    margin-top: 50px;
    margin-bottom: 106px;
    overflow: hidden;
    position: relative;

    /*background: url(../images/bg-happiness.png) no-repeat;*/
    /*background-size: 100%;*/
}
.photo-item-bg-1{
    width: 128px;
    height: 128px;
    position: absolute;
    top: 534px;
    left: 844px;
    background-color: #7fa6cf;
}
.photo-item-bg-2{
    height: 56px;
    width: 386px;
    position: absolute;
    background-color: #959595;
    left: 448px;
    top: 672px;
}
.contectus-main {
    height: 1100px;
    margin-top: 50px;
    margin-bottom: 106px;
    overflow: hidden;
    position: relative;
    /*background: url(../images/bg-happiness.png) no-repeat;
    background-size: 100%;*/
}
.contectus-main1 {
    /*height: 1020px;*/
    margin-top: 50px;
    margin-bottom: 106px;
    overflow: hidden;
    position: relative;
    /*background: url(../images/bg-happiness.png) no-repeat;
    background-size: 100%;*/
}
.photo-main .item {
    width: 10%;
    height: 200px;
    background-color: rgba(0, 77, 159, 0.451);
}
.photo-main .item.left {
    margin-left: -32px;
}
.photo-main .photo-item {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    /*background-color: rgba(0, 77, 159, .4);*/
}
.photo-item-block1{
 /*    background-color: #fff;
     bottom: 402px;
     left:200px;
     width: 200px;
     height: 200px;*/
 }
.photo-item-block2{
    background-color: #fff;
    bottom: 201px;
    left: -191px;
    width: 191px;
    height: 400px;
}
.photo-item-block3{
/*    background-color: #99b8d9;
    bottom: 2px;
    left: 1009px;
    width: 200px;
    height: 200px;*/
}
.photo-item-block4{
    background-color: #fff;
    top: 798px;
    left: 0;
    width: 400px;
    height: 201px;
}
.photo-item-0 {
    width: 360px;
    height: 224px;
    top: 10px;
    left: 380px;
}
.photo-item-0 img{
    width: 360px;
    height: 224px;
}
.photo-item-1 {
    width: 440px;
    height: 224px;
    left: 750px;
    top: 10px;
}
.photo-item-1 img{
    width: 440px;
    height: 224px;
}
.photo-item-2 {
    width: 824px;
    height: 418px;
    top: 244px;
    left: 10px;
}
.photo-item-2 img{
    width: 824px;
    height: 418px;
}
.photo-item-3 {
    width: 346px;
    top: 244px;
    left: 844px;
    height: 278px;
}
.photo-item-3 img{
    width: 346px;
    height: 278px;
}
.photo-item-4 {
    width: 208px;
    height: 128px;
    top: 534px;
    left: 982px;
}
.photo-item-4 img{
    width: 208px;
    height: 128px;
}
.photo-item-5 {
    width: 428px;
    height: 310px;
    top: 672px;
    left: 10px;
}
.photo-item-5 img{
    width: 428px;
    height: 310px;
}
.photo-item-6 {
    width: 386px;
    top: 738px;
    left: 448px;
    height: 244px;
}
.photo-item-6 img{
    width: 386px;
    height: 244px;
}
.photo-item-7 {
    width: 346px;
    height: 310px;
    top: 672px;
    left: 844px;
}
.photo-item-7 img{
    width: 346px;
    height: 310px;
}

.photo-item-8 {
    top: 600px;
    left: 1px;
    width: 401px;
    height: 200px;
}
.photo-item-8 img{
    width: 401px;
    height: 200px;
}
.photo-item-9 {
    bottom: 0;
    left: 400px;
    width: 400px;
    height: 200px;
}
.photo-item-9 img{
    width: 400px;
    height: 200px;
}
.photo-main .photo-item.photo-item-title {
/*    top: 200px;
    right: 199px;
    width: 401px;
    height: 200px;
    background-color: #004d9f;*/
    width: 360px;
    height: 224px;
    background-color: #004d9f;
    color: white;
    line-height: 224px;
    text-align: center;
    font-size: 30px;
    top: 10px;

    left: 10px;

}
.photo-item-wrap {
    position: absolute;
    height: 972px;
    left: 50%;
    margin-left: -600px;
    top:40px;
}
.photo-item-title .text-wrap {
    display: table-cell;
    vertical-align: middle;
    width: 400px;
    height: 200px;
    line-height: 30px;
    word-wrap: break-word;
    word-break: normal;
    font-size: 22px;
    color: #fff;
    padding: 0 10px;
    text-align: center;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
}
.photo-main ul {
    overflow: hidden;
    margin: 0 -40px;
}
.photo-main li {
    float: left;
}
.photo-main li.transparent {
    background-color: transparent;
}

.scrollbar::-webkit-scrollbar{
    width: 0;
    background-color: #fff;
}
.scrollbar::-webkit-scrollbar-track{
    background-color: #fff;
}
.scrollbar::-webkit-scrollbar-thumb{
    width: 0;
    background-color: #fff;
    color: transparent;
}
.scrollbar{
    scrollbar-face-color: transparent;
    scrollbar-track-color: transparent;
    scrollbar-base-color: #fff;
    scrollbar-arrow-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-shadow-color: #fff;
}

.photo-item img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.photo-item img:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}
div.swiper-photo{
    height:auto;
}
.happiness-swiper-wrap{
    min-width: 1920px;
}
.happiness-swiper-wrap .swiper-photo{
    width: 100%;
 }
.swiper-photo-wrap {
    /*background-color: fff;*/
    display: none;
}
.swiper-photo-wrap .swiper-slide {
    width: 52.91%!important;
    /*opacity: .5;*/
    padding: 0 5px;
}
.swiper-photo-wrap .swiper-slide-active {
    opacity: 1;
}
.swiper-photo-wrap .swiper-button-next {
    right: 19%;
}
.swiper-photo-wrap .swiper-button-prev {
    left:19%;
}
.swiper-photo-wrap .swiper-button-next,
.swiper-photo-wrap .swiper-button-prev {
    /*margin-top:-80px;*/
    background-image: none;
    width: 50px;
}

.swiper-photo-bottom {
    width: 924px;
    margin: 40px auto;
    height: 108px!important;
}
.swiper-photo-bottom .swiper-slide {
    width: 184px!important;
    overflow: hidden;
}
.jpb-banner {
    width: 100%;
    height: 157px;
    border-width: 3px;
    border-color: rgb(0, 77, 159);
    border-style: solid;
    font-family: "SourceHanSans-Regular", "microsoft yahei";
    border-bottom-right-radius: 25px;
}
.jpb-banner-title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    color: #e40012;
    /*font-weight: bold;*/
    margin-top: 50px;
    position: relative;
}
.jpb-banner-con {
    text-align: center;
    position: relative;
}
.recruit-code{
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -66px;
}
.recruit-code img{
    height: 126px;
    width: 128px;
}
 .before_line{
    float: left;
    height: 5px;
    width: 10%;
    background-color: #e40012;
    position: absolute;
    left: 0;
    top: 50%;
}
.banner-title-core{
    position: absolute;
    left: 50%;
    margin-left: -359px;
    font-size: 40px;
}
.after_line{
    float: right;
    display: inline-block;
    height: 5px;
    width: 10%;
    background-color: #e40012;
    position: absolute;
    right: 0;
    top: 50%;
}
.jpb-banner-con .con-wrap {
    width: 1198px;
    height: 160px;
    display: table-cell;
    vertical-align: middle;
}
.jpb-banner-con .call {
    font-size: 36px;
    color: #004d9f;
    font-family: "SourceHanSans-Bold", "microsoft yahei";
}
.jpb-banner-con .link {
    margin-top: 24px;
    font-size: 16px;
    color: #3a3a3a;
}
.jpb-banner-con .link span {
    display: inline-block;
    margin-left: 26px;
}
.jpb-banner-con  img {
    position: relative;
    top: -2px;
    margin-right: 14px;
}
.job-tab-wrap-title {
    font-size: 16px;
    color: #3a3a3a;
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center;
}
.job-tab-wrap .nav-tabs li {
    width: 25%;
}
.job-tab-wrap .nav-tabs li a i {
    background: url(../images/icon-tab-2.png) no-repeat;
    top: 8px;
    margin-right: 8px;
}
.job-tab-wrap .nav-tabs li a i.icon-1 {
    background-position: 0 0;
}
.job-tab-wrap .nav-tabs li a i.icon-2 {
    background-position: -302px 0;
}
.job-tab-wrap .nav-tabs li a i.icon-3 {
    background-position: -604px 0;
}
.job-tab-wrap .nav-tabs li a i.icon-4 {
    background-position: -900px 0;
}
.job-tab-wrap .icon-arrow-box-1 {
    left: 120px;
}
.job-tab-wrap .icon-arrow-box-2 {
    left: 425px;
}
.job-tab-wrap .icon-arrow-box-3 {
    left: 722px;
}
.job-tab-wrap .icon-arrow-box-4 {
    left: 1019px;
}
.job-tab-wrap .show-bar-2 {
    height: auto;
    margin-bottom: 42px;
}
.job-tab-wrap .show-bar-2 ul {
    height: auto;
    min-height: 113px;
    display: block;
    box-sizing: border-box;
    padding: 25px 34px;
    padding-bottom: 0;
}
.job-tab-wrap .show-bar-2 li {
    overflow: hidden;
    width: auto;
    height: 38px;
    line-height: 38px;
    margin-right: 18px;
    margin-bottom: 20px;
    padding: 0 20px;
    border-radius: 50px;
    font-size: 16px;
    border-width: 1px;
    border-color: rgb(158, 192, 225);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    color: #3a3a3a;
}
.job-tab-wrap .show-bar-2 li:hover {
    background: #e40012;
}
.job-tab-wrap .show-bar-2 li.active,.job-tab-wrap .show-bar-2 li.active a {
    background: #e40012;
    color: #fff;
}
.job-tab-wrap .show-bar-2 li:before {
    width: 0;
}
.job-tab-wrap .show-bar-2 li:hover a {
    color: #fff;
}
.job-tab-wrap .show-bar-2 li a {
    display: block;
    color: #3a3a3a;
    width: 100%;
}
.job-detail {
    margin-bottom: 20px;
    padding-left: 40px;
    background-color: #f3f3f3;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
}
.job-detail h1 {
    padding: 36px 0;
    font-size: 18px;
    color: #004d9f;
}
.job-detail .item-title {
    width: 192px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    background-image: url(../images/perbg.jpg);
    color: #fff;
}

.job-detail .item-con {
    padding-bottom: 32px;
    line-height: 40px;
    font-size: 16px;
    color: #3a3a3a;
}
.job-form {
    margin-bottom: 92px;
    border: 1px dashed #c4c8ce;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
}
.job-form .item {
    overflow: hidden;
    border-bottom: 1px dashed #c4c8ce;
    /*padding: 16px 0;*/
}
.job-form .item.last {
    border-bottom: none;
}
.job-form .item .icon {
    position: relative;
    top: 7px;
    display: inline-block;
    width: 22px;
    height: 25px;
    background: url(../images/icon-job.png) no-repeat;
}
.job-form .item .icon-name {
    background-position: 0 4px;
}
.job-form .item .icon-call {
    background-position: 0 -59px;
}
.job-form .item .icon-email {
    background-position: 0 -123px;
}
.job-form .item .icon-person {
    background-position: 0 -206px;
}
.job-form .item .icon-resume {
    background-position: 0 -399px;
}
.job-form .item-name {
    position: relative;
    float: left;
    width: 278px;
    padding-top: 16px;
    padding-left: 38px;
    font-size: 18px;
    color: #004d9f;
}
.job-form .item .star {
    position: absolute;
    top: 22px;
    color: #e40012;
    font-style: normal;
}
.job-form .item-input {
    width: 920px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    float: left;
    padding: 16px 0;
    padding-left: 60px;
    border-left: 1px dashed #c4c8ce;
}
.job-form .input {
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 14px;
    width: 527px;
    height: 28px;
    line-height: 28px;
    border: none;
    border-width: 1px;
    border-color: rgb(174, 174, 174);
    border-style: solid;
    background-color: rgb(238, 238, 238);
}
.job-form textarea.input {
    padding: 10px 15px;
    line-height: normal;
    width: 800px;
    height: 155px;
}
.job_content .job_title{
    width: 100%;
}
.file input {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}
.file span {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.file-more {
    display: inline-block;
    margin: 0;
    height: 30px;
    line-height: 30px;
    width: 126px;
    background: #e40012;
    font-size: 16px;
    letter-spacing: 0;
}
.file-name {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 32px;
    font-size: 14px;
    color: #e40012;
}
p.tip {
    color: #747474;
    font-size: 14px;
    line-height: 24px;
    padding-right: 60px;
}
.submit-more {
    border: none;
    width: 398px;
    height: 66px;
    line-height: 66px;
    background: none;
    background-color: #b5b5b5;
    letter-spacing: 0;
    font-size: 18px;
    margin: 58px auto;
    margin-bottom: 20px;
    font-family: "SourceHanSans-Regular", "microsoft yahei";
}
.job-form .item{
    background-color: #e8e8e8;
}
.job-form .item .item-input{
    background-color: #fff;
}
.job-form .last{
    background-color: #fff;
}
.job-form .texc{
    font-size:16px;
    margin:5px 0 10px 0;
}
.job-form .success-tips{
    color: #666;
}
.job-form .fail-tips{
    color: #f00;
}
/*去除上传按钮默认背景颜色*/
#uploadifive-download_files{
    background-color: transparent;
    background-image: none;
    border: none;
    cursor: pointer;
}
#uploadifive-download_files input[type="file"]{
    cursor: pointer;
}

.jpb-banner {
    margin-top: 20px;
}
.job-tab-wrap .nav-tabs {
    margin-top: 0;
}
.bg-pic-9 {
    left: -15%;
    top: 3%;
}
.bg-pic-10 {
    bottom: 10px;
    right: -10%;
}
.swiper-photo-wrap-tit {
    padding-bottom: 24px;
}
.swiper-photo-wrap-tit h1 {
    text-align: center;
    padding-top: 38px;
    padding-bottom: 16px;
    font-size: 22px;
    color: #004d9f;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
}
.swiper-photo-wrap-tit p {
    line-height: 30px;
    text-align: left;
    font-size: 16px;
    text-indent: 32px;
    color: #3a3a3a;
    font-family: "SourceHanSans-Regular", "microsoft yahei";
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.back-more {
    position: absolute;
    width: 98px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    background: #e40012;
}
.back-more:hover {
    text-decoration: none;
}
.swiper-photo-wrap-top .back-more {
    margin: 0 auto;
    top: -4px;
    right: 0;
    cursor: pointer;
}
.swiper-photo-wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}
.swiper-photo-wrap .shut {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
}
.swiper-photo-wrap-con {
    height:750px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -372.5px;
    width: 100%;
}
.swiper-mask{
    width: 23.545%;
    height: 100%;
    position: absolute;
    top:0;
    background-color: black;
    opacity: .7;
    z-index: 9;
}
.mask-left{
    left: 0px;
}
.mask-right{
    right: 0px;
}
.bg-pic-11 {
    top: 219px;
    left: -1px;
}
.swiper-calendar {
    height: 74px;
    overflow: hidden;
}
.address-group {
    overflow: hidden;
	margin-top:20px;
}
.address-group .item .icon {
    float: left;
    padding-left: 18px;
    padding-right: 12px;
}
.address-group .item.active {
    background-color: #004d9f;
}
.address-group .item.active p {
    color: #fff;
}
/*.address-group .china.active{
    background-color: #96beef;
}
.address-group .china.active p{
    color: #004d9f;
}*/
.address-group a{
    text-decoration: none;
}
.address-group a:hover{
    text-decoration: none;
}
.address-group .item.active .icon .img,
.address-group .item .icon .img-active {
    display: none;
}
.address-group .item.active .icon .img-active {
    display: block;
}
.address-group .item {
    float: left;
    height: 55px;
    margin-bottom: 10px;
    border-radius: 10px;
    background-color: #7ecef4;
}
.address-group .item.china.active{
    background-color: #004d9f;
    color: #fff;
}

.address-group .item.china{
    background-color: #96beef;
    color: #004d9f;
}
.address-group .item.overseas.active{
    background-color: #004d9f;
    color: #fff;
}
.address-group .item.overseas{
    /*background-color: #96beef;*/
}
.address-group .item .tell-wrap {
    height: 55px;
}
/*.address-group .item.left .text .tell-wrap {
    width: 300px;
}*/
.address-group .item.left {
    width: 379px;
}
/*.address-group .item.center .text .tell-wrap {
    width: 380px;
}*/
.address-group .item.center {
    width: 446px;
    margin: 0 16px;
}
/*.address-group .item.right .text .tell-wrap {
    width: 500px;
}*/
.address-group .item.right {
    width: 343px;
}
.address-group .item p {
    font-size: 12px;
    color: #004d9f;
    font-family: "";
}
.icon-map {
    display: none;
    position: absolute;
}
.icon-map-japan {
    left: 43%;
    top: 57%;
    margin-left: -58px;
    margin-top: -35px;
}
.icon-map-china {
     left: 45%;
    top: 49%;
    margin-left: -74px;
}
.icon-map-hongkong {
    left: 42%;
    top: 41%;
}
.arrow-box {
    position: relative;
}
.arrow-box::after,
.arrow-box::before {
    position:absolute;
    content:"";
    height:0;
    width:0;
    pointer-events: none;
    border: solid transparent;
}
.arrow-box.box-right::after,
.arrow-box.box-right::before {
    left:100%;
}
.arrow-box.box-right::after {
    border-color:rgba(136, 183, 213, 0);
    border-left-color:#004d9f;
    border-width:10px;
    top:50%;
    margin-top: -10px;
}
.arrow-box.box-right::before {
    border-color:rgba(194, 225, 245, 0);
    border-left-color:#c2e1f5;
    border-width:11px;
    top:50%;
    margin-top: -11px;
}
.search-activity {
    position: absolute;
    right: 380px;
    top: 0;
    width: 340px;
    overflow: hidden;
}
.search-activity .search-input {
    float: left;
    width: 208px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d9dde3;
    border-right: none;
    box-sizing: border-box;
    padding: 0 10px;
}
.search-activity .search-btn {
    width: 130px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border: none;
    background: #e40012;
    letter-spacing: 0;
    margin-top: 0;
    margin-left: -1px;
}
.photo-main-title {
    margin-top: 18px;
    text-align: right;
    font-size: 20px;
    color: #3a3a3a;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
}
.search-index {
    margin: 0 auto;
    margin-top: 70px;
    border-radius: 50px;
    width: 900px;
    height: 52px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(217, 221, 227);
    background-color: rgba(0, 77, 159, 0);
}
.result{
    padding-bottom: 200px;
}
.search-index .search-input {
    width: 826px;
    line-height: 50px;
    padding: 0 24px;
    border: none;
    border-radius: 50px;
    box-sizing: border-box;
    float: left;
    font-size: 16px;
}
.search-index .search-btn {
    width: 46px;
    height: 48px;
    background: url(../images/icon-search0index.png) no-repeat center;
    border: none;
}
.result-item-title {
    padding-top: 60px;
    font-size: 20px;
    color: #333;
}
.result-main {
    padding-top: 66px;
    padding-bottom: 100px;
    border-bottom: 1px solid #e5e5e5;
}
.result-main .news-group {
    margin: 0;
}
.result-main .box-group-4 {
    padding-bottom: 0;
}
.result-main .box-group-4 .item {
    margin-top: 0;
}
.result-main .carousel-group {
    margin-top: 0;
}
.result-main .carousel-group .carousel-group .item ul {
    width: 100%;
}
.result-main .carousel-group .carousel-group .item li {
    width: 380px;
    margin-bottom: 27px;
    padding: 0 13px;
}
.result-main .carousel-group .carousel-group .item li .item-wrap {
    width: auto;
    height: auto;
}
.result-main .photo-name {
    margin-top: 18px;
    font-size: 20px;
    color: #3a3a3a;
    text-align: center;
    font-family: "SourceHanSans-Medium", "microsoft yahei";
}
.result-main .job-tab-wrap .show-bar-2 {
    margin: 0;
    overflow: hidden;
    background: none;
}
.result-main .job-tab-wrap .show-bar-2 li {
    background-color: #89b5df;
    border-radius: 0;
}
.result-main .job-tab-wrap .show-bar-2 li.active,
.result-main .job-tab-wrap .show-bar-2 li:hover {
    background-color: #004d9f;
}
.result-main .job-tab-wrap .show-bar-2 li a {
    color: #fff;
    width:100%;
}
.result-main .job-tab-wrap .show-bar-2 li:hover a{
    background-color: transparent;
}
.bg-pic-12 {
    width: 580px;
    left: 0;
    bottom: 200px;
}
.img-map-address {
    display: none;
    position: absolute;
    left: 371px;
    z-index: 1;
    /* width: 390px; */
    top: 8%;
}
#map-arrow-1{
        position: absolute;
    left: 382px;
    z-index: 1;
    top: -20px;
    /* width: 414px; */
}
.map-arrow-3 {
    top: 43%;
    margin-top: -204px;
    // width: 465px;
}
.link-bar a:hover {
    text-decoration: underline;
}
.news-group li .text-wrap .title {
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-group li .text-wrap{
    overflow: hidden;
    /*word-break:keep-all;/* 不换行 */
    /*white-space:nowrap*/
}
.news-group li .text-wrap .con {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow:ellipsis;
}
.news-group li .text-wrap .title a:hover {
    color: #e40012;
}
.news-group li .text-wrap .con a:hover {
    text-decoration: underline;
}
.article-detail {
    margin-top: 50px;
    margin-bottom: 160px;
    box-sizing: border-box;
    padding: 0 158px;
    border-width: 1px;
    border-color: rgb(220, 220, 220);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 35px 0px rgba(0, 0, 0, 0.1);
}
.article-title {
    position: relative;
    padding-top: 100px;
    padding-left: 62px;
    padding-bottom: 56px;
    border-bottom: 2px solid #eeeeee;
}
.article-title .date-wrap {
    position: absolute;
    top: 100px;
    left: 0;
}
.article-main {
    padding: 50px 0;
}
.article-title .title {
    font-weight: bold;
    font-size: 26px;
    color: #333333;
    margin-top: -7px;
    margin-bottom: 4px;
}
.article-title .time {
    font-size: 14px;
    color: #bbbbbb;
    float: left;
}

.readership {
    font-size: 14px;
    color: #bbbbbb;
    margin-left: 23px;
    float: left;
}

.article-interact {
    margin-bottom: 50px;
}

.article-interact ul li {
    float: left;
    margin-right: 17px;
}

.readership span:nth-of-type(1) {
    margin-right: 10px;
}

.article-interact ul .readership-check {
    font-size: 14px;
    color: #747474;
    margin-right: 25px;
}
.click-like-span{
    margin-right: 10px;
}
a.click-like{
    display: block;
    height:19px;
    width: 22px;
    background-image: url("../images/interact-icon-1.png");
}
.comment-title {
    font-size: 18px;
    color: #747474;
    line-height: 30px;
    position: relative;
    text-align: center;
    /*letter-spacing: 10px;*/
    width: 200px;
    margin: 0 auto;
}

.comment-title:before, .comment-title:after {
    position: absolute;
    width: 200%;
    height: 1px;
    background-color: #dbdde1;
    content: "";
    top: 50%;
    margin-top: -0.5px;
}
.article-interact ul li:nth-of-type(2) img,.article-interact ul li:nth-of-type(3) img,.article-interact ul li:nth-of-type(4) img{
    cursor: pointer;
}
.article-comment-box{
    position: relative;
}
.comment-title:before {
    left: -200%;

}

.comment-title:after {
    left: 100%;
}

.comment-items {
    margin-top: 43px;
}

.comment-items li {
    float: left;
}

.comment-items li:nth-of-type(3) {
    float: right;
}

.comment-detail {
    padding-bottom: 104px;
}

.fr-items .likes-icon {
    width: 18px;
    height: 15px;
    display: inline-block;
    margin: auto;
    cursor: pointer;
}

.like-grey {
    background-image: url(../images/interact-icon-like-grey.png);
}

.like-light {
    background-image: url(../images/interact-icon-like.png);
}

.comment-items li:nth-of-type(1) span {
    display: block;
    width: 5px;
    height: 55px;
    background-color: #004d9f;
    margin-right: 15px;
}

.user-name {
    color: #747474;
    font-size: 15px;
}

.comment-text {
    line-height: 34px;
    font-size: 18px;
    color: #747474;
}

.comment-time {
    font-size: 14px;
    color: #c1c1c1;
}

.likes {
    font-size: 18px;
    color: #747474;
    display: inline-block;
    margin-left: 12px;
}
.comment-pop{
    width: 621px;
    height: 327px;
    position: absolute;
    top:-142%;
    left: 50%;
    margin-left: -310.5px;
    background-color: white;
    box-shadow: 0px 0px 10px 3px  rgba(162, 162, 162, 1);
    display: none;
}
.box-margin-bottom{
    margin-bottom: 86px;
}
.about-us{
    display: none;
}
.about-us-cont{
    width: 1308px;
    height: 629px;
    position: relative;
    background: #fff;
    left: 50%;
    top: 50%;
    margin: -3.1px -600px;
}
.about-us-text{
    padding-top: 52px;
}
.about-us-picgroup{
    width: 1200px;
    height: 432px;
    margin: 0 auto;
}

.about-us-cont h1{
    font-size: 26px;
    height: 30px;
    /*width: 88px;*/
    text-align: center;
    margin: 0 auto;
    color: #004d9f;
    font-weight: bold;
}
.about-us-cont p{
    font-size: 16px;
    height: 16px;
    line-height: 25px;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 40px;
}
.about-us-close{
    width: 98px;
    height: 54px;
    border-bottom-right-radius: 16px;
    background: #e40012;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.box-group-4 .item-sing {
    width: 245px;
    height: 245px;
    overflow: hidden;
    position: relative;
    /*background: url(../images/bg-circle-3.png) no-repeat center;*/
    background: url(../images/suqre_bg1.png) no-repeat center;
}
.box-group-4 .item-sing img{
    overflow: hidden;
    vertical-align: bottom;
    width: 200px;
    position: absolute;
    left: 10%;
    bottom: 16%;
    height: 167px;
    border-bottom-right-radius:17%;
}

.about-us-close p{
    color: #fff;
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
}
.about-us-cont-picgroup{
    width: 1200px;
    height: 434px;
    position: relative;
}
.item-con-icon{
    position: absolute;
    right: 160px;
    top: 80px;
    cursor: pointer;
}
.item-con-icon2{
    position: absolute;
    right: 120px;
    top: 280px;
    cursor: pointer;
}
.good-carousel{
    width: 1200px;
    height: 432px;
    position: absolute;
    left: 250px;
    /*overflow: hidden;*/
}
.good-about{
    position: relative;
    width: 1200px;
     height: 432px;
    overflow: hidden;
}
.box{
    position: absolute;
    top:0;
    left: -250px;
    height: 432px;
    width: 1200px;
}
 .box .box-left{
    position: absolute;
    left: 180px;
    top: 220px;
    z-index: 100;
    width: 50px;
    height: 50px;


}
div.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: none;!important;
}
div.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: none;!important;
}
 .box .box-right{
    position: absolute;
    right: 180px;
    top: 220px;
    z-index: 100;
    width: 50px;
    height: 50px;
}
.good-about-left{
    position: absolute;
    width: 250px;
    height: 432px;
    background: rgba(255,255,255,0.5);
    z-index: 99;
    left: 0;
}
.good-about-right{
    position: absolute;
    width: 250px;
    height: 432px;
    background: rgba(255,255,255,0.5);
    z-index: 99;
    right: 0;
}
#video4{
    cursor: pointer;
    width: 980px;
    height: 580px;
    margin: 5px auto;
    display: block;
}
#video5{
    cursor: pointer;
}


.box-group-4 .item-redsing {
    width: 245px;
    height: 245px;
    overflow: hidden;
    position: relative;
    /*background: url(../images/bg-circle-3.png) no-repeat center;*/
    background: url(../images/suqre_bg2.png) no-repeat center;
}
.box-group-4 .item-redsing img{
    overflow: hidden;
    border-bottom-right-radius: 20px;
    vertical-align: bottom;
    width: 200px;
    position: absolute;
    left: 10%;
    bottom: 16%;
    height: 167px;
}

@media screen and (min-width: 450px) {
    html{
         min-width: 1200px;
    }
    .bg-pic-10{
        right: 0;
    }
    .wrapper{
        min-width: 1200px;
    }
    .we-story-picgroup{
        left: 0;
    }
    .bg-pic-8{
        right: 0;
    }
    .about-us-cont{
        width: 1200px;
    }

   .box-group-2{
    /*margin-top: 34px;
    margin-bottom: 64px*/
    margin:34px 0;
   }
   .carousel-banner .carousel-indicators{
    /*left: 50%;*/
   }
   .box-group-4{
    margin:0;
   }

}
.online-message{
    /*height: 478px;*/
	margin:34px 0;
    background-image: url(../images/contact-messafe-big-bg.png);
}
.om-header{
    background-image: url(../images/contact-message-bg.png);
    width: 1200px;
    text-align: center;
}
.om-header p{
    display: inline-block;
    color: white;
    line-height: 64px;
    font-size: 22px;
    position: relative;
        /*padding-left: 29px;*/

}
.om-header p:before,.om-header p:after{
    width: 56px;
    height: 2px;
    content: "";
    display: block;
    top:50%;
    background-color: white;
    position: absolute;

}
.om-header p:before{
    left: -75%;
}
.om-header p:after{
    left: 108%;
}
.om-body{
    padding: 66px 20px 15px 103px;
     font-size: 16px;
}
.float-l{
    float: left;
}
.om-b-top input{
    height: 38px;
    line-height: 38px;
    width: 200px;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
     display: inline-block;

}
.om-b-top .login-phoneN  input{
    vertical-align: top;
    /*float: left;*/
}
.om-b-top{
    margin-bottom: 24px;
}
.om-b-top div:nth-of-type(1){
    margin-right: 60px;
}
.om-b-top div:nth-of-type(2){
    margin-right: 20px;
}
.om-b-top label{
    margin-right: 2px;
}
.om-b-top .login-phoneN  label{
    width: 100px;
    text-align: center;
    height: 38px;
    vertical-align: middle;
    /*line-height: 38px;*/
    /*display: table-cell;*/
    /*float: left;*/
}
.warn-mes{
    color: red;
    font-weight: 600;
}
.om-b-bottom textarea{
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    width: 920px;
    display: inline-block;
    height: 158px;
   vertical-align:middle;
   resize: none;
}
.submit-message{
    width: 136px;
    height: 37px;
    line-height: 37px;
    background-image: url(../images/contact-btn-red.png);
    text-align: center;
    font-size: 18px;
    color: white;
    cursor: pointer;
    margin: 40px auto  0 auto;
}

/*集团介绍修改*/
.box-group-intro{
    margin-top: 90px;
    margin-bottom: 130px;
}
.company-box{
    width: 1200px;
    height: 272px;
    margin-bottom: 92px;
    background-image: url(../images/about-us-company-title-bg3.jpg);

}
.company-box-eng{
    width: 1200px;
    height: 272px;
    margin-bottom: 92px;
    background-image: url(../images/about-us-company-title-bg2-eng.jpg);

}
.company-box-ja{
    width: 1200px;
    height: 272px;
    margin-bottom: 92px;
    background-image: url(../images/about-us-company-title-bg2-ja.jpg);

}

.about-us-logo{
    text-align: center;
    padding-top: 52px;
}
.about-us-intro{
    width: 1086px;
    margin:23px auto 0 auto;
    line-height: 38px;
    color: #ffffff;
    font-size: 16px;
    text-indent: 45px;

}
.figure-box{
    width: 1200px;
    height: 303px;
}
.top-bg{

    background-image: url(../images/about-us-top-bg-4.png);
}
.top-bg-eng{
    height: 247px;
    background-image: url(../images/about-us-top-bg-3-eng.png);
}
.top-bg-ja{
    background-image: url(../images/about-us-top-bg-3-ja.png);
    height: 294px;
}
.middle-bg{
    margin-top: 20px;
    background-image: url(../images/about-us-top-bg-7.jpg);
}
.middle-bg-eng{
    margin-top: 20px;
    background-image: url(../images/about-us-top-bg-6-eng.jpg);
}
.middle-bg-ja{
    margin-top: 20px;
    background-image: url(../images/about-us-top-bg-6-ja.jpg);
}
.bottom-bg{
    margin-top: 20px;
    background-image: url(../images/about-us-top-bg-6.jpg);
}
.bottom-bg-eng{
    margin-top: 20px;
    background-image: url(../images/about-us-top-bg-5-eng.png);
}
.bottom-bg-ja{
    margin-top: 20px;
    background-image: url(../images/about-us-top-bg-5-ja.jpg);
}

.figure-box h1{
    color: #e40012;
    font-size: 24px;
    line-height:50px;
}
.figure-intro-cgm h1{
    text-align: right;
}
.figure-box h1 span{
    font-size: 17px;
}
.figure-intro-ceo h1 span{
    margin-left:14px ;
}
.figure-intro-cgm h1 span{
    margin-right: 14px;
}
.figure-box p{
    font-size: 16px;
    width: 600px;
    line-height: 28px;
    color: #000;
    text-indent: 32px;
}
.figure-intro-ceo{
    float: right;
    margin-right: 120px;
}
.figure-intro-cgm{
   float: left;
    margin-left: 170px;
}
.text-margin{
    margin-top: 35px;
}
..activity-box{
    width: 100%;
}
.activity-search{
   margin-top: 73px;
    width: 100%;
}
.photo-wall{
    height: 992px;
    width: 1200px;
    top:93px;
    position: absolute;
    padding: 10px;
}
.col-1-1{
    width: 360px;
    height: 224px;
    background-color: #004d9f;
    color: white;
    line-height: 224px;
    text-align: center;
    font-size: 30px;
    top:10px;
    left:10px;
}
.col-0{
    width: 360px;
    height: 224px;
    top:10px;
    left: 380px;
}
.ab{
    position: absolute;
}
.col-0 img,.col-1 img,.col-2 img,.cb-r img,.col-3 img,.col-4 img,.col-5 img{
    display: block;
}
.col-1{
    width: 440px;
    height: 224px;
    left: 750px;
    top:10px;
}
.col-2{
    width: 824px;
    height: 418px;
    top:244px;
    left:10px;
}
.col-3{
    width: 346px;
    top:244px;
    left:844px;

}
.col-4{
   width: 208px;
    height: 128px;
    top:534px;
    left: 982px;
}

.col-2-r-bottom{
    width: 128px;
    height: 128px;
    position: absolute;
    top:534px;
    left: 844px;
    background-color: #7fa6cf;
}
.col-5{
    width: 428px;
    height: 310px;
    top:672px;
    left:10px;
}
.bg-pic-new{
    height: 329px;
    bottom: 0;
    right: 0;
}
.pic-margin-b{
    margin-bottom: 10px;
}
.pic-items{
    float: left;
}
.pic-margin-r{
    margin-right: 10px;
}
.col-6{
    width: 386px;
    top:738px;
    left: 448px;
    height: 244px;
}
.col-3-2-top{
     height: 56px;
    width: 386px;
    position: absolute;
    background-color: #959595;
    left: 448px;
    top:672px;
}

.col-7{
    width: 346px;
    height: 310px;
    top:672px;
    left: 844px;
}
.transparents-bg{
    width: 1920px;
    height: 990px;
    position: absolute;
    left: 50%;
    top:80px;
    margin-left: -960px;
    /*background-color: red;*/
    padding-top: 10px;
    padding-bottom: 10px;
}
.bg-items{
    position: absolute;
}
.bt-items-left{
    left: 0;
}
.bt-items-right{
    right: 0;
}
.bg-col-1{
    width: 360px;
    height: 224px;
    background-color: #8e8f8a;
    top:10px;
}
.bg-col-2{
  width: 360px;
    top:244px
}
.items-2-top{
    width: 224px;
    height: 224px;
    background-color: #e4e1d6;

}
.items-2-bottom{
    width: 224px;
    height: 310px;
    background-color: #177aa7;
    opacity: .6;
}
.items-2-right{
    width: 126px;
    height: 544px;
    background-color: #7ecef4;
}
.opacity-bg-50{
    opacity: .5;
}
.bg-col-3{
    top:798px;
    width: 360px;
    height: 184px;
    background-color: #004d9f;
}
.bg-col-4{
    top:10px;
}
.bg-col-4 .items-2-top{
    background-color: #7ecef4;
}
.bg-col-4 .items-2-bottom{
    background-color: #127bb7;
    opacity: .8;
    height: 280px;
}
.bg-col-4 .items-2-right{
    background-color: #004d9f;
    height: 514px;
}
.bg-col-5{
    top:534px;
}
.items-5-left{
    width: 224px;
    height: 448px;
    background-color: #959595;
}
.items-5-r-top{
    width: 126px;
    height:254px;
    background-color: #e0c7aa;

}
.opacity-bg-30{
    opacity: .3;
}
.items-5-r-bottom{
    width: 126px;
    height: 184px;
    background-color:#177aa7;
    opacity: .6;
}

.honor-carousel{
    margin-top: 75px;
    background-color: white;
}
.honor-carousel img{
    display: inline-block;
    margin-right: 24px;
}
.group-titile-one{
    width:278px;
    height: 53px;
    font-size: 32px;
    color: white;
    margin: 0 auto;
    background-image: url(../images/red-logo-word-1.jpg);
    text-align: center;
}
.group-titile-one-eng{
    width:437px;
    height: 53px;
    font-size: 32px;
    color: white;
    margin: 0 auto;
    background-image: url(../images/red-logo-word-1-eng.jpg);
    text-align: center;
}
.group-titile-one-ja{
    width:278px;
    height: 53px;
    font-size: 32px;
    color: white;
    margin: 0 auto;
    background-image: url(../images/red-logo-word-1-ja.png);
    text-align: center;
}

.group-titile-two{
    width:278px;
    height: 53px;
    font-size: 32px;
    color: white;
    margin: 0 auto;
    background-image: url(../images/red-logo-word-2.jpg);
    text-align: center;
}
.group-titile-two-eng{
    width:437px;
    height: 53px;
    font-size: 32px;
    color: white;
    margin: 0 auto;
    background-image: url(../images/red-logo-word-2-eng.jpg);
    text-align: center;
}
.group-titile-two-ja{
    width:278px;
    height: 53px;
    font-size: 32px;
    color: white;
    margin: 0 auto;
    background-image: url(../images/red-logo-word-2-ja.png);
    text-align: center;
}

.float-left-pic>.item>img{
  float: left;
    margin-right: 20px;
    cursor: pointer;
}
.float-left-pic>.item>img:nth-last-child(1){
    margin-right: 0px;
}
.back-red-icon{
    position: absolute;
  color: white;
    font-size: 18px;
    width: 73px;
    height: 40px;
    text-align: center;
    background-image: url(../images/xs-icon-back.png);
    top:-10px;
    line-height: 40px;
    right: 53px;
    cursor: pointer;
}
.comment--ipt-box{
    margin-top: 64px;
    padding-left: 44px;

}
.comment--ipt-box label{
    color: #747474;
    width: 100px;
    font-size: 18px;
    margin-right: 4px;
    margin-bottom: 0px;
}
.comment--ipt-box input{
    height: 30px;
    width: 150px;
}
.comment--ipt-box input,.comment--ipt-box textarea{
    background-color: #eeeeee;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    vertical-align:top;
}
.comment--ipt-box textarea{
    resize: none;
    width: 439px;
    height: 116px;
}
.user-comment-ipt{
    vertical-align: text-top;
    margin-top: 15px;
    margin-bottom: 34px;
}
.user-comment-ipt label{
   /*letter-spacing: 10px;*/
    margin-right: 4px;
    vertical-align:middle;display:inline-block;
}
.user-comment-ipt textarea::-webkit-input-placeholder{
    color: #747474;
    font-size: 12px;
    padding-top: 10px;
    padding-left: 12px;
}
.user-submit{
    width: 76px;
    color: white;
    line-height: 30px;
    background-color: #e40012;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}
.honor-carousel-box{
    position: relative;
    width: 1200px;
    height: 204px;
    overflow: hidden;
}
.carousel-item{
    position: absolute;
    width: 307%;
    top:0;
    left: 0px;
    height: 204px;
    transition: all 20s linear;
    /*transform:translate(-100px,0px);*/
}

.carousel-item-list{
 height: 204px;
}
.carousel-item-list img {
    margin-right: 24px;
    float: left;
    display: block;
}

div.article-interact li.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more {
    background-image: url(../images/interact-icon-2.png);
    margin: 0;
}
.detail-main{
    /*height: 947px;*/
}
.detail-main2{
    height: 947px;
}
.honor-mask{
    height: 700px;
    width: 100%;
    position: absolute;
    background-color: black;
    opacity: .5;
    z-index: 98;
    top:400px;
    display: none;
}
.honor-show{
    width: 1200px;
    height: 500px;
    position: absolute;
    top:500px;
    background-color: white;
    z-index: 99;
    left: 50%;
    margin-left: -600px;
    display: none;
}
.honor-show .back-red-icon{
    top:-25px;

}
.honor-pic-show{
    width: 700px;
    height: 432px;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -216px;
    margin-left: -350px;
    background-color: red;
}
.honor-pic-show img{
    width: 700px;
    height: 432px;
    display: block;
}

.layier-pop .swiper-photo-wrap-con{
   width: 1200px;
    /*margin-left: -350px;*/
    left: 0;
    margin-top: -200px;
  display: none;
    /*z-index: 99;*/
    height: 400px;
    position: absolute;
    top:50;
    margin-top: -200px;
    /*height: 700px;*/
}
.layier-pop .swiper-photo-wrap-con .swiper-wrapper{
    height: 400px;
}
.layier-pop .swiper-photo-wrap-con  .swiper-container{
    /*z-index: 99;*/
    height: 400px;
}
.layier-pop  .swiper-photo2 {
    /*padding-top: 30px;*/
}
.layier-pop  .swiper-mask{
    height: 400px;
    width: 250px;
    z-index: 9;
}
.layier-pop .back-more{
    top:-48px;
    right: 0px;
    z-index: 100;
    cursor: pointer;
    display:none;

}
.layier-pop .swiper-button-next, .layier-pop .swiper-button-prev{
    z-index: 101;
}
.layier-pop .swiper-slide{
    width: 52.91%!important;
}
.vedio-detail-mask{
    background: black;
    opacity: .3;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index:10;
    display: none;
}
.text-des{
    display: none;
}
.layier-pop{
    width: 1200px;
    height: 700px;
    background-color: white;
    position: fixed;
    top:80px;
    left: 50%;
    margin-left: -600px;
    display: none;
    z-index: 9;
}
.layier-pop .honor-pop-wrap{
         position: absolute;
    width: 1200px;
    height: 400px;
    /*left: 250px;*/
}
.newspaper-wrapper{
    width: 1200px;
    height: 581px;
    background: url(../images/paper-bg.jpg) no-repeat center;
    margin-top: 150px;
    margin-bottom: 300px;
}
.newspaper-wrapper .ns-title{
    height: 84px;
    line-height: 84px;
    text-align: center;
    color: #fff;
    font-size: 30px;
}
.ns-wrapper{
    height: 497px;
        padding-top: 90px;
    background-color: #f9fafc;

}
.ns-cover{
    float: left;
    margin-left: 200px;
    width: 300px;
}
.ns-content{
    float: left;
    width: 41%;
    margin-left: 50px;
}
.ns-content .date{
    overflow: hidden;
    width: 52px;
    float: left;
    height: 52px;
    margin-top: -1px;
    text-align: center;
    background-color: #e40012;
    box-shadow: 2.121px 2.121px 0px 0px rgba(77, 77, 77, 0.45);
}
.ns-content .date .span-1{
    font-size: 16px;
    margin-top: 4px;
    display: block;
    color: #fff;
}
.ns-content .date .span-2{
    margin-top: 1px;
    font-size: 16px;
    color: #fff;
    display: block;
}
.newspaper-title{
    color: #000;
    font-size: 28px;
    line-height: 38px;
    margin-left: 13%;
    font-weight: bold;
}
.newspaper-main-body{
    clear: both;
    margin-top: 7%;
    text-indent: 26px;
    font-size: 15px;
    height: 206px;
    overflow: hidden;
}
.ns-content .download-btn a{
    display: block;
    width: 111px;
    height: 37px;
    text-align: center;
    background: url(../images/download-btn.png) no-repeat center;
    margin:0 auto;
    line-height: 37px;
    font-size: 22px;
    margin-top: 2%;
    color: #fff;
    text-decoration: none;
}


.activity-wrapper ul.activity-content-wrapper{
    margin: 0;
    padding-left: 15px;
    padding-right: 12px;
}
.activity-wrapper li.activity-content{
}
.activity-wrapper .activity-content a{
    display: block;
    width: 268px;
    height: 180px;
    margin: 0px 12px;
    margin-bottom: 84px;
    position: relative;
}
.activity-wrapper .activity-content a img{
    width: 268px;
    height: 180px;
}
.activity-wrapper .activity-content p{
    position: absolute;
        bottom: 0px;
    color: #fff;
    width: 100%;
    font-size: 18px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: rgba(0, 0, 0, .7);
    padding: 0 6px;
        overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


.photo-time .w1200{
    position: relative;
}

.choice-calendar{
    position: relative;
}
.choice-calendar .choice-year{
    width: 170px;
    height: 50px;
    position: absolute;
    left: 25px;
    top: 0;
    background-color: #dcdcdc;
    color: #235183;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
}

.choice-calendar .choice-year:before{
    content: '';
    width: 13px;
    height: 12px;
    display: block;
    background: url(../images/year-before.png) no-repeat center;
    position: absolute;
    right: 15%;
    top: 50%;
    margin-top: -6px;
}

.choice-calendar .choice-month{
    width:100px;
    height: 50px;
    position: absolute;
    left: 195px;
    top: 0;
    background-color: #588cc2;
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
}
.choice-calendar .choice-month:before{
    content: '';
    width: 13px;
    height: 12px;
    display: block;
    background: url(../images/mont-before.png) no-repeat center;
    position: absolute;
    right: 10%;
    top: 50%;
    margin-top: -6px;
}

#year{
  border: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(../images/year-before.png) no-repeat 90% center;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
  width: 170px;
    height: 50px;
    background-color: #dcdcdc;
    color: #235183;
    font-size: 24px;
    line-height: 50px;
     padding-left:35px;
}
    /*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;

}
#month{
    border: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url(../images/mont-before.png) no-repeat 90% center;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
      padding-right: 14px;
    width: 150px;
    height: 50px;
    background-color: #588cc2;
    color: #fff;
    font-size: 24px;
    line-height: 50px;
    margin-left: -4px;
    padding-left: 23px;
}