@charset "UTF-8";
body { background-color: #f5f5f5; }

.header .pc { background-color: #ffffff; box-shadow: 4px 4px 8px 0px rgba(153, 153, 153, 0.9); position: relative; z-index: 99; }

.header .pc .head_top .head_logo { margin-right: 5%; width: 160px; }

.header .pc .head_top .head_logo .picture_container { padding-top: 25%; }

.header .pc .head_top .head_nav { margin-right: 7.29167%; }

.header .pc .head_top .head_nav .line .name { padding: 0 43px; line-height: 80px; height: 80px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.header .pc .head_top .head_nav .line .name:hover, .header .pc .head_top .head_nav .line .name.active { background-color: rgba(255,154,0,0.9); color: #fff; }

.header .pc .head_top .head_nav .line:hover > .name, .header .pc .head_top .head_nav .line.active > .name { background-color: rgba(255,154,0,0.9); color: #fff; }

.header .pc .head_top .head_nav .line .mask_down { display: none; position: fixed; top: 80px; left: 0; right: 0; margin: auto; background-color: #fff; }

.header .pc .head_top .head_nav .line .mask_down.typeone { padding: 30px 0; }

.header .pc .head_top .head_nav .line .mask_down.typeone .name {  width: 21.42857%; height: 48px; margin-right: 2.14286%;}
.header .pc .head_top .head_nav .line .mask_down.typeone .name.type1 { width: 100%; height: 48px;margin-right: 0;}

.header .pc .head_top .head_nav .line .mask_down.typeone .mask_box_top { padding-left: 43px;color: rgba(255,154,0,0.9);font-weight:bold;}
.header .pc .head_top .head_nav .line .mask_down.typeone .mask_box:not(:last-child) {margin-right: 16.66%; }

.header .pc .head_top .head_nav .line .mask_down.typeone .name .icon_dian { width: 10px; height: 10px; border-radius: 50%; background-color: #363636; margin-right: 4px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.header .pc .head_top .head_nav .line .mask_down.typeone .name.active .icon_dian, .header .pc .head_top .head_nav .line .mask_down.typeone .name:hover .icon_dian { background-color: #fff; }

.header .pc .head_top .head_right { position: relative; }

.header .pc .head_top .head_right .head_lnguage { padding: 0 15px; line-height: 80px; height: 80px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.header .pc .head_top .head_right .head_lnguage:hover { background-color: rgba(255,154,0,0.9); color: #fff; }

.header .pc .head_top .head_right .icon { height: 48px; padding: 0 32px 0 18px; margin: 16px 0; cursor: pointer; }

.header .pc .head_top .head_right .icon .icon_on { display: none; }

.header .pc .head_top .head_right .icon.active { background-color: rgba(255,154,0,0.9); }

.header .pc .head_top .head_right .icon.active .icon_on { display: block; }

.header .pc .head_top .head_right .icon.active .icon_off { display: none; }

.header .pc .head_top .head_right .head_search { display: none; padding: 0 17px; position: absolute; top: 80px; right: 0; width: 200px; height: 48px; background-color: #ffffff; border: solid 1px #b4b4b4; color: #aeaeae; }

.header .pc .head_top .head_right .head_search::-webkit-input-placeholder { color: #aeaeae; }

.header .pc .head_top .head_right .head_search:-moz-placeholder { color: #aeaeae; }

.header .pc .head_top .head_right .head_search:-ms-input-placeholder { color: #aeaeae; }

.header .pc .head_top .head_right .head_search::placeholder { color: #aeaeae; }

.header .mobile { display: none; }

.header .mobile .mobile_top { height: 75px; }

.header .mobile .mobile_top .head_logo { width: 126px; }

.header .mobile .mobile_top .head_logo .picture_container { padding-top: 25.39683%; }

.header .mobile .mobile_top .icon { width: 35px; }

.header .mobile .mobile_monu { display: none; position: fixed; top: 75px; left: 0; right: 0; bottom: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.7); }

.header .mobile .mobile_monu .mobile_monu_search { padding: 15px; background-color: #fff; }

.header .mobile .mobile_monu .mobile_monu_search .mobile_monu_input { border: solid 1px #b4b4b4; border-radius: 15px; height: 40px; padding: 0 15px; color: #aeaeae; }

.header .mobile .mobile_monu .mobile_monu_search .mobile_monu_input::-webkit-input-placeholder { color: #aeaeae; }

.header .mobile .mobile_monu .mobile_monu_search .mobile_monu_input:-moz-placeholder { color: #aeaeae; }

.header .mobile .mobile_monu .mobile_monu_search .mobile_monu_input:-ms-input-placeholder { color: #aeaeae; }

.header .mobile .mobile_monu .mobile_monu_search .mobile_monu_input::placeholder { color: #aeaeae; }

.header .mobile .mobile_monu .line { background-color: #fff; text-align: center; line-height: 46px; }

.header .mobile .mobile_monu .line.active { background-color: #fafafa; color: rgba(255,154,0,0.9); }

/********************************* header END ********************************/
/********************************* footer STRAT ********************************/
.footer { background-color: #313131; }

.footer .foot_top { padding: 50px 0; border-bottom: 1px solid #b4b4b4; }

.footer .foot_top .foot_title { color: #ffffff; font-size: 24px; font-weight: 600; margin-bottom: 15px; }

.footer .foot_top .block .line { line-height: 29px; color: #f5f5f5; }

.footer .foot_top .block .line:hover { color: rgba(255,154,0,0.9); }

.footer .foot_top .foot_weixin .img { width: 320px; }

.footer .foot_top .foot_weixin .weixin .img { width: 112px; margin: 0 auto; }

.footer .foot_top .foot_weixin .weixin .img .picture_container { padding-top: 100%; }

.footer .foot_top .foot_weixin .weixin .name { margin-top: 18px; color: #f5f5f5; }

.footer .foot_top .foot_tel { width: 16.21429%; }

.footer .foot_top .foot_tel .title { font-size: 24px; font-weight: bold; line-height: 24px; letter-spacing: 0px; color: #ffffff; margin-bottom: 30px; }

.footer .foot_top .foot_tel .title .tel { margin-top: 15px; }

.footer .foot_top .foot_tel .btn { background-color: rgba(255,154,0,0.9); color: #ffffff; padding: 16px 0; }

.footer .foot_top .foot_tel .btn .icon { margin-right: 24px; }

.footer .foot_bottom { padding: 30px 0 50px; color: #fff; }

.footer .foot_bottom .block:not(:last-child) { margin-bottom: 15px; }

.footer .foot_bottom .block a:not(:last-child) { margin-right: 15px; }

.right_aside { position: fixed; top: 50%; bottom: 0; right: 0; z-index: 10; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0,-50%0, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }


.right_aside .box .block { position: relative; background-color: #ffffff; }

.right_aside .box .block .img { width: 80px; height: 80px; }

.right_aside .box .block .img .picture_container { padding-top: 100%; }

.right_aside .box .block .img .on { z-index: -1; opacity: 0; }
.right_aside .box .block .img .moblie_on { z-index: -1; opacity: 0; }
.right_aside .box .block .img .mobile_off { z-index: -1; opacity: 0; }

.right_aside .box .block .mask { position: absolute; left: 0; width: 0; background-color: rgba(255,154,0,0.9); -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; height: 100%; color: #ffffff; }

.right_aside .box .block .mask .txt { padding-left: 16px; width: 120px; }

.right_aside .box .block .mask .mask_img { position: absolute; top: 80px; left: 0; width: 0; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.right_aside .box .block .mask .mask_img .picture_container { width: 100%; padding-top: 100%; }

.right_aside .box .block:hover { background-color: rgba(255,154,0,0.9); }

.right_aside .box .block:hover .img .on { opacity: 1; z-index: 1; }

.right_aside .box .block:hover .img .off { opacity: 0; z-index: -1; }

.right_aside .box .block:hover .mask { left: -120px; width: 120px; }

.right_aside .box .block:hover .mask .mask_img { width: 120px; }

/********************************* footer END ********************************/
/********************************* index STRAT ********************************/
.banner_1200 { display: none; }

.index_banner .swiper-button-prev, .index_banner .swiper-button-next { background-image: none; width: 56px; height: 70px; text-align: center; line-height: 70px; background-color: rgba(0, 0, 0, 0.3); }

.index_banner .swiper-button-next { right: 105px; }

.index_banner .swiper-button-prev { left: 105px; }

.index_banner .swiper-pagination-bullet { width: 20px; height: 20px; opacity: 0.5; border-radius: 50%; background-color: #ffffff; margin: 0 10px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index_banner .swiper-pagination-bullet-active { width: 40px; height: 20px; background-color: rgba(255,154,0,0.9); border-radius: 10px; opacity: 1; }

.index .index_title { margin-bottom: 45px; }

.index .index_title .cn { font-size: 30px; line-height: 31px; font-weight: bold; padding-bottom: 18px; border-bottom: 2px solid rgba(255,154,0,0.9); }

.index .index_title .more { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index .index_title .more span { font-family: "宋体"; margin-left: 5px; }

.index .index_title .more:hover { color: rgba(255,154,0,0.9); }

.index .main1 { padding: 75px 0; }

.index .main1 .content .main1_left { width: 48.57143%; background-color: #fff; position: relative; top: 0; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index .main1 .content .main1_left .name { font-size: 24px; font-weight: bold; height: 60px; line-height: 60px;text-align: center; padding: 0 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute;left: 0;right: 0;bottom:0;background-color: rgba(255, 255, 255, 0.8);}

.index .main1 .content .main1_left .img { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index .main1 .content .main1_left .img .picture_container { padding-top: 90.9%; }

.index .main1 .content .main1_left .img .picture_container img{ width: 100%; }

.index .main1 .content .main1_left:hover { top: -10px; }

.index .main1 .content .main1_left:hover .name { color: #ffffff; background-color: rgba(255,154,0,0.9); }

.index .main1 .content .main1_right { width: 48.57143%; }

.index .main1 .content .main1_right .block { background-color: #fff; width: 100%; position: relative; top: 0; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index .main1 .content .main1_right .block .img{width:100%;margin: 0 auto;}

.index .main1 .content .main1_right .block:nth-child(n+2) { margin-top: 40px; }

.index .main1 .content .main1_right .block .name {position: absolute;bottom: 0;left: 0;right: 0; padding: 0 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 60px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;text-align: center;font-size: 24px;font-weight: bold; background-color: rgba(255, 255, 255, 0.8);}

.index .main1 .content .main1_right .block .picture_container { padding-top: 42.54167%; }
.index .main1 .content .main1_right .block .picture_container img{ width: 100%;}

.index .main1 .content .main1_right .block:hover { top: -10px; box-shadow: 0 15px 15px #eeeeee; }

.index .main1 .content .main1_right .block:hover .name { color: #ffffff; background-color: rgba(255,154,0,0.9); }

.index .main2 { background-color: #373737; padding: 75px 0 55px; }

.index .main2 .index_title { color: #fff; }

.index .main2 .content { position: relative; padding-bottom: 65px; }

.index .main2 .content .swiper-slide { width: 440px; margin-right: 40px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index .main2 .content .swiper-slide:hover { width: 780px; }

.index .main2 .content .swiper-slide:hover .block .name { display: none; }

.index .main2 .content .swiper-slide:hover .block .mask { opacity: 1; }

.index .main2 .content .swiper-button-prev, .index .main2 .content .swiper-button-next { background-image: none; width: 56px; height: 70px; text-align: center; line-height: 70px; background-color: rgba(0, 0, 0, 0.3); }

.index .main2 .content .swiper-button-next { right: 105px; }

.index .main2 .content .swiper-button-prev { left: 105px; }

.index .main2 .content .swiper-pagination { bottom: 0; left: 50%; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.index .main2 .content .swiper-pagination-bullet { width: 20px; height: 20px; opacity: 0.5; border-radius: 50%; background-color: #ffffff; margin: 0 10px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index .main2 .content .swiper-pagination-bullet-active { width: 40px; height: 20px; background-color: rgba(255,154,0,0.9); border-radius: 10px; opacity: 1; }

.index .main2 .content .block { width: 100%; position: relative; }

.index .main2 .content .block .picture_container { height: 360px; }

.index .main2 .content .block .picture_container img { width: 780px; max-width: none; max-height: none; }

.index .main2 .content .block .name { position: absolute; bottom: 30px; left: 30px; font-size: 24px; font-weight: bold; color: #fff; }

.index .main2 .content .block .mask { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; background-color: rgba(0, 0, 0, 0.3); color: #fff; padding: 0 40px 0 30px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index .main2 .content .block .mask .title { font-size: 24px; font-weight: bold; margin-bottom: 40px; }

.index .main2 .content .block .mask .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; max-height: 48px; min-height: 48px; margin-bottom: 30px; }

.index .main3 { padding: 55px 0 50px; background-color: #fff; }

.index .main3 .content .block { position: relative; width: 48.57143%; top: 0; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index .main3 .content .block .picture_container { padding-top: 58.82353%; }

.index .main3 .content .block .picture_container img { max-width: none; }

.index .main3 .content .block .txt { height: 80px; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 0 30px 0 40px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index .main3 .content .block .txt .name { width: 70%; font-size: 24px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.index .main3 .content .block.block_short { width: 22.85714%; }

.index .main3 .content .block.block_short .picture_container { padding-top: 125%; }

.index .main3 .content .block.block_short .txt .name { width: 100%; font-size: 16px; font-weight: 500; }

.index .main3 .content .block:hover { top: -10px; }

.index .main3 .content .block:hover .txt { background-color: rgba(255,154,0,0.9); }

.index .main4 { padding: 55px 0 100px; }

.index .main4 .content .block { position: relative; width: 48.57143%; top: 0; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index .main4 .content .block .picture_container { padding-top: 58.82353%; }

.index .main4 .content .block .picture_container img { max-width: none; }

.index .main4 .content .block .txt { height: 80px; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 0 30px 0 40px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.index .main4 .content .block .txt .name { width: 70%; font-size: 24px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.index .main4 .content .block.block_short { width: 22.85714%; }

.index .main4 .content .block.block_short .picture_container { padding-top: 125%; }

.index .main4 .content .block.block_short .txt .name { width: 100%; font-size: 16px; font-weight: 500; }

.index .main4 .content .block:hover { top: -10px; }

.index .main4 .content .block:hover .txt { background-color: rgba(255,154,0,0.9); }

/********************************* index END ********************************/
/********************************* inner STRAT ********************************/
.inner_banner .banner_1200 { display: none; }

.mobile_nav { display: none; position: relative; z-index: 5; }

.mobile_nav .mobile_nav_top { background-color: #ffffff; height: 50px; margin-bottom: 30px; padding: 0 15px; }

.mobile_nav .mobile_nav_top .icon { width: 14px; }

.mobile_nav .mobile_nav_mask { display: none; border-top: 1px solid #eeeeee; position: absolute; top: 50px; left: 0; right: 0; }

.mobile_nav .mobile_nav_mask .line { line-height: 46px; padding: 0 20px; background-color: #ffffff; }

/********************************* inner END ********************************/
/********************************* product STRAT ********************************/
.product { padding: 50px 0; }

.product .main1 .content .block { width: 31.42857%; height: 80px; background-color: #ffffff; padding-left: 30px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.product .main1 .content .block:not(:nth-child(3n)) { margin-right: 2.85714%; }

.product .main1 .content .block:nth-child(n+4) { margin-top: 20px; }

.product .main1 .content .block .icon { width: 13px; height: 13px; border-radius: 50%; background-color: #363636; margin-right: 12px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.product .main1 .content .block .txt { width: 70%; font-size: 20px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.product .main1 .content .block:hover { background-color: rgba(255,154,0,0.9); color: #fff; }

.product .main1 .content .block:hover .icon { background-color: #fff; }

/********************************* product END ********************************/
/********************************* product_list STRAT ********************************/
.product_list { padding: 50px 0; }

.product_list .main1 .content .block { background-color: #fff; width: 22.85714%; }

.product_list .main1 .content .block:not(:nth-child(4n)) { margin-right: 2.85714%; }

.product_list .main1 .content .block:nth-child(n+5) { margin-top: 40px; }

.product_list .main1 .content .block .img { width: 100%; padding: 20px;}

.product_list .main1 .content .block .img .picture_container { padding-top: 100%; }

.product_list .main1 .content .block .txt { text-align: center; height: 80px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.product_list .main1 .content .block .txt .abstract { margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.product_list .main1 .content .block .txt .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.product_list .main1 .content .block:hover .txt { background-color: rgba(255,154,0,0.9); color: #fff; }

/********************************* product_list END ********************************/
/********************************* plan STRAT ********************************/
.plan .main1 { padding: 50px 0; }

.plan .main1 .content .block { position: relative; color: #ffffff; width: 31.42857%; }

.plan .main1 .content .block:not(:nth-child(3n)) { margin-right: 2.85714%; }

.plan .main1 .content .block:nth-child(n+4) { margin-top: 40px; }

.plan .main1 .content .block .picture_container { padding-top: 81.81818%; }

.plan .main1 .content .block .title { position: absolute; bottom: 30px; left: 30px; font-size: 24px; font-weight: bold; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.plan .main1 .content .block .mask { position: absolute; opacity: 0; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 0 30px; background-color: rgba(0, 0, 0, 0.7); -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.plan .main1 .content .block .mask .name { font-size: 24px; font-weight: bold; margin-bottom: 40px; }

.plan .main1 .content .block .mask .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; margin-bottom: 40px; }

.plan .main1 .content .block:hover .title { opacity: 0; }

.plan .main1 .content .block:hover .mask { opacity: 1; }

/********************************* plan END ********************************/
/********************************* plan_list STRAT ********************************/
.plan_list .main1 { padding: 50px 0; }

.plan_list .main1 .content .list_big { background-color: #fff; }

.plan_list .main1 .content .list_big .img { width: 48.57143%; }

.plan_list .main1 .content .list_big .img .picture_container { padding-top: 50%; }

.plan_list .main1 .content .list_big .txt { width: 46.42857%; padding-right: 4.92308%; padding-top: 30px; }

.plan_list .main1 .content .list_big .txt .title { font-size: 24px; font-weight: bold; margin-bottom: 18px;   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}

.plan_list .main1 .content .list_big .txt .time { margin-bottom: 20px; }

.plan_list .main1 .content .list_big .txt .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 24px; max-height: 96px; min-height: 96px; margin-bottom: 40px; }

.plan_list .main1 .content .list_big .txt .more .icon { width: 30px; height: 30px; border-radius: 50%; background-color: rgba(255,154,0,0.9); text-align: center; line-height: 27px; margin-right: 10px; }

.plan_list .main1 .content .list_big .txt .more .icon img { width: 30%; }

.plan_list .main1 .content .box .block { width: 31.42857%; margin-top: 40px; position: relative; top: 0; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.plan_list .main1 .content .box .block:not(:nth-child(3n)) { margin-right: 2.85714%; }

.plan_list .main1 .content .box .block .picture_container { background-color: #f2f2f2; padding-top: 56.36364%; }

.plan_list .main1 .content .box .block .txt { padding: 30px; background-color: #fff; }

.plan_list .main1 .content .box .block .txt .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.plan_list .main1 .content .box .block:hover { top: -10px; box-shadow: 0 15px 15px #eeeeee; }

/********************************* plan_list END ********************************/
/********************************* news STRAT ********************************/
.news .main1 { padding: 50px 0; }

.news .main1 .content .list_big { background-color: #fff; }

.news .main1 .content .list_big .img { width: 48.57143%; }

.news .main1 .content .list_big .img .picture_container { padding-top: 50%; }

.news .main1 .content .list_big .txt { width: 46.42857%; padding-right: 4.92308%; padding-top: 30px; }

.news .main1 .content .list_big .txt .title { font-size: 24px; font-weight: bold; margin-bottom: 18px; }

.news .main1 .content .list_big .txt .time { margin-bottom: 20px; }

.news .main1 .content .list_big .txt .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 24px; max-height: 96px; min-height: 96px; margin-bottom: 40px; }

.news .main1 .content .list_big .txt .more .icon { width: 30px; height: 30px; border-radius: 50%; background-color: rgba(255,154,0,0.9); text-align: center; line-height: 27px; margin-right: 10px; }

.news .main1 .content .list_big .txt .more .icon img { width: 30%; }

.news .main1 .content .box .block { width: 31.42857%; margin-top: 40px; position: relative; top: 0; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.news .main1 .content .box .block:not(:nth-child(3n)) { margin-right: 2.85714%; }

.news .main1 .content .box .block .picture_container { background-color: #f2f2f2; padding-top: 56.36364%; }

.news .main1 .content .box .block .txt { padding: 30px; background-color: #fff; }

.news .main1 .content .box .block:hover { top: -10px; box-shadow: 0 15px 15px #eeeeee; }

/********************************* news END ********************************/
/********************************* product-details STRAT ********************************/
.product-details .crumbs { margin-bottom: 0; }

.product-details .main1 .box { text-align: center; display: none; }
.product-details .main1 .box.box1 ul{padding-left: 20px;}

.product-details .main1 .box.box1 { text-align:left;background-color: #fff; margin-top: 30px; padding: 30px; word-wrap: break-word; }
.product-details .main1 .box.box1 table{width: 100% !important;}

.product-details .main1 .box.active { display: block; }

.product-details .main2 { padding: 45px 0; }

.product-details .main2 .title { font-size: 24px; font-weight: normal; margin-bottom: 30px; }

.product-details .main2 .content .block { background-color: #fff; width: 14.28571%; }

.product-details .main2 .content .block:not(:last-child) { margin-right: 2.85714%; }

.product-details .main2 .content .block .picture_container { padding-top: 100%; }
.product-details .main2 .content .block .picture_container img{max-height: 70%;}
.product-details .main2 .content .block .txt { text-align: center; padding: 12px 0; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.product-details .main2 .content .block .txt .abstract { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;     margin: auto;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;}

.product-details .main2 .content .block .txt .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin: auto;
    font-size: 16px;
    line-height: 1.2;
    text-align: center; }

.product-details .main2 .content .block:hover .txt { background-color: rgba(255,154,0,0.9); color: #fff; }

.product-details .main2 .content .product_1200 { display: none; }

.product-details .main2 .content .product_1200 .block { width: 32%; }

/********************************* product-details END ********************************/
/********************************* news-details STRAT ********************************/
.news-details .main1 { padding-bottom: 75px; }

.news-details .main1 .details_left { width: 74.28571%; background-color: #fff; padding: 50px 35px;word-wrap: break-word;}
.news-details .main1 .details_left table {width: 100% !important;}

.news-details .main1 .details_left .title { font-size: 24px; font-weight: bold; margin-bottom: 30px; }

.news-details .main1 .details_left .time { margin-bottom: 35px; }
.news-details .main1 .details_left .txt a{display: inline-block;}

.news-details .main1 .details_left .switch { margin-top: 50px; }

.news-details .main1 .details_right { width: 22.85714%; padding: 50px 30px 0 30px; background-color: #fff; min-height: 510px; }

.news-details .main1 .details_right .title { font-size: 20px; font-weight: bold; margin-bottom: 15px; }

.news-details .main1 .details_right .line { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.news-details .main1 .details_right .line:hover { color: rgba(255,154,0,0.9); }

.news-details .main1 .details_right .line a { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; }

.news-details .main1 .details_right .line:not(:last-child) { margin-bottom: 20px; }

.sitemap .main1 .content .center .title{
    font-size: 30px;
    text-align: center;
}

.sitemap .main1 .content .center .switch h3{
    font-size: 24px;
    font-weight: 600;
    margin: 20px 10px;
}

.sitemap .main1 .content .center .switch a{
    font-size: 16px;
    margin: 5px 10px;
}
.sitemap .main1 .content .center .switch .classname{
    font-size: 18px;
    font-weight: 600;
}


/********************************* news-details END ********************************/
/********************************* case STRAT ********************************/
.case .main1 { padding: 50px 0; }

.case .main1 .content .list_big { background-color: #fff; }

.case .main1 .content .list_big .img { width: 48.57143%; }

.case .main1 .content .list_big .img .picture_container { padding-top: 50%; }

.case .main1 .content .list_big .txt { width: 46.42857%; padding-right: 4.92308%; padding-top: 30px; }

.case .main1 .content .list_big .txt .title { font-size: 24px; font-weight: bold; margin-bottom: 18px; }

.case .main1 .content .list_big .txt .time { margin-bottom: 20px; }

.case .main1 .content .list_big .txt .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 24px; max-height: 96px; min-height: 96px; margin-bottom: 40px; }

.case .main1 .content .list_big .txt .more .icon { width: 30px; height: 30px; border-radius: 50%; background-color: rgba(255,154,0,0.9); text-align: center; line-height: 27px; margin-right: 10px; }

.case .main1 .content .list_big .txt .more .icon img { width: 30%; }

.case .main1 .content .box .block { width: 31.42857%; margin-top: 40px; position: relative; top: 0; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.case .main1 .content .box .block:not(:nth-child(3n)) { margin-right: 2.85714%; }

.case .main1 .content .box .block .picture_container { background-color: #f2f2f2; padding-top: 56.36364%; }

.case .main1 .content .box .block .txt { padding: 30px; background-color: #fff; }

.case .main1 .content .box .block:hover { top: -10px; box-shadow: 0 15px 15px #eeeeee; }

/********************************* case END ********************************/
/********************************* service STRAT ********************************/
.service .main1 { padding: 50px 0; }

.service .main1 .content .block { position: relative; width: 31.42857%; background-color: #fff; height: 440px; text-align: center; line-height: 24px; }

.service .main1 .content .block .icon { margin-bottom: 25px; }

.service .main1 .content .block .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.service .main1 .content .block .mask .img { width: 51.13636%; }

.service .main1 .content .block .mask .img .picture_container { padding-top: 100%; }

.service .main1 .content .block:hover .mask { opacity: 1; }

.service .main2 { padding-bottom: 50px; }

.service .main2 .title { font-size: 24px; font-weight: bold; padding-left: 30px; height: 80px; line-height: 80px; background-color: #fff; margin-bottom: 50px; }

.service .main2 .box { background-color: #fff; padding: 60px 0; }

.service .main2 .box .content { width: 57.14286%; margin: 0 auto; }

.service .main2 .box .content .service_input { height: 64px; margin-bottom: 50px; }

.service .main2 .box .content .service_input input { background-color: #ffffff; border: solid 1px rgba(255,154,0,0.9); height: 100%; padding: 0 30px; }

.service .main2 .box .content .service_input .btn { height: 100%; width: 100px; color: #ffffff; text-align: center; cursor: pointer; background-color: rgba(255,154,0,0.9); }

.service .main2 .box .content .txt { line-height: 32px; margin-bottom: 130px; }

.service .main2 .box .content .txt .name { font-weight: bold; }

.service .main2 .box .content .tips { line-height: 32px; }

/********************************* service END ********************************/
/********************************* download STRAT ********************************/
.download .main1 { padding: 50px 0; }

.download .main1 .main1_left { width: 74.28571%; padding: 30px; background-color: #fff; }

.download .main1 .main1_left .line { border-bottom: 1px solid #ebebeb; padding-bottom: 5px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.download .main1 .main1_left .line:not(:first-child) { margin-top: 20px; }

.download .main1 .main1_left .line .icon { position: relative; }

.download .main1 .main1_left .line .icon .off { position: relative; z-index: 1; top: 0; left: 0; opacity: 1; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.download .main1 .main1_left .line .icon .on { position: absolute; left: 0; bottom: 0; opacity: 0; z-index: 2; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.download .main1 .main1_left .line:hover { color: rgba(255,154,0,0.9); }

.download .main1 .main1_left .line:hover .icon .off { opacity: 0; }

.download .main1 .main1_left .line:hover .icon .on { opacity: 1; }

.download .main1 .main1_right { width: 22.85714%; background-color: #fff; padding: 32px; }

.download .main1 .main1_right .title { font-size: 20px; font-weight: bold; margin-bottom: 15px; }

.download .main1 .main1_right .line { line-height: 32px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.download .main1 .main1_right .line:hover { color: rgba(255,154,0,0.9); }

/********************************* download END ********************************/
/********************************* faq STRAT ********************************/
.faq .main1 { padding: 50px 0; }

.faq .main1 .main1_left { width: 74.28571%; padding: 30px; background-color: #fff; }

.faq .main1 .main1_left .line { border-bottom: 1px solid #ebebeb; padding-bottom: 5px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.faq .main1 .main1_left .line:not(:first-child) { margin-top: 20px; }

.faq .main1 .main1_left .line .icon { position: relative; }

.faq .main1 .main1_left .line .icon .off { position: relative; z-index: 1; top: 0; left: 0; opacity: 1; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.faq .main1 .main1_left .line .icon .on { position: absolute; left: 0; bottom: 0; opacity: 0; z-index: 2; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.faq .main1 .main1_left .line:hover { color: rgba(255,154,0,0.9); }

.faq .main1 .main1_left .line:hover .icon .off { opacity: 0; }

.faq .main1 .main1_left .line:hover .icon .on { opacity: 1; }

.search .main1 .main1_left .q_line .q_class_name { width:16%; text-align: right; }
.search .main1 .main1_left .q_line .title { width: 66%; margin-left:2%; text-align:left; }
.search .main1 .main1_left .q_line .icon { width:16%; text-align: right; }

.faq .main1 .main1_right { width: 22.85714%; background-color: #fff; padding: 32px; }

.faq .main1 .main1_right .title { font-size: 20px; font-weight: bold; margin-bottom: 15px; }

.faq .main1 .main1_right .line { line-height: 32px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.faq .main1 .main1_right .line:hover { color: rgba(255,154,0,0.9); }


/********************************* faq END ********************************/
/********************************* faq STRAT ********************************/
.video .main1 { padding: 50px 0; }

.video .main1 .main1_left { width: 74.28571%; }

.video .main1 .main1_left .block { width: 30.76923%; cursor: pointer; }

.video .main1 .main1_left .block:not(:nth-child(3n)) { margin-right: 3.84615%; }

.video .main1 .main1_left .block:nth-child(n+4) { margin-top: 40px; }

.video .main1 .main1_left .block .img { position: relative; }

.video .main1 .main1_left .block .img .picture_container { padding-top: 56.25%; }

.video .main1 .main1_left .block .img .mask { opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: rgba(0, 0, 0, 0.8); }

.video .main1 .main1_left .block .name { height: 48px; line-height: 48px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #ffffff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.video .main1 .main1_left .block:hover .img .mask { opacity: 1; }

.video .main1 .main1_left .block:hover .name { background-color: rgba(255,154,0,0.9); color: #ffffff; }

.video .main1 .main1_right { width: 22.85714%; background-color: #fff; padding: 32px; }

.video .main1 .main1_right .title { font-size: 20px; font-weight: bold; margin-bottom: 15px; }

.video .main1 .main1_right .line { line-height: 32px; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.video .main1 .main1_right .line:hover { color: rgba(255,154,0,0.9); }

.video_popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 9999; background-color: rgba(0, 0, 0, 0.7); }

.video_popup .mask { width: 100%; height: 100%; }

.video_popup .box { margin: 0 auto; width: 800px; background-color: #fff; }
.video_popup .box:hover .title{
opacity: 1;
height: 48px;
}

.video_popup .box .title { height: 48px; font-size: 20px; line-height: 48px; padding: 0 30px;    height: 0; opacity: 0;-o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}

.video_popup .box .title .video_exit { width: 30px; height: 30px; line-height: 26px; text-align: center; border: 2px solid #888888; border-radius: 50%; cursor: pointer; }

.video_popup .box .video { width: 100%; }

.video_popup .box .video video { width: 100%; height: 100%; }

/********************************* faq END ********************************/
/********************************* about STRAT ********************************/
.about .about_title { margin-bottom: 50px; }

.about .about_title .name { font-size: 30px; font-weight: bold; margin-bottom: 20px; }

.about .about_title .icon { width: 120px; height: 2px; background-color: rgba(255,154,0,0.9); }

.about .crumbs { background-color: #fefefe; }

.about .main1 { background-color: #fefefe; }

.about .main1 .content { position: relative; }

.about .main1 .content .txt_box { position: relative; }

.about .main1 .content .txt_box .main1_left { padding: 44px 0; width: 44.28571%; }

.about .main1 .content .txt_box .main1_left .txt { margin-bottom: 105px; min-height: 183px;}

.about .main1 .content .txt_box .main1_left .btn { width: 150px; height: 48px; background-color: rgba(255,154,0,0.9); border: solid 1px rgba(255,154,0,0.9); color: #ffffff; text-align: center; line-height: 48px; }

.about .main1 .content .video_center { width: 50%; cursor: pointer; position: absolute; right: 0; top: 0; }

.about .main1 .content .video_center .picture_container { width: 100%; padding-top: 56.25%; }

.about .main1 .content .video_center .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: rgba(0, 0, 0, 0.5); }

.about .main1 .content .video_center .mask .icon { width: 57px; }

.about .main1 .content .video_center video { display: none; width: 100%; height: 100%; }

.about .main2 { padding: 55px 0 70px; background-color: #f4eadf; }

.about .main2 .content .box .block { text-align: center; width: 22.85714%; height: 320px; background-color: #fefefe; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; }

.about .main2 .content .box .block:not(:last-child) { margin-right: 2.85714%; }

.about .main2 .content .box .block .block_img { width: 100%; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.about .main2 .content .box .block .block_img .img { margin-bottom: 40px; }

.about .main2 .content .box .block .block_img .img .icon_on { display: none; }

.about .main2 .content .box .block .block_img .name { font-size: 30px; font-weight: bold; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.about .main2 .content .box .block .txt { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; display: none; padding: 30px 40px 0 0; text-align: left; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; }

.about .main2 .content .box .block .txt .title { font-weight: bold; margin-bottom: 15px; }

.about .main2 .content .box .block .txt .abstract { line-height: 24px; }

.about .main2 .content .box.active .block { width: 15.71429%; }

.about .main2 .content .box.active .block:not(:last-child) { margin-right: 0.71429%; }

.about .main2 .content .box.active .block.active { width: 48.57143%; margin-right: 2.85714%; }

.about .main2 .content .box.active .block.active .block_img { width: 47.05882%; }

.about .main2 .content .box.active .block.active .block_img .icon_off { display: none; }

.about .main2 .content .box.active .block.active .block_img .icon_on { display: block; }

.about .main2 .content .box.active .block.active .block_img .name { color: rgba(255,154,0,0.9); }

.about .main2 .content .box.active .block.active .txt { display: block; }

.about .main3 { background-color: #4a4a4a; padding: 55px 0; }

.about .main3 .content { color: #ffffff; position: relative; }

.about .main3 .content .course_title { margin-bottom: 30px; }

.about .main3 .content .course_title .title { font-size: 30px; line-height: 32px; font-weight: bold; margin-right: 20px; }

.about .main3 .content .course_title .year .line { line-height: 17px; cursor: pointer; }

.about .main3 .content .course_title .year .line:not(:first-child) { margin-left: 20px; }

.about .main3 .content .box .year_box .block { padding: 30px 35px 30px 30px; width: 25%; border-left: 4px solid rgba(255,154,0,0.9); }

.about .main3 .content .box .year_box .block .year { font-size: 48px; font-weight: lighter; line-height: 49px; margin-bottom: 20px; }

.about .main3 .content .box .year_box .block .txt { line-height: 24px; font-weight: lighter; }

.about .main3 .content .box .year_box .block .txt p:not(:last-child) { margin-bottom: 10px; }
.about .main3 .content .box .year_box .block .txt p {color: #fff !important; }

.about .main3 .content .swiper-button-prev, .about .main3 .content .swiper-button-next { background-image: none; width: 56px; height: 70px; text-align: center; line-height: 70px; background-color: rgba(0, 0, 0, 0.3); }

.about .main3 .content .swiper-button-next { right: 105px; }

.about .main3 .content .swiper-button-prev { left: 105px; }

.about .main4 { padding: 50px 0; background-color: #f4eadf; }

.about .main4 .content .block { width: 22.85714%; height: 320px; background-color: #ffffff; text-align: center; }

.about .main4 .content .block .img { margin-bottom: 24px; }

.about .main4 .content .block .name { font-size: 24px; font-weight: bold; margin-bottom: 15px; }

.about .main5 { padding: 50px 0; }

.about .main5 .content { position: relative; }

.about .main5 .content .main5_left { width: 48.21429%; }

.about .main5 .content .main5_left .signature .txt { margin-top: 20px; }

.about .main5 .main5_right { width: 48.95833%; position: absolute; top: 0; right: 0; }

.about .main5 .main5_right .picture_container { width: 100%; padding-top: 56.38298%; }

.about_popup { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; margin: auto; z-index: 20; background-color: rgba(0, 0, 0, 0.7); }

.about_popup .mask { width: 100%; height: 100%; }

.about_popup .mask .box { margin: 0 auto; width: 1040px; height: 620px; padding: 50px; background-color: #fefefe; overflow-y: auto; }

/********************************* about END ********************************/
/********************************* honor STRAT ********************************/
.honor .crumbs { margin-top: 40px; }

.honor .honor_title { font-size: 30px; font-weight: bold; margin-bottom: 30px; }

.honor .main1 { padding: 50px 0; background-color: #dcecf2; }

.honor .main1 .content .block { width: 22.85714%; }

.honor .main1 .content .block:not(:nth-child(4n)) { margin-right: 2.85714%; }

.honor .main1 .content .block:nth-child(n+5) { margin-top: 45px; }

.honor .main1 .content .block .picture_container { padding-top: 100%; }

.honor .main1 .content .block .name { margin-top: 16px; text-align: center; }

.honor .main2 { padding: 50px 0; background-color: #ffffff; }

.honor .main2 .content .block { width: 22.85714%; }

.honor .main2 .content .block:not(:nth-child(4n)) { margin-right: 2.85714%; }

.honor .main2 .content .block:nth-child(n+5) { margin-top: 45px; }

.honor .main2 .content .block .picture_container { padding-top: 100%; }

.honor .main2 .content .block .name { margin-top: 16px; text-align: center; }

.honor .main3 { padding: 50px 0; background-color: #f4eadf; }

.honor .main3 .content .block { width: 22.85714%; }

.honor .main3 .content .block:not(:nth-child(4n)) { margin-right: 2.85714%; }

.honor .main3 .content .block:nth-child(n+5) { margin-top: 45px; }

.honor .main3 .content .block .picture_container { padding-top: 100%; }

.honor .main3 .content .block .name { margin-top: 16px; text-align: center; }

.honor .main4 { padding: 50px 0; background-color: #ffffff; }

.honor .main4 .content .block { width: 22.85714%; }

.honor .main4 .content .block:not(:nth-child(4n)) { margin-right: 2.85714%; }

.honor .main4 .content .block:nth-child(n+5) { margin-top: 45px; }

.honor .main4 .content .block .picture_container { padding-top: 100%; }

.honor .main4 .content .block .name { margin-top: 16px; text-align: center; }

/********************************* honor END ********************************/
/********************************* contact STRAT ********************************/
.contact .crumbs { background-color: #fefefe; }

.contact .main1 { padding: 50px 0; }

.contact .main1 .content .main1_left { width: 65.71429%; background-color: #fefefe; padding: 30px; }

.contact .main1 .content .main1_left .title { font-weight: bold; font-size: 24px; margin-bottom: 20px; }
.contact .main1 .content .main1_left .txt a{display: inline-block;}

.contact .main1 .content .main1_left .box:not(:last-child) { margin-bottom: 45px; }

.contact .main1 .content .main1_left .box .block p:not(:last-child) { margin-bottom: 15px; }

.contact .main1 .content .main1_left .box .block .btn { margin-top:95px;width: 227px; height: 64px; background-color: rgba(255,154,0,0.9); color: #ffffff; }

.contact .main1 .content .main1_left .box .block .btn .icon { margin-right: 25px; }

.contact .main1 .content .main1_left .box .block .share .icon:not(:last-child) { margin-right: 20px; }

.contact .main1 .content .main1_right { width: 31.42857%; }

.contact .main1 .content .main1_right .box { padding: 30px 30px 50px 30px; background-color: #fefefe;}

.contact .main1 .content .main1_right .box:not(:last-child) { margin-bottom: 30px; }

.contact .main1 .content .main1_right .box .title { font-size: 24px; font-weight: bold; margin-bottom: 20px; }

.contact .main1 .content .main1_right .box .down_box {
    position: relative;
}
.contact .main1 .content .main1_right .box .down_box.active .down_top .icon{
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.contact .main1 .content .main1_right .box .down_box .down_top .icon{
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.contact .main1 .content .main1_right .box .down_box .down_slide{
    position: absolute;
    top: 47px;
    background-color: #fefefe;
    border: solid 1px #dadada;
    z-index: 5;
    left: 0;
    width: 100%;
    max-height: 335px;
    overflow-y: auto;
    display: none;
}

.contact .main1 .content .main1_right .box .down_box .down_slide .line{
    cursor: pointer;
    padding:0 10px;
    color: #363636;
}
.contact .main1 .content .main1_right .box .down_box .down_slide .line:hover{
    color: rgba(255,154,0,0.9);
}

.contact .main1 .content .main1_right .box .down_box .down_top {
    margin-bottom: 15px;
    height: 48px;
	background-color: #fefefe;
    border: solid 1px #dadada;
    padding: 0 15px;
    color: #373737;
    cursor: pointer;
}

.contact .main1 .content .main1_right .box .down_box .txt_box .txt{
    background-color: #f5f5f5;
    padding: 15px;
    display: none;
}

.contact .main2 { padding-bottom: 50px; }

.contact .main2 .title { margin-bottom: 40px; padding-left: 30px; font-size: 24px; font-weight: bold; }

.contact .main2 .content .box_block { width: 31.42857%; }

.contact .main2 .content .box_block:not(:last-child) { margin-right: 2.85714%; }

.contact .main2 .content .box_block .block { background-color: #fefefe; }

.contact .main2 .content .box_block .block .name_top { padding: 0 30px; height: 80px; position: relative; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.contact .main2 .content .box_block .block .name_top .name { font-size: 20px; font-weight: bold; width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.contact .main2 .content .box_block .block .name_top .more { position: relative; width: 20px; height: 20px; cursor: pointer; }

.contact .main2 .content .box_block .block .name_top .more:after { content: " "; position: absolute; height: 3px; width: 20px; left: 0; top: 50%; background-color: #363636; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.contact .main2 .content .box_block .block .name_top .more:before { content: " "; position: absolute; width: 3px; height: 20px; left: 50%; top: 0; background-color: #363636; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.contact .main2 .content .box_block .block .name_top .icon { position: absolute; bottom: 0; left: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fefefe; }

.contact .main2 .content .box_block .block .box { padding: 30px; padding-bottom: 55px; display: none; }

.contact .main2 .content .box_block .block .box p{ box-sizing: border-box;margin: 0px 0px 15px;padding: 0px;color: rgb(54, 54, 54);font-family: 微软雅黑;white-space: normal;background-color: rgb(254, 254, 254); }

.contact .main2 .content .box_block .block .box .line:not(:last-child) { margin-bottom: 15px; }

.contact .main2 .content .box_block .block.active .name_top { background-color: rgba(255,154,0,0.9); color: #ffffff; }

.contact .main2 .content .box_block .block.active .name_top .more { position: relative; width: 20px; height: 20px; cursor: pointer; }

.contact .main2 .content .box_block .block.active .name_top .more:after { background-color: #fefefe; }

.contact .main2 .content .box_block .block.active .name_top .more:before { height: 0; top: 50%; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background-color: #fefefe; }

.contact .main2 .content .box_block .block:not(:last-child) { margin-bottom: 20px; }

/********************************* contact END ********************************/
/********************************* employees STRAT ********************************/
.employees .employees_title { font-size: 30px; font-weight: bold; margin-bottom: 30px; }

.employees .main1 { padding: 50px 0; background-color: #dcecf2; }

.employees .main1 .content .block { width: 22.85714%; }

.employees .main1 .content .block:not(:nth-child(4n)) { margin-right: 2.85714%; }

.employees .main1 .content .block:nth-child(n+5) { margin-top: 45px; }

.employees .main1 .content .block .picture_container { padding-top: 100%; }

.employees .main1 .content .block .name { margin-top: 16px; text-align: center; }

.employees .main1 .content .block .name .btn { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.employees .main1 .content .block .name .btn:hover { color: rgba(255,154,0,0.9); }

.employees .main2 { padding: 50px 0; }

.employees .main2 .content { position: relative; }

.employees .main2 .content .swiper-slide { width: 46.875%; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.employees .main2 .content .swiper-slide-active { border: solid 4px #626262; }

.employees .main2 .content .swiper-button-prev, .employees .main2 .content .swiper-button-next { background-image: none; width: 56px; height: 70px; text-align: center; line-height: 70px; background-color: rgba(0, 0, 0, 0.3); }

.employees .main2 .content .swiper-button-next { right: 105px; }

.employees .main2 .content .swiper-button-prev { left: 105px; }

.employees .main2 .content .picture_container { padding-top: 66.66667%; }

.employees .main2 .content .picture_container img { width: 100%; }

.employees .main3 { padding: 50px 0; }

.employees .main3 .content .title { font-size: 24px; font-weight: bold; }

.employees .main3 .content .main3_left { width: 48.57143%; padding: 30px; background-color: #fefefe; }

.employees .main3 .content .main3_left .title { margin-bottom: 28px; }

.employees .main3 .content .main3_left .block .name { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.employees .main3 .content .main3_left .block .txt p { line-height: 24px; margin-bottom: 10px; }

.employees .main3 .content .main3_right { width: 48.57143%; }

.employees .main3 .content .main3_right .title { height: 80px; padding-left: 30px; background-color: #fefefe; margin-bottom: 55px; }

.employees .main3 .content .main3_right .block { background-color: #fefefe; }

.employees .main3 .content .main3_right .block:not(:last-child) { margin-bottom: 10px; }

.employees .main3 .content .main3_right .block .join_top { padding: 0 30px; height: 48px; position: relative; }

.employees .main3 .content .main3_right .block .join_top .flex_column_start { max-width: 60%; }

.employees .main3 .content .main3_right .block .join_top .flex_column_start .name { /*max-width: 85%;*/ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right: 10px; }

.employees .main3 .content .main3_right .block .join_top .icon { position: absolute; left: 30px; bottom: 0; border-top: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fefefe; }

.employees .main3 .content .main3_right .block .join_top .more { position: relative; width: 20px; height: 20px; cursor: pointer; }

.employees .main3 .content .main3_right .block .join_top .more:after { content: " "; position: absolute; height: 3px; width: 20px; left: 0; top: 50%; background-color: #363636; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.employees .main3 .content .main3_right .block .join_top .more:before { content: " "; position: absolute; width: 3px; height: 20px; left: 50%; top: 0; background-color: #363636; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.employees .main3 .content .main3_right .block .mask { line-height: 24px; padding: 30px; display: none; }

.employees .main3 .content .main3_right .block .mask p:not(:last-child) { margin-bottom: 10px; }

.employees .main3 .content .main3_right .block.active .join_top { color: #ffffff; background-color: rgba(255,154,0,0.9); }

.employees .main3 .content .main3_right .block.active .join_top .more { position: relative; width: 20px; height: 20px; cursor: pointer; }

.employees .main3 .content .main3_right .block.active .join_top .more:after { background-color: #fefefe; }

.employees .main3 .content .main3_right .block.active .join_top .more:before { height: 0; top: 50%; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background-color: #fefefe; }


/********************************* employees END ********************************/


/* 2020-09-05 增加产品详情页 */

.product-details .main1 .box_block1200 .block {
    position: relative;
    height: 600px;
    overflow: hidden;
}
.product-details .main1 .box_block1200 .block .img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.product-details .main1 .box_block1200 .block .img .picture_1920{
    position: absolute;
    left: 50%;
    top: 0;
    width: 1920px;
    -o-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    max-width: none;
}
.product-details .main1 .box_block1200 .block .img .picture_1200{
    display: none;
}

.product-details .main1 .box_block1200 .block .box_block .txt{
    width: 42.85%;
}
.product-details .main1 .box_block1200 .block .box_block .txt.txts{
    width: 68.57%;
}
.product-details .main1 .box_block1200 .block .box_block{
    height: 100%;
    position: relative;
    z-index: 2;
}
.product-details .main1 .box_block1200 .block .box_block.box_center .txt{
    margin-top: 100px;
}

.product-details .main1 .box_block1200 .block .box_block .txt h2{
    margin: 0 0 20px 0;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5;
    color: #545454
}
    .product-details .main1 .box_block1200 .block .box_block .txt h3{
    margin: 0 0 20px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #545454
}
    .product-details .main1 .box_block1200 .block .box_block .txt p{
    margin: 20px 0;
    font-size: 16;
    line-height: 1.5;
    color: #545454
}