@charset "utf-8";
html{max-width: 100vw; overflow: scroll; overflow-y: auto; overflow-x: hidden;}
input{outline:none}
body{font-family: 'sunflower'; background-color: #ededed;}
.transition,.transition *{transition: all .3s !important;}
.flex{display: flex; display: -webkit-flex;}
.flexColumn{display: flex; display: -webkit-flex; flex-direction: column;}
.flexWrap{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.flexCenter{display: flex; display: -webkit-flex; align-items:center;justify-content:center; flex-wrap: wrap; align-content: center;}
.flexAc{display: flex; display: -webkit-flex; align-items: center;}
.flexJb{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.flexJc{display: flex; display: -webkit-flex; justify-content:center;}
.flexRight{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: flex-end}
.textLeft{text-align:left}
.textCenter{text-align: center;}
img{max-width: 100%;}
.b{font-weight: bold;}
.ov{overflow: hidden;}
.hidden{display: none !important;}
.transition,.transition *{transition: all .3s;}
.a{cursor: pointer;}
a:hover{color: #0056a3;}
.fb{font-weight: bold;}
.ib{display: inline-block;}
.none{display: none;}
.pz{position: relative;}
.pa{position: absolute;}
.pf{position: fixed; z-index: 999;}
.fb{font-weight: bold;}
.ts{text-transform: uppercase;}
.fl{float: left;}
.fr{float: right;}
.cb{clear: both;}
.db{display: block;}
.bz{box-sizing: border-box; -webkit-box-sizing: border-box;}
.articleDetail p,.articleDetail span{font-family: "Geogrotesque", Helvetica, Arial, Verdana, sans-serif !important;}
.sitename{height: 120px; display: flex; display: -webkit-flex; line-height: 120px; padding: 10px 0; width: 100%; font-size: 1.5em; color: #fff;}
#main-nav > li > a .text-wrap > span, #main-nav > li > a > span{font-size: 16px;}
#phantom .ph-wrap.with-logo .ph-wrap-content .logo-box{display: flex; display: -webkit-flex; align-content: center; height: 80px;}
.ph-wrap-inner .nsitename{padding: 0; font-size: 1em; height: 80px; line-height: 80px; color: #fff; margin-left: 10px;}
#main-nav.underline-hover > li > a i.underline {
	-webkit-transition: all 1000ms cubic-bezier(0.175,0.885,0.32,1.275);
	-moz-transition: all 1000ms cubic-bezier(0.175,0.885,0.32,1.275);
	-ms-transition: all 1000ms cubic-bezier(0.175,0.885,0.32,1.275);
	-o-transition: all 1000ms cubic-bezier(0.175,0.885,0.32,1.275);
}

.shoM{display: none;}
.floatMessageButton{right: 15px; bottom: 100px; width: 60px; height: 60px; background-color: rgba(46,113,240,0.9); border-radius: 50%;}
.floatMessageButton svg{font-size: 30px; fill: #fff;}
.floatMessageButton .message{display: flex; display: -webkit-flex; align-content: center; justify-content: center;}
.floatMessageButton.active .message{display: none;}
.floatMessageButton .close{display: none;}
.floatMessageButton.active .close{display: flex; display: -webkit-flex;}
.floatMessage{right: 15px; bottom: 200px; width: 350px; background-color: rgba(46,113,240,0.9); border: 1px solid #e9e9e9; border-radius: 5px; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; display: none;}
.floatMessage.active{display: block;}
.floatMessage ul{background-color: #fff; padding: 15px 10px; border-radius: 5px;}
.floatMessage h2{font-size: 16px; color: #fff; line-height: 170%; margin-bottom: 10px; letter-spacing: 0; text-transform: none;}
.floatMessage .input{width: 100%; height: 35px;}
#QuickMenu_echat{position:fixed!important; bottom: 170px; right: 15px}
#RightMenu_echat{display: block;}
#RightMenu_echat.active{display: none;}
.page_header .nav li a{color: #666;}
.page_header #menu .nav>li a{padding: 32px 26px 15px 20px;}
.page_header #menu .nav-child>li a{padding-top: 17px;}
.applications-item .applications-content{background: none;}
.search-box.pull-right{margin-top: 2px;}
.page_header .nav li ul a{font-size: 15px; display: block; width: 100%;}
.page_header .nav li ul a:hover{background-color: #23529d; color: #fff;}
.page_header .nav li ul li::after{display: none !important;}
#topSwiper img{width: 100%; display: block; margin-bottom: 10px;}
#topSwiper .text{padding: 20px; left: 10%; top: 50%; max-width: 80%; transform: translateY(-50%); margin-top: -15px;}
#topSwiper .text .title{line-height: 150%; font-size: 45px; color: #fff; text-shadow: 1px 2px 2px #000000;}
#topSwiper .text p{margin-top: 10px; line-height: 180%; font-size: 26px; color: #fff; text-shadow: 1px 2px 2px #000000;}
#topSwiper .text .more{line-height: 40px; padding: 0 10px; border: 1px solid #fff; font-size: 16px; color: #fff; margin-top: 15px; transition: all .3s; text-transform: uppercase; text-shadow: 0 0 5px #666; font-weight: bold;}
#topSwiper a:hover .text .more{background-color: #1e509f; border-color: #1e509f; transition: all .3s;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
#topSwiper .swiper-pagination-bullet{background-color: #a8aaac; width: 10px; height: 10px; opacity: 1;}
#topSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #1e509f;}
.indexData{
    margin-top: 50px;
	background-color: rgba(255,255,255,0);
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 105px;
	padding-right: 30px;
	padding-bottom: 120px;
	padding-left: 30px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	max-width: 100%;
}
.indexData .container{width: 1475px;}
@media (max-width: 1480px){
	.indexData .container{width: 1350px;}
}
.indexData li{
	padding: 0 60px;
	position: relative;
    border-right: 1px solid #fff;
}
.indexData li:last-child{border: 0;}
.indexData li:nth-child(1){width: 360px;}
.indexData li:nth-child(2){width: 360px;}
.indexData li:nth-child(3){width: 360px;}
.indexData li:nth-child(4){width: 360px;}
.indexData li .title{max-width: 56px; line-height: 120%; color: #fff;}
.indexData li .data{padding: 0 20px; font-size: 45px; font-weight: 600; color: #fff; margin-left: 20px;}
.indexData li .unit{max-width: 52px; display: inline-block; text-align: center; color: #fff;}
/*
.applications-item>a{display: block; width: 100%;}
.applications-item .applications-content{background: rgba(0,0,0,.7); margin: 0 7.5px; top: inherit; bottom: 0; left: 0; max-width: 100%; width: calc(100% - 15px); height: auto; padding-top: 0; line-height: 180%;}
.applications-item .applications-content h4{padding: 8px 0; line-height: 140%;}
.applications-item .applications-content h4 a{min-height: 10px; display: block; text-align: center; font-weight: normal; font-size: 16px; width: 100%; padding-right: 0;}*/
.applications-item .applications-content{height: 45px; padding-top: 0; width: 100%}
.applications-item .applications-content h4{line-height: 45px}
.applications-item a:hover .img img{transform: scale(1.1); transition: all 1s;}
.applications-item .applications-content h4{width: 100%; padding-right: 0;}
.section01{margin-top: 50px;}
.a-box {
    margin: 20px 0 0;
    text-align: center;
}

.a-box .a-btn {
    position: relative;
    display: inline-block;
    padding-right: 0;
    width: 225px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: white;
    background-color:#1e4e9c;
    text-decoration: none;
    overflow: hidden;
    transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.a-box .a-btn:before {
    content: '';
    display: block;
    position: absolute;
    opacity: 0;
    top: -5px;
    right: -10px;
    width: 70px;
    height: 60px;
    background-color: #0C0100;
    transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.a-box .a-btn:after {
    content: '';
    display: block;
    opacity: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 1;
    margin-top: -7px;
    width: 10px;
    height: 16px;
    background: url('../images/triangle-right.png') no-repeat center;
    background-size: 100% 100%;
    transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

.a-box .a-btn:hover {
    padding-right: 30px;
}

.a-box .a-btn:hover:before {
    opacity: 1;
}

.a-box .a-btn:hover:after {
    right: 21px;
    opacity: 1;
}

.a-box .a-btnxc, .a-btnxc {
    color: #fff;
}
.section01 .col-sm-7 img{width: 100%;}
.container{width: 1475px;}
@media (max-width: 1480px){
	.container{width: 1400px;}
}
.index-se5{margin-top: 50px;}
.index-se5 {
	padding: 68px 0 100px;
	background: #f7f7f7 url(../images/img3.png) no-repeat right top;
}
.index-se5 .title-view {
	margin-bottom: 60px;
}
.index-se5 .item {
	width: 25%;
	float: left;
	position: relative;
	background-color: #fff;
}
.index-se5 .item a::before,
.index-se5 .item a::after {
	content: "";
	position: absolute;
	box-sizing: border-box;
	z-index: 1;
	width: 0;
	height: 0;
}
.index-se5 .item a::before {
	bottom: 0;
	right: 0;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
	-webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
	transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}
.index-se5 .item a:hover::before {
	width: 100%;
	height: 100%;
	border-bottom-color: #23529d;
	border-left-color: #23529d;
	-webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
	transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}
.index-se5 .item a::after {
	left: 0;
	top: 0;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	-webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
	transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}
.index-se5 .item a:hover::after {
	width: 100%;
	height: 100%;
	border-top-color: #23529d;
	border-right-color: #23529d;
	-webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
	transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}
.index-se5 .item:nth-child(even) .image {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
.index-se5 .item:nth-child(even) .content {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.index-se5 .item .image {
	overflow: hidden;
    width: 100%;
}
.index-se5 .item .image .box {
	padding-top: 60.46%;
	-webkit-transition: .4s;
	transition: .4s;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.index-se5 .item .content {
	padding: 11% 9.3% 5%;
	position: relative;
    min-height: 360px;
}
.index-se5 .item .content .time {
	color: #23529d;
	font: 16px PingFang SC;
	line-height: 1.2;
}
.index-se5 .item .content .title {
	color: #333;
	font-size: 22px;
	margin: 3% 0;
	font-weight: bold;
}
.index-se5 .item .content .text {
	color: #999;
	line-height: 24px;
}
.index-se5 .item .icon {
	display: block;
	width: 30px;
	height: 6px;
	background: url(../images/icon2.png) no-repeat;
	margin-top: 12%;
}

.footer{padding: 40px 0 30px 0; width: 100%; overflow: hidden !important; /*background: linear-gradient(to bottom, #23529d, #4fa7e6);*/ background-color: #23529d; border-top: 10px solid #6296bc;}
.footer .t .logo{height: 45px; margin-right: 70px;}
.footer .t .navs{line-height: 22px; font-size: 16px; color: #fff; overflow: hidden; padding-top: 24px; display: flex; display: -webkit-flex; align-items: flex-end;}
.footer .t .navs a{font-size: 16px; color: #fff;}
.footer .t .navs a:hover{color: #ccc;}
.footer .fb{margin-top: 15px;}
.footer .fb .copyright{line-height: 45px; font-size: 14px; color: #fff; font-weight: normal;}
.footer .shares{line-height: 45px;}
.footer .shares a{margin-left: 50px;}
.footer .shares i{font-size: 25px; color: #fff;}
.footer .shares a:hover i{color: #ccc;}
.banner{margin-top: 0;}
.banner::after,.banner::before{display: none !important;}
.banner img{width: 100%;}
.syblist{margin: 50px 0;}
.syblist li{width: 32%; background-color: #fff; margin-bottom: 26px;}
.syblist li a{padding-bottom: 15px;}
.syblist li a:hover{box-shadow: 0 0 10px #666;}
.syblist li:nth-child(3n+2){margin-left: 2%; margin-right: 2%;}
.syblist li .img{width: 100%; transition: all 1s;}
.syblist li a:hover img{transform: scale(1.1); transition: all 1s;}
.syblist li .text{width: 100%;}
.syblist li .title{height: 80px; padding: 0 2%; font-size: 18px; font-weight: bold;}
.syblist li .atitle{width: 100%; height: 50px; padding: 0 2%; font-size: 18px; font-weight: bold; color: #333;}
.syblist li .des{margin: 0 2% 15px 2%; height: 40px; line-height: 40px; font-size: 16px; color: #333;}
.syblist li a:hover .atitle,.syblist li a:hover .des{color: #1f4f9b;}
.syblist li .more{margin: 0 2%; font-size: 14px; color: #23529d;}
.syblist li a:hover .des{color: #1f4f9b;}
/* 公司新闻 */
.news-wrapper {
	margin: 120px 0 20px;
}
.news-wrapper h1 {
	margin-bottom: 50px;
}
.news-wrapper .list {
	padding-bottom: 30px;
}
.news-wrapper .list .item {
	background-color: #fff;
	padding: 30px;
	margin-bottom: 30px;
	-webkit-transition: .4s;
	transition: .4s;
}
.news-wrapper .list .item:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}
.news-wrapper .list .item .thumbnail:hover a {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.news-wrapper .list .item .thumbnail {
	width: 430px;
	float: left;
	overflow: hidden;
}
.news-wrapper .list .item .thumbnail a {
	display: block;
	padding-top: 60.46%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-webkit-transition: .4s;
	transition: .4s;
}
.news-wrapper .list .item .content {
	width: calc(100% - 430px);
	float: left;
	padding: 30px 8% 0 40px;
}
.news-wrapper .list.not-image-list .content {
	width: 100%;
}
.news-wrapper .list .item .time {
	color: #337ab7;
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 40px;
}
.news-wrapper .list .item .title {
	color: #333;
	font-size: 24px;
	font-weight: bold;
}
.news-wrapper .list .item a:hover .title{color: #1f4f9b;}
.news-wrapper .list .item .text {
	color: #999;
	line-height: 24px;
	margin-top: 15px;
}
.news-wrapper .list .item .btn {
	display: block;
	width: 30px;
	height: 6px;
	background: url(../images/icon2.png) no-repeat;
	margin-top: 56px;
}
/* 公司新闻详情 */
.news-detail-top {
	padding: 80px 0 30px;
}
.news-detail-top .title {
	color: #333;
	font-size: 30px;
	margin-bottom: 20px;
}
.news-detail-top .time {
	color: #337ab7;
	font-size: 16px;
	font-family: PingFang SC;
	line-height: 1;
}
.news-detail-top .share-view {
	color: #999;
	line-height: 20px;
	margin-top: 36px;
}
.news-detail-top .bshare-custom {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
.news-detail-top .bshare-custom a {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/css_sprites2.png) no-repeat;
	margin-right: 18px;
}
.news-detail-top .bshare-custom .bshare-sinaminiblog {
	background-position: -10px -8px;
}
.news-detail-top .bshare-custom .bshare-weixin {
	background-position: -10px -44px;
}
.news-detail-top .bshare-custom .bshare-linkedin {
	background-position: -8px -80px;
}
.news-detail-top .arrows {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0;
}
.news-detail-top .arrows span {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #e6e6e6;
	position: relative;
	cursor: pointer;
	-webkit-transition: .4s;
	transition: .4s;
}
.news-detail-top .arrows span::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 9px;
	height: 15px;
	background: url(../images/css_sprites3.png) no-repeat;
}
.news-detail-top .arrows .next {
	border-left: 0;
	margin-left: -1px;
}
.news-detail-top .arrows .prev::after {
	background-position: -6px -6px;
}
.news-detail-top .arrows .next::after {
	background-position: -27px -6px;
}
.news-detail-top .arrows span:hover {
	background-color: #337ab7;
	border-color: #337ab7;
	z-index: 1;
}
.news-detail-top .arrows .prev:hover::after {
	background-position: -48px -6px;
}
.news-detail-top .arrows .next:hover::after {
	background-position: -69px -6px;
}
.news-detail-content {
	padding: 0 0 140px;
}
.news-detail-content .main {
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 60px;
	padding: 52px 0;
}
.news-detail-content .content p {
	font-size: 16px;
	margin-bottom: 15px;
}
.news-detail-content .content img {
	display: block;
	margin: 52px auto;
}
.news-detail-content .btn {
	font-size: 16px;
	padding-left: 22px;
	position: relative;
}
.news-detail-content .btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 16px;
	height: 16px;
	background: url(../images/css_sprites2.png) -10px -118px;
}
.column-nav-view {
	text-align: center;
	font-size: 0;
	position: relative;
}
.column-nav-view .container {
	position: absolute;
	left: 2%;
	top: -40px;
	z-index: 1;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .12);
	padding: 0 10px;
}
.column-nav-view .container{
    left: calc((100% - 1440px) / 2);
}
.column-nav-view ul {
	white-space: nowrap;
}
.column-nav-view li {
	display: inline-block;
	height: 80px;
	line-height: 80px;
}
.column-nav-view li a {
	font-size: 15px;
    color: #333;
}
.column-nav-view li a.active {
	color: #337ab7;
}
.column-nav-view li::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: #d1d1d1;
	margin: 0 36px;
}
.column-nav-view li:last-child::after {
	display: none;
}
.fontsize-h1 {
	color: #333;
	font-size: 36px;
	text-align: center;
}
.news-wrapper h1 {
	margin-bottom: 50px;
}
/*pages*/
.Pages {
	height: 30px;
	line-height: 28px;
	zoom: 1;
	overflow: hidden;
	text-align: center;
}
.Pages span {
	padding: 0px 3px;
	display: inline-block;
	vertical-align: top;
}
.Pages a {
	display: inline-block;
	margin: 0px 2px;
	border: 1px solid #dbdbdb;
	vertical-align: top;
	padding: 0px 10px;
	color: #999;
	font-size: 12px;
}
.Pages .p_page {
	font-style: normal;
	font-family: Arial;
}
.Pages .p_page a {
	font-size: 14px;
}
.Pages .p_page li.active a,.Pages .p_page a:hover{background-color: #1f4f9b; color: #fff;}
.Pages .p_page a.a_cur {
	color: #fff;
	border: solid 1px #337ab7;
	background: #337ab7;
}
/*pages end*/
/*responsibility*/
.responsibility li{margin-bottom: 40px;}
.responsibility li .dot{width: 50px; height: 50px; background-color: #1f4f9b; border-radius: 50%; -webkit-border-radius: 50%; margin-right: 20px;}
.responsibility li .dot i{font-size: 40px; color: #fff;}
.responsibility li .title{font-size: 18px; line-height: 170%;}
.responsibility li .intro{margin-top: 20px; line-height: 180%; font-size: 14px; color: #747474;}
.responsibility li .intro img{margin-top: 25px;}
/*responsibility end*/
/*join us*/
.join-wrapper{margin: 50px 0;}
.joinusTable{width: 100%; margin-top: 40px;}
.joinusTable.j2{margin-top: 0; cursor: pointer;}
.joinusTable .th{height: 52px; background-color: #1f4f9b;}
.joinusTable td{line-height: 52px; text-align: center; font-size: 16px; width: 25%;}
.joinusTable .th td{color: #fff;}
.joinusTable .tr{background-color: #f3f3f3;}
.joinusTable .tr td.addtime::after {
	position: absolute;
	right: 20px;
	top: 22px;
	width: 12px;
	height: 12px;
	z-index: 9;
	border-right: 2px solid #004ea2;
	border-bottom: 2px solid #004ea2;
	transform: translate(-50%,-50%) rotate( 45deg );
	transition: .4s;
	content: "";
	display: block;
}
.joinlist .c{border: 1px solid #f3f3f3; border-top: 0; display: none; padding: 30px 212px 20px 212px; background-color: #fff;}
.joinlist .c.active{display: block;}
.joinlist .c .title{margin-bottom: 15px;}
.joinlist .c .intro{margin-bottom: 30px; color: #646464; line-height: 160%;}
.joinlist .c .intro.last{margin-bottom: 0;}
.joinlist,.joinlist *{user-select: none;}
.joinlist li{border-bottom: 1px solid #ccc;}
/*join us end*/
/*about us*/
/* 企业简介 */
.introduction-s1{padding-bottom: 45px;}
.introduction-s1 .logo{max-height: 70px;}
.introduction-s1 .top {
	padding: 120px 0 70px;
}
.introduction-s1 .left {
	float: left;
	width: 30%;
}
.introduction-s1 .left p {
	line-height: normal;
}
.introduction-s1 .left .company {
	color: #b2b2b2;
	font-size: 26px;
	margin-top: 12px;
}
.introduction-s1 .left .en {
	color: #b2b2b2;
	font-size: 24px;
	margin-top: 22px;
}
.introduction-s1 .left .motto {
	color: #1f4f9b;
	font-size: 20px;
}
.introduction-s1 .left .birth {
	color: #333333;
	font-size: 20px;
}
.introduction-s1 .content {
	float: left;
	width: 60%;
	padding-top: 30px;
}
.introduction-s1 h2,
.introduction-s2 h2,
.introduction-s3 h2 {
	margin-bottom: 20px;
}
.introduction-s1 .content em {
	color: #cf000e;
}
.introduction-s1 .bottom {
	position: relative;
}
.introduction-s1 .bottom .data-box {
	position: absolute;
	right: -1px;
	bottom: 0;
	z-index: 1;
	background-color: rgba(210, 0, 15, .9);
	height: 200px;
	width: 59.5%;
}
.introduction-s1 .bottom .data-box>div {
	width: 100%;
	height: 100%;
	display: table;
}
.introduction-s1 .bottom .data-box ul {
	display: table-cell;
	vertical-align: middle;
}
.introduction-s1 .bottom .data-box li {
	float: left;
	width: 25%;
	color: #fff;
	text-align: center;
	position: relative;
}
.introduction-s1 .bottom .data-box li::after {
	content: "";
	position: absolute;
	right: 0;
	top: 7%;
	width: 1px;
	height: 62px;
	background-color: rgba(255, 255, 255, .5);
}
.introduction-s1 .bottom .data-box li:last-child::after {
	display: none;
}
.introduction-s1 .bottom .data-box li div {
	display: inline-block;
	text-align: left;
}
.introduction-s1 .bottom .data-box li span {
	display: block;
}
.introduction-s1 .bottom .data-box li span em {
	font-size: 40px;
	margin-right: 8px;
}
.introduction-s1 .bottom .data-box li .number {
	margin-top: 5px;
}
.fontsize-h2 {
	color: #00304f;
	font-size: 24px;
}
.page_header{margin-top: 0 !important;}
.typename{font-weight: bold;}
.goog-te-banner-frame{height: 40px !important;}
.introduction-s1 .content{font-size: 16px; color: #666;}
.history{padding: 40px 0; background-color: #f8f8f8; min-height: 50px; margin-top: 50px;}
.history .typename{line-height: 180%; font-size: 30px; color: #1f4f9b;}
.history .typename::after{content: ''; display: block; width: 68px; height: 2px; background-color: #1f4f9b; margin-top: 20px;}
.history ul{padding: 40px 0 20px 0; margin-top: 40px;}
.history ul::after{content: ''; display: block; width: 2px; height: 100%; background-color: #333; position: absolute; z-index: 0; top: 0; left: calc(50% - 2px);}
.history li{width: 100%; margin-bottom: 40px;}
.history li::after{content: ''; display: block; width: 14px; height: 14px; background-color: #1f4f9b; border-radius: 50%; position: absolute; z-index: 1; top: 15px; left: calc(50% - 8px);}
.history li:nth-child(odd){padding-left: 55%;}
.history li:nth-child(even){padding-right: 55%;}
.history li .title{line-height: 180%; font-size: 25px; font-weight: bold; color: #1f4f9b;}
.history li .intro{padding-left: 14px; line-height: 180%; font-size: 16px; color: #666;}
.history li .intro::before{content: ''; display: block; width: 5px; height: 5px; background-color: #000; position: absolute; left: 0; top: 12px; border-radius: 50%;}
.history li:nth-child(even) .title{text-align: right;}
.history li:nth-child(even) .intro{text-align: right; width: 100%; padding-left: 0;}
.history li:nth-child(even) .intro::before{display: none;}
.history li:nth-child(even) .intro div{width: calc(100% - 30px);}
.history li:nth-child(even) .dot{width: 5px; height: 5px; background-color: #000; border-radius: 50%; margin: -2px 10px 0 0;}
.honor{padding: 40px 0; background-color: #fff; min-height: 50px; margin-top: 50px;}
.honor .typename{line-height: 180%; font-size: 30px; color: #1f4f9b;}
.honor .typename::after{content: ''; display: block; width: 68px; height: 2px; background-color: #1f4f9b; margin-top: 20px;}
/* 荣誉资质 */
.award-wrapper {
	padding: 70px 0;
}
.award-wrapper h1 {
	margin-bottom: 40px;
}
.award-wrapper .list {
	margin-bottom: 20px;
}
.award-wrapper .list .item {
	float: left;
	width: 23%;
	text-align: center;
	background-color: #f7f7f7;
	margin-bottom: 2.66%;
	margin-right: 2.66%;
	cursor: pointer;
}
.award-wrapper .list .item .picbox {
	padding: 26px 30px;
	position: relative;
}
.award-wrapper .list .item .picbox .pic {
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.award-wrapper .list .item .picbox .search {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 42%;
	top: 42%;
	z-index: 1;
	border-radius: 50%;
	background: #1f4f9b url(../images/icon_search.png) no-repeat center center;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: .4s;
	transition: .4s;
}
.award-wrapper .list .item:hover .search {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.award-wrapper .list .item .text {
	height: 61px;
	line-height: 60px;
	border-top: 1px solid #e6e6e6;
	color: #4c4c4c;
	font-size: 16px;
	padding: 0 10px;
	position: relative;
	overflow: hidden;
}
.award-wrapper .list .item .text span {
	position: relative;
	z-index: 1;
}
.award-wrapper .list .item .text::before {
	content: "";
	position: absolute;
	left: -50%;
	top: -50%;
	width: 100%;
	height: 100%;
	background-color: #1f4f9b;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}
.award-wrapper .list .item:hover .text::before {
	-webkit-transform: scale(3);
	transform: scale(3);
}
.award-wrapper .list .item:hover .text {
	color: #fff;
}
@media (min-width: 992px) {
	.award-wrapper .list .item:nth-child(4n) {
		margin-right: 0;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.award-wrapper .list .item {
		width: 31.55%;
	}
	.award-wrapper .list .item:nth-child(3n) {
		margin-right: 0;
	}
}
@media (max-width: 768px) {
	.award-wrapper {
		padding: 60px 0 50px;
	}
	.award-wrapper h1 {
		margin-bottom: 20px;
	}
	.award-wrapper .list .item {
		width: 48.65%;
	}
	.award-wrapper .list .item .pic {
		padding: 20px 10px 0;
		height: 170px;
	}
	.award-wrapper .list .item .pic .search {
		display: none;
	}
	.award-wrapper .list .item .text {
		font-size: 14px;
		height: auto;
		line-height: normal;
		padding: 15px 10px;
	}
	.award-wrapper .list .item:nth-child(2n) {
		margin-right: 0;
	}
}
.leader{padding: 40px 0; background-color: #f8f8f8; min-height: 50px; margin-top: 50px;}
.leader .typename{line-height: 180%; font-size: 30px; color: #1f4f9b;}
.leader .typename::after{content: ''; display: block; width: 68px; height: 2px; background-color: #1f4f9b; margin-top: 20px;}
.leader li{margin-top: 50px;}
.leader .lit .img{max-width: 400px; border-radius: 5px; box-shadow: 0 0 5px #666;}
.leader .lit .jj{line-height: 180%; font-size: 20px; margin-left: 40px; flex: 1;}
.leader .lit .jj p{font-size: 15px; margin-top: 15px; line-height: 130%;}
.leader .lit .sns{margin-bottom: 30px;}
.leader .lit .sns a{color: #333;}
.leader .lit .sns a:hover i{color: #1f4f9b;}
.leader .lit .sns a.flexAc{margin-left: 20px;}
.leader .intro{margin-top: 40px; line-height: 180%; font-size: 15px; color: #333;}
.leader .intro .details{color: #1f4f9b; font-weight: bold;}
.leader a:hover .intro{color: #1f4f9b;}
.team{padding: 40px 0; background-color: #fff; min-height: 50px; margin-top: 50px;}
.team .typename{line-height: 180%; font-size: 30px; color: #1f4f9b;}
.team .typename::after{content: ''; display: block; width: 68px; height: 2px; background-color: #1f4f9b; margin-top: 20px;}
.team .typename p{line-height: 140%; font-size: 16px; color: #333;}
.team ul{margin: 45px 0 0;}
.team li{width: calc( (100% - 90px ) / 4); margin-right: 30px; margin-bottom: 30px;}
.team li:nth-child(4n){margin-right: 0;}
.team li .img{width: 100%;}
.team li img{width: 90%; margin: 5%;}
.team li .title{margin-top: 15px; font-size: 25px; line-height: 180%;}
.team li .zw{line-height: 180%; font-size: 14px; color: #666;}
.team li a:hover img{transform: scale(1.05);}
.zwDetail{margin: 50px 0; line-height: 180%; font-size: 20px;}
/*about us end*/
/*contact*/
.banner-box {
  position: relative;
  overflow: hidden;
}
.banner-box img {
  width: 100%;
}
.banner-box .wrap {
  position: absolute;
  left: 51%;
  top: 30%;
  max-width: 1280px;
  margin: 0 auto;
}
.banner-box .wrap .text-box {
  padding: 70px 55px 50px 25px;
  background: #acd72c;
}
.bottom-box {
  margin: 60px auto 0;
}
.bottom-box .left {
  width: 30%;
}
.bottom-box .left p {
  margin-bottom: 35px;
}
.bottom-box .left p input {
  border: 1px solid #23529d;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  padding: 0 20px;
  background: #fff;
}
.bottom-box .left p input::placeholder,.bottom-box .left p input::-webkit-placeholder,.bottom-box .left p input::-moz-placeholder,.bottom-box .left p textarea::placeholder,.bottom-box .left p textarea::-webkit-placeholder,.bottom-box .left p textarea::-moz-placeholder{
	color: #1f4f9b !important;
}
.bottom-box .left p input::input-placeholder {
	color: #1f4f9b !important;
}
.bottom-box .left p input::-webkit-input-placeholder {
	color: #1f4f9b !important;
}
.bottom-box .left p input:focus {
  color: #1f4f9b;
  border: 2px solid #1f4f9b;
}
.bottom-box .left p input:focus::-webkit-input-placeholder {
	border-color: #1f4f9b !important;
	color: #1f4f9b !important;
	transition: all .3s;
}
.bottom-box .left p input:focus::-moz-input-placeholder {
  color: #1f4f9b !important;
}
.bottom-box .left p input:focus::-ms-input-placeholder {
  color: #1f4f9b !important;
}
.bottom-box .left div.last {
  margin-bottom: 35px;
  border: 2px solid #383841;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  cursor: pointer;
  background: url('../images/network-arrow.png') no-repeat 90% center;
}
.bottom-box .left div.last:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 767px){
    .bottom-box .left div.last {
        margin-bottom: 15px;
    }
}
.bottom-box .left div.last .h6-in {
  height: 100%;
  display: block;
  line-height: 46px;
  padding: 0 20px;
  font-family: "Microsoft Yahei","å¾®è½¯é›…é»‘",arial,"\5b8b\4f53"!important;
}
.bottom-box .left div.last ul {
  display: none;
  position: absolute;
  top: 47px;
  width: 100%;
  left: -1px;
  border: 1px solid #383841;
  background: #f6f6f6;
  z-index: 11;
}
.bottom-box .left div.last ul li {
  padding-left: 20px;
  font-size: 18px;
  line-height: 35px;
}
.bottom-box .left div.last ul li:hover {
  color: #aadb1e;
}
.bottom-box .right {
  width: 68%;
}
.bottom-box .right .r-inner {
  height: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border: 1px solid #23529d;
  border-radius: 5px;
}
.bottom-box .right .r-inner .textarea {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  padding: 15px 25px 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  height: 42vh;
  max-height: 500px;
  background: #fff;
}
.bottom-box .right .r-inner .textarea{
	color: #1f4f9b !important;
}
.bottom-box .right .r-inner .textarea::input-placeholder {
	color: #1f4f9b !important;
}
.bottom-box .right .r-inner .textarea::-webkit-input-placeholder {
	color: #1f4f9b !important;
}
.bottom-box .right .r-inner .textarea::placeholder,.bottom-box .right .r-inner .textarea::-webkit-placeholder，.bottom-box .right .r-inner .textarea::-moz-placeholder{
	color: #1f4f9b !important;
}
.bottom-box .right .r-inner .prompt {
  display: block;
  color: #1f4f9b;
  text-align: right;
  padding-right: 20px;
}
.sub .submit-btn {
  width: 100%;
  display: block;
  height: 60px;
  border-radius: 5px;
  background: #1f4f9b;
  border: 1px solid #1f4f9b;
  line-height: 60px;
  color: #fff;
  text-align: center;
  margin-top: 40px;
}
.sub .submit-btn:hover {
  background: none;
  border: 1px solid #1f4f9b;
  color: #1f4f9b;
}
@media screen and (max-width: 1440px) {
  .banner-box .wrap {
    position: absolute;
    left: 51%;
    top: 20%;
  }
  .banner-box .wrap .text-box {
    padding: 30px 25px 20px 15px;
    background: #acd72c;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .banner-box .wrap {
    position: absolute;
    left: 31%;
    top: 10%;
  }
  .banner-box .wrap .text-box {
    padding: 10px 15px 10px 15px;
    background: #acd72c;
  }
}
@media screen and (max-width: 767px) {
  .banner-box .wrap {
    width: 99%;
    position: absolute;
    left: 50%;
    top: 4%;
    transform: translateX(-50%);
  }
  .banner-box .wrap .text-box {
    padding: 0 3%;
    background: #acd72c;
  }
  .banner-box .wrap .text-box h5 {
    font-size: 14px;
  }
  .banner-box .wrap .text-box p {
    font-size: 12px;
    line-height: 1.3;
  }
  .bottom-box {
    margin: 20px auto 0;
  }
  .bottom-box .left {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  .bottom-box .left p {
    margin-bottom: 15px;
  }
  .bottom-box .right {
    float: none;
    width: 90%;
    margin: 20px auto;
  }
  .sub .submit-btn {
    width: 90%;
    margin: 20px auto;
  }
}
.country{width: 100%; background-color: #fff; height: 50px; border: 1px solid #23529d; border-radius: 3px; padding: 0 15px;}
.mbtn{margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ccc;}
.thanks h1{border-bottom: 0; font-weight: bold; color: rgba(46,113,240,0.9); margin-bottom: 1em; font-size: 35px;}
.thanks .c .pic{width: 30%;}
.thanks .c .intro .return{display: inline-block; line-height: 40px; padding: 0 10px; background: rgba(46,113,240,0.9); border-radius: 4px; font-size: 1em; color: #fff; transition: all .3s !important; margin-top: 1em;}
.thanks .c .intro .return i{margin: 0 5px; font-size: .8em; font-weight: normal; transition: all .3s !important;}
.thanks .c .intro .return:hover{background-color: #666;}
.contacts li{position: relative; z-index: 0; margin-bottom: 35px; margin-left: 45px;}
.contacts li .text{position: relative; z-index: 0; width: 50%; height: 50%; background-repeat: no-repeat; background-size: cover;}
.contacts li .texts::after{content: ''; z-index: -1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.3);}
.contacts li .texts{position: relative; z-index: 0; width: 100%; height: 300px; overflow: hidden;}
.contacts li .text .title{margin: 10px 0; line-height: 180%; font-size: 35px; color: #fff; font-weight: bold; text-shadow: 1px solid #333;}
.contacts li .text h3{min-height: 33px; margin-bottom: 25px; line-height: 130%; font-size: 15px; color: #fff; padding-left: 55px;}
.contacts li .text h3.address{background: url(../images/add.webp) no-repeat 10px center; background-size: 33px auto; width: 98%;}
.contacts li .text h3.phone{background: url(../images/phone.webp) no-repeat 10px center; background-size: 33px auto;}
.contacts li .text h3.email{background: url(../images/email.webp) no-repeat 10px center; background-size: 33px auto;}
.contacts li .text h3 a{color: #fff;}
.contacts li .text h3 a:hover{color: #ccc;}
.contacts li .map{margin-left: 50px;}
.back-to-top{background-color: #1f4f9c !important; opacity: 1 !important;}
/*contact end*/
@media (max-width: 1000px) {
    #RightMenu_echat{display: none !important;}
    .shoM{display: block;}
    .wrapper{width: 100%;}
    .newslist{padding: 0 4vw;}
    .pageTitle{padding: 0 4vw; margin: 0 0 4vw 0;}
    .pageTitle h1{font-size: 2em;}
    .newslist{margin: 0 !important; padding: 0 !important;}
    .newslist li{width: 100%; margin-right: 0;}
    .iabout{flex-direction: column;}
    .iabout .pic{width: 100%;}
    .iabout .c{padding-left: 0; margin-top: 4vw;}
    .iproductslist{margin: 0 !important;}
    .iproductslist li{width: 100%; margin-right: 0;}
    footer{padding: 10px 0;}
    footer .t{display: none;}
    footer .copyright{flex-direction: column; padding: 0 2%;}
    .sitename{line-height: 130%; padding: 15px 0; height: auto;}
    #fancy-header, .page-title{height: auto;min-height: auto !important; background: none !important;}
    #fancy-header .wf-wrap{display: none !important;}
}

.introduction-s3 {
	padding: 80px 0;
	border-bottom: 1px dashed #dbdbdb;
	margin-bottom: 160px;
}
.introduction-s3 .content {
	position: relative;
}
.introduction-s3 .ball {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 19.5%;
}
.introduction-s3 .left {
	float: left;
	width: 37%;
	padding-top: 30px;
}
.introduction-s3 .right {
	float: right;
	width: 37%;
	padding-top: 30px;
}
.introduction-s3 ul li {
	position: relative;
	padding: 20px 32px 20px 48px;
	border-bottom: 1px dashed #dbdbdb;
}
.introduction-s3 ul li span {
	position: absolute;
	left: 0;
	top: 18px;
	font-size: 30px;
	color: #1f4f9b;
}
.introduction-s3 ul li p {
	font-size: 15px;
	line-height: 24px;
}
.introduction-s3 ul.right li span {
	color: #1f4f9b;
}
.navbar-default .navbar-brand{padding-top: 0;}
.textCenter{text-align: center;}
.itypename{margin-bottom: 30px; font-size: 18px;}
.flinks{margin-top: 30px; line-height: 180%; font-size: 16px; color: #fff;}
.flinks a{display: inline-block; margin-left: 15px; color: #fff;}
.flinks a:hover{color: #ccc;}
.typename{margin-top: 30px; line-height: 180%; font-size: 32px;}
.pagenavBox { height: 40px; line-height: 40px; padding-bottom: 4px; background: #fff; border-bottom: 1px solid #ccc; overflow: hidden;}
.pagenavBox.gray{background: none; border-bottom: 1px solid #ccc;}
.pagenav { float: left;}
.pageCur { float: right; display: block;}
.pageCur a:link, .pageCur a:visited { color: #6f6f6f; font-family: Arial, Helvetica, sans-serif;}
.pageCur a:active, .pageCur a:hover { color: #23529d; }
.pageCur a, .pageCur span {font-size: 12px;}
.pageCur a:first-child { padding-left: 20px; margin-left: 12px; background-image: url(../images/home_ico.png); background-repeat: no-repeat; background-position: left center;}
.pageCur span.act { background: url(../images/pnav_act.png) no-repeat scroll left center; padding-left: 20px; olor: #00458e; }
.inner {
	width: 1200px;
	margin: 0px auto;
}
.cpnav {
	display: none;
	width: 100%;
	color: #fff;
	line-height: 42px;
	height: 42px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	background-color: #00458e;
	cursor: pointer;
}
.pagePaging {
	padding: 90px 0px;
}
.pagePaging{background-color: #fff;}
/*responsibility style*/
.respon-page { margin-bottom: 65px; }
.respon-page .t { font: 24px/1.5 "microsoft yahei"; color: #0e0e0e; }
.respon-page .bot { width: 60px; height: 2px; background-color: #0e0e0e; margin: 18px 0px 32px; display: block; }
.respon-list .item { margin-bottom: 14px; padding-left: 165px; position: relative; }
.respon-list .year { position: absolute; left: 0px; top: 0px; border: 1px solid #e5e5e5; background-color: #D2D2D2; text-align: center; width: 163px; padding: 40px 0px; font: 39px/1.2 "novecento_normalregular"; color: #fff; transition: 300ms; -webkit-transition: 300ms; }
.respon-list .year span { font-family: "microsoft yahei","微软雅黑"; }
.respon-list .con { padding: 28px 42px; border: 1px solid #e5e5e5; transition: 300ms; -webkit-transition: 300ms; }
.respon-list .item:hover .year { color: #23529d; }
.respon-list .item:hover .con { background-color: #fafafa; }
/*responsibility style end*/
.pg-kv-title-box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 1180px;
	padding: 0 20px 0 20px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	text-align: center;
	color: #FFFFFF;
  }
  
  .pg-kv-title {
	font-size: 16px;
	font-weight: bold;
  }
  
  .pg-kv-title-sub {
	font-size: 32px;
  }
  
  .pg-kv-title + .pg-kv-title-sub {
	margin-top: 10px;
  }
  
  /* kv */
  .pg-kv-box {
	width: 100%;
	min-width: 980px;
	position: relative;
  }
  
  .pg-kv-background {
	width: 100%;
	min-height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
  }
  
  .pg-kv-background {
	background-image: url(/en/company/img/group_history_kv_pc.jpg);
  }
  
  .pg-kv-box > .pg-kv-title,
  .pg-kv-box > .pg-kv-title-sub {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	color: #FFFFFF;
  }
  
  .pg-kv-box > .pg-kv-title {
	top: -5px;
  
	width: 920px;
	height: 90px;
  
	font-size: 30px;
	text-align: center;
  
  }
  
  .pg-kv-box > .pg-kv-title-sub {
	top: -200px;
  
	width: 80px;
	height: 20px;
  
	font-size: 16px;
	font-weight: bold;
  }
  
  .pg-kv-box > .pg-kv-title-sub {
	position: absolute;
  }
  
  .pg-kv-box + .main-content {
	padding-top: 50px;
	padding-bottom: 80px;
  }
  
  .pg-lookbeyond,
  .pg-agcplus {
	font-family: "Arial Black", sans-serif;
	font-style: italic;
	font-weight: bold;
  }
  
  @media screen and (max-width: 736px) {
	.pg-kv-box {
	  min-width: 320px;
	}
  
	.pg-kv-box > .pg-kv-title {
	  top: 80px;
  
	  width: 343px;
	  height: 170px;
  
	  font-size: 25px;
	}
  
	.pg-kv-box > .pg-kv-title-sub {
	  top: -140px;
	}
  }
  
  
  .grid {
	margin-left: -20px;
	margin-right: -20px;
  }
  
  .grid > .col-1-2 {
	margin-top: 30px;
  }
  
  @media screen and (max-width: 736px) {
	.grid {
	  margin-top: 35px;
	  margin-left: 0;
	  margin-right: 0
	}
  
	.grid > .col-1-2 {
	  margin-top: 0;
	  padding-left: 0;
	  padding-right: 0;
	}
  
	.grid > .col-1-2 + .col-1-2 {
	  margin-top: 25px;
	}
  }
  
  .list-dl-line > dt:first-child {
	padding-top: 8px;
  }
  
  .list-dl-line > dt,
  .list-dl-line > dd {
	display: inline-block;
	vertical-align: middle;
	padding: 8px 0;
	float: none;
	margin-top: 5px;
  }
  .list-dl-line > dt{margin-right: 20px;}
  .list-dl-line > dt > sup,
  .list-dl-line > dd > sup,
  .list-dl-line > dd > sup > span { /*iact*/
	vertical-align: top;
  }
  
  .list-dl-line > dd > img.look-beyond {
	height: 13px;
	width: auto;
  }
  
  .list-dl-line > dd > img.agc-plus {
	height: 34px;
	width: auto;
  }
  .list-dl-line > dd {
	width:80%;
  }
  .list-dl-line > dt:first-child + dd {
	padding-top:8px;
  }
  
  @media screen and (max-width: 736px) {
	.list-dl-line > dt,
	.list-dl-line > dd {
	  line-height: 26px;
	  padding-top: 22px;
	}
  }
  
  /* tab */
  .tab-head-wrap {
	position: relative;
  }
  
  .tab-head {
	font-size: 21px;
	font-weight: bold;
	margin-top: 40px;
  }
  
  .tab-desc {
	margin-top: 10px;
  }
  
  .tab-desc + .tab-head {
	margin-top: 70px;
  }
  
  @media screen and (max-width: 736px) {
	.tab-default > li > a {
	  padding: 15px;
	}
  }
  
  
  /* image */
  
  @media screen and (max-width: 736px) {
	.image-caption {
	  margin-top: 5px;
	}
  }
  
  @media screen and (max-width: 736px) {
  /*  .site-main {
	  padding-top: 95px;
	}*/
	.pg-kv-background {
	  min-height: 375px;
	  /*height: auto;*/ /*iact*/
	  background-repeat: no-repeat; /*iact*/
	  background-size: cover; /*iact*/
	  background-position: center center; /*iact*/
	  padding-bottom: 100%;
	  background-image: url(/en/company/img/group_history_kv_sp.jpg);
	}
	.pg-kv-title-sub {
	  font-size: 21px;
	}
  
	.pg-kv-box + .main-content {
	  padding-bottom: 60px;
	}
  }
  
  .semi-container{margin-top: 60px; background-color: #fff; padding-bottom: 50px;}
  h2.heading-02 {
	font-size: 21px;
	padding-bottom: 10px;
	margin-top: 60px;
	border-bottom: 2px solid #d7d7e1;
}
.list-dl-line > dt{clear: both;}
.image-caption{line-height: 180%; margin-top: 10px;}
.leader #awardList{width: 750px; margin: 30px auto;}
.semi-container .title{margin: 20px 0 10px 0; font-size: 18px; font-weight: bold;}
.chairman{max-width: 800px; margin: 0 auto;}
.chairman h3{margin-bottom: 10px; color: #00778b; font-size: 32px; font-weight: bold;}
.chairman h4{margin-bottom: 10px; color: #00778b; font-size: 20px; font-weight: bold;}
.chairman p{line-height: 1.625em; color: #4c4c4c;}
.page_header{margin-top: 1px}
.lans{margin:-3px 0 0}
.goog-te-gadget-simple{border: 0 !important;}
nav.navbar.navbar-default.active{box-shadow: 0 0 10px #CCC; position: fixed; z-index: 99; width: 100%; background-color: #fff; left: 0;}
.nav-pills > li i{display: none;}
@media (max-width: 1000px){
	body{font-size: 14px;}
	.container,.indexData .container,.inner{width: 100%;}
	.page_header .menu-toogle-wrap span,.menu-respon,.page_header .menu-toogle-wrap.on span::before{background-color: #204f9c;}
	.page_header #menu .nav>li a{padding-top: 12px !important;}
	.page_header .nav-pills>li.active>a, .page_header .nav-pills>li.active>a:focus, .page_header .nav-pills>li.active>a:hover, .nav>li>a:focus, .page_header .nav>li>a:hover, .page_header .nav li:hover >a,.page_header .nav li a{color: #fff;}
	section.applications{padding-top: 5vw;}
	.section-title{margin-bottom: 3vw;}
	.applications-list .col-sm-4{width: 50%; padding-left: 5px; padding-right: 5px;}
	section.applications .applications-item .img img{height: auto; width: 100%;}
	.indexData{margin-top: 5vw; padding: 5vw 0;}
	.indexData ul{flex-direction: column;}
	.indexData li{width: 100% !important; padding: 0; border-right: 0;}
	.section01{margin-top: 5vw;}
	.index-se5{clear: both; padding: 5vw 0;}
	.index-se5 .item{width: 100%;}
	.syblist li{width: 48%;}
	.syblist li:nth-child(3n+2){margin: 0 0 26px 0 !important;}
	.syblist li:nth-child(2n){margin-left: 4% !important;}
	.syblist li .atitle{height: auto; padding: 8px 2%; line-height: 160%; font-size: 15px;}
	.syblist li .des{margin: 0; padding: 0 2%; line-height: 160%; font-size: 12px;}
	.syblist,.news-wrapper{margin: 5vw 0;}
	.news-wrapper h1{margin-bottom: 5vw;}
	.news-wrapper .list .item .thumbnail,.news-wrapper .list .item .content{width: 100%;}
	.news-wrapper .list .item .content{padding: 2vw 0;}
	.news-wrapper .list .item .btn{margin-top: 2vw;}
	.news-wrapper .list .item{padding: 2vw;}
	.news-detail-top{padding: 5vw 2vw;}
	.news-detail-top .title{font-size: 1.3em;}
	.news-detail-content .main{padding: 4vw 0;}
	.inner{padding: 0 2%;}
	.pagePaging{padding: 4vw 0;}
	.respon-page{margin-bottom: 4vw;}
	.respon-page .t{font-size: 1.3em;}
	.respon-list .item{padding-left: 0;}
	.respon-list .year{position: static; width: 100%; padding: 2vw 0; font-size: 1.2em;}
	.respon-list .con{padding: 3vw;}
	.join-wrapper{margin: 4vw 0;}
	.fontsize-h1{font-size: 1.5em;}
	.joinusTable{margin-top: 4vw;}
	.joinusTable .tr td.addtime{padding-right: 20px;}
	.joinusTable .tr td.addtime::after{right: 0; top: 10px;}
	.joinusTable td{line-height: 140%; padding: 5px 0;}
	.joinlist .c{width: 100%; padding: 2vw;}
	.joinlist .c .title{font-size: 1em; overflow: hidden;}
	.joinlist .c .intro{overflow: hidden;}
	.column-nav-view .container{position: static; top: 0; width: 100%; height: auto;}
	.column-nav-view ul{white-space: inherit; padding: 2vw 0;}
	.column-nav-view li{height: auto; line-height: 180%; display: inline-block;}
	.column-nav-view li a{display: inline-block; height: 30px; line-height: 30px; margin-right: 20px;}
	.column-nav-view li::after{display: none;}
	.introduction-s1 .bottom{padding: 4vw 0 !important;}
	.introduction-s1 .left,.introduction-s1 .content{width: 100%;}
	.introduction-s1{padding-bottom: 2vw;}
	.introduction-s3{padding: 4vw 2vw; margin-bottom: 0;}
	.introduction-s3 .left,.introduction-s3 .right{width: 100%;}
	.introduction-s3 .left{padding-top: 0;}
	h2.heading-02{margin-top: 4vw;}
	.honor{padding: 4vw 0; margin-top: 0;}
	.typename{margin-top: 0;}
	.award-wrapper{padding: 3vw;}
	#awardList{width: 100%; margin: 5vw 0 0;}
	.award-wrapper .list .item .picbox{padding: 0;}
	.award-wrapper .list .item .pic{height: auto; width: 100%; padding: 0;}
	.honor .award-wrapper{padding: 0;}
	.award-wrapper .list .item .picbox .search{display: none;}
	.leader{padding: 4vw 0;}
	.leader .typename{font-size: 1.2em;}
	.leader #awardList{width: 100%;}
	.leader li{margin-top: 3vw;}
	.leader .lit{flex-direction: column;}
	.leader .lit .img{max-width: 100%;}
	.leader .lit .jj{margin: 4vw 0 0;}
	.chairman{max-width: 100%; padding: 0 2vw;}
	.news-detail-content{padding: 5vw 0 !important;}
	.chairman h3{font-size: 1.5em;}
	.team li{width: 100%; margin-right: 0; display: flex; display: -webkit-flex; justify-content: center;}
	.team{padding: 4vw 0; margin: 3vw 0;}
	.bottom-box .left,.bottom-box .right,.sub .submit-btn{width: 100%;}
	.contacts li{margin-left: 0; flex-direction: column;}
	.contacts li .text{width: 100%;}
	.contacts li .map{margin-left: 0; width: 100%;}
	.contacts li .text .title{font-size: 1.5em;}
	#theForm .container{padding: 0 2vw;}
	#topSwiper .text .title{font-size: 14px;}
	#topSwiper .text p{font-size: 12px;}
	#topSwiper .text .more{font-size: 12px; line-height: 180%;}
	.menu-respon.reveal{overflow: scroll; overflow-x: hidden; overflow-y: auto;}
	.menu-respon.reveal .nav-pills > li{opacity: 1 !important; width: calc(100% - 30px); position: relative;}
    .menu-respon.reveal .nav-pills > li a{display: block; padding-left: 0 !important;}
	.nav-pills > li i{display: inline-block;}
	@keyframes sonNav {
		0%{
			height: 0;
		}
		to{
			height: auto;
		}
	}
	.nav-child.unstyled.small.active,.nav-pills>li:hover .nav-child.unstyled.small.active{display: block !important; margin-right: 0; padding: 0 10px; width: 100%  }
	.lans{display: none;}
	.index-se5 .item .image{text-align: center}
	.index-se5 .item .image img{max-width: 100%; display: block; margin: 0 auto}
	.column-nav-view ul{text-align: left; display: block;}
	.column-nav-view li{width: 48%; margin: 0 0 15px 0; text-align: center; border: 1px solid #ccc; border-radius: 5px;}
	.column-nav-view li:nth-child(2n){margin-left: 4%;}
	.column-nav-view li a{width: 100%; margin-right: 0; font-size: 13px;}
	.column-nav-view li a.active{background-color: #337ab7; color: #fff; border-color: #337ab7;}
	.introduction-s3 .ball{display: none;}
	.joinusTable td{font-size: 14px; height: 60px; line-height: 25px;}
	.joinusTable .tr td.addtime{vertical-align: middle;}
	.joinusTable .tr td.addtime::after{top: 50%; margin-top: -6px;}
	.lans{display: none !important;}
	.nav-child.unstyled.small{background-color: none !important;}
	.nav-child.unstyled.small.active, .nav-pills>li:hover .nav-child.unstyled.small.active{padding-left: 0 !important;}
	.back-to-top{border: 0 !important;}
	.indexData li .data{font-size: 25px;}
	.indexData li .title{max-width: 40%;}
	.section01 .row{padding: 0 2vw;}
	.section01 .col-sm-5{padding-left: 0; padding-right: 0;}
	.section01 .col-sm-7.style-right{padding: 2vw 2%; font-size: 14px;}
	.a-box .a-btn,.sub .submit-btn{display: inline-block; width: auto; height: 35px; line-height: 35px; font-size: 14px; padding: 0 10px;}
	.a-box{margin-top: 0;}
	.a-box .a-btn::before,.a-box .a-btn::after{display: none !important;}
	.index-se5{margin-top: 2vw;}
	.index-se5 .item{border-bottom: 10px solid #ededed;}
	.index-se5 .item .content{padding: 3vw; min-height: 100px;}
	.index-se5 .item:nth-child(even) .image,.index-se5 .item:nth-child(even) .content{transform: none;}
	.typename{font-size: 1.6rem;}
	.introduction-s1 .left .company{font-size: 16px;}
	.introduction-s1 .content,.introduction-s3 ul li p{font-size: 14px;}
	.introduction-s3 ul li{padding-bottom: 10px; padding-right: 20px;}
	.team .typename{font-size: 1.6rem;}
	.team li .title{font-size: 16px;}
	.page_header #menu .nav>li ul li a{padding-left: 24px !important;}
	.syblist li .img{text-align: center;}
	.syblist li .img img{max-width: 100%; margin: 0 auto; display: block;}
  section.applications .applications-item .applications-content{height: auto; width: calc(100% - 10px); padding: 0 2%; left: 5px}
    section.applications .applications-item .applications-content h4{line-height: 150%; color: #fff; min-height: auto;}
}