@font-face { font-family: 'MR'; src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); }

@font-face {  src: url("../fonts/Montserrat-Light.otf") format("opentype"); }

@font-face { font-family: 'MM'; src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); }

@font-face { font-family: 'GB'; src: url("../fonts/Gilroy-Bold.ttf") format("truetype"); }

@font-face { font-family: 'AGB'; src: url("../fonts/AvantGardeITCbyBT-Book.otf") format("opentype"); }

@font-face { font-family: 'HTT'; src: url("../fonts/HelveticaNeueLTPro-ThEx.otf") format("opentype"); }

@font-face { font-family: 'MEL'; src: url("../fonts/Montserrat-ExtraLight.otf") format("opentype"); }

@font-face { font-family: 'ntailu'; src: url("../fonts/ntailu.ttf") format("truetype"); }

/********************************* header STRAT ********************************/
.header .head_top { padding: 0 5.72917% 0 7.44792%; height: 90px; }

.header .head_top .head_logo { width: 230px; }

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

.header .head_top .head_nav { width: 61.18776%; }

.header .head_top .head_nav .block { position: relative; }
.header .head_top .head_nav .block.myblock{position:static;}

.header .head_top .head_nav .block .title { line-height: 90px; }

.header .head_top .head_nav .block .title .name { font-size: 18px; color: #3d3d3d;transition: all .5s; }
.header .head_top .head_nav .block:hover .title .name { color: #f0cd3f;transition: all .5s;}

.header .head_top .head_nav .block .title .iconfont { font-size: 12px; color: #777777; line-height: 1.1; margin-left: 12px;transition: all .5s; }
.header .head_top .head_nav .block:hover  .title .iconfont {color: #f0cd3f;transition: all .5s;}

.header .head_top .head_nav .block .nav_down { overflow: hidden; z-index: 99; position: absolute; left: 50%; top: 100%; max-height: 0; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); background-color: rgba(12, 12, 12, 0.84); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.header .head_top .head_nav .block.myblock .nav_down{width: 100%;max-height: ;top:90px;text-align: center;}

.header .head_top .head_nav .block .nav_down .line { font-size: 16px; color: #ffffff; padding: 0 17px; line-height: 50px; white-space: nowrap; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.header .head_top .head_nav .block .nav_down .line:hover { background-color: #f0cd3f; }

.header .head_top .head_nav .block:hover .nav_down { max-height: 100vh; }

.nav_dow_box{display: inline-block;width: 100%;box-sizing: border-box;padding:50px 10px;max-width: 1440px;}
.nav_dow_left{display: inline-block;width:calc(100% - 500px);float: left;}
.nav_dow_left a{display: inline-block;width:calc(100% / 4);float: left;color: #fff;font-size: 16px;line-height:1.5;padding:15px 0;transition: all .5s;}
.nav_dow_left a:hover{color: #f0cd3f;transition: all .5s;}
.nav_dow_right{display: inline-block;width:450px;float: right;}
.nav_dow_right a{display:none;}
.nav_dow_right a:first-child{display: block;}

.casebox{display: inline-block;width:calc(100% / 5 - 20px);margin:8px;}
.casebox .caseimg{display: inline-block;width:100%;height: 200px;overflow: hidden;border-radius: 5px;}
.casebox .caseimg img{height: 100%;max-width: 100%;transition: all .5s;}
.casebox:hover .caseimg img{ transform: scale(1.1);transition: all .5s;}
.casebox .casetxt{color: #fff;line-height:1.6;font-size: 16px;padding: 10px;box-sizing: border-box;transition: all .5s;}
.casebox:hover .casetxt{color: #f0cd3f;transition: all .5s;}

#page,#laypage_0{display:inline-block;width:100%;text-align:center}
#laypage_0 span,#laypage_0 a{display:inline-block;width:auto;text-align:center;margin:0 5px;color: #666666; font-size: 16px; border: solid 1px rgb(102 102 102); padding: 5px 20px;}

.header .head_top .head_right .iconfont { font-size: 22px; color: rgba(97, 97, 97, 0.6); }

.header .head_top .head_right .head_serach { position: relative;line-height: 90px; }

.header .head_top .head_right .head_serach .head_serach_form { display: none; top: calc(100% - 1px); z-index: 10; width: 300px; position: absolute; right: 0; background-color: #fff; }

.header .head_top .head_right .head_serach .head_serach_form input { line-height: 40px; width: 100%; border: 1px solid #f0cd3f;}

.header .head_top .head_right .head_serach .head_serach_form .btn { width: 40px; text-align: center; line-height: 40px; background-color: #f0cd3f; }

.header .head_top .head_right .head_serach .head_serach_form .btn .iconfont { font-size: 16px; color: #fff; }

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

.header .head_top .head_right .head_language .block_box { display: none; position: absolute; background-color: #fff; top: 58px; z-index: 10; width: 100px; position: absolute; right: 0; text-align: center; 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); }

.header .head_top .head_right .head_language .block_box .block { line-height: 32px; }

.header .head_top .head_right > div { cursor: pointer; }

.header .head_top .head_right > div:not(:last-child) { margin-right: 24px; }

.header .head_top .mobile_monu { display: none; font-size: 28px; color: rgba(97, 97, 97, 0.6); }

.header.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 80; background-color: #fff;box-shadow:0 0 15px rgba(0,0,0,.2); }

/********************************* header END ********************************/
.right_tag { position: fixed; right: 6px; top: 50%; z-index: 50; -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.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.right_tag .blokc_box { position: relative; }

.right_tag .block { cursor: pointer; text-align: center; width: 50px; height: 141px; border-radius: 10px; font-family: Gadugi; font-size:14px; color: #ffffff; line-height: 50px; font-weight: bold; letter-spacing: 1px; background-color: #212121; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; }

.right_tag .tag_popup { display: none; position: absolute; width: 400px; padding:30px; border-radius: 10px; background-color: #e42129; right: calc(100% + 20px); bottom: 15px; }

.right_tag .tag_popup::after { content: ''; position: absolute; background-image: url("../images/tag_icon.png"); background-size: cover; background-position: center; background-repeat: no-repeat; right: -10px; bottom: -4px; width: 20px; height: 20px; }

.right_tag .tag_popup .tag_title .iconfont { color: #fff; font-size: 46px; }

.right_tag .tag_popup .tag_title .exit_tag { cursor: pointer; text-align: center; width: 39px; height: 39px; line-height: 39px; border-radius: 50%; background-color: #ffffff; }

.right_tag .tag_popup .tag_title .exit_tag .iconfont { font-size: 13px; color: #f0cd3f; }

.right_tag .tag_popup .content { font-family: 'ntailu'; font-size: 14px; line-height: 19px; letter-spacing: 1px; color: #ffffff; margin-top: 15px; opacity: 0.7;}

.right_tag .tag_popup .btn { margin-top: 28px; text-align: center; line-height:58px; background-color: rgba(132, 18, 22, 0.4); border-radius: 16px; font-family: 'ntailu'; font-size: 14px; letter-spacing: 1px; color: #ffffff; }

/********************************* footer STRAT ********************************/
.footer { background-color: #000 }

.footer .foot_top { padding: 20px 0 10px; }

.footer .foot_top .foot_logo { width: 200px; }

.footer .foot_top .foot_logo .picture_container { padding-top: 50%; }

.footer .foot_center .foot_left { width: 44.14286%; }

.footer .foot_center .foot_left .share_box .block { width: 34px; height: 34px; border-radius: 50%; text-align: center; background-color: #ffffff; }

.footer .foot_center .foot_left .share_box .block .picture_container { padding-top: 100%; }

.footer .foot_center .foot_left .share_box .block:not(:last-child) { margin-right: 15px; }

.footer .foot_center .foot_left .foot_form { position: relative; margin-top: 25px; width: 100%; background-color: #ffffff; }

.footer .foot_center .foot_left .foot_form input { width: 100%; font-size: 16px;  padding: 0 20px; color: #a3a3a3; line-height: 50px; padding-right: 60px; }

.footer .foot_center .foot_left .foot_form input::-webkit-input-placeholder { color: #a3a3a3; }

.footer .foot_center .foot_left .foot_form input:-moz-placeholder { color: #a3a3a3; }

.footer .foot_center .foot_left .foot_form input:-ms-input-placeholder { color: #a3a3a3; }

.footer .foot_center .foot_left .foot_form input::placeholder { color: #a3a3a3; }

.footer .foot_center .foot_left .foot_form .iconfont { cursor: pointer; position: absolute; top: 50%; right: 20px; color: #000; font-size: 24px; -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); font-weight: bold;}

.footer .foot_center .foot_left .foot_nav {  font-size: 16px; line-height: 1.1; color: #a3a3a3; margin-top: 40px; }

.footer .foot_center .foot_left .foot_nav .line { -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.footer .foot_center .foot_left .foot_nav .line:hover { color: #f0cd3f; }

.footer .foot_center .foot_left .foot_nav .line:not(:last-child) { margin-right: 50px; }

.footer .foot_center .foot_right { width: 38.57143%; }

.footer .foot_center .foot_right .name {  font-size: 16px; line-height: 28px; color: #ffffff; }

.footer .foot_center .foot_right .message { margin-top: 35px; }

.footer .foot_center .foot_right .message .iconfont { color: #535353; font-size: 21px; margin-right: 15px; margin-top: 3px; }

.footer .foot_center .foot_right .message .line:not(:first-child) { margin-top: 10px; }

.footer .foot_center .foot_right .message p {  font-size: 16px; line-height: 21px; color: #848484; }

.footer .foot_bottom { padding: 78px 0 25px;  font-size: 14px; line-height: 1.1; color: #4e4e4e; }

/********************************* footer END ********************************/
/********************************* index STRAT ********************************/
.index .index_title { font-size: 36px; line-height: 1.1; color: #333; text-align: center; margin-bottom: 60px;font-weight: bold;}

.index .index_banner .block { position: relative; }

.index .index_banner .block .txt_mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.index .index_banner .block .txt_mask .txt { text-align: right; position: absolute; top: 370px; left: 10.52083%; color: #ffffff; opacity: 0.9; }

.index .index_banner .block .txt_mask .txt .txt1 { font-family: 'ntailu'; font-size: 78px; font-weight: bold; }

.index .index_banner .block .txt_mask .txt .txt2 { font-family: 'HTT'; font-size: 39px; margin-top: 10px; }

.index .index_banner .block .txt_mask .more { font-size: 18px;font-weight: lighter;position: absolute;left: 48%;bottom: 150px;color: #fff;-o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.index .index_banner .swiper-pagination { bottom:20px; }

.index .index_banner .swiper-pagination-bullet { width:80px; height: 10px; opacity: 1; border-radius: 0; margin: 0 5px; background-color: #ffffff; }

.index .index_banner .swiper-pagination-bullet-active { background-color: #f0cd3f; }

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

.index .main1 .content .left_video { position: relative; width: 44.14286%; }

.index .main1 .content .left_video .picture_container { padding-top: 78.9644%; }

.index .main1 .content .left_video .mask { cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: rgba(0, 0, 0, 0.25); }

.index .main1 .content .right_txt { width: 51.21429%; }

.index .main1 .content .right_txt .name { font-size:36px; line-height: 1.1; color: #303030; font-weight: bold;}

.index .main1 .content .right_txt .line_icon { margin-top: 24px; width: 26px; height: 3px; background-color: #f0cd3f; margin-bottom: 40px; }

.index .main1 .content .right_txt .abstract {  font-size: 16px; color: #666666; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; line-height: 31px; }

.index .main1 .content .right_txt .more { margin-top: 55px; width: 135px; height: 50px; line-height: 50px;  font-size: 18px; color: #000; text-align: center; background-color: #f0cd3f; transition: all .5s;}
.index .main1 .content .right_txt .more:hover{background: #333; color: #fff; transition: all .5s;}

.index .main2 {padding:100px 0; background: #f8f8f8; }

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

.index .main2 .content .swiper_box { width: 88.64583%; margin: 0 auto; }

.index .main2 .content .swiper-slide:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }

.index .main2 .content .swiper-slide:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.index .main2 .content .swiper-slide:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.index .main2 .content .swiper-slide:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.index .main2 .content .block { background-color: #fff; border: 2px solid #fff; padding: 20px 20px 0 20px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index .main2 .content .block .txt { min-height: 75px; }

.index .main2 .content .block .txt .name { font-size: 20px; line-height:25px; color: #212121; height: 25px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}

.index .main2 .content .block:hover .txt .name{ color: #f2cf40;}

.index .main2 .content .block .txt .line_icon { width: 21px; height: 3px; background-color: #1c1c1c; margin-top: 25px; }

.index .main2 .content .block .txt .abstract {  font-size: 16px; line-height: 24px; color: #666; margin-top: 15px; }

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

.index .main2 .content .block:hover { background-color: #ffffff; border: solid 2px #f0cd3f; }

.index .main2 .content .swiper-button-prev, .index .main2 .content .swiper-button-next { width: 5.20833%; background-color: #f8f8f8; background-image: none; margin: 0; font-size: 21px; color: #aeaeae; text-align: center; height: 100%; top: 50%; -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.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index .main2 .content .swiper-button-prev:hover, .index .main2 .content .swiper-button-next:hover { color: #f0cd3f; }

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

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

.index .main3 { padding-top: 100px; }

.index .main3 .content { background: fixed;}

.index .main3 .content .swiper-slide:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }

.index .main3 .content .swiper-slide:nth-child(2) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.index .main3 .content .swiper-slide:nth-child(3) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.index .main3 .content .swiper-slide:nth-child(4) { -o-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.index .main3 .content .block_box { position: relative; }

.index .main3 .content .block_box .swiper-button-prev, .index .main3 .content .block_box .swiper-button-next { background-image: none; font-size: 14px; color: #aeaeae; opacity: 1; width: auto; height: auto; margin-top: 0; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index .main3 .content .block_box .swiper-button-prev:hover, .index .main3 .content .block_box .swiper-button-next:hover { color: #f0cd3f; }

.index .main3 .content .block_box .swiper-button-prev { left: -87px; }

.index .main3 .content .block_box .swiper-button-next { right: -87px; }

.index .main3 .content .block { border-right: 1px solid rgba(255, 255, 255, 0.14); padding: 0 30px; height: 815px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.index .main3 .content .block:first-child { border-left: 1px solid rgba(255, 255, 255, 0.14); }

.index .main3 .content .block .txt { color: #ffffff; margin-top: 30px; }

.index .main3 .content .block .txt .name { font-size: 18px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.index .main3 .content .block .txt .line_icon { width: 21px; height: 3px; margin-top: 15px; background-color: #ffffff; }

.index .main3 .content .block .txt .abstract {  font-size: 16px; margin-top: 15px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 23px; max-height: 92px; min-height: 92px; }

.index .main3 .content .block .txt .iconfont { font-size: 26px; }

.index .main3 .content .block:hover,.index .main3 .content .block.hover1{ background-color:rgba(242,207,64); }

.index .main3 .content .nubmer_box { position: absolute; bottom: -70px; left: 0; width: 100%; z-index: 4; height: 137px; }

.index .main3 .content .nubmer_box .nubmer_block { text-align: center; width: 25%; background-color: #eeeeee; }

.index .main3 .content .nubmer_box .nubmer_block .number { font-size: 40px; line-height: 1.1; color: #212121; }

.index .main3 .content .nubmer_box .nubmer_block .abstract { margin-top: 5px;  font-size: 16px; line-height: 1.1; color: #8d8d8d; }

.index .main3 .content .nubmer_box .nubmer_block:nth-child(even) { background-color: #f5f5f5; }

.index .main3 .content .nubmer_box .nubmer_block:nth-child(1) .number { color: #000; }

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

.index .main4 .content .center { width: 988px; }

.index .main4 .content .center .block { padding-bottom: 60px; position: relative; }

.index .main4 .content .center .block .img { width: 67.20648%; -moz-box-shadow: 0 45px 40px -40px #aaa; -webkit-box-shadow: 0 45px 40px -40px #aaa; box-shadow: 0 45px 40px -40px #aaa; }

.index .main4 .content .center .block .img .picture_container { padding-top: 70.63253%; }

.index .main4 .content .center .block .txt { position: absolute; padding-left: 40px; width: 417px; min-height: 245px; background-color: #212121; right: 0; top: calc(50% - 30px); -o-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.index .main4 .content .center .block .txt .name { font-size: 24px; line-height: 26px; color: #ffffff; }

.index .main4 .content .center .block .txt .line_icon { width: 31px; height: 3px; background-color: #da2027; margin-top: 15px; margin-bottom: 20px; }

.index .main4 .content .center .block .txt .abstract {  font-size: 16px; line-height: 24px; color: #ffffff; }

.index .main4 .content .center .block .txt .time { margin-top: 10px; font-size: 19px; line-height: 1.1; color: #ffffff; }

.index .main4 .content .center .swiper_btn_box .swiper-button-prev, .index .main4 .content .center .swiper_btn_box .swiper-button-next { margin: 0; background-image: none; position: unset; width: 49px; height: 49px; line-height: 49px; text-align: center; background-color: #434343; color: #aeaeae; opacity: 1; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; font-size: 12px; }

.index .main4 .content .center .swiper_btn_box .swiper-button-prev:hover, .index .main4 .content .center .swiper_btn_box .swiper-button-next:hover { background-color: #f0cd3f; color: #fff; }

.index .main5 { padding: 50px 0 50px;background: #000;border-bottom: 1px solid rgba(209,178,55,.3);}

.index .main5 .index_title { margin-bottom: 20px; }
.index .main5 .index_title  .center1400{color: #f0cd3f;}

.index .main5 .content .center { width: 1100px; }

.index .main5 .content .abstract { text-align: center; margin-bottom: 28px;  font-size: 16px; color: #666666; }

.index .main5 .content .form_box .block { width: 24.36364%;  }

.index .main5 .content .form_box .block:not(:last-child) { margin-right: 0.90909%; }

.index .main5 .content .form_box .block input { height: 50px; line-height: 50px; width: 100%; border: solid 1px #f0cd3f; padding: 0 25px; font-size: 16px; color: #fff; }

.index .main5 .content .form_box .block input::-webkit-input-placeholder { color: #eee; }

.index .main5 .content .form_box .block input:-moz-placeholder { color: #eee; }

.index .main5 .content .form_box .block input:-ms-input-placeholder { color: #eee; }

.index .main5 .content .form_box .block input::placeholder { color: #f0cd3f; }

.index .main5 .content .form_box .block .btn { cursor: pointer; width: 100%; height: 50px; line-height: 50px; color: #f0cd3f; text-align: center; font-size:18px;font-weight: bold;border: solid 1px #f0cd3f;}

.index .main5 .content .form_box .block .btn:hover {background: #f0cd3f;color: #000;transition: all .5s;}
.index .main6 { padding: 100px 0 100px; }
.index .main6 .swiper-container{padding-bottom: 50px;}

.index .main7 { padding: 100px 0 100px; background: #f8f8f8;}
.index .main7 .swiper-container{padding-bottom: 50px;}
.index .main7 .swiper_btn_box {
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    text-align: center;
}

.index .main7 .hq-news a {
    display: inline-block;
    width: 100%;
    padding: 30px 15px;
    box-sizing: border-box;
    border: 1px solid #fff;
    background: #ffffff;
    border-radius: 5px;
    transition: all .5s;
}

.index .main7 .swiper_btn_box > div {
    width: 45px;
    height: 45px;
    display: inline-block;
    background: #f0cd3f;
    text-align: center;
    line-height: 45px;
    font-size: 24px;
    cursor: pointer;
    transition: all .5s;
    margin: 0 5px;
}


.hq-news .swiper-slide{padding:15px; box-sizing: border-box;}
.hq-news a{display: inline-block;width: 100%;padding:30px 15px; box-sizing: border-box;border: 1px solid #eee;background: #f8f8f8;border-radius: 5px; transition: all .5s; }
.hq-news a:hover{border-color: #f8f8f8; box-shadow: -10px 10px 15px rgba(209,178,55,.3); transition: all .5s; transform: translate(10px,-10px); color:#f2cf40}
.hq-news a .img{display: inline-block;width: 100%;height:250px;overflow: hidden;}
.hq-news a:hover img{transform: scale(1);transition: all 3s;}
.hq-news a .img img{width: 100%;height: 250px;transition: all .5s;}
.hq-news a .title{display: inline-block;width: 100%;padding-top: 10px;}
.hq-news a .title .name{display:block;width:100%;overflow: hidden;height:25px;line-height: 25px;font-size:20px;white-space: nowrap;text-overflow: ellipsis;}
.hq-news a .title .name:hover { color:#f2cf40}
.hq-news a .title .line_icon{display: inline-block;width: 30px;height: 3px;background-color: #f0cd3f;}
.hq-news a .title .abstract{font-size: 16px;line-height: 24px;color: #666;margin-top:5px;height: 100px;overflow: hidden;}
.hq-news a .title .time{position: relative;color: #999; line-height: 30px;}
.hq-news a .title .time::before{display: block;content: '';width:calc(100% - 90px);height: 1px;background:#f0cd3f;position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.hq-news a:hover .name{color: #000;}

.index .main6 .swiper_btn_box{display: inline-block;width: 100%;position: absolute;bottom: 0;left:50%; transform: translateX(-50%);z-index: 5; text-align: center;}
.index .main6 .swiper_btn_box > div{width: 45px; height: 45px;display: inline-block;background: #f0cd3f;text-align: center;line-height: 45px;font-size: 24px;cursor: pointer;transition: all .5s;margin: 0 5px;}
.index .main6 .swiper_btn_box > div:hover{background: #333;color: #fff; transition: all .5s;}

/********************************* index END ********************************/
.inner_banner { position: relative; }

.inner_banner .mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.inner_banner .txt { font-family: 'MM'; font-size: 56px; line-height: 1.1; letter-spacing: -1px; color: #ffffff; }

.inner_title { text-align: center; font-family: 'MM'; font-size: 36px; line-height: 1.1; letter-spacing: -1px; color: #333333; }

.about_video { position: relative; }

.about_video .block { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.about_video .block .txt {  font-size: 24px; line-height: 28px; color: #ffffff; opacity: 0.8; margin: 0 auto; text-align: center; }

.about_video .block .video_play { position: relative; margin: 0 auto; margin-top: 35px; cursor: pointer; width: 60px; height: 60px; }

.about_video .block .video_play::after { content: " "; position: absolute; left: 50%; top: 50%; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 50%; opacity: 0; border: 1px solid #ffffff; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.about_video .block .video_play:hover::after { -o-animation: big_l 1.5s infinite; -moz-animation: big_l 1.5s infinite; -webkit-animation: big_l 1.5s infinite; animation: big_l 1.5s infinite; }

.video_popup { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 100; }

.video_popup .mask { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }

.video_popup .mask .vidoe_box { position: relative; width: 1200px; height: 600px; margin: 0 auto; }
.video_popup .mask .vidoe_box .video{  width: 100%;height: 100%;  }

.video_popup .mask .vidoe_box .video iframe { width: 100% !important;height: 100% !important; }


.video_popup .mask .vidoe_box .iconfont { position: absolute; top: -25px; right: -25px; color: #fff; font-size: 18px; cursor: pointer; }

.goback { width: 200px; height: 60px; margin: 0 auto; margin-top:50px; font-size: 14px; line-height: 60px; text-align: center; border: solid 2px #f0cd3f; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.goback:hover { background-color: #f0cd3f; color: #000; }

/********************************* about STRAT ********************************/
.about .main1 { padding-bottom: 100px; }

.about .main1 .content { margin-top: 30px; }

.about .main1 .content .txt_box { margin-top: 50px; font-family: 'MM'; color: #333333;font-size: 16px;line-height: 1.6; }

.about .main1 .content .txt_box .txt_title { position: relative; width: 39%; padding-right: 35px; }

.about .main1 .content .txt_box .txt a{display:inline;}

.about .main1 .content .txt_box .txt_title .name { font-size:38px; line-height: 1.1; font-weight: bold;color: #000;line-height: 1.3;}

.about .main1 .content .txt_box .txt_title .contact { font-size:18px; line-height:1.2px; margin-top: 15px; }

.about .main1 .content .txt_box .txt_title::after { content: ' '; position: absolute; top: 0; right: 0; width: 3px; height: 100%; background-color: #f0ce40; }

.about .main1 .content .txt_box .txt { width: 58.33333%; }

/********************************* about END ********************************/
/********************************* power STRAT ********************************/
.power .main1 { position: relative; padding-bottom: 100px; }

.power .main1 .bg_img { width: 100%; height: 100%; position: absolute; left: 50%; bottom: 0; z-index: -1; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); overflow: hidden; }

.power .main1 .bg_img img { position: absolute; max-width: 1920px; width: 1920px; left: 50%; bottom: 0; -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }

.power .main1 .content { margin-top: 45px; }

.power .main1 .content .abstract1 { text-align: center;  font-size: 28px; line-height: 30px; letter-spacing: -1px; color: #f0cd3f; }

.power .main1 .content .abstract2 { text-align: center; font-family: 'MR'; font-size: 14px; line-height: 20px; color: #666666; margin-top: 10px; margin-bottom: 80px; }

.power .main1 .content .abstract3 { width: 980px; margin: 0 auto; }

.power .main1 .content .block_box { padding-top: 80px; height: 561px; width: 561px; margin: 0 auto; position: relative; }

.power .main1 .content .block_box .block { position: relative; z-index: 5; }

.power .main1 .content .block_box .block.blocks { margin-right: 222px; }

.power .main1 .content .block_box .block .name { font-family: 'GB'; font-size: 14px; line-height: 1.1; color: #999999; margin-bottom: 10px; text-align: center; }

.power .main1 .content .block_box .block .number_box { font-family: 'AGB'; font-size: 44px; color: #ec1b23; line-height: 0.9; }

.power .main1 .content .block_box .block .number_box span { font-size: 18px; }

.power .main1 .content .block_box .block.block_bottom { margin-top: 240px; }

.power .main1 .content .center_txt { position: absolute; top: 42%; left: 50%; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); font-family: 'GB'; font-size: 26px; line-height: 20px; color: #ffffff; }

/********************************* power END ********************************/
/********************************* course STRAT ********************************/
.course .main1 { padding-bottom: 100px; }

.course .main1 .content { margin-top: 30px; }

.course .main1 .content .top_img { position: relative; }

.course .main1 .content .top_img .txt_box { position: absolute; left: 50px; bottom: 40px; }

.course .main1 .content .top_img .txt_box .line_icon { width: 6px; height: 90px; margin-right: 30px; background-color: #f0cd3f; }

.course .main1 .content .top_img .txt_box .txt { font-family: 'MEL'; font-size: 40px; line-height: 1.1; letter-spacing: -2px; color: #ffffff; opacity: 0.8; }

.course .main1 .content .bottom_table .table_title { padding-top: 30px; padding-bottom: 35px; }

.course .main1 .content .bottom_table .swiper-slide { cursor: pointer; text-align: center; line-height: 62px; background-color: #ffffff; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; }

.course .main1 .content .bottom_table .swiper-slide:first-child { border-left: solid 1px #e5e5e5; }

.course .main1 .content .bottom_table .swiper-slide.active { border-bottom: solid 1px transparent; }

.course .main1 .content .bottom_table .table_box .left_title { padding-right: 80px; }

.course .main1 .content .bottom_table .table_box .left_title .number { font-family: 'RR'; font-size: 28px; line-height: 28px; letter-spacing: -1px; color: #000000; }

.course .main1 .content .bottom_table .table_box .left_title .line_icon { width: 56px; height: 3px; background-color: #000000; margin-left: 20px; }

.course .main1 .content .bottom_table .table_box .right_txt { width: 78.33333%; }

.course .main1 .content .bottom_table .table_box .right_txt .block:not(:last-child) .txt { padding-bottom: 100px; }

.course .main1 .content .bottom_table .table_box .right_txt .block:not(:last-child) .year::before { content: ' '; position: absolute; width: 1px; height: 100%; background-color: #dddddd; right: 23px; top: 7px; }

.course .main1 .content .bottom_table .table_box .right_txt .block .year { font-family: 'RR'; font-size: 20px; line-height: 1.1; color: #000000; position: relative; padding-right: 8.51064%; }

.course .main1 .content .bottom_table .table_box .right_txt .block .year::after { content: ' '; position: absolute; width: 7px; height: 7px; border-radius: 2px; background-color: #000000; right: 20px; top: 7px; z-index: 2; }

.course .main1 .content .bottom_table .table_box .right_txt .block .txt { position: relative; }

.course .main1 .content .bottom_table .table_box .right_txt .block .txt .tag { font-family: 'RR'; font-size: 14px; line-height: 26px; color: #000000; margin-right: 22px; }

/********************************* course END ********************************/
/********************************* culture STRAT ********************************/
.culture .main1 { background-color: #f5f5f5; }

.culture .main1 .content { padding-top: 60px; }

.culture .main1 .content .tag_box { position: relative; z-index: 5; }

.culture .main1 .content .tag_box .tag_block { padding: 40px 30px 30px; width: 18.66667%; background-color: #ffffff; cursor: pointer; }

.culture .main1 .content .tag_box .tag_block:nth-child(1) { -o-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; }

.culture .main1 .content .tag_box .tag_block:nth-child(2) { -o-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

.culture .main1 .content .tag_box .tag_block:nth-child(3) { -o-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.culture .main1 .content .tag_box .tag_block:nth-child(4) { -o-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.culture .main1 .content .tag_box .tag_block:nth-child(5) { -o-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.culture .main1 .content .tag_box .tag_block:not(:last-child) { margin-right: 1.66667%; }

.culture .main1 .content .tag_box .tag_block .icon_img { width: 68px; height: 68px; line-height: 62px; border-radius: 50%; text-align: center; margin-bottom: 60px; border: solid 2px rgba(189, 189, 189, 0.5); }

.culture .main1 .content .tag_box .tag_block .icon_img .icon_on { display: none; }

.culture .main1 .content .tag_box .tag_block .name { position: relative; }

.culture .main1 .content .tag_box .tag_block .name .txt { font-family: 'MM'; font-size: 18px; line-height: 1.1; letter-spacing: -1px; }

.culture .main1 .content .tag_box .tag_block .name .icon { width: 0; height: 0; border: 10px solid; border-color: transparent transparent transparent #bdbdbd; -o-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); position: absolute; right: 0; bottom: -7px; }

.culture .main1 .content .tag_box .tag_block:hover, .culture .main1 .content .tag_box .tag_block.active { background-color: #ec2932; }

.culture .main1 .content .tag_box .tag_block:hover .icon_img, .culture .main1 .content .tag_box .tag_block.active .icon_img { border: solid 2px rgba(255, 255, 255, 0.5); }

.culture .main1 .content .tag_box .tag_block:hover .icon_img .icon_on, .culture .main1 .content .tag_box .tag_block.active .icon_img .icon_on { display: block; }

.culture .main1 .content .tag_box .tag_block:hover .icon_img .icon_off, .culture .main1 .content .tag_box .tag_block.active .icon_img .icon_off { display: none; }

.culture .main1 .content .tag_box .tag_block:hover .name .txt, .culture .main1 .content .tag_box .tag_block.active .name .txt { color: #fff; }

.culture .main1 .content .tag_box .tag_block:hover .name .icon, .culture .main1 .content .tag_box .tag_block.active .name .icon { width: 0; height: 0; border: 10px solid; border-color: transparent transparent transparent #fff; }

.culture .main1 .content .block_box { margin-top: -112px; }

.culture .main1 .content .block_box .block { position: relative; }

.culture .main1 .content .block_box .block .mask { position: absolute; text-align: center; top: 0; bottom: 0; left: 0; right: 0; }

.culture .main1 .content .block_box .block .mask .name { margin-bottom: 20px; margin-top: 300px; font-family: 'MM'; font-size: 22px; line-height: 24px; color: #f0cd3f; }

.culture .main1 .content .block_box .block .mask .txt {  font-size: 36px; line-height: 40px; letter-spacing: -2px; color: #ffffff; }

.culture .crumbs .item { background-color: #f5f5f5; }

/********************************* culture END ********************************/
/********************************* project STRAT ********************************/
.project .main1 { padding-bottom: 100px; }

.project .main1 .content { padding-top: 30px; }

.project .main1 .content .block_box .block { padding: 20px; width: 31.66667%; background-color: #f7f7f7; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -moz-box-shadow: 0 20px 40px -40px transparent; -webkit-box-shadow: 0 20px 40px -40px transparent; box-shadow: 0 20px 40px -40px transparent; }

.project .main1 .content .block_box .block:not(:nth-child(3n)) { margin-right: 2.5%; }

.project .main1 .content .block_box .block:nth-child(n + 4) { margin-top: 30px; }

.project .main1 .content .block_box .block .img .picture_container { padding-top: 65.58824%; }

.project .main1 .content .block_box .block .txt { margin-top: 30px; text-align: center; }

.project .main1 .content .block_box .block .txt .name { font-size: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom:20px}

.project .main1 .content .block_box .block .txt .abstract { font-size: 14px; color: #666666; margin: 20px 0 25px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; max-height: 36px; min-height: 36px; }

.project .main1 .content .block_box .block .txt .more { position: relative; margin: 0 auto; width: 38px; height: 38px; border-radius: 50%; background-color: #ffffff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -moz-box-shadow: 0px 10px 20px -10px #333; -webkit-box-shadow: 0px 10px 20px -10px #333; box-shadow: 0px 10px 20px -10px #333; }

.project .main1 .content .block_box .block .txt .more::after, .project .main1 .content .block_box .block .txt .more::before { content: ' '; position: absolute; top: 50%; left: 50%; background-color: #333333; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.project .main1 .content .block_box .block .txt .more::after { width: 12px; height: 2px; }

.project .main1 .content .block_box .block .txt .more::before { width: 2px; height: 12px; }

.project .main1 .content .block_box .block:hover { -moz-box-shadow: 0 20px 40px -40px #333; -webkit-box-shadow: 0 20px 40px -40px #333; box-shadow: 0 20px 40px -40px #333; background-color: #f7f7f7; }

.project .main1 .content .block_box .block:hover .txt .more { background-color: #f0cd3f; -moz-box-shadow: 0px 10px 20px -10px #f0cd3f; -webkit-box-shadow: 0px 10px 20px -10px #f0cd3f; box-shadow: 0px 10px 20px -10px #f0cd3f; }

.project .main1 .content .block_box .block:hover .txt .more::after, .project .main1 .content .block_box .block:hover .txt .more::before { background-color: #fff; }

/********************************* project END ********************************/
/********************************* project-details STRAT ********************************/
.project-details .main1 { padding-bottom: 100px; }

.project-details .main1 .content { padding-top: 30px; }

.project-details .main1 .content .txt_box1 { padding: 50px 0 35px; border-bottom: 1px solid #ebebeb; }

.project-details .main1 .content .txt_box1 .txt .title { font-size: 26px; color: #000000; font-family: 'MM'; line-height: 34px; position: relative; letter-spacing: -1px; width: 26%; padding-right: 4.75%; }

.project-details .main1 .content .txt_box1 .txt .title::after { content: ' '; position: absolute; right: 0; top: 0; width: 3px; height: 100%; background-color: #f0ce40; }

.project-details .main1 .content .txt_box1 .txt .text { width: 51.83333%; margin-left: 5%; }

.project-details .main1 .content .txt_box1 .txt .text .secondary_title { font-family: 'MM'; font-size: 22px; line-height: 32px; }

.project-details .main1 .content .txt_box1 .txt .text .abstract { font-size: 17px; line-height: 22px; color: #828282; }

.project-details .main1 .content .txt_box2 { padding: 50px 0; width: 900px;margin: 0 auto;border-bottom: 1px solid #ebebeb;font-size: 16px;line-height: 1.8;}

.project-details .main1 .content .txt_box2 a{display: inline-block;}

.project-details .main1 .content .txt_box2 .title { font-size: 30px; letter-spacing: -1px; margin-bottom: 10px; }

/********************************* project-details END ********************************/
/********************************* service STRAT ********************************/
.service .main1 { padding-bottom: 100px; }

.service .main1 .content { padding-top: 30px; }

.service .main1 .content .top_img { position: relative; }

.service .main1 .content .top_img .txt_box { position: absolute; left: 50px; bottom: 40px; }

.service .main1 .content .top_img .txt_box .line_icon { width: 6px; height: 90px; margin-right: 30px; background-color: #f0cd3f; }

.service .main1 .content .top_img .txt_box .txt { font-family: 'MEL'; font-size: 40px; line-height: 1.1; letter-spacing: -2px; color: #ffffff; opacity: 0.8; }

.service .main1 .content .block_box { margin-top: 20px; }

.service .main1 .content .block_box .block { padding: 20px 100px 20px 0; border: solid 1px #d5d5d5; min-height: 110px; }

.service .main1 .content .block_box .block:not(:last-child) { margin-bottom: 0; }

.service .main1 .content .block_box .block .icon { width: 9.16667%; text-align: center; height: 100%; padding: 10px 0; border-right: 1px solid #d5d5d5; }

.service .main1 .content .block_box .block .txt { padding-left: 30px; font-family: 'MM'; }

.service .main1 .content .block_box .block .txt .name { font-size: 18px; line-height: 24px; letter-spacing: -1px; }

.service .main1 .content .block_box .block .txt .abstract { font-size: 14px; line-height: 24px; color: #828282; }

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

.service .main2 .left_img { width: 50%; }

.service .main2 .left_img .img { width: 50%; }

.service .main2 .left_img .img .picture_container { padding-top: 83.33333%; }

.service .main2 .right_txt { padding: 30px; width: 50%; }

.service .main2 .right_txt .name { text-align: center; font-family: 'MM'; font-size: 26px; text-align: center; margin-bottom: 20px; }

.service .main2 .right_txt .txt { font-size: 14px; line-height: 24px; color: #828282; }

/********************************* service END ********************************/
/********************************* download STRAT ********************************/
.download .main1 { padding-bottom: 228px; }

.download .main1 .content { padding-top: 30px; }

.download .main1 .content .block_box .block { width: 32.16667%; }

.download .main1 .content .block_box .block:not(:nth-child(3n)) { margin-right: 1.66667%; }

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

.download .main1 .content .block_box .block .img { position: relative; }

.download .main1 .content .block_box .block .img .picture_container { padding-top: 67.35751%; }

.download .main1 .content .block_box .block .img .mask { text-align: center; position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; }

.download .main1 .content .block_box .block .img .mask .name { font-family: 'MM'; font-size: 18px; line-height: 24px; color: #ffffff; margin-bottom: 20px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.download .main1 .content .block_box .block .img .mask .name:hover { color: #f0cd3f; }

.download .main1 .content .block_box .block .img .mask .more { width: 59px; height: 59px; color: #fff; font-size: 18px; line-height: 59px; border-radius: 50%; border: solid 2px #ffffff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.download .main1 .content .block_box .block .img .mask .more:hover { border: solid 2px #f0cd3f; background-color: #f0cd3f; }

/********************************* download END ********************************/
/********************************* news STRAT ********************************/
.news .main1 { padding-bottom: 100px; }

.news .main1 .content .top_search { width: 500px; padding: 30px 0; }

.news .main1 .content .top_search .name { border: solid 1px #e0e0e0; border-right: 0; font-family: 'GB'; font-size: 16px; line-height: 24px; color: #666666; text-align: center; line-height: 54px; width: 133px; }

.news .main1 .content .top_search input { border: solid 1px #e0e0e0; border-right: 0; line-height: 54px; padding: 0 10px; color: #666666; }

.news .main1 .content .top_search .btn { cursor: pointer; width: 54px; color: #fff; line-height: 54px; text-align: center; background-color: #37393c; font-size: 18px; }

.news .main1 .content .block_box { border-top: 2px solid #000000; }

.news .main1 .content .block_box .block { padding: 50px 0; border-bottom: 1px solid #e0e0e0; }

.news .main1 .content .block_box .block .time { padding-right: 11%; }

.news .main1 .content .block_box .block .time .month { font-size: 30px; line-height: 1.1; letter-spacing: -1px; margin-bottom: 15px; }

.news .main1 .content .block_box .block .time .year { font-size: 14px; line-height: 1.1; color: #999999; }

.news .main1 .content .block_box .block .txt { width: 43.33333%; }

.news .main1 .content .block_box .block .txt .name { font-size: 22px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; 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; }

.news .main1 .content .block_box .block .txt .abstract { margin-top: 15px; font-size: 14px; color: #828282; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 20px; max-height: 40px; min-height: 40px; }

.news .main1 .content .block_box .block .txt .more { margin-top: 90px; }

.news .main1 .content .block_box .block .img { margin-left: 7.5%; width: 31.66667%; }

.news .main1 .content .block_box .block .img .picture_container { padding-top: 56.57895%; }

.news .main1 .content .block_box .block:hover .txt .name { color: #f0cd3f; }

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

.news-details .main1 .content .title { text-align: center; font-size: 30px; line-height: 28px; letter-spacing: -1px; margin-bottom: 20px; }

.news-details .main1 .content .tag_box { padding-top: 22px; margin-bottom: 25px; border-top: 1px solid #eeeeee; }

.news-details .main1 .content .tag_box .tag:nth-child(1) { margin-right: 35px; }

.news-details .main1 .content .tag_box .tag .txt { font-size: 13px; line-height: 1.1; color: #828282; font-family: 'MM'; margin-left: 10px; }

.news-details .main1 .content .txt_box { width: 900px; margin: 0 auto;line-height: 1.8;font-size: 16px;border-bottom: 1px solid #eee;padding-bottom: 50px;}

.news-details .main1 .content .txt_box a { display: inline-block; }

.news-details .main1 .content .share_box { padding: 70px 0 20px 32px; }

.news-details .main1 .content .share_box .name { font-family: 'GB'; font-size: 14px; color: #929292; }

.news-details .main1 .content .btn_box { margin-top: 30px; }

.news-details .main1 .content .btn_box .back_btn { width: 230px; height: 70px; font-size: 14px; font-family: 'GB'; line-height: 70px; text-align: center; border-radius: 35px; border: solid 1px #eeeeee; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.news-details .main1 .content .btn_box .back_btn:hover { background-color: #f0cd3f; border: solid 1px #f0cd3f; color: #fff; }

.news-details .main1 .content .social_box { margin-left: 10px; }

.news-details .main1 .content .social_box a { color: #fff; width: 24px; height: 24px; border-radius: 50%; background-color: #575757; text-align: center; line-height: 24px; font-size: 12px; margin: 2px; }

/********************************* news-details END ********************************/
/********************************* blog STRAT ********************************/
.blog .main1 .content { padding-top: 30px; }

.blog .main1 .content .left_img { width: 67%; }

.blog .main1 .content .left_img .img .picture_container { padding-top: 55.97015%; }

.blog .main1 .content .right_txt { position: relative; overflow: hidden; background-color: #333333; padding: 50px 50px 0 40px; }

.blog .main1 .content .right_txt .block .tag { width: 116px; height: 32px; font-size: 14px; line-height: 32px; text-align: center; border-radius: 16px; background-color: #575757; color: rgba(255, 255, 255, 0.6); }

.blog .main1 .content .right_txt .block .txt { font-size: 16px; line-height: 1.1; color: #ffffff; }

.blog .main1 .content .right_txt .block .txt .time { font-family: 'MM'; font-size: 16px; color: #ffffff; margin-top: 40px; }

.blog .main1 .content .right_txt .block .txt .name { font-size: 22px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 28px; max-height: 56px; min-height: 56px; margin-top: 25px; margin-bottom: 30px; }

.blog .main1 .content .right_txt .block .txt .abstract { font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.4); overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 20px; max-height: 60px; min-height: 60px; }

.blog .main1 .content .right_txt .swiper-pagination { bottom: 50px; }

.blog .main1 .content .right_txt .swiper-pagination-bullet { width: 6px; height: 6px; opacity: 0.3; border-radius: 0; background-color: #ffffff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; margin: 0 2px; }

.blog .main1 .content .right_txt .swiper-pagination-bullet-active { opacity: 1; width: 20px; height: 6px; background-color: #f0cd3f; }

.blog .main1 .content .search_box { margin-top: -150px; padding: 170px 0 20px; background-color: #f7f7f8; }

.blog .main1 .content .search_box .search_form { width: 396px; }

.blog .main1 .content .search_box .search_form input { font-size: 16px; line-height: 56px; padding-left: 22px; border: solid 2px #c6c7cb; border-right: 0; color: rgba(51, 51, 51, 0.4); }

.blog .main1 .content .search_box .search_form input::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.4); }

.blog .main1 .content .search_box .search_form input:-moz-placeholder { color: rgba(51, 51, 51, 0.4); }

.blog .main1 .content .search_box .search_form input:-ms-input-placeholder { color: rgba(51, 51, 51, 0.4); }

.blog .main1 .content .search_box .search_form input::placeholder { color: rgba(51, 51, 51, 0.4); }

.blog .main1 .content .search_box .search_form .btn { cursor: pointer; width: 120px; height: 60px; color: #f0cd3f; font-size: 22px; line-height: 60px; text-align: center; background-color: #333333; }

.blog .main1 .content .block_box { background-color: #f7f7f8; padding-bottom: 90px; }

.blog .main1 .content .block_box .block { width: 33%; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -moz-box-shadow: 0px 20px 40px -40px transparent; -webkit-box-shadow: 0px 20px 40px -40px transparent; box-shadow: 0px 20px 40px -40px transparent; }

.blog .main1 .content .block_box .block:not(:nth-child(3n)) { margin-right: 0.41667%; }

.blog .main1 .content .block_box .block:nth-child(n + 4) { margin-top: 60px; }

.blog .main1 .content .block_box .block .img .picture_container { padding-top: 67.17172%; }

.blog .main1 .content .block_box .block .txt { padding: 34px 32px; background-color: #fff; }

.blog .main1 .content .block_box .block .txt .name { font-size: 22px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 28px; max-height: 56px; min-height: 56px; }

.blog .main1 .content .block_box .block .txt .time { margin-top: 15px; font-family: 'MM'; font-size: 16px; line-height: 1.1; color: #999999; }

.blog .main1 .content .block_box .block:hover { -moz-box-shadow: 0px 20px 40px -40px #333; -webkit-box-shadow: 0px 20px 40px -40px #333; box-shadow: 0px 20px 40px -40px #333; }

/********************************* blog END ********************************/
/********************************* contact STRAT ********************************/
.contact .main1 { padding-bottom: 80px; }

.contact .main1 .content { padding-top: 30px; }

.contact .main1 .content .abstract_box { font-family: 'MM'; font-size: 16px; line-height: 22px; margin-bottom: 25px; text-align: center; }

.contact .main1 .content .map { height: 500px; }

.contact .main1 .content .map #googleMap { width: 100%; height: 100%; }

.contact .main1 .content .map #googleMap .map-canvas { position: relative; height: 500px; left: 0px; top: 0px; width: 100%; display: block;
} 

.contact .main1 .content .bottom_box { margin-top: 20px; border-top: 1px solid #000000; }

.contact .main1 .content .bottom_box .block { border-bottom: 1px solid #dcdcdc; }

.contact .main1 .content .bottom_box .block .name { line-height: 80px; background-color: #f5f5f5; width: 170px; font-family: 'GB'; font-size: 16px; padding-left: 30px; }

.contact .main1 .content .bottom_box .block .abstract { padding-left: 30px; color: #828282; }

.contact .main1 .content .bottom_box .block .abstract a:nth-child(1) { margin-right: 55px; }

.contact .main1 .content .bottom_box .block .abstract a:nth-child(2) { margin-right: 55px; }

.contact .main2 { padding: 80px 0; background-color: #f8f8f8; }

.contact .main2 .content .block { padding: 25px 40px; border-bottom: 1px solid rgba(221, 221, 221, 0.5); }

.contact .main2 .content .block .item { width: 46.42857%; }

.contact .main2 .content .block .item input, .contact .main2 .content .block .item textarea { width: 78.84615%; padding: 0 15px; height: 50px; line-height: 50px; background-color: #ededed; }

.contact .main2 .content .block .item .name { font-size: 15px; color: #292929; }

.contact .main2 .content .block .item .name span { color: #ff0000; }

.contact .main2 .content .block .code { cursor: pointer; width: 110px; height: 50px; line-height: 50px; text-align: center; margin-left: 10px; background-color: #ededed; }

.contact .main2 .content .block.blocks .item { width: 100%; }

.contact .main2 .content .block.blocks .item input, .contact .main2 .content .block.blocks .item textarea { width: 90.17857%; }

.contact .main2 .content .block.blocks .item textarea { height: 120px; }

.contact .main2 .content .btn_box { padding: 35px 40px 0; }

.contact .main2 .content .btn_box .btn { cursor: pointer; width: 180px; height: 60px; font-size: 15px; color: #ffffff; line-height: 60px; background-color: #f0cd3f; }

/********************************* contact END ********************************/
/********************************* message STRAT ********************************/
.message .main1 { padding-bottom: 80px; }

.message .main1 .content { padding-top: 30px; }

.message .main1 .content .icon_img { position: relative; height: 5px; }

.message .main1 .content .icon_img img { height: 5px; position: absolute; width: 1920px; top: 50%; left: 50%; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.message .main1 .content .abstract_box { font-family: 'MM'; font-size: 16px; line-height: 22px; margin-bottom: 25px; text-align: center; }

.message .main1 .content .block { padding: 25px 40px; border-bottom: 1px solid rgba(221, 221, 221, 0.5); }

.message .main1 .content .block .item { width: 46.42857%; }

.message .main1 .content .block .item input, .message .main1 .content .block .item textarea { width: 78.84615%; padding: 0 15px; height: 50px; line-height: 50px; background-color: #ededed; }

.message .main1 .content .block .item .name { font-size: 15px; color: #292929; }

.message .main1 .content .block .item .name span { color: #ff0000; }

.message .main1 .content .block .code { cursor: pointer; width: 110px; height: 50px; line-height: 50px; text-align: center; margin-left: 10px; background-color: #ededed; }

.message .main1 .content .block.blocks .item { width: 100%; }

.message .main1 .content .block.blocks .item input, .message .main1 .content .block.blocks .item textarea { width: 90.17857%; }

.message .main1 .content .block.blocks .item textarea { height: 120px; }

.message .main1 .content .btn_box { padding: 35px 40px 0; }

.message .main1 .content .btn_box .btn { cursor: pointer; width: 180px; height: 60px; font-size: 15px; color: #ffffff; line-height: 60px; background-color: #f0cd3f; }

/********************************* message END ********************************/
/********************************* online STRAT ********************************/
.online .main1 { padding-bottom: 175px; }

.online .main1 .content { padding-top: 30px; }

.online .main1 .content .block_box .block { width: 31.66667%; text-align: center; }

.online .main1 .content .block_box .block:not(:nth-child(3n)) { margin-right: 2.5%; }

.online .main1 .content .block_box .block:nth-child(n + 4) { margin-top: 30px; }

.online .main1 .content .block_box .block .img .picture_container { padding-top: 54.47368%; }

.online .main1 .content .block_box .block .txt { padding: 33px 0; font-size: 18px; line-height: 1.1; color: #000000; background-color: #f8f8f8; }

/********************************* online END ********************************/
/********************************* product STRAT ********************************/
.product { background-color: #f9f9f9; }

.product .main1 { padding-bottom: 100px; }

.product .main1 .content { padding-top: 30px; }

.product .main1 .content .block_box .block { width: 31.66667%; }

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

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

.product .main1 .content .block_box .block .img {}

.product .main1 .content .block_box .block .img .picture_container { padding-top: 78.84211%; }

.product .main1 .content .block_box .block .txt { background-color: #fff; padding: 20px 30px; }

.product .main1 .content .block_box .block .txt .name { font-family: 'MM'; font-size: 22px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; max-height: 52px; min-height: 52px;     text-align: center;}

.product .main1 .content .block_box .block .txt .abstract { font-size: 14px; color: #828282; margin-top: 10px; font-family: 'MM'; margin-bottom: 15px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; max-height: 36px; min-height: 36px; }

.product .main1 .content .block_box .block .txt .more { width: 134px; height: 46px; text-align: center; line-height: 44px; font-size: 14px; color: #666666; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; border: solid 2px rgba(0, 0, 0, 0.1);     margin: 0 auto;}

.product .main1 .content .block_box .block:hover .txt .more { color: #fff; background-color: #f0cd3f; border: solid 2px #f0cd3f; }

.switch{display:inline-block;width:100%;text-align:center}
.myudpsjd{display:inline-block;margin:0 auto;max-width:900px;border-bottom:1px solid #ebebeb}
.myudpsjd .tag{isplay:inline-block;width:50%;text-align:left;float:left;padding:10px}

/********************************* product END ********************************/
/********************************* product-details STRAT ********************************/
.center1560 { width: 1560px; margin: 0 auto; }

.product-details .main1 { padding: 10px 0 70px; background-image: url("../images/product_details_bg1.jpg"); }

.product-details .main1 .crumbs { margin-top: 0; }

.product-details .main1 .crumbs .monu { display: none; }

.product-details .main1 .crumbs .center { width: 1290px; }

.product-details .main1 .content .left_img { width: 53.20513%; }

.product-details .main1 .content .left_img .small_box { overflow: hidden; margin-right: 2.40964%; }

.product-details .main1 .content .left_img .small_box .swiper-container { height: 100%; }

.product-details .main1 .content .left_img .small_box .swiper-slide { background-color: #f2f2f2; border: solid 1px #dedede; height: auto; opacity: .5; cursor: pointer; }

.product-details .main1 .content .left_img .small_box .swiper-slide img { max-width: 80%; }

.product-details .main1 .content .left_img .small_box .swiper-slide:not(:last-child) { margin-bottom: 20px; }

.product-details .main1 .content .left_img .small_box .swiper-slide.active { opacity: 1; }

.product-details .main1 .content .left_img .small_box .img .picture_container { padding-top: 80.83333%; }

.product-details .main1 .content .left_img .big_img { width: 83.13253%; background-color: #f2f2f2; border: solid 1px #dedede;position: relative;}

#ShowBigPictureBox{position:absolute;overflow:hidden; display:none; border:3px solid #ccc; padding:5px; background-repeat:no-repeat; background-color:#fff; width:100%; height:100%;left:100%;top: 50%;transform: translateY(-50%);background:#fff;z-index: 88;}
#ShowBigPictureBox img{max-width: 1920px;max-height: 1080px;}

.product-details .main1 .content .left_img .big_img .picture_container { padding-top: 75.36232%; }

.product-details .main1 .content .right_txt { width: 43.39744%; }

.product-details .main1 .content .right_txt .name { font-family: 'MM'; font-size: 40px; line-height: 40px; letter-spacing: -1px; color: #f2cf40; }

.product-details .main1 .content .right_txt .abstract { padding-bottom: 30px; font-size: 20px; margin-top: 30px; line-height: 20px; border-bottom: 1px solid #d4d4d4; }

.product-details .main1 .content .right_txt .tag_box { padding-top: 20px; }

.product-details .main1 .content .right_txt .tag_box p { padding-left: 13px; font-size: 15px; line-height: 34px; color: #666666; position: relative; }

.product-details .main1 .content .right_txt .tag_box p::after { content: ' '; position: absolute; left: 0; top: 15px; width: 4px; height: 4px; background-color: #f0cd3f; }

.product-details .main1 .content .right_txt .btn { margin-top: 25px; width: 148px; height: 50px; font-size: 16px; color: #ffffff; line-height: 50px; font-family: 'MM'; text-align: center; background-color: #f0ce40; }

.product-details .main1 .content .right_txt .icon_box { margin-top: 40px; }

.product-details .main1 .content .right_txt .icon_box .icon_block { text-align: center; width: 82px; }

.product-details .main1 .content .right_txt .icon_box .icon_block:not(:last-child) { margin-right: 25px; }

.product-details .main1 .content .right_txt .icon_box .icon_block .icon { margin-bottom: 12px; }

.product-details .main2 .content .product_download { padding: 30px 0; }

.product-details .main2 .content .product_download .title { font-size: 26px; font-family: 'MM'; line-height: 30px; }

.product-details .main2 .content .product_download .block_box { width: 72.5%; }

.product-details .main2 .content .product_download .block_box .swiper-slide { width: 286px; }

.product-details .main2 .content .product_download .block_box .block .icon { width: 97px; height: 97px; line-height: 97px; text-align: center; border-radius: 50%; border: solid 2px rgba(0, 0, 0, 0.06); }

.product-details .main2 .content .product_download .block_box .block .txt { margin-left: 20px; }

.product-details .main2 .content .product_download .block_box .block .txt .name { font-size: 20px; line-height: 1.1; margin-bottom: 10px; }

.product-details .main2 .content .product_download .block_box .block .txt .abstract { font-size: 14px; color: #999999; }

.product-details .main2 .content .standard_box { border-top: 1px solid #e1e5e8; border-bottom: 1px solid #e1e5e8; }

.product-details .main2 .content .standard_box .block { width: 25%; cursor: pointer; line-height: 100px; text-align: center; border-left: 1px solid #e1e5e8; }

.product-details .main2 .content .standard_box .block:last-child { border-right: 1px solid #e1e5e8; }

.product-details .main3 { padding: 30px 0 20px; }

.product-details .main3 .content { padding-top: 30px; }

.product-details .main3 .content .title_box .swiper-slide { cursor: pointer; border: 1px solid #e4e4e4; border-bottom: solid 1px #f0cd3f; }

.product-details .main3 .content .title_box .swiper-slide:not(:first-child) { border-left: none; }

.product-details .main3 .content .title_box .swiper-slide.active { border-right: 1px solid #f0ce40; }

.product-details .main3 .content .title_box .swiper-slide.active + .swiper-slide { border-top: 1px solid #f0ce40; border-right: 1px solid #f0ce40; color: #f0ce40; border-bottom: none; }

.product-details .main3 .content .title_box .swiper-slide.oneActive { border-top: 1px solid #f0ce40; border-right: 1px solid #f0ce40; border-left: 1px solid #f0ce40; border-bottom: none; }

.product-details .main3 .content .title_box .swiper-slide .title { text-align: center; line-height: 18px; height: 60px; font-size: 16px; color: #999999; padding: 20px 0px; }

.product-details .main3 .content .block_box { margin-top: 30px; }

.product-details .main4 { padding: 30px 0; background-color: #f8f8f8; }

.product-details .main4 .content { padding-top: 65px; text-align: center; }

.product-details .main5 { padding: 30px 0 50px; }

.product-details .main5 .content { padding-top: 30px; }

.product-details .main5 .content .block { padding: 20px; width: 31.66667%; background-color: #f7f7f7; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -moz-box-shadow: 0 20px 40px -40px transparent; -webkit-box-shadow: 0 20px 40px -40px transparent; box-shadow: 0 20px 40px -40px transparent; }

.product-details .main5 .content .block:not(:nth-child(3n)) { margin-right: 2.5%; }

.product-details .main5 .content .block:nth-child(n + 4) { margin-top: 30px; }

.product-details .main5 .content .block .img .picture_container { padding-top: 65.58824%; }

.product-details .main5 .content .block .txt { padding: 30px 0 10px; text-align: center; }

.product-details .main5 .content .block .txt .name { font-size: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom:20px}

.product-details .main5 .content .block .txt .abstract { margin-top: 15px; margin-bottom: 25px; font-size: 14px; line-height: 18px; color: #666666; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 18px; max-height: 54px; min-height: 54px; }

.product-details .main5 .content .block .txt .more { position: relative; margin: 0 auto; width: 38px; height: 38px; border-radius: 50%; background-color: #ffffff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -moz-box-shadow: 0px 10px 20px -10px #333; -webkit-box-shadow: 0px 10px 20px -10px #333; box-shadow: 0px 10px 20px -10px #333; }

.product-details .main5 .content .block .txt .more::after, .product-details .main5 .content .block .txt .more::before { content: ' '; position: absolute; top: 50%; left: 50%; background-color: #333333; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -o-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.product-details .main5 .content .block .txt .more::after { width: 12px; height: 2px; }

.product-details .main5 .content .block .txt .more::before { width: 2px; height: 12px; }

.product-details .main5 .content .block:hover { background: #fff; -moz-box-shadow: 0 20px 40px -40px #333; -webkit-box-shadow: 0 20px 40px -40px #333; box-shadow: 0 20px 40px -40px #333; }

.product-details .main5 .content .block:hover .txt .more { background-color: #f0cd3f; -moz-box-shadow: 0px 10px 20px -10px #f0cd3f; -webkit-box-shadow: 0px 10px 20px -10px #f0cd3f; box-shadow: 0px 10px 20px -10px #f0cd3f; }

.product-details .main5 .content .block:hover .txt .more::after, .product-details .main5 .content .block:hover .txt .more::before { background-color: #fff; }

/********************************* product-details END ********************************/
.product_popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; }

.product_popup .mask { width: 100%; height: 100%; margin: auto; background-color: rgba(0, 0, 0, 0.7); }

.product_popup .block { position: relative; width: 521px; height: 102px; border-radius: 6px; margin: 0 auto; background-color: #ffffff; }

.product_popup .block .txt { text-align: center; font-size: 22px; line-height: 24px; color: #f0ce40; }

.product_popup .block .popup_exit { position: absolute; cursor: pointer; font-size: 18px; color: #000; right: 20px; top: 20px; }

.search .main1 { padding: 80px 0; }

.search .main1 .search_box { width: 60%; margin: 30px auto 30px; border: 1px solid #f0cd3f; border-radius: 25px; overflow: hidden; }

.search .main1 .search_box input { padding: 0 20px; line-height: 48px; }

.search .main1 .search_box .btn { background-color: #f0cd3f; width: 80px; cursor: pointer; }

.search .main1 .search_box .iconfont { font-size: 26px; color: #ffffff; }

.search .main1 .content { border-top: 1px solid #dddddd; }

.search .main1 .content .length { padding: 10px 0; }

.search .main1 .content .block_box .block { padding: 20px 0; }

.search .main1 .content .block_box .block:not(:first-child) { border-top: 1px solid #dddddd; }

.search .main1 .content .block_box .block .img { width: 23.33333%; }

.search .main1 .content .block_box .block .img .picture_container { padding-top: 60.71429%; }

.search .main1 .content .block_box .block .txt { width: 70%; padding-left: 20px; }

.search .main1 .content .block_box .block .txt .name { font-size: 18px; margin-bottom: 10px; font-weight: bold; max-height: 48px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }

.search .main1 .content .block_box .block .txt .abstract { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 26px; }

.search .main1 .content .block_box .block:hover .txt .name { color: #f0cd3f; }



.swiper-button-next{right:-7px;background-size:100%;background-image:url(../images/right123.png);}
.swiper-button-prev{left:-7px;background-size:100%;background-image:url(../images/left123.png);}



.product-details .main3 a{display:inline;}
.product-details .main4 a{display:inline;}

.newabout{display: inline-block;width:100%;}
.abouttitle{display: inline-block;float: left;position: relative;margin-right:100px;width: 130px;}
.abouttitle::after{display: block;content: '';width: 15px;height: 2px;background: #f0ce40;}
.abouttitle h3{ font-size: 30px; font-weight: normal;margin-top: 0;}
.abouttitle h3 p{font-size: 16px;margin: 10px 0 60px;}
.aboutdes{font-size: 16px;color:#5a5a5a;line-height: 1.8;display: inline-block;width: calc(100% - 250px);float: right;}
.aboutdes p{display: inline-block;width: 50%;}
.aboutdes img{float: right; max-width: 50%;padding:10px 10px 10px 30px;}

.licheng{display: inline-block;width: 100%;text-align: center;background: rgb(234, 234, 234);padding:40px 10px 0;box-sizing: border-box;position: relative;}
.licheng::after{display: block; content: '';width: 100%;height:230px;background: #fff;position: absolute;left: 0;bottom: 0;z-index: 1;}
.licheng .content{width:100%;max-width: 1200px;margin: 0 auto;background: #fff;box-sizing: border-box;padding: 50px 20px 0;position: relative;z-index: 2;}
.licheng .content > h2{font-size: 30px;font-weight: normal;margin-bottom:30px;}
.licheng .content > h3{font-size: 16px;font-weight: normal; color: #ccc;padding-bottom: 50px;}
.licheng-li{padding-top:60px;}
.licheng-li::after{display: block; content: '';width: 15px;height: 15px;border:1px solid #ccc;border-radius: 50%;position: absolute;left: 50%;z-index: 4;top:0px;background: #fff;transform: translateX(-50%);}
.licheng-li::before{display: block; content: '';width: 1px; height: 100%;background:#ccc;position: absolute;left: 50%; top: 0;z-index:1;transform: translateX(-50%);}
.licheng-li li{padding-bottom: 20px;}
.licheng-li,.licheng-li li{display: inline-block;width:100%;text-align: left;position: relative;}
.licheng-li li > span{display: inline-block;width: 18px;height: 18px;background: #fff;border: 1px solid #ccc;position: absolute; left: 50%;top: 50px;z-index: 5;border-radius: 50%;transform: translateX(-50%) rotateY(0deg);transition: all 1s;}
.licheng-li li > span:hover{transform: translateX(-50%) rotateY(360deg);transition: all 1s;}
.licheng-li li > span::before{ display: block; content: '';width:10px;height:10px;background:#f0ce40;border-radius: 50%; left:50%;top: 50%;transform: translate(-50%,-50%);z-index: 55;position: absolute;}
.licheng-li li > dl{display: inline-block;width: 50%;float: left;box-sizing: border-box;padding: 0 20px;z-index: 5;}
.licheng-li li:nth-of-type(even) > dl{float: right;border: 0;}
.licheng-li li > dl dd{width:125px;height:125px;border-radius: 50%;overflow: hidden;float: left;transition: all .5s;}
.licheng-li li > dl dd img{width: 100%;height: 100%; }
.licheng-li li > dl dd:hover{transform: scale(0.9); transition: all .5s;}
.licheng-li li > dl dt{width: calc(100% - 155px);float: right;text-align: right;line-height: 1.8;font-size: 16px;color:#5a5a5a;}
.licheng-li li > dl dt > h3{display: block; position: relative;font-size: 26px;color: #000;margin: 0;}
.licheng-li li > dl .mshds{}
.licheng-li li:nth-of-type(even)  > dl dd{float: right;}
.licheng-li li:nth-of-type(even) > dl dt{float: left;text-align: left;}