/*
 * 首页样式
 */
@charset 'utf-8';
.c_title_box { font-weight: bold; text-align: center; }
.c_title_box .en { font-size: 40px; display: block; margin-bottom: -22px; text-transform: uppercase; color: #ececec; }
.c_title_box .cn { font-size: 22px; position: relative; display: block; padding-bottom: 10px; color: #35bcb7; }
.c_title_box .cn:after { position: absolute; bottom: 0; left: 50%; width: 142px; height: 1px; margin-left: -71px; content: ' '; background: #35bcb7; }
.c_stitle_box { margin-top: 30px; text-align: center; color: #555; }
.c_stitle_box .font1 { font-size: 30px; font-weight: bold; }
.c_stitle_box .font2 { font-size: 14px; margin-top: 5px; }
.c_stitle_box .font3 { font-size: 18px; margin-top: 5px; }
.more_style { font-size: 16px; line-height: 48px; display: block; width: 165px; height: 48px; text-align: center; color: #555; border: 2px solid #b4b4b4; }
.more_style:hover { border-color: transparent; background: #35bcb7; }
.ico_join { display: inline-block; width: 94px; height: 94px; background: url(../images/ico_join.png) no-repeat; }
.ico_join.icon1 { background-position: 0 0; }
.ico_join.icon2 { background-position: -219px 0; }
.ico_join.icon3 { background-position: -110px 0; }
.ico_join.icon4 { background-position: -329px 0; }
.ico_arrows { display: block; width: 24px; height: 24px; background: url(../images/ico_arrows.png) no-repeat; }
.ico_arrows.ico_trow { background-position: 1px -1px; }
.ico_arrows.ico_rrow { background-position: 1px -45px; }
.ico_arrows.ico_brow { background-position: 1px -91px; }
.ico_arrows.ico_lrow { background-position: 1px -135px; }

/* ======================== h_section1 ======================== */
.h_section1 { padding: 95px 0 60px; background: url(../images/h_section1.jpg) no-repeat center; }
.h_section1 .c_title_box { text-align: left; }
.h_section1 .c_title_box .en { padding-left: 50px; }
.h_section1 .c_title_box .cn:after { left: 0; margin-left: 0; }
.h_section1 .item_box { width: 1200px; margin: 0 auto; }
.h_section1 .item_box .item { float: left; box-sizing: border-box; background: #fff; }
.h_section1 .item_box .item1 { width: 653px; height: 653px; padding: 55px 50px 0 70px; }
.h_section1 .item_box .item1 .p1 { font-size: 24px; line-height: 40px; color: #555; }
.h_section1 .item_box .item1 .p2 { font-size: 16px; line-height: 35px; text-align: justify; color: #7d7d7d; text-indent: 2em; }
.h_section1 .item_box .item1 .more_style { float: right; margin-top: 60px; }
.h_section1 .item_box .item2 { width: 510px; height: 383px; margin-left: 37px; }
.h_section1 .item_box .item3 { width: 244px; height: 244px; margin-top: 25px; margin-left: 37px; text-align: center; }
.h_section1 .item_box .item3.mgl22 { margin-left: 22px; }
.h_section1 .item_box .item3 a { display: block; width: 100%; height: 100%; }
.h_section1 .item_box .item3 .tit { padding-top: 65px; color: #555; }
.h_section1 .item_box .item3 .tit .cn { font-size: 20px; display: block; }
.h_section1 .item_box .item3 .tit .en { font-size: 12px; display: block; margin-top: 20px; letter-spacing: 4px; }
.h_section1 .item_box .item3 .more { font-size: 40px; margin-top: 30px; color: #555; }

/* ======================== h_section2 ======================== */
.h_section2 { padding: 80px 0 60px; background: url(../images/h_section2.jpg) no-repeat center top; }
.h_section2 .item_list { margin: 0 -9px; padding-top: 40px; }
.h_section2 .item_list .item { float: left; width: 225px; margin: 18px 9px 0; }
.h_section2 .item_list .img { overflow: hidden; height: 215px; background: #eee; }
.h_section2 .item_list .name { font-size: 20px; line-height: 24px; position: relative; overflow: hidden; height: 24px; padding: 20px 0 20px; transition: all .2s ease-in-out; color: #555; }
.h_section2 .item_list .name:after { position: absolute; bottom: 0; left: 0; width: 128px; height: 2px; content: ' '; transition: all .3s ease-in-out; background: #333; }
.h_section2 .item_list .img img { transition: all 1s ease-in-out; }
.h_section2 .item_list .item:hover img { transform: scale3d(1.12, 1.12, 1); }
.h_section2 .item_list .item:hover .name { color: #35bcb7; }
.h_section2 .item_list .item:hover .name:after { width: 100%; background: #35bcb7; }

/* ======================== h_section3 ======================== */
.h_section3 { padding: 0 0 75px; background: url(../images/h_section3.jpg) no-repeat center bottom; }
.h_section3 .c_title_box .en { color: #dcdbdb; }
.h_section3 .item_box { padding: 50px 40px; background: #eee; }
.h_section3 .item_box .l_box { overflow: hidden; width: 625px; height: 442px; background: #fff; }
.h_section3 .item_box .r_box { box-sizing: border-box; width: 466px; height: 442px; padding-top: 40px; }
.h_section3 .bimg_list .item { width: 625px; height: 442px; }
.h_section3 .bimg_list .item a { display: block; width: 100%; height: 100%; }
.h_section3 .smimg_list { margin: 70px -10px 0; }
.h_section3 .smimg_list .item { position: relative; float: left; width: 142px; height: 100px; margin: 0 10px 20px; cursor: pointer; background: #fff; }
.h_section3 .smimg_list .item a { display: block; width: 100%; height: 100%; }
.h_section3 .smimg_list .item.on:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; background: rgba(0, 221, 242, .8); }

/* ======================== h_section4 ======================== */
.h_section4 { padding: 70px 0 60px; background: #eee; }
.h_section4 .c_title_box .en { color: #dcdbdb; }
.h_section4 .item_box { padding-top: 60px; }
.h_section4 .item_box .item1 { box-sizing: border-box; width: 320px; height: 275px; margin-bottom: 20px; padding: 14px; background: #35bcb7; display: block;}
.h_section4 .item_box .item2 { width: 515px; height: 570px; margin: 0 20px; background: #fff; }
.h_section4 .item_box .text { width: 100%; height: 100%; text-align: center; border: 1px dashed #fff; }
.h_section4 .item_box .text .ico_join { margin-top: 20px; }
.h_section4 .item_box .text .tit { font-size: 20px; font-weight: bold; margin-top: 15px; color: #fff; }
.h_section4 .item_box .text .desc { font-size: 16px; line-height: 25px; margin-top: 15px; padding: 0 40px; color: #333; }

/* ======================== h_section5 ======================== */
.h_section5 { padding: 75px 0 55px; background: url(../images/h_section5.jpg) no-repeat center top; }
.h_section5 .c_title_box { text-align: left; }
.h_section5 .c_title_box .en { padding-left: 50px; color: #5a5a5a; }
.h_section5 .c_title_box .cn:after { left: 0; margin-left: 0; }
.h_section5 .item_box { position: relative; height: 530px; }
.h_section5 .item_box .p1 { font-size: 24px; line-height: 40px; margin-top: 60px; color: #d3d3d4; }
.h_section5 .item_box .p2 { font-size: 16px; height: 58px; margin-top: 40px; padding-left: 75px; color: #fff; background: url(../images/h_section500.png) no-repeat center left; }
.h_section5 .item_box .p2 .en { display: inline-block; margin: 5px 0 6px; color: #797979; }
.h_section5 .item_box .year_list { margin-top: 60px; }
.h_section5 .item_box .year_list a { font-size: 20px; line-height: 54px; float: left; width: 165px; height: 54px; margin-right: 30px; text-align: center; color: #555; background: #fff; }
.h_section5 .item_box .year_list a.on { background: #35bcb7; }
.h_section5 .item_box .img_box { position: absolute; top: 0; right: 0; box-sizing: border-box; width: 600px; height: 530px; padding-top: 45px; }
.h_section5 .item_box .img_box:after { position: absolute; top: 0; right: 0; box-sizing: border-box; width: 380px; height: 530px; content: ' '; border: 8px solid #35bcb7; }
.h_section5 .item_box .img_list { position: relative; z-index: 2; overflow: hidden; width: 569px; height: 435px; background: #fff; }
.h_section5 .item_box .img_list .item { width: 569px; height: 435px; }

/* ======================== h_section6 ======================== */
.h_section6 { padding: 0 0 49px; }
.h_section6 .item_box { margin-top: 60px; }
.h_section6 .news_item { float: left; width: 326px; margin-right: 50px; padding-bottom: 20px; }
.h_section6 .news_item .img { overflow: hidden; height: 225px; background: #eee; }
.h_section6 .news_item .text { margin-top: 10px; padding: 0 10px; }
.h_section6 .news_item .time { font-size: 14px; line-height: 20px; height: 20px; padding: 8px 0; padding-left: 25px; color: #a2a2a2; border-bottom: 1px solid #e4e4e4; background: url(../images/ico_time.png) no-repeat center left; }
.h_section6 .news_item .tit { font-size: 16px; margin-top: 20px; color: #555; }
.h_section6 .news_item .desc { font-size: 14px; line-height: 24px; overflow: hidden; height: 48px; margin-top: 10px; text-align: justify; color: #8d8d8d; }
.h_section6 .news_item .more { font-size: 13px; line-height: 18px; height: 18px; margin-top: 15px; color: #35bcb7; background: url(../images/arrorw.png) no-repeat 90px center; }
.h_section6 .news_list { width: 440px; }
.h_section6 .news_list li { padding: 20px 0; border-top: 1px solid #e4e4e4; }
.h_section6 .news_list .tit { font-size: 16px; color: #555; }
.h_section6 .news_list .time { font-size: 14px; line-height: 20px; height: 20px; margin-top: 10px; padding: 8px 0; padding-left: 25px; color: #a2a2a2; background: url(../images/ico_time.png) no-repeat center left; }
.h_section6 .news_list .more_style { margin: 20px auto 0; }
.h_section6 .tit:hover { text-decoration: underline; }

/* ======================== 品牌优势 ======================== */
.h_ppys { padding: 70px 0; background: #4f4f4f; }
.h_ppys .c_title_box .en { padding-left: 50px; color: #5a5a5a; }
.h_ppys .c_stitle_box { color: #fff; }
.h_ppys .c_stitle_box .font1 { font-size: 24px; font-weight: normal; }
.h_ppys .c_stitle_box .font2 { font-size: 16px; }
.h_ppys .item_list { margin-top: 80px; }
.h_ppys .item_list .item { position: relative; z-index: 1; float: left; box-sizing: border-box; width: 224px; height: 192px; border-bottom: 4px solid #35bcb7; background: #656565; }
.h_ppys .item_list .item:before,
.h_ppys .item_list .item:after { position: absolute; z-index: -1; bottom: -4px; width: 0; height: 0; content: ' '; transition: all .3s; }
.h_ppys .item_list .item:before { left: -4px; border-top: 0 solid #35bcb7; border-left: 4px solid #35bcb7; }
.h_ppys .item_list .item:after { right: -4px; border-top: 0 solid #35bcb7; border-right: 4px solid #35bcb7; }
.h_ppys .item_list .item:hover:before { width: 50%; height: 192px; border-top: 4px solid #35bcb7; border-left: 4px solid #35bcb7; }
.h_ppys .item_list .item:hover:after { width: 50%; height: 192px; border-top: 4px solid #35bcb7; border-right: 4px solid #35bcb7; }
.h_ppys .item_list .item + .item { margin-left: 20px; }
.h_ppys .item_list .tit { font-size: 20px; font-weight: bold; line-height: 44px; position: absolute; top: -22px; left: 50%; width: 204px; height: 44px; margin-left: -102px; text-align: center; color: #171717; background: #35bcb7; }
.h_ppys .item_list .img { overflow: hidden; }


/* 动画 */
.ts-linear { transition: all .2s linear; }
.h-shadow { cursor: pointer; transition: all .2s linear; }
.h-shadow:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 15px 30px rgba(0, 0, 0, .1); }