* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { height: 100%; opacity: 0; transition: .8s; background: #fff; }
.wrapper { width: 1200px; margin: 0 auto; }

@media screen and (max-width:1279px) {
    .wrapper { width: 96%; }
}

/* s-header */

header { width: 100%; height: 135px; background: #fff; }
.logo { float: left; width: auto; height: 64px; margin-top: 30px; }
.top { float: right; margin-top: 20px; display: block; }
.top .search { width: 220px; height: 30px; border-radius: 2px; padding-right: 30px; position: relative; float: left; margin-right: 32px; }
.top .search input[type='text'] { width: 100%; height: 30px; border: 1px solid #dcdcdc; border-right: none; padding: 0 10px; font-size: 12px; color: #666; -webkit-transition: all .4s; transition: all .4s; }
.top .search input[type='text']:focus { box-shadow: 0 0 5px #1262a9; }
.top .search input[type='button'] { width: 30px; height: 30px; background: #1262a9 url('../images/icon/icon_search.png') no-repeat center; position: absolute; right: 0px; top: 0px; border-radius: 2px; cursor: pointer; }
.top .call { float: left; line-height: 28px; }
.top .call img { display: inline-block; vertical-align: middle; margin-right: 5px; }
.top .call span { font-size: 14px; color: #1262a9; display: inline-block; vertical-align: middle; }
.nav { float: right; width: 75%; text-align: right; margin-top: 20px; }
.nav_item { display: inline-block; margin-left: 6%; position: relative; }
.nav_item:first-child { margin-left: 0; }
.nav_item > a { display: inline-block; font-size: 18px; color: #333; position: relative; -webkit-transition: all .4s; transition: all .4s; padding: 0 1px; padding-bottom: 13px; }
.nav_item > a:before { }

@media screen and (min-width:1001px) {
    .nav_item.active > a { color: #1262a9; }
    .nav_item.active > a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #1262a9; }
    .nav_item:hover > a { color: #1262a9; }
    .nav_item:hover > a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #1262a9; }
}

.nav_item_open { width: auto; height: auto; position: absolute; left: 0; top: 100%; z-index: 10; margin-top: -3px; box-shadow: 0 4px 15px 0 rgba(0, 12, 49, 0.5); background: #fff; border-radius: 4px; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; }
.nav_item:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
.subopen { display: none; }
.nav_item2 { width: 100%; line-height: 40px; }
.nav_item2 a { display: block; padding: 0 25px; font-size: 14px; white-space: nowrap; text-align: left; }
.nav_item2:hover a { background: #1262a9; color: #fff; }
.menu_open { display: none; }
.search_btn { display: none; }

@media screen and (max-width:1279px) {
    .nav_item > a { font-size: 15px; }
}

@media screen and (max-width:1023px) {
    .nav_item > a { font-size: 14px; }
}

@media screen and (max-width:1000px) {
    header { height: 85px; }
    .top .call { display: none; }
    .logo { margin-top: 20px; width: auto; height: 45px; }
    .top { margin-top: 28px; }
    .menu_open { float: right; display: block; width: 24px; height: 20px; margin-top: 33px; }
    .menu_open i { height: 2px; width: 100%; background: #000; display: block; margin-bottom: 7px; }
    .nav_bg { float: none; margin: 0; position: fixed; top: 0; left: -50%; z-index: 100; overflow: hidden; width: 50%; height: 100%; background: #333; color: rgba(255, 255, 255, .6); }
    .hcover { width: 50%; height: 100%; background: rgba(0, 0, 0, .6); position: fixed; right: -50%; top: 0; z-index: 101; }
    .nav { margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding-top: 20px; text-align: left; }
    .nav_item { float: none; margin: 0; width: 100%; }
    .nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .15); margin-left: 20px; }
    .nav_item > a { display: block; margin: 0; font-size: 14px; line-height: 1.8; color: inherit; padding: 10px 10px 10px 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 40px; }
    .nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 40px; height: 100%; }
    .nav_item i:before { content: ""; display: block; height: 100%; border-left: 1px solid rgba(0, 0, 0, .15); position: absolute; top: 0; left: 0; }
    .nav_item i:after { content: ""; display: block; width: 7px; height: 7px; margin-bottom: -5px; border: 2px solid rgba(255, 255, 255, .3); border-top: 0; border-left: 0; position: absolute; bottom: 50%; right: 18px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background: #333; border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; }
    .subopen { display: block; }
    .subopen a { display: block; overflow: hidden; margin: 0; padding: 30px 10px 10px 20px; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: rgba(255, 255, 255, .3); background: rgba(0, 0, 0, .1); text-indent: 20px; position: relative; }
    .subopen a:before { content: ""; display: block; width: 7px; height: 7px; position: absolute; bottom: 50%; left: 22px; margin-bottom: -15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 2px solid rgba(255, 255, 255, .3); border-right: 0; border-bottom: 0; }
    .nav_item2 { position: relative; }
    .nav_item2 a { display: block; overflow: hidden; margin: 0; line-height: 1.8; padding: 10px 10px 10px 20px; white-space: nowrap; text-overflow: ellipsis; color: inherit; }
    .nav_item2:after { content: ""; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(0, 0, 0, .15); margin-left: 20px; }
}

@media screen and (max-width:640px) {
    header { height: 60px; }
    header .wrapper { height: 100%; position: relative; z-index: 10; }
    .logo { margin-top: 13px; width: auto; height: 34px; }
    .search_btn { display: block; width: 30px; height: 30px; background: url('../images/icon/icon_search_b.png') no-repeat center; -webkit-background-size: 24px auto; background-size: 24px auto; border-radius: 2px; float: right; margin-top: 15px; margin-right: 20px; }
    .menu_open { margin-top: 20px; }
    .top { margin-top: 0; width: 100%; height: 55px; background: #dcdcdc; position: absolute; left: 0; top: 60px; z-index: 9; border-top: 1px solid #d1d1d1; display: none; }
    .top .search { float: none; width: 80%; margin: 0 auto; margin-top: 12px; }
}

/* e-header */


/* s-footer */

footer { background: #f5f5f5; }
footer > .wrapper { padding: 25px 160px 50px 200px; }
.foot_item1 { float: left; width: 200px; margin-left: -200px; }
.foot_item1 h4 { font-size: 30px; color: #333; font-weight: bold; margin-bottom: 23px; }
.foot_item1 .ul1 { margin-bottom: 33px; }
.foot_item1 .ul1 li { font-size: 14px; color: #666; padding-left: 30px; margin-bottom: 15px; position: relative; }
.foot_item1 .ul1 li img { position: absolute; left: 0; top: 1px; bottom: 0; margin: auto 0; }
.foot_item1 h5 { font-size: 24px; color: #666; margin-bottom: 20px; }
.foot_item1 .ul2 { overflow: hidden; }
.foot_item1 .ul2 a { float: left; margin-right: 10px; background: none; -webkit-transition: all .4s; transition: all .4s; }
.foot_item1 .ul2 a.bds_sqq { background: url('../images/icon/icon03_1.png') no-repeat center; }
.foot_item1 .ul2 a.bds_weixin { background: url('../images/icon/icon03_2.png') no-repeat center; }
.foot_item1 .ul2 a.bds_tsina { background: url('../images/icon/icon03_3.png') no-repeat center; }
.foot_item1 .ul2 a.bds_sqq:hover { background: url('../images/icon/icon03_4.png') no-repeat center; }
.foot_item1 .ul2 a.bds_weixin:hover { background: url('../images/icon/icon03_5.png') no-repeat center; }
.foot_item1 .ul2 a.bds_tsina:hover { background: url('../images/icon/icon03_6.png') no-repeat center; }
.foot_item2 { float: left; margin-top: 5px; width: 100%; }
.foot_item2 dl { float: left; max-width: 98px; margin: 0 11%; overflow: hidden; }
.foot_item2 dl dt { font-size: 18px; color: #333; margin-bottom: 15px; }
.foot_item2 dl dd { margin-bottom: 10px; }
.foot_item2 dl dd a { display: inline-block; font-size: 14px; line-height: 20px; color: #666; -webkit-transition: all .4s; transition: all .4s; position: relative; white-space: nowrap; }
.foot_item2 dl dd a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #1262a9; -webkit-transition: all .4s; transition: all .4s; }
.foot_item2 dl dd a:hover { color: #1262a9; }
.foot_item2 dl dd a:hover:before { width: 100%; }
.foot_item3 { float: right; margin-top: 5px; width: 160px; margin-right: -160px; }
.foot_item3 ul { width: 100%; }
.foot_item3 ul li { padding-bottom: 20px; border-bottom: 1px dashed #d2d2d2; margin-bottom: 19px; }
.foot_item3 ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
.foot_item3 ul li a { font-size: 18px; color: #333; -webkit-transition: all .4s; transition: all .4s; }
.foot_item3 ul li a:hover { color: #1262a9; }
.foot_item4 { width: 100%; height: 90px; background: #1262a9; }
.foot_item4 .wrapper { position: relative; padding-top: 24px; }
.foot_item4 p { font-size: 12px; color: #fff; }
.foot_item4 p a { font-size: 12px; color: #fff; }
.foot_item4 p.p1 { margin-bottom: 14px; }
.go_top { width: 60px; height: 60px; position: fixed; right: 0; bottom: 15px; z-index: 99; display: none; }

.bd_weixin_popup { width: 250px!important; height: 300px!important; }


@media screen and (max-width:1279px) {
    .foot_item2 dl { margin: 0 9%; }
}

@media screen and (max-width:1000px) {
    .foot_item2 dl { margin: 0 4%; }
}

@media screen and (max-width:768px) {
    footer > .wrapper { padding: 25px 80px 50px 180px; }
    .foot_item1 { width: 180px; margin-left: -180px; }
    .foot_item1 .ul1 li { font-size: 13px; }
    .foot_item2 dl { max-width: 84px; }
    .foot_item2 dl dd a { font-size: 12px; }
    .foot_item3 { width: 80px; margin-right: -80px; }
}

@media screen and (max-width:640px) {
    footer > .wrapper { padding: 30px 0 10px; }
    .foot_item2 { display: none; }
    .foot_item1 { float: none; margin: 0; width: 100%; }
    .foot_item1 h4 { font-size: 22px; font-weight: normal; margin-bottom: 15px; text-align: center; }
    .foot_item1 .ul1 { margin-bottom: 20px; padding: 0 4%; }
    .foot_item1 h5 { font-size: 22px; color: #333; margin-bottom: 5px; text-align: center; display: none; }
    .foot_item1 .ul2 { text-align: center; display: none; }
    .foot_item1 .ul2 a { float: none; display: inline-block; }
    .foot_item3 { float: none; margin: 0; width: 100%; margin-top: 10px; }
    .foot_item3 ul { overflow-y: hidden; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
    .foot_item3 ul li { border-bottom: none; padding-bottom: 0; margin-bottom: 0; width: 25%; float: left; }
    .foot_item3 ul li a { display: block; text-align: center; font-size: 14px; color: #666; line-height: 40px; position: relative; }
    .foot_item3 ul li a:before { content: ''; display: block; width: 1px; height: 15px; background: #d2d2d2; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }
    .foot_item3 ul li:first-child a:before { display: none; }
    .foot_item4 { height: auto; }
    .foot_item4 .wrapper { padding: 0; padding: 10px 18% 10px 0; }
    .foot_item4 p { line-height: 1.8; }
    .foot_item4 p.p1 { margin-bottom: 3px; }
    .go_top { width: 40px; height: 40px; bottom: 20px; }
}

/* e-footer */


/* s-首页 */

.banner { width: 100%; overflow-x: hidden; }
.banner .swiper-container { max-width: 1920px; }

@media screen and (max-width:640px) {
    .banner .swiper-button-next, .banner .swiper-button-prev { display: none; }
}

.icase { width: 100%; min-height: 937px; padding: 100px 0 80px 0; }
.icase .wrapper { }
.ih4 { text-align: center; margin-bottom: 50px; }
.ih4 span { font-size: 30px; line-height: 1.8; color: #333; display: inline-block; vertical-align: middle; margin: 0 30px; }
.ih4:before { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 2px; background: #1262a9; }
.ih4:after { content: ''; display: inline-block; vertical-align: middle; width: 20px; height: 2px; background: #1262a9; }
.icase .p1 { font-size: 18px; line-height: 2; color: #666; text-align: center; margin-bottom: 50px; }
.icase_l { float: left; width: 66.6666%; padding-right: 20px; position: relative; }
.icase_l .swiper-slide { width: 50%; }
.icase_l .swiper-slide .img { width: 100%; height: 100%; overflow: hidden; }
.icase_l .swiper-slide .img img { width: 100%; height: 100%; -webkit-transition: all .5s; transition: all .5s; transform: scale(1.0, 1.0); }
.icase_l .swiper-slide .txt { width: 70%; height: 60px; background: rgba(0, 0, 0, .7); font-size: 18px; color: #fff; text-align: center; line-height: 60px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: none; }
.icase_l .swiper-slide:hover .img img { transform: scale(1.05, 1.05); }

.icase_l .swiper-button-prev, .icase_l .swiper-button-next { width: 40px; height: 40px; border-radius: 4px; top: auto; bottom: -80px; }
.icase_l .swiper-button-prev { background: #1262a9; /*left: 41.2%;*/ left: 39%; }
.icase_l .swiper-button-prev:after { content: ""; display: block; width: 14px; height: 14px; position: absolute; bottom: 50%; left: 50%; margin-bottom: -8px; margin-left: -4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 3px solid #fff; border-right: 0; border-bottom: 0; }
.icase_l .swiper-button-next { background: #1262a9; left: 53.5%; right: auto; }
.icase_l .swiper-button-next:after { content: ""; display: block; width: 14px; height: 14px; position: absolute; bottom: 50%; right: 50%; margin-bottom: -8px; margin-right: -4px; -webkit-transform: rotate(135deg); transform: rotate(135deg); border: 3px solid #fff; border-right: 0; border-bottom: 0; }
.icase_l .swiper-pagination { bottom: -80px; padding-right: 20px; }
.icase_l .swiper-pagination-total { display: none; }
.icase_l .swiper-pagination-current { display: inline-block; font-size: 20px; color: #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; background: #1262a9; }

.icase_r { float: right; width: 33.3334%; background: url('../images/img/img03.jpg') no-repeat left top; -webkit-background-size: cover; background-size: cover; }
.icase_r h5 { font-size: 30px; color: #fff; margin-bottom: 30px; }
.cform { }
.cform dl { width: 100%; overflow: hidden; padding-left: 60px; padding-bottom: 20px; }
.cform dl dt { font-size: 18px; color: #fff; line-height: 50px; float: left; margin-left: -60px; }
.cform dl dd { float: left; width: 100%; }
.cform dl dd input[type='text'] { width: 100%; height: 50px; border-radius: 4px; border: 1px solid #fff; background: rgba(255, 255, 255, .3); font-size: 16px; color: #fff; padding: 0 10px; letter-spacing: 1px; }
.cform dl dd textarea { width: 100%; height: 180px; resize: none; border-radius: 4px; border: 1px solid #fff; background: rgba(255, 255, 255, .3); font-size: 16px; color: #fff; line-height: 1.8; padding: 5px 10px; letter-spacing: 1px; }
.cform dl dd .submit { width: 140px; height: 48px; background: #fff; border-radius: 4px; font-size: 16px; color: #1262a9; -webkit-transition: all .4s; transition: all .4s; }
.cform dl dd .submit:hover { box-shadow: 0 8px 15px 0 rgba(0, 12, 49, .2); }

@media screen and (max-width:1279px) {
    .icase { padding: 50px 0 60px 0; min-height: 0; }
    .ih4 { margin-bottom: 30px; }
    .icase .p1 { margin-bottom: 30px; }
    .icase_l { padding-right: 10px; }
    .icase_l .swiper-slide .txt { height: 50px; line-height: 50px; }
    .icase_l .swiper-button-prev, .icase_l .swiper-button-next { bottom: -60px; }
    .icase_l .swiper-button-prev { left: 38.5%; }
    .icase_l .swiper-button-next { left: 53.8%; }
    .icase_r h5 { font-size: 24px; margin-bottom: 15px; }
    .cform dl { padding-bottom: 15px; }
    .cform dl dt { font-size: 16px; line-height: 40px; }
    .cform dl dd input[type='text'] { height: 40px; }
    .cform dl dd textarea { height: 140px; }
    .cform dl dd .submit { width: 120px; height: 40px; }
    .icase_l .swiper-pagination { bottom: -60px; padding-right: 10px; }
}

@media screen and (max-width:1023px) {
    .ih4 { margin-bottom: 20px; }
    .ih4 span { font-size: 26px; margin: 0 20px; }
    .icase .p1 { font-size: 15px; line-height: 1.6; margin-bottom: 20px; }
    .icase_l .swiper-slide .txt { font-size: 15px; height: 42px; line-height: 42px; }
    .icase_l .swiper-button-prev { left: 35%; }
    .icase_l .swiper-button-next { left: 54.8%; }
    .icase_r h5 { font-size: 20px; margin-bottom: 15px; }
    .cform dl { padding-bottom: 15px; padding-left: 50px; }
    .cform dl dt { font-size: 15px; margin-left: -50px; line-height: 32px; }
    .cform dl dd input[type='text'] { height: 32px; font-size: 14px; }
    .cform dl dd textarea { height: 95px; font-size: 14px; }
    .cform dl dd .submit { font-size: 14px; width: 90px; height: 32px; }
}

@media screen and (max-width:767px) {
    .icase { padding: 30px 0 20px 0; }
    .ih4 { }
    .ih4 span { font-size: 20px; margin: 0 10px; }
    .icase .p1 { font-size: 14px; text-align: left; line-height: 1.8; }
    .icase_l { float: none; width: 100%; padding: 0; }
    .icase_l .swiper-button-prev { left: 31%; }
    .icase_l .swiper-button-next { left: auto; right: 31%; }
    .icase_l .swiper-slide .txt { width: 60%; height: 50px; line-height: 50px; border-radius: 4px; }

    .icase_r { float: none; width: 100%; padding: 30px; margin-bottom: 15px; margin-top:100px; }
    .icase_l .swiper-pagination { padding-right:0px; }


}

@media screen and (max-width: 320px) {
    .ih4 span { font-size: 18px; }
    .icase_r h5 { font-size: 18px; }
    .icase_l .swiper-button-prev { left: 28%; }
    .icase_l .swiper-button-next { left: auto; right: 28%; }
    
}

.inews { width: 100%; padding: 50px 0; }
.inews_ul { }
.inews_ul li { float: left; width: 48%; margin-bottom: 20px; padding: 20px; padding-left: 100px; position: relative; -webkit-transition: .4s; transition: .4s; }
.inews_ul li:nth-child(2n+2) { float: right; }
.inews_ul li .date { width: 60px; height: 74px; border: 1px solid #dcdcdc; font-size: 30px; color: #ccc; text-align: center; font-family: 'Arial'; position: absolute; left: 20px; top: 20px; padding-top: 6px; }
.inews_ul li .date span { display: block; width: 100%; background: #dcdcdc; font-size: 14px; color: #999; line-height: 30px; position: absolute; bottom: 0; left: 0; }
.inews_ul li h5 { font-size: 18px; color: #333; margin-bottom: 15px; width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: .4s; transition: .4s; }

@media screen and (min-width: 1024px) {
    .inews_ul li:hover { border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
    .inews_ul li:hover h5 { color: #1262a9; }
}


.inews_ul li p { font-size: 14px; color: #666; line-height: 24px; height: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.more_btn { display: block!important; width: 240px; height: 60px; background: #1262a9!important; font-size: 18px!important; color: #fff!important; text-align: center; line-height: 60px!important; margin: 40px auto 0; padding: 0!important; }
.more_btn:hover { }

@media screen and (max-width: 1279px) {
    .more_btn { margin: 20px auto 0; }
}

@media screen and (max-width: 1023px) {
    .more_btn { width: 160px; height: 46px; font-size: 16px!important; line-height: 46px!important; margin: 0px auto 0; }
}

@media screen and (max-width: 767px) {
    .inews { padding: 20px 0; }
    .inews_ul li { float: none; width: 100%; margin-bottom: 25px; padding: 0px; padding-left: 75px; }
    .inews_ul li:nth-child(2n+2) { float: none; }
    .inews_ul li h5 { font-size: 16px; margin-bottom: 10px; }
    .inews_ul li .date { left: 0; top: 0; }
}

.iabout { width: 100%; padding: 50px 0; }
.iabout_ul { width: 100%; padding: 0 .5%; }
.iabout_ul li { float: left; width: 33%; }
.iabout_ul_item1 { position: relative; }
.iabout_ul_item1 .img { width: 100%; height: 100%; position: relative; overflow: hidden; }
.iabout_ul_item1 .img img { width: 100%; height: 100%; -webkit-transition: all .5s; transition: all .5s; transform: scale(1.0, 1.0); }
.iabout_ul_item1 .img span { position: absolute; left: 30px; top: 30px; font-size: 30px; color: #fff; }
.iabout_ul_item1 .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; padding: 20px; text-align: center; display: none; }
.iabout_ul_item1 .txt .txt_main { width: 100%; height: 100%; background: rgba(18, 98, 169, .8); padding: 40px; }
.iabout_ul_item1 .txt h5 { font-size: 30px; margin-bottom: 20px; }
.iabout_ul_item1 .txt p { font-size: 14px; line-height: 24px; margin-bottom: 20px; height: 69px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.iabout_ul_item1 .txt a { display: inline-block; width: 120px; height: 30px; line-height: 30px; background: #fff; font-size: 14px; color: #1262a9; border-radius: 2px; }
.iabout_ul_item1:hover .img img { transform: scale(1.1, 1.1); }
.iabout_ul_item2 { }
.iabout_ul_item2 h5 { font-size: 30px; color: #333; margin-bottom: 20px; -webkit-transition: all .4s; transition: all .4s; }
.iabout_ul_item2 p { font-size: 14px; line-height: 2; color: #666; height: 168px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; -webkit-transition: all .4s; transition: all .4s; }
.iabout_ul_item2:hover h5 { color: #1262a9; }
.iabout_ul_item2:hover p { color: #1262a9; }

@media screen and (max-width: 1279px) {
    .iabout { padding: 20px 0 50px; }
    .iabout_ul_item1 .img span { font-size: 24px; }
    .iabout_ul_item1 .txt .txt_main { padding: 20px; }
    .iabout_ul_item1 .txt h5 { font-size: 24px; margin-bottom: 10px; }
    .iabout_ul_item1 .txt p { font-size: 13px; line-height: 1.8; height: 66px; margin-bottom: 15px; }
    .iabout_ul_item1 .txt a { font-size: 12px; width: 100px; }
    .iabout_ul_item2 h5 { font-size: 24px; margin-bottom: 10px; }
    .iabout_ul_item2 p { font-size: 13px; line-height: 1.8; height: 138px; }
}

@media screen and (max-width: 1023px) {
    .iabout_ul li { width: 50%; }
    .iabout_ul li:nth-child(4n+3) { float: right; }
}

@media screen and (max-width: 767px) {
    .iabout { padding: 20px 0; }
    .iabout_ul li { width: 100%; float: none; }
    .iabout_ul li:nth-child(4n+3) { float: none; }
}

/* e-首页 */


/* s-企业介绍 */

.g_banner { width: 100%; overflow-x: hidden; }
.banner_in { max-width: 1920px; width: 100%; margin: 0 auto; }
.crumb { width: 100%; height: 81px; border-bottom: 1px solid #dcdcdc; }
.crumb .tt { font-size: 30px; color: #1262a9; font-weight: bold; float: left; line-height: 80px; }
.crumb_nav { float: right; font-size: 14px; color: #999; line-height: 80px; }
.crumb_nav a { color: inherit; padding-right: 11px; margin-right: 5px; position: relative; -webkit-transition: all .4s; transition: all .4s; }
.crumb_nav a:after { content: ''; display: inline-block; width: 1px; height: 14px; background: #999; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; -webkit-transform: rotate(20deg); transform: rotate(20deg); }
.crumb_nav a:last-child { padding-right: 0; }
.crumb_nav a:last-child:after { display: none; }
.crumb_nav a:hover { color: #1262a9; }
.profile { width: 100%; padding: 60px 0; }
.g_tab_nav { text-align: center; margin-bottom: 60px; }
.g_tab_nav ul li { padding: 0; border-radius: 0!important; display: inline-block; vertical-align: middle; width: 120px; height: 44px; border: 1px solid #dcdcdc; margin: 0 10px; background: #fff; color: #333; /*-webkit-transition: all .4s; transition: all .4s;*/ }
.g_tab_nav ul li a { display: block; font-size: 16px; line-height: 42px; color: inherit; }
.g_tab_nav ul li.active { background: #1262a9; border: 1px solid #1262a9; color: #fff; }
.g_tab_nav ul li:hover { background: #1262a9; border: 1px solid #1262a9; color: #fff; }
.profile .img { float: left; width: 40%; }
.profile .txt { float: right; width: 55.5%; padding-top: .5%; }
.profile .txt h5 { font-size: 24px; color: #333; margin-bottom: 5px; }
.profile .txt h6 { font-size: 32px; color: rgba(222, 222, 222, .6); text-transform: uppercase; font-family: 'Arial'; margin-bottom: 20px; }
.profile .txt .main p { font-size: 14px; line-height: 24px; color: #666; }

@media screen and (max-width:1023px) {
    .crumb { height: 61px; }
    .crumb .tt { line-height: 60px; font-size: 26px; }
    .crumb_nav { line-height: 60px; }
    .g_tab_nav { margin-bottom: 40px; }
    .g_tab_nav ul li { width: 100px; height: 40px; }
    .g_tab_nav ul li a { line-height: 38px; font-size: 14px; }
    .profile .txt h5 { font-size: 20px; }
    .profile .txt h6 { font-size: 24px; margin-bottom: 15px; }
}

@media screen and (max-width:767px) {
    .banner_in { width: 180%; margin-left: -40%; }
    .crumb { display: none; }
    .profile { padding: 30px 0; }
    .g_tab_nav { margin-bottom: 20px; }
    .g_tab_nav ul { overflow: hidden; }
    .g_tab_nav ul li { float: left; margin: 0; width: 25%; }
    .g_tab_nav ul li:not(:last-child) { border-right: none; }
    .profile .img { float: none; width: 100%; margin-bottom: 15px; }
    .profile .txt { float: none; width: 100%; }
}

@media screen and (max-width:320px) {
    .g_tab_nav ul li a { font-size: 13px; }
}

/* e-企业介绍 */


/* s-品牌管理 */

.brand { width: 100%; padding: 60px 0; }
.brand .txt { width: 65%; float: left; }
.brand .txt h5 { font-size: 24px; color: #333; margin-bottom: 5px; }
.brand .txt h6 { font-size: 32px; color: rgba(222, 222, 222, .6); text-transform: uppercase; font-family: 'Arial'; margin-bottom: 20px; }
.brand .txt .main p { font-size: 14px; line-height: 24px; color: #666; }
.brand .img { float: right; width: 30%; }
.brand .tab { clear: both; margin-top: 50px; }
.brand .tab ul { overflow: hidden; }
.brand .tab ul li { float: left; width: 20%; }
.brand .tab ul li span { display: block; font-size: 24px; color: #fff; background: #1262a9; width: 100%; height: 60px; font-family: 'Arial'; font-style: italic; text-align: center; line-height: 60px; }
.brand .tab ul li:nth-child(even) span { background: #1392db; }
.brand .tab ul li .item { padding: 30px 40px; border: 1px solid #dcdcdc; }
.brand .tab ul li .item p { font-size: 14px; line-height: 22px; color: #333; min-height: 68px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.brand .tab ul li:not(:last-child) .item { border-right: none; }

@media screen and (max-width:1023px) {
    .brand .tab ul li .item { padding: 20px 15px; }
    .brand .txt h5 { font-size: 20px; }
    .brand .txt h6 { font-size: 24px; margin-bottom: 15px; }
}

@media screen and (max-width:640px) {
    .brand { padding: 30px 0; }
    .brand .img { float: none; width: 100%; margin-bottom: 15px; }
    .brand .img img { width: 100%; }
    .brand .txt { float: none; width: 100%; }
    .brand .tab ul li { width: 50%; }
    .brand .tab ul li:not(:last-child) .item { border-right: 1px solid #dcdcdc; }
    .brand .tab ul li:nth-child(even) .item { border-left: none; }
    .brand .tab ul li:nth-child(3) span { background: #1392db; }
    .brand .tab ul li:nth-child(4) span { background: #1262a9; }
}

/* e-品牌管理 */


/* s-发展历程 */

.develop .p_tt { font-size: 14px; color: #333; line-height: 26px; text-align: center; margin-bottom: 60px; }
.time_axis { position: relative; width: 100%; height: 320px; padding: 0 40px; }
.time_axis .swiper-container { height: 100%; padding: 0 20px; }
.time_axis .swiper-slide { height: 100%; }
.time_axis .swiper-slide span { font-size: 18px; color: #1262a9; }
.time_axis .swiper-slide span em { font-size: 30px; }
.time_axis .swiper-slide p { font-size: 14px; color: #333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.time_axis:after { content: ''; display: block; width: 100%; height: 1px; background: #1262a9; position: absolute; left: 0; top: 50%; }
.time_axis .pot { width: 100%; height: 50%; position: absolute; left: 0; top: 0; border-left: 1px solid #1262a9; padding: 20px 0 0 20px; }
.time_axis .pot:before { content: ''; display: block; width: 10px; height: 10px; background: #1262a9; border-radius: 100%; position: absolute; left: -5px; top: 0; }
.time_axis .pot:after { content: ''; display: block; width: 20px; height: 20px; background: url('../images/icon/icon05.png') no-repeat center; position: absolute; left: -10px; bottom: -10px; }
.time_axis .swiper-slide:nth-child(even) .pot { top: auto; bottom: 0; }
.time_axis .swiper-slide:nth-child(even) .pot:before { top: auto; bottom: 0; }
.time_axis .swiper-slide:nth-child(even) .pot:after { bottom: auto; top: -10px; }
.time_axis .swiper-button-prev, .time_axis .swiper-button-next { width: 34px; height: 42px; }
.time_axis .swiper-button-prev { background: url('../images/icon/icon06_1.png') no-repeat center; }
.time_axis .swiper-button-next { background: url('../images/icon/icon06_2.png') no-repeat center; }

@media screen and (max-width:1279px) {
    .develop .p_tt { text-align: left; }
}

@media screen and (max-width:640px) {
    .time_axis .swiper-slide span em { font-size: 26px; }
}

/* e-发展历程 */


/* s-公司资质 */

.quali { width: 100%; overflow: hidden; }
.quali li { float: left; width: 23.75%; margin-right: 1.6666%; margin-bottom: 20px; }
.quali li:nth-child(4n+4) { margin-right: 0; }
.quali li span { display: block; font-size: 16px; color: #333; line-height: 40px; text-align: center; }
.quali_more { display: block; width: 200px; height: 50px; background: #1262a9; font-size: 18px; color: #fff; text-align: center; line-height: 50px; margin: 20px auto 0; }

@media screen and (max-width:1279px) {
    .quali li span { font-size: 14px; }
}

@media screen and (max-width:640px) {
    .quali li { width: 49%; margin-right: 2%; }
    .quali li:nth-child(2n+2) { margin-right: 0; }
    .quali_more { margin-top: 0; font-size: 16px; width: 120px; height: 40px; line-height: 40px; }
}

@media screen and (max-width:320px) {
    .quali li span { font-size: 12px; }
}

/* e-公司资质 */


/* s-公司新闻 */

.news_ul { }
.news_ul li { padding: 0 120px 20px 200px; width: 100%; position: relative; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; -webkit-transition: all .4s; transition: all .4s; }
.news_img { width: 200px; height: 150px; position: absolute; left: 0; top: 0; }
.news_date { width: 120px; height: 150px; position: absolute; right: 0; top: 0; color: #cccccc; font-family: 'Arial'; border-left: 1px solid #dcdcdc; padding: 10px 0 0 50px; }
.news_date em { font-size: 36px; display: block; margin-bottom: 2px; }
.news_date span { font-size: 18px; }
.news_txt { width: 100%; height: 150px; padding: 10px 50px 0 40px; }
.news_txt h4 { font-size: 18px; color: #333; margin-bottom: 15px; width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_txt p { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 20px; height: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_txt span { font-size: 14px; color: #1262a9; }
.news_ul li:hover { border-bottom: 1px solid #1262a9; }
.news_ul li:hover .news_txt h4 { color: #1262a9; }

@media screen and (max-width:1023px) {
    .news_ul li { padding: 0 90px 20px 160px; }
    .news_img { width: 160px; height: 120px; }
    .news_date { width: 90px; height: 120px; padding: 0; padding: 0 0 0 22px; }
    .news_txt { height: 120px; padding: 5px 25px 0; }
    .news_txt h4 { font-size: 17px; margin-bottom: 12px; }
    .news_txt p { font-size: 13px; line-height: 22px; margin-bottom: 10px; height: 41px; }
    .news_txt span { font-size: 13px; }
}

@media screen and (max-width:640px) {
    .news_ul li { padding: 0; padding-bottom: 20px; }
    .news_img { position: static; width: 100%; height: auto; }
    .news_img img { /* width: 100%; */ margin-bottom: 15px; }
    .news_txt { width: 100%; height: auto; padding: 0; }
    .news_date { position: absolute; border-left: none; padding: 0; width: auto; height: auto; top: auto; right: 0; bottom: 20px; display: none; }
    .news_date em { display: inline-block; font-size: 13px; }
    .news_date span { font-size: 13px; }
}

/* e-公司新闻 */


/* s-规范标准 */

.stand_ul { width: 100%; }
.stand_ul li { width: 100%; padding-left: 177px; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; }
.stand_img { width: 177px; height: 250px; position: absolute; left: 0; top: 0;border:1px solid #888; }
.stand_txt { width: 100%; height: 250px; padding-left: 35px; position: relative; }
.stand_txt h5 { font-size: 18px; color: #222; margin-bottom: 15px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.stand_txt p { font-size: 14px; color: #666; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.stand_txt a { display: block; width: 132px; height: 40px; border: 1px solid #adadad; font-size: 14px; color: #222; text-align: center; line-height: 38px; position: absolute; left: 35px; bottom: 0; }

@media screen and (max-width:1023px) {
    .stand_ul li { padding-left: 163px; }
    .stand_img { width: 163px; height: 230px; }
    .stand_txt { height: 230px; }
    .stand_txt a { width: 100px; height: 36px; line-height: 34px; }
}

@media screen and (max-width:640px) {
    .stand_ul li { padding-left: 0; }
    .stand_img { position: static; width: 100%; height: auto; margin-bottom: 15px; }
    .stand_txt { width: 100%; height: auto; padding-left: 0; }
    .stand_txt h5 { font-size: 16px; margin-bottom: 10px; }
    .stand_txt p { margin-bottom: 15px; font-size: 13px; }
    .stand_txt a { position: static; }
}

/* e-规范标准 */


/* s-新闻详情 */

.nd_content { width: 100%; }
.nd_content h3 { font-size: 30px; color: #333; text-align: center; margin-bottom: 20px; padding: 0 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.nd_content p.smail { text-align: center; font-size: 14px; color: #ccc; margin-bottom: 40px; }
.nd_content p.smail span { margin-left: 40px; }
.nd_txt { padding-bottom: 20px; }
.nd_txt p { font-size: 14px; color: #666; line-height: 30px; }
.nd_txt img { margin: 15px auto; }
.nd_page { padding-top: 20px; overflow: hidden; border-top: 1px solid #dcdcdc; margin-top: 20px; }
.nd_page a { float: left; max-width: 45%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #666; -webkit-transition: all .5s; transition: all .5s; }
.nd_page a.nd_next { float: right; }
.nd_page a:hover { color: #1262a9; }

@media screen and (max-width:1023px) {
    .nd_content h3 { font-size: 24px; margin-bottom: 20px; }
    .nd_page a { float: none; display: block; margin: 5px 0; max-width: 80%; }
    .nd_page a.nd_next { float: none; }
}

@media screen and (max-width:640px) {
    .nd_content h3 { font-size: 18px; margin-bottom: 10px; white-space: normal; }
    .nd_content p.smail { margin-bottom: 20px; }
}

/* e-新闻详情 */


/* s-服务内容 */

.service { width: 100%; }
.se_part { width: 100%; height: auto; padding: 60px 0; }
.se_part:nth-child(even) { background: #f5f5f5; }
.part_l { float: left; width: 31.6667%; }
.part_r { float: right; width: 68.3334%; }
.part_b { width: 100%; overflow: hidden; margin-top: 40px; }
.part_l h6 { font-size: 30px; color: #1262a9; margin-bottom: 20px; }
.part_l p { font-size: 46px; color: #1262a9; margin-bottom: 20px; }
.part_l p span { display: block; font-size: 14px; color: #666; }
.part_l a { font-size: 14px; color: #1262a9; text-decoration: underline; }
.part_r p { font-size: 14px; color: #333; line-height: 24px; }
.part_r p.sp1 { text-indent: 28px; margin-bottom: 12px; }
.part_r .sul li { font-size: 14px; color: #333; line-height: 24px; padding-left: 20px; position: relative; }
.part_r .sul li:before { content: ''; display: block; width: 6px; height: 6px; border-radius: 100%; background: #333; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }
.part_b li { float: left; width: 31.6667%; margin-right: 2.4%; margin-bottom: 20px; }
.part_b li:nth-child(3n+3) { margin-right: 0; }

@media screen and (max-width:1023px) {
    .se_part { padding: 30px 0; }
    .part_b { margin-top: 20px; }
}

@media screen and (max-width:640px) {
    .se_part { padding: 20px 0; }
    .part_l { float: none; width: 100%; margin-bottom: 15px; }
    .part_l h6 { font-size: 26px; margin-bottom: 15px; }
    .part_l p { font-size: 30px; }
    .part_l p span { display: inline-block; }
    .part_r { float: none; width: 100%; }
    .part_b ul li { float: none; width: 100%; }
}

/* e-服务内容 */


/* s-产品中心 */

.por_main { }
.por_main ul { overflow: hidden; }
.por_main ul li { float: left; width: 16.6667%; position: relative; -webkit-transition: all .4s; transition: all .4s; }
.por_main ul li .img { width: 100%; height: 100%; overflow: hidden; }
.por_main ul li img { filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .5s; transition: all .5s; transform: scale(1.0, 1.0); }
.por_main ul li .cover { width: 100%; height: 100%; background: rgba(18, 98, 169, .4); position: absolute; left: 0; top: 0; -webkit-transition: all .4s; transition: all .4s; }
.por_main ul li .cover span { width: 160px; height: 50px; border: 1px solid #fff; background: rgba(255, 255, 255, .3); font-size: 18px; color: #fff; text-align: center; line-height: 48px; position: absolute; bottom: -50px; left: 0; right: 0; margin: 0 auto; -webkit-transition: all .5s; transition: all .5s; }
.por_main ul li:hover .cover { background: rgba(18, 98, 169, 0); }
.por_main ul li:hover .cover span { bottom: 60px; }

.por_main ul li:hover img { filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.05, 1.05); }

@media screen and (max-width:1440px) {
    .por_main ul li .cover span { width: 120px; height: 40px; line-height: 38px; font-size: 16px; }
}

@media screen and (max-width:1023px) {
    .por_main ul li { width: 33.333%; }
}

@media screen and (max-width:640px) {
    .por_main ul li .cover span { width: 80px; height: 30px; line-height: 28px; font-size: 13px; bottom: 35px; }
}

/* e-产品中心 */


/* s-产品中心(列表) */

.pro_ul { }
.pro_ul li { float: left; width: 31.6667%; margin-right: 2.5%; margin-bottom: 20px; }
.pro_ul li:nth-child(3n+3) { margin-right: 0; }
.pro_ul li .pro_img { width: 100%; }
.pro_ul li .pro_txt { padding-top: 10px; }
.pro_ul li .pro_txt h5 { font-size: 16px; color: #333; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro_ul li .pro_txt p { font-size: 14px; color: #999; line-height: 22px; height: 42px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media screen and (max-width:1023px) {
    .pro_tab_nav ul li { width: 90px; }
}

@media screen and (max-width:640px) {
    .pro_ul li { float: none; width: 100%; margin-right: 0; }
    .pro_tab_nav ul { border-top: 1px solid #dcdcdc; }
    .pro_tab_nav ul li { width: 33.333%; border-top: none; }
    .pro_tab_nav ul li:not(:last-child) { border-right: 1px solid #dcdcdc; }
    .pro_tab_nav ul li:not(:nth-child(3n+3)) { border-right: none; }
}

/* e-产品中心(列表) */


/* e-产品中心(详情) */

.pd_content { width: 100%; overflow: hidden; margin-bottom: 50px; }
.pd_l { float: left; width: 44.2%; }
.pd_r { float: right; width: 50%; }
.pd_r h5 { font-size: 24px; color: #333; margin-bottom: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pd_r p.pd_p1 { font-size: 14px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.pd_ul { margin-top: 40px; }
.pd_ul li { margin-bottom: 30px; }
.pd_ul li h6 { font-size: 18px; color: #333; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dcdcdc; }
.pd_ul li p { font-size: 14px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.other { }
.other h4 { font-size: 30px; color: #333; margin-bottom: 30px; }
.other ul li { float: left; width: 23.083%; margin-right: 2.5%; }
.other ul li:nth-child(4n+4) { margin-right: 0; }
.other ul li p { font-size: 16px; color: #333; padding: 10px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.bs_sec2 { width: 530px; height: 398px; position: relative; margin-bottom: 10px; }
.bs_sec2:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; }
.bs_sec2 img { position: absolute; left: 0; top: 0; display: none; }
.bs_sec3 { width: 530px; height: 83px; position: relative; }
.bs_sec3 .wrap_show { width: 470px; height: 83px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.bs_sec3 ul { width: 9999px; overflow: hidden; }
.bs_sec3 ul li { float: left; width: 110px; height: 83px; margin-right: 10px; }
.bs_sec3 ul li img { opacity: .6; }
.bs_sec3 ul li.active img { opacity: 1; }
.bs_sec3 a.btn_arrow { display: block; width: 20px; height: 83px; position: absolute; top: 0; }
.bs_sec3 a.btn_arrow_top { left: 0; }
.bs_sec3 a.btn_arrow_bottom { right: 0; }
.bs_sec4 { display: none; }

@media screen and (max-width:1279px) {
    .bs_sec2 { width: 428px; height: 321px; }
    .bs_sec3 { width: 428px; height: 70px; }
    .bs_sec3 .wrap_show { width: 384px; height: 70px; }
    .bs_sec3 ul li { width: 93px; height: 70px; margin-right: 4px; }
    .bs_sec3 a.btn_arrow { width: auto; height: 70px; }
    .pd_r { width: 52%; }
}

@media screen and (max-width:1023px) {
    .pd_l { float: none; width: 100%; margin-bottom: 20px; }
    .pd_r { float: none; width: 100%; }
    .bs_sec2 { width: 530px; height: 398px; margin: 0 auto 10px; }
    .bs_sec3 { width: 530px; height: 83px; margin: 0 auto; }
    .bs_sec3 .wrap_show { width: 470px; height: 83px; }
    .bs_sec3 ul li { width: 110px; height: 83px; margin-right: 10px; }
    .bs_sec3 a.btn_arrow { width: 20px; height: 83px; }
    .pd_ul { margin-top: 20px; }
    .pd_ul li { margin-bottom: 10px; }
    .pd_content { margin-bottom: 20px; }
    .other ul li p { font-size: 14px; }
}

@media screen and (max-width:640px) {
    .other h4 { font-size: 24px; margin-bottom: 15px; }
    .other ul li { width: 48.5%; margin-right: 0; margin-bottom: 10px; }
    .other ul li:nth-child(2n+2) { float: right; }
    .pd_l { display: none; }
    .bs_sec4 { display: block; margin-bottom: 30px!important; }
}

/* e-产品中心(详情) */


/* s-工程案例 */

.case_tab_nav { }
.case_tab_nav ul li { width: 130px; margin: 0 5px; }
.case_tab_nav ul li a { font-size: 15px; }
.case_ul { }
.case_ul li { float: left; width: 47.5%; margin-bottom: 40px; }
.case_ul li:nth-child(2n+2) { float: right; }
.case_img { width: 100%; }
.case_txt { width: 100%; padding-right: 15%; padding-top: 10px; position: relative; }
.case_txt h6 { font-size: 18px; color: #333; margin-bottom: 10px; -webkit-transition: all .4s; transition: all .4s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.case_txt p { font-size: 14px; color: #666; line-height: 24px; height: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.case_txt i { width: 40px; height: 100%; background: #eaeaea; display: block; position: absolute; right: 0; top: 0; -webkit-transition: all .4s; transition: all .4s; }
.case_txt i:after { content: ''; display: block; width: 8px; height: 8px; border: 2px solid #a3a3a3; border-top: 0; border-left: 0; position: absolute; top: 50%; right: 50%; margin-right: -4px; margin-top: -4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .4s; transition: all .4s; }
.case_ul li:hover .case_txt h6 { color: #1262a9; }
.case_ul li:hover .case_txt i { background: #1262a9; }
.case_ul li:hover .case_txt i:after { border: 2px solid #fff; border-top: 0; border-left: 0; }

@media screen and (max-width:1279px) {
    .case_tab_nav ul li { width: 110px; margin: 0 3px; }
    .case_tab_nav ul li a { font-size: 13px; }
}

@media screen and (max-width:1023px) {
    .case_tab_nav ul li { width: auto; padding: 0 8px; margin: 0 2px; }
    .case_txt i { width: 30px; }
    .case_txt h6 { font-size: 16px; }
    .case_txt p { font-size: 13px; line-height: 22px; height: 41px; }
}

@media screen and (max-width:640px) {
    .case_tab_nav ul { border-top: 1px solid #dcdcdc; }
    .case_tab_nav ul li { width: 25%; padding: 0; margin: 0; border-top: none!important; }
    .case_tab_nav ul li a { font-size: 12px; }
    .case_tab_nav ul li:not(:last-child) { border: 1px solid #dcdcdc; }
    .case_tab_nav ul li:not(:nth-child(4n+4)) { border-right: none; }
    .case_ul li { float: none; width: 100%; margin-bottom: 20px; }
    .case_ul li:nth-child(2n+2) { float: none; }
}

@media screen and (max-width:320px) {
    .case_tab_nav ul li a { font-size: 10px; }
}

/* e-工程案例 */


/* s-工程案例详情 */

.case_d_ul { margin: 20px 0; }
.case_d_ul li { margin-bottom: 10px; }
.case_d_ul li span { font-size: 14px; color: #666; font-weight: bold; }
.case_d_ul li p { font-size: 14px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.case_p1 { font-size: 14px; color: #1262a9; }

/* e-工程案例详情 */


/* s-人力资源 */

.hu_ul1 { margin-bottom: 50px; }
.hu_ul1 li { float: left; width: 50%; }
.hu_ul1_l { padding-right: 5%; }
.hu_ul1_r { padding-left: 5%; border-left: 1px solid #dcdcdc; }
.hu_ul1 li span { display: block; font-size: 30px; color: #333; margin-bottom: 30px; }
.hu_ul1 li p { font-size: 14px; color: #666; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.hu_ul2 { width: 100%; }
.hu_ul2_th { width: 100%; background: #eaeaea; overflow: hidden; }
.hu_ul2_th span { float: left; width: 16.6667%; line-height: 50px; font-size: 14px; color: #666; padding-left: 30px; border-left: 1px solid #fff; }
.hu_ul2_th span:last-child { padding-left: 0; text-align: center; }
.hu_ul2_tr { border-bottom: 1px solid #eaeaea; cursor: pointer; max-height: 50px; overflow: hidden; -webkit-transition: all .4s; transition: all .4s; }
.hu_ul2_tr > span { float: left; width: 16.6667%; height: 50px; line-height: 50px; font-size: 14px; color: #333; padding-left: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hu_ul2_tr > span:nth-child(6) { position: relative; }
.hu_ul2_tr > span:nth-child(6):after { content: ''; display: block; width: 10px; height: 10px; border: 2px solid #999; border-top: none; border-left: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .4s; transition: all .4s; position: absolute; left: 50%; top: 50%; margin-top: -10px; margin-left: -5px; }
.hu_ul2_tr_active { cursor: default; max-height: 361px; }
.hu_ul2_tr_active > span { color: #1262a9; }
.hu_ul2_tr_active > span:nth-child(6):after { margin-top: -4px; -webkit-transform: rotate(225deg); transform: rotate(225deg); border: 2px solid #1262a9; border-top: none; border-left: none; }
.hu_main { width: 100%; height: 310px; padding: 20px 30px; overflow: hidden; }
.hu_main_ul { width: 100%; height: auto; }
.hu_main_ul li { margin-bottom: 10px; }
.hu_main_ul li p { font-size: 14px; color: #666; line-height: 1.8; margin-bottom: 5px; }
.hu_ul3 { display: none; }

@media screen and (max-width:1279px) {
    .hu_ul1 { margin-bottom: 35px; }
    .hu_ul1 li span { font-size: 26px; margin-bottom: 10px; }
}

@media screen and (max-width:1023px) {
    .hu_ul1 li span { font-size: 24px; }
    .hu_ul1 li p { font-size: 13px; line-height: 24px; }
    .hu_ul2_th span { padding-left: 0; text-align: center; }
    .hu_ul2_tr > span { padding-left: 0; text-align: center; }
}

@media screen and (max-width:640px) {
    .hu_ul1 li { float: none; width: 100%; }
    .hu_ul1_l { padding-right: 0; margin-bottom: 20px; }
    .hu_ul1_r { padding-left: 0; border-left: none; }
    .hu_ul2 { display: none; }
    .hu_ul3 { display: block; }
    .hu_ul3_part { margin-bottom: 15px; border: 1px solid #dcdcdc; padding: 15px; border-radius: 4px; }
    .hu_ul3_part p { float: left; width: 50%; font-size: 14px; color: #666; line-height: 2; }
    .hu_ul3_part a { font-size: 14px; line-height: 2; color: #1262a9; position: relative; }
    .hu_ul3_part a:after { content: ''; display: block; width: 100%; height: 1px; background: #1262a9; position: absolute; left: 0; bottom: 0; }
}

/* e-人力资源 */


/* s-联系我们 */

.cont { margin-bottom: 60px; }
.cont_l { float: left; width: 38%; }
.cont_l h6 { font-size: 30px; color: #333; margin-bottom: 30px; }
.cont_l ul { margin-bottom: 40px; }
.cont_l ul li { float: left; width: 50%; padding-left: 40px; position: relative; margin-bottom: 20px; }
.cont_l ul li.w100p { width: 100%; }
.cont_l ul li i { width: 33px; height: 33px; position: absolute; left: 0; top: 2px; }
.cont_l ul li span { font-size: 14px; color: #999; }
.cont_l ul li p { font-size: 14px; color: #333; }
.cont_l h5 { font-size: 14px; color: #333; margin-bottom: 10px; }
.cont_l .share { }
.cont_l .share a { float: left; margin-right: 10px; background: none; -webkit-transition: all .4s; transition: all .4s; }
.cont_l .share a.bds_sqq { background: url('../images/icon/icon03_1.png') no-repeat center; }
.cont_l .share a.bds_weixin { background: url('../images/icon/icon03_2.png') no-repeat center; }
.cont_l .share a.bds_tsina { background: url('../images/icon/icon03_3.png') no-repeat center; }
.cont_l .share a.bds_sqq:hover { background: url('../images/icon/icon03_4.png') no-repeat center; }
.cont_l .share a.bds_weixin:hover { background: url('../images/icon/icon03_5.png') no-repeat center; }
.cont_l .share a.bds_tsina:hover { background: url('../images/icon/icon03_6.png') no-repeat center; }


.cont_r { float: right; width: 62%; height: 400px; filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all .4s; transition: all .4s; }
.cont_r:hover { filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); }
.cont_r img { display: inline-block; max-width: none; max-height: none; }
.address { margin-bottom: 60px; }
.address_ul_item { float: left; width: 33.33333%; /* max-height: 300px; */ background: #dde6ea; border-left: 1px solid #fff; padding: 40px 20px 20px; }
.address_ul_item:nth-child(2) { background: #d4dde1; }
.address_ul_item:first-child { border-left: none; }
.address_ul_item h6 { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 20px; }
.address_ul_item ul { overflow: hidden; }
.address_ul_item ul li { float: left; width: 50%; padding-left: 40px; position: relative; margin-bottom: 20px; overflow: hidden; }
.address_ul_item ul li.w100p { width: 100%; }
.address_ul_item ul li i { width: 33px; height: 33px; position: absolute; left: 0; top: 2px; }
.address_ul_item ul li span { font-size: 14px; color: #999; }
.address_ul_item ul li p { font-size: 14px; color: #333; }
.massage { }
.massage h5 { font-size: 30px; color: #333; margin-bottom: 30px; }
.massage .iform { overflow: hidden; position: relative; }
.massage .iform dl { width: 48.5%; margin-bottom: 20px; }
.massage .iform dl dt { font-size: 14px; color: #333; margin-bottom: 10px; }
.massage .iform dl dd input[type='text'] { width: 100%; height: 50px; background: #f1f3f4; border: 1px solid #d7d7d7; border-radius: 2px; font-size: 14px; color: #666; padding: 0 10px; }
.massage .iform dl dd textarea { width: 100%; height: 149px; background: #f1f3f4; border: 1px solid #d7d7d7; border-radius: 2px; resize: none; font-size: 14px; color: #666; padding: 8px 10px; }
.massage .iform .thedl { position: absolute; right: 0; top: 0; }
.massage .iform i { display: block; width: 200px; height: 50px; background: #1262a9; margin: 40px auto 0; }
.massage .iform .submit { font-size: 18px; color: #fff; width: 200px; height: 50px; background: #1262a9; }

@media screen and (max-width:1279px) {
    .address_ul_item ul li { width: 100%; }
    .massage .iform i { width: 160px; height: 46px; }
    .massage .iform .submit { width: 160px; height: 46px; font-size: 16px; }
}

@media screen and (max-width:1023px) {
    .cont { margin-bottom: 30px; }
    .cont_l { float: none; width: 100%; margin-bottom: 20px; }
    .cont_r { float: none; width: 100%; filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); }
    .cont_l ul { margin-bottom: 10px; }
    .address_ul_item { float: none; width: 100%; border-left: none; padding: 30px; border-top: 1px solid #fff; }
    .address_ul_item ul li { width: 50%; }
    .address { margin-bottom: 30px; }
    .massage h5 { font-size: 26px; margin-bottom: 20px; }
    .massage .iform dl { width: 100%; }
    .massage .iform .thedl { position: static; }
    .massage .iform .submit { /*margin-top: 20px;*/ }
}

@media screen and (max-width:640px) {
    .cont_l h6 { font-size: 22px; }
    .cont_l ul li { width: 100%; }
    .address_ul_item ul li { width: 100%; }
    .massage h5 { font-size: 22px; }
    .massage .iform i { width: 140px; height: 40px; }
    .massage .iform .submit { font-size: 14px; width: 140px; height: 40px; border-radius: 2px; }
}

/* e-联系我们 */


/* s-网站地图 */

.sitemap_item { float: left; width: 14.2857%; position: relative; padding-left: 30px; }
.sitemap_item dt { font-size: 18px; color: #333; margin-bottom: 15px; }
.sitemap_item dt a { font-size: 18px; color: #333; }
.sitemap_item dd a { font-size: 14px; color: #666; line-height: 30px; }
.sitemap_item:after { content: ''; display: block; width: 1px; height: 200px; background: #dcdcdc; position: absolute; left: 0; top: 0; }

@media screen and (max-width:1023px) {
    .sitemap_item { width: 25%; margin-bottom: 20px; }
}

@media screen and (max-width:640px) {
    .sitemap_item { width: 100%; }
    .sitemap_item:after { display: none; }
}

/* e-网站地图 */


/* s-版权声明 */

.copyright p { font-size: 14px; color: #666; line-height: 30px; margin-bottom: 10px; }

/* e-版权声明 */

/* s-科一印象 */
.w1246 { width: 1246px; }
.img_content { position: relative; }
.imp_img01 { width: 183px; height: 183px; position: absolute; left: 298px; top: 15px; }
.imp_img02 { width: 260px; height: 260px; position: absolute; left: 490px; top: 0px; }
.imp_img03 { width: 183px; height: 183px; position: absolute; left: 760px; top: 15px; }
.imp_img04 { width: 134px; height: 134px; position: absolute; left: 66px; top: 179px; }
.imp_img05 { width: 158px; height: 158px; position: absolute; left: 42px; top: 323px; }
.imp_img06 { width: 273px; height: 273px; position: absolute; left: 207px; top: 208px; }
.imp_img07 { width: 260px; height: 260px; position: absolute; left: 490px; top: 270px; }
.imp_img08 { width: 273px; height: 273px; position: absolute; left: 761px; top: 208px; }
.imp_img09 { width: 134px; height: 134px; position: absolute; left: 1041px; top: 179px; }
.imp_img10 { width: 158px; height: 158px; position: absolute; left: 1041px; top: 323px; }
.imp_img11 { width: 140px; height: 140px; position: absolute; left: 147px; top: 491px; }
.imp_img12 { width: 183px; height: 183px; position: absolute; left: 298px; top: 491px; }
.imp_img13 { width: 260px; height: 260px; position: absolute; left: 490px; top: 540px; }
.imp_img14 { width: 183px; height: 183px; position: absolute; left: 760px; top: 491px; }
.imp_img15 { width: 140px; height: 140px; position: absolute; left: 953px; top: 491px; }

@media screen and (max-width:1279px) {
    .w1246 { width: 983px; }
    .imp_img01 { width: 145px; height: 145px; left: 235px; top: 11px; }
    .imp_img02 { width: 205px; height: 205px; left: 387px; top: 0px; }
    .imp_img03 { width: 145px; height: 145px; left: 600px; top: 11px; }
    .imp_img04 { width: 106px; height: 106px; left: 52px; top: 141px; }
    .imp_img05 { width: 125px; height: 125px; left: 33px; top: 254px; }
    .imp_img06 { width: 215px; height: 215px; left: 164px; top: 164px; }
    .imp_img07 { width: 205px; height: 205px; left: 387px; top: 213px; }
    .imp_img08 { width: 215px; height: 215px; left: 601px; top: 164px; }
    .imp_img09 { width: 106px; height: 106px; left: 821px; top: 141px; }
    .imp_img10 { width: 125px; height: 125px; left: 821px; top: 254px; }
    .imp_img11 { width: 111px; height: 111px; left: 116px; top: 387px; }
    .imp_img12 { width: 145px; height: 145px; left: 235px; top: 387px; }
    .imp_img13 { width: 205px; height: 205px; left: 387px; top: 426px; }
    .imp_img14 { width: 145px; height: 145px; left: 599px; top: 387px; }
    .imp_img15 { width: 111px; height: 111px; left: 752px; top: 387px; }
}

@media screen and (max-width:1023px) {
    .w1246 { width: 96%; }
    .imp_bg { display: none; }
    .img_content a { position: static; float: left; width: 48.5%; height: auto; margin-bottom: 20px; }
    .img_content a img { width: 100%; height: 100%; }
    .img_content a:nth-child(2n+1) { float: right; }
}

@media screen and (max-width:320px) {
    .img_content a { margin-bottom: 10px; }
}
/* e-科一印象 */

/* s-规范标准详情 */
.atd_img { width: 25%; float: left; }
.std_txt { float: left; width: 75%; padding-left: 50px; }
.std_txt h5 { font-size: 18px; color: #222; font-weight: bold; margin-bottom: 10px; }
.std_txt p { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 10px; }
.std_txt h6 { font-size: 24px; color: #222; margin-bottom: 20px; margin-top: 40px; }
.preview_box { overflow: hidden; margin-bottom: 20px; }
.view { float: left; width: 590px; height: 835px; }
.view_nav { float: right; width: 170px; height: 835px; }
.view_nav .swiper-container { width: 100%; height: 100%; }
.view_nav .swiper-slide { width: 140px; height: 198px; }
.view_nav .swiper-slide img { border: 2px solid #ddd; cursor: pointer; }
.view_nav .swiper-slide.active img { border: 2px solid #1262a9; }
.view_nav .swiper-pagination { display: none; }
.view_nav .swiper-scrollbar-drag { cursor: pointer; }
.down_pdf { display: block; width: 140px; height: 40px; border: 1px solid #adadad; text-align: center; line-height: 38px; }
.down_pdf i { display: inline-block; vertical-align: middle; width: 19px; height: 17px; background: url('../images/icon/icon09.png') no-repeat center; }
.down_pdf span { font-size: 14px; color: #222; display: inline-block; vertical-align: middle; margin-left: 10px; }

@media screen and (max-width:1279px) {
    .view { width: 489px; height: 692px; }
    .view_nav { width: 150px; height: 692px; }
    .view_nav .swiper-slide { width: 115px; height: auto; }
}

@media screen and (max-width:1023px) {
    .atd_img { width: 100%; height: auto; float: none; margin-bottom: 20px; }
    .std_txt { width: 100%; float: none; padding-left: 0px; }
    .view { display: none; }
    .view_nav { float: none; width: 100%; height: auto; }
    .view_nav .swiper-slide img { border: none; }
    .view_nav .swiper-slide.active img { border: none; }
}

/* e-规范标准详情 */




/* 首页3D翻转 */
/*.face { position: absolute; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden;  }
.front { z-index: 10; }
.back { position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform: rotate3d(0, 1, 0, -180deg); -ms-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); -webkit-transform: rotate3d(0, 1, 0, -180deg); -o-transform: rotateY(0, 1, 0, -180deg); z-index: 8; }
.card-flipped .back { transform: rotate3d(0, 1, 0, 0deg); -ms-transform: rotate3d(0, 1, 0, 0deg); -moz-transform: rotate3d(0, 1, 0, 0deg); -webkit-transform: rotate3d(0, 1, 0, 0deg); -o-transform: rotate3d(0, 1, 0, 0deg); z-index: 10; }
.card-flipped .front { transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -webkit-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); z-index: 8; }*/

@media screen and (min-width: 1025px) {
    .animate-box { opacity: inherit; }
}