*{padding:0; margin:0; border:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,br,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,textarea,img{border:0;margin:0;padding:0;}
/* 设置默认字体 */
body,textarea,input,button,select,keygen,legend{font-size:14px; line-height:24px; font-family:"Microsoft YaHei", Verdana, Geneva, Tahoma, sans-serif; color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
/* 重置列表元素 */
ul,li,ol{list-style:none;}
img{vertical-align:middle;}
/* 重置超链接元素 */
a{text-decoration:none; color:#666;}
a:hover{color:#017ccb; text-decoration:none; -webkit-transition:.3s; transition:.3s;}

/* 重置图片元素 */
.fl{float:left;} 
.fr{float:right;}
.flex{display:flex; justify-content:space-between;}
.align{align-items:center}

/* 重置表格元素 */
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

/* 头部部分 */
.top_bg{width:100%; margin:auto; background:#fff; position:fixed; top:0; left:0; right:0; z-index:9999; -webkit-transition:.3s; transition:.3s; box-shadow:-20px 20px 30px 0px rgba(158,158,158,.3);}
.top_txtbg{width:100%; height:52px; background:#fff; margin:auto; border-bottom:1px solid #e9e9e9; line-height:52px;}
.top_txtl{float:left;}
.top_txtr{float:right;}
.top_txtr_lg{float:left;}
.top_txtr_lg a{color:#666; padding:0 5px;}
.top_txtr_lg a:hover,.top_txtr_lg a.on{color:#017ccb;}
.top_txtr_dh{width:285px; height:52px; float:right; background:url(../image/top_rtelbg.png) center no-repeat; padding:0 30px;}
.top_txtr_dh em{width:30px; float:left;}
.top_txtr_dh h3{float:left; font-size:16px; color:#fff; line-height:24px;}
.top_txtr_dh h3 b{font-size:22px; line-height:22px; color:#feca0a; font-family:"阿里巴巴普惠体";}

.w1400{width:95%; max-width:1400px; margin:auto;}
.logo{float:left; margin-top:20px;}
.logo_wz{float:left; margin:20px 0 0 20px;}
.logo_wz p{font-size:18px; line-height:30px; font-weight:400; color:#000;}
.logo_wz p span{color:#017ccb; font-size:24px; font-weight:bold; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; display:block;}

.navMenu{float:right;}
.navMenu>li{float:left; position:relative; line-height:100px; height:100px; font-size:18px;}
.navMenu>li>a{padding:0 25px; color:#333; text-transform:uppercase; display:block;}
.navMenu>li>a:after{content:''; display:block; width:80px; height:3px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); position:absolute; left:50%; bottom:0; margin-left:-40px;-webkit-transition:all .3s; transition:all .3s; -webkit-transform:scaleX(0); transform:scaleX(0);}
.navMenu>li:hover>a:after,.navMenu>li.on>a:after{-webkit-transform:scaleX(1); transform:scaleX(1);}
.navMenu>li>a:hover,.navMenu>li.on>a{color:#017ccb; font-weight:bold;}
.navMenu>li{position:relative;}
.navMenu>li>ul.sub-menu{position:absolute; left:50%; margin-left:-85px; top:100px; z-index:3; display:none; background:#fff; width:170px; box-shadow:0 5px 10px #333; z-index:9999;}
.navMenu>li>ul.sub-menu li{background:none; margin:0; padding:0; position:relative; border-bottom:1px solid #e9e9e9; text-align:center;}
.navMenu>li>ul.sub-menu li:last-of-type{border-bottom:none;}
.navMenu>li>ul.sub-menu li>a{display:block; font-size:15px; line-height:30px; padding:6px 10px; clear:both; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.navMenu>li>ul.sub-menu li>a.active,.navMenu>li>ul.sub-menu li>a:hover,.navMenu>li>ul.sub-menu>li.active >a{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff;}
.navMenu>li>ul.sub-menu li>ul{position:absolute; left:180px; top:0; background:#eee; width:180px;}
.navMenu>li>ul.sub-menu li>ul>li{border-bottom:1px solid #fff;}
.phxia,.sj{display:none;}

/* 首页焦点图部分 */
.banner{width:100%; margin:152px auto 0; overflow:hidden; position:relative;}
.banner .swiper-slide .m{display:none;}
.banner .swiper-slide img{width:100%; display:block; transform:scale(1.1); -webkit-transform:scale(1.1); -webkit-transition:all 0.4s linear 1.2s; transition:all 0.4s linear 1.2s; -webkit-transition:all 0.4s linear 1.2s;}
.banner .swiper-slide-active img{transition-delay:0.4s !important; transform:scale(1); -webkit-transform:scale(1);-webkit-transition:all 5.0s linear; transition:all 5.0s linear;}
.banner .swiper-pagination-bullet{background:#fff;}
.banner .swiper-pagination-bullet-active{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe));}
.banner .swiper-button-prev{left:0;}
.banner .swiper-button-next{right:0;}
.banner .swiper-button-prev,.banner .swiper-button-next{color:#fff; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); width:40px; height:40px;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background:#feca0a; cursor:pointer;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:24px;}
.banner .swiper-pagination-bullet{width:60px; height:3px; border-radius:0;margin:0 10px !important; opacity:.9;}
.banner .swiper-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-bullets.swiper-pagination-horizontal,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{bottom:80px !important;}

/* 搜索栏部分 */
.in_gjcbg{width:95%; max-width:1400px; margin:-50px auto 0; position:absolute; left:50%; margin-left:-700px; background:#fff; padding:20px 30px; box-shadow:0 5px 10px rgba(0,0,0,.1); z-index:10;}
.in_gjc{width:100%; margin:auto;}
.in_gjcl{float:left; line-height:30px; font-size:16px; color:#999;}
.in_gjcl span{color:#000; font-size:18px; font-weight:bold; background:url(../image/hot_icon.jpg) left no-repeat;padding-left:35px; display:block;}
.in_gjcl a{color:#999; font-size:16px; margin-right:3px;}
.in_gjcl a:hover{color:#017ccb;}
.in_search{width:30%; height:36px; margin-top:10px; float:right; position:relative;}
.in_search_l{width:80%; height:36px; float:left; padding:0 20px; background:#fff; border:1px solid #e9e9e9;}
.in_search_l input{width:100%; display:block; line-height:34px; font-size:14px; color:#999; background:none; border:0;}
.in_search_l input::-webkit-input-placeholder{/* WebKit browsers */color:#999;}
.in_search_l input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color:#999;}
.in_search_l input::-moz-placeholder{/* Mozilla Firefox 19+ */color:#999;}
.in_search_l input::-ms-input-placeholder{/* Internet Explorer 10+ */color:#999;}
.in_search_r{width:90px; height:36px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); text-align:center; position:absolute; right:0; top:0;}
.in_search_r button{width:100%; background:none; line-height:36px; font-size:18px; color:#fff; font-weight:300;cursor:pointer;}

/* 首页优势部分 */
.ys{width:100%; background:#fff; padding-top:120px; position:relative; box-shadow:0 5px 15px rgba(0,0,0,.3); overflow:hidden;}
.in_tit{width:100%; margin:auto; text-align:center;}
.in_tit h3{font-size:36px; line-height:36px; color:#000;}
.in_tit h3 span{color:#017ccb; margin-left:10px;}
.in_tit p{position:relative; font-size:18px; color:#999; margin-top:20px; line-height:30px;}
.in_tit p::before{content:url(../image/in_titl_fgx.png); margin-right:20px;}
.in_tit p::after{content:url(../image/in_titr_fgx.png); margin-left:20px;}
.yst{width:100%; max-width:1400px; height:96px; border-top:1px solid #e5e5e5; margin:40px auto 0; overflow:hidden;}
.yst li{ width:25%; height:96px; float:left; font-size:30px; font-weight:bold; color:#3c3c3c; line-height:96px; cursor:pointer;}
.yst li em{font:48px Arial; color:#d4d4d5; font-weight:bold; display:block; float:left; padding:20px 16px 0 70px;}
.yst .cur{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff;}
.yst .cur em{color:#fff;}
.ys1 dl{height:600px; overflow:hidden; position:relative;}
.ys1 dt{display:block; height:600px;background:url(../image/in_ys_bg.jpg) no-repeat center top;}
.ys1 dd{width:30%; height:600px; padding:80px 40px 0; background:rgba(255,255,255,.8); position:absolute; top:0; left:250px;}
.ys1 dd em{width:66px;}
.ys1 dd em img{width:66px; display:block;}
.ys1 dd h3{margin-top:40px; font-size:26px; line-height:30px; font-weight:bold; color:#000;}
.ys1 dd h3::after{content:""; display:block; width:60px; height:3px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); margin-top:30px;}
.ys1 dd p{width:100%; font-size:16px; line-height:27px; color:#454545; margin:30px 0 0 0;}
.ys1 dl:nth-child(2) dt{display:block; height:600px; background:url(../image/in_jsbz_bg2.jpg) no-repeat center top;}
.ys1 dl:nth-child(3) dt{display:block; height:600px; background:url(../image/in_jsbz_bg3.jpg) no-repeat center top;}
.ys1 dl:nth-child(4) dt{display:block; height:600px; background:url(../image/in_jsbz_bg4.jpg) no-repeat center top;}
.arr3{width:42px; height:42px; text-align:center; font:30px "宋体"; font-weight:bold; color:#fff; background:#999; border-radius:42px; position:absolute; bottom:60px; left:300px; z-index:8; line-height:42px; cursor:pointer;}
.arr4{width:42px; height:42px; text-align:center; font:30px "宋体"; font-weight:bold; color:#fff; background:#999; border-radius:42px; position:absolute; bottom:60px; left:360px; z-index:8; line-height:42px;cursor:pointer;}
.arr3:hover,.arr4:hover{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe));}

/* 首页真空镀膜分类部分 */
.in_zkdm{width:95%; max-width:1400px; margin:80px auto 0;}
.in_zkdm2{width:100%; margin:40px auto 0;}
.in_zkdm2_tbox{width:30%; min-height:460px; float:left; background:url(../image/in_zkdm_txtbg.jpg) center; background-size:cover; padding:52px 40px;}
.in_zkdm2_tbox h3{font-size:30px; line-height:30px; font-weight:bold; color:#fff;}
.in_zkdm2_tbox h3::after{content:""; display:block; width:60px; height:3px; background:#feca0a; margin-top:20px;}
.in_zkdm2_tbox p{font-size:16px; line-height:30px; color:#fff; margin-top:40px;}
.in_zkdm2_tbox p span{font-weight:bold; color:#feca0a;}
.in_zkdm2_tpic{width:45%; float:left; overflow:hidden;}
.in_zkdm2_tpic img{width:100%; height:460px; object-fit:cover;}
.in_zkdm2_txt{width:25%; min-height:460px; float:right; background:#fff; border:2px solid #e9e9e9; padding:52px 40px;}
.in_zkdm2_txt h4{font-size:30px; line-height:30px; font-weight:bold; color:#000;}
.in_zkdm2_txt h4::after{content:""; display:block; width:60px; height:3px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); margin-top:20px;}
.in_zkdm2_txt p{font-size:16px; margin-top:40px; line-height:30px;}
.in_zkdm2_txt .mbtn{width:160px; height:46px; float:left; text-align:center; margin-top:60px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); font-size:16px;  line-height:46px; color:#fff; box-shadow:0 3px 10px rgba(0,0,0,.1);}
.in_zkdm2_txt:hover .mbtn{background:#feca0a; color:#000;}
.in_zkdm2_txt .mbtn a{color:#fff;}
.in_zkdm3{width:100%; margin:60px auto 0; border-bottom: 1px solid #e9e9e9;}
.in_zkdm3 ul{display:flex; align-items:center; justify-content:center;}
.in_zkdm3 li{width:200px; height:60px; line-height:60px; text-align:center; font-size:24px; font-weight:bold; color:#fff; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe));}
.in_zkdm3_list{width:100%;float: left;margin-top:40px;}
.in_zkdm3_list li{width:340px;float: left;margin-right: 20px;overflow: hidden;}
.in_zkdm3_list li img{width: 100%;display: block;border: 1px solid #e9e9e9; padding:5px;}
.in_zkdm3_list li:hover{border:1px solid #017ccb;}
.in_zkdm3_list li span{width: 100%;line-height: 30px;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;float: left; background:#e9e9e9; padding:10px 20px;}
.in_zkdm3_list li:hover span{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff;}

/* 首页合作案例部分 */
.in_yylybg{width:100%; margin:80px auto 0; background:url(../image/in_casebg.jpg) fixed center; background-size:cover; padding:80px 0; overflow:hidden;}
.in_title{width:100%; margin:auto; text-align:center;}
.in_title h2{font-size:40px; line-height:40px; font-weight:bold; color:#fff;}
.in_title h2 a{color:#fff;}
.in_title h2 a:hover{color:#feca0a;}
.in_title p{font-size:18px; line-height:30px; color:#fff; margin-top:10px;}
.in_yylybg .wrap{width:100%; float:left; margin-top:60px;}
.in_yylybg .wrap a{width:32.333%; position:relative; float:left; margin:0 1.5% 20px 0; overflow:hidden;}
.in_yylybg .wrap a:nth-child(1),.in_yylybg .wrap a:nth-child(2){width:49%; margin-right:2%;}
.in_yylybg .wrap a:nth-child(2),.in_yylybg .wrap a:nth-child(5){margin-right:0;}
.in_yylybg .wrap a .pic{width:100%; height:400px; overflow:hidden;}
.in_yylybg .wrap a .pic img{width:100%; height:400px; object-fit:cover; transition:all .3s;}
.in_yylybg .wrap a:hover .pic img{transform:scale(1.1); transition:all .5s ease-in-out;}
.in_yylybg .wrap a .wen{width:100%; height:228px; background:url(../image/touy.png) bottom repeat-x; background-size:cover; display:block; position:absolute; font-size:24px; line-height:338px; color:#fff; z-index:2; bottom:0; left:0; transition:.5s; padding:20px 0 0 40px;}
.in_yylybg .wrap a:hover .wen{background:url(../image/touyh.png) bottom repeat-x;}

/* 首页产品中心部分 */
.in_probg{width:100%; margin:80px auto 0; background:#fff; padding:0 20px;}
.in_prolist{width:100%; margin:40px auto 0;}
.in_prolist li{width:49.5%; float:left; margin:20px 1% 0 0; background:#f5f5f5; padding:60px; transition:all .5s ease;}
.in_prolist li:nth-child(2n){margin-right:0;}
.in_prolist li:hover{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); transform:translateY(-10px); box-shadow:0 3px 10px rgba(0,0,0,.1);}
.in_prolist li .tbox{width:100%; float:left; text-align:center;}
.in_prolist li .tbox h4{font-size:24px; font-weight:bold; line-height:30px; color:#000;}
.in_prolist li a .tbox h4{color:#000;}
.in_prolist li a:hover .tbox h4{color:#fff;}
.in_prolist li .tbox p{font-size:18px; margin-top:10px; line-height:30px; color:#666; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal;}
.in_prolist li:hover .tbox p{color:#fff;}
.in_prolist li .tbox span{font-size:18px; line-height:30px; margin-top:10px;}
.in_prolist li a .tbox span{color:#666;}
.in_prolist li a:hover .tbox span{color:#feca0a;}
.in_prolist li .pic{width:60%; margin:40px auto 0;}
.in_prolist li .pic img{width:100%; display:block; transition:all .4s ease;}
.in_prolist li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}

/* 首页合作客户部分 */
.in_hzkhbg{width:100%; margin:60px auto 0; background:url(../image/in_hzhbbg.jpg) fixed center; background-size:cover; padding:80px 0; overflow:hidden;}
.top80{padding-top:80px;}
.in_hzkh_list{width:49%; float:left;}
.in_hzkh_list h2{width:100%; float:left; font-size:24px; line-height:30px; color:#fff; text-align:center;}
.in_hzkh_list h2::after{content:""; display:block; width:60px; height:3px; margin-top:20px;}
.in_hzkh_list li{width:31.333%; float:left; margin:2% 3% 0 0;}
.in_hzkh_list li:nth-child(3n){margin-right:0;}
.in_hzkh_list li img{width:90%; margin:auto; display:block;}
.in_hzkh_list li a{display:block;width:100%;height:100%;text-align:center; border:5px #fff solid;background:#fff;}
.in_hzkh_list li a:hover{border-color:#017ccb;}
.in_hzkh_list2{width:49%; float:right;}
.in_hzkh_list2 h2{width:100%; float:left; font-size:24px; line-height:30px; color:#fff; text-align:center;}
.in_hzkh_list2 h2::after{content:""; display:block; width:60px; height:3px; margin-top:20px;}
.in_hzkh_list2 li{width:31.333%; float:left; margin:2% 3% 0 0;}
.in_hzkh_list2 li:nth-child(3n){margin-right:0;}
.in_hzkh_list2 li img{width:90%; margin:auto; display:block;}
.in_hzkh_list2 li a{display:block;width:100%;height:100%;text-align:center; border:5px #fff solid;background:#fff;}
.in_hzkh_list2 li a:hover{border-color:#017ccb;}
.in_hzkh_btn{width:180px; margin:48px auto 0; text-align:center; box-shadow:0 3px 10px rgba(0,0,0,.1);}
.in_hzkh_btn a{display:block; font-size:18px; font-weight:bold; line-height:58px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff;}
.in_hzkh_btn a:hover{background:#feca0a; color:#000;}

/* 首页新闻资讯部分 */
.news_bg{background:url(../image/in_newsbg.jpg) center; width:100%; padding:80px 0; overflow:hidden; display:none;}
.in_news_tit{width:100%; float:left; text-align:center; background:url(../image/in_titlebg.png) top center no-repeat;}
.in_news_tit h3{font-size:36px; line-height:36px; font-weight:bold; color:#017ccb; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.in_news_tit p{font-size:18px; line-height:30px; color:#999; margin-top:20px;}
.nb_tab{text-align:center; margin:40px auto 0}
.nb_tab a{width:180px;height:52px;background:#eee;display:inline-block;vertical-align:top;color:#333; text-align:center;}
.nb_tab a+a{margin-left:10px;}
.nb_tab a.cur{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff; box-shadow:0 3px 9px rgba(0,0,0,.3);}
.nb_tab a i,.nb_tab a b{display:inline-block;vertical-align:top;line-height:52px;}
.nb_tab a b{font-size:18px; font-weight:normal;}
.nb_con{width:100%; float:left; margin-top:60px;}
.nbc_list+.nbc_list{display:none;}
.nbcl_le{width:49%;}
.nbcl_le .news_div_item{width:49%; float:left; background:#f8f8f8; padding:0 0 20px 0;}
.nbcl_le .news_div_item+.news_div_item{margin-left:2%;}
.nbcl_le .news_div_item:hover{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff;}
.nbcl_le .news_div_item:hover .news_div_item_title a{color:#fff;}
.nbcl_le .news_div_item:hover .news_div_item_body{color:#fff;}
.nbcl_le:hover .news_div_item_date>div{color:#fff;}
.news_div_item_pic{width:100%; overflow:hidden;}
.nbcl_le .news_div_item_pic img{width:100%; display:block; transition:all .5s ease;}
.nbcl_le .news_div_item_pic img:hover{-webkit-transform:scale(1.1); transform:scale(1.1); transition:all .5s ease;}
.news_div_item_title a{display:block; font-size:18px; line-height:30px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.nbcl_le .news_div_item_content{width:100%; float:left; padding:20px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#68686a;font-size:14px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top; padding-left:20px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;background:url(../image/in_news_xicon.png) no-repeat right center;float:right;margin-right:20px;}
.new_more:hover{background:url(../image/in_news_xiconh.png) no-repeat right center;}
.nbcr_ri{width:49%; background:#fff;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{border:1px solid #f1f1f1; border-width:1px 0; padding:32px 0;position:relative;transition:300ms;}
.nbcr_ri .news_div_item:nth-child(1),.nbcr_ri .news_div_item:nth-child(2){border-bottom:none;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:15%; text-align: center;}
.nbcr_ri .news_div_item_content{width:83%;padding-left:20px;border-left:1px solid #f3f3f3;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:48px; color:#000; font-weight:bold; line-height:55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:20px;color:#68686a;padding-right:20px;font-size:16px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;white-space: normal;}

/* 首页关于我们部分 */
.in_aboutbg{width:100%; margin:0 auto; overflow:hidden;}
.in_aboutnr{width:100%; margin:auto;}
.in_aboutl{width:50%; background:#fff url(../image/in_about_lbg.jpg)top center no-repeat; padding:50px 4% 60px 12.5%; box-shadow:0 3px 10px rgba(0,0,0,.1);}
.in_aboutl_title{width:100%; float:left;}
.in_aboutl_title h2{font-size:40px; line-height:40px; font-weight:bold; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.in_aboutl_title h3{font-size:18px; line-height:30px; color:#999; margin-top:20px;}
.in_aboutl_text{width:100%; float:left; font-size:16px; margin-top:40px; line-height:30px;}
.in_aboutl_btn{width:180px; float:left; margin-top:48px; text-align:center;}
.in_aboutl_btn a{display:block; font-size:18px; font-weight:bold; line-height:58px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff;}
.in_aboutl_btn a:hover{background:#feca0a; color:#000;}
.in_aboutr{width:50%; overflow:hidden; box-shadow:0 3px 10px rgba(0,0,0,.1);}
.in_aboutr video{width:100%; min-height:495px; display:block;}
.in_aboutr img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.in_aboutr:hover img{-webkit-transform:scale(1.1); transform:scale(1.1); cursor:pointer;}
.xc_bj{width:95%; max-width:1400px; margin:120px auto 0; position:relative;}
.xc_c{width:100%; margin:auto;}
.xc_a{display:none;}
.xc_qh{width:100%; height:72px; background:#fff; overflow:hidden; position:relative; top:-54px; margin:auto; border-bottom:1px solid #f5f5f5;}
.xc_qh ul{display:flex; align-items:center; justify-content:center;}
.xc_qh li{width:180px; height:72px; float:left; margin-right:10px; background:#f5f5f5;  text-align:center;}
.xc_qh li i{display:inline-block; margin:23px 10px 0 0; vertical-align:top; width:30px; height:30px; overflow:hidden;}
.xc_qh li:nth-child(1) i{background:url(../image/in_about_iconh.png) no-repeat; background-size:30px 30px;}
.xc_qh li:hover:nth-child(1) i,.xc_qh li.on:nth-child(1) i{background:url(../image/in_about_icon.png) no-repeat; background-size:30px 30px;}
.xc_qh li:nth-child(2) i{background:url(../image/in_about_icon2h.png) no-repeat; background-size:30px 30px}
.xc_qh li:hover:nth-child(2) i,.xc_qh li.on:nth-child(2) i{background:url(../image/in_about_icon2.png) no-repeat; background-size:30px 30px}
.xc_qh li:nth-child(3) i{background:url(../image/in_about_icon3h.png) no-repeat; background-size:30px 30px;}
.xc_qh li:hover:nth-child(3) i,.xc_qh li.on:nth-child(3) i{background:url(../image/in_about_icon3.png) no-repeat; background-size:30px 30px;}
.xc_qh li:nth-child(4) i{background:url(../image/in_about_icon4h.png) no-repeat; background-size:30px 30px}
.xc_qh li:hover:nth-child(4) i,.xc_qh li.on:nth-child(4) i{background:url(../image/in_about_icon4.png) no-repeat; background-size:30px 30px}
.xc_qh li span{display:inline-block; padding-top:24px; font-size:18px; color:#000; font-weight:bold;}
.xc_qh li.on{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe));}
.xc_qh li.on span{color:#fff;}
.xc_nr{width:100%; margin:-40px auto 0;  padding:20px 0; overflow:hidden;}
.xc_nr ul{width:10000%; position:relative;}
.xc_nr ul li{width:340px; float:left; overflow:hidden; margin-right:10px; position:relative;}
.xc_nr ul li .pic{width:100%; float:left; background:#fff; padding:1px; border:1px solid #eee;}
.xc_nr ul li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s; padding:3px;}
.xc_nr ul li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.xc_nr ul li:hover .pic{border:3px solid #017ccb;}
.xc_nr ul li .biaoti{width:100%; float:left; margin-top:20px; text-align:center;}
.xc_nr ul li a .biaoti{font-size:16px; line-height:30px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.xc_nr ul li a:hover .biaoti,.link_text a:hover{color:#017ccb;}

/* 底部友情链接部分 */
.links{width:100%; height:83px; background:url(../image/in_linkbg.jpg) center no-repeat; margin:60px auto 0; overflow:hidden;}
.links_lbox{width:75%; float:left; padding:26px 0;}
.links_tit{float:left; background:url(../image/in_link_icon.png) left no-repeat; background-size:22px 22px; padding-left:30px; font-size:18px; line-height:30px; color:#fff; font-weight:bold;}
.links_txt{float:left; font-size:16px; line-height:30px; color:#fff; margin-left:20px;}
.links_txt a{color:#fff; padding:0 2px;}
.links_txt a:hover{font-weight:bold;}
.links_tel{width:20%; margin-top:20px; float:right; background:url(../image/in_link_icon2.png) left center no-repeat; padding-left:40px;}
.links_tel p{display:block; font-size:18px; color:#fff;}
.links_tel h4{font-size:20px; font-weight:bold; color:#fff; font-family:"阿里巴巴普惠体";}

/* 底部版权部分 */
.footer_bg{position:relative; margin:auto; padding:60px 0 30px; background:url(../image/footer_bg.jpg) fixed center; background-size:cover; overflow:hidden;}
.foot_list{width:85%; float:left;}
.foot_list ul{width:20%; float:left; min-height:180px;}
.foot_list ul li{width:100%; float:left;}
.foot_list ul li.foot_l_bt a{float:left; color:#fff; font-size:18px; font-weight:bold; margin-bottom:15px;}
.foot_list ul li.foot_l_bt a::after{content:""; display:block; width:20px; height:2px; margin-top:15px; background:#017ccb;}
.foot_list ul li.foot_l_bt.on{background: url(../image/img-74.png) no-repeat right center; background-size:16px;}
.foot_list ul li a{line-height:28px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.foot_list ul li a:hover{color:#017ccb;}

.foot_cont{width:140px; float:right;}
.foot_cont_tit{width:100%; float:left; font-size:18px; line-height:30px; font-weight:bold; color:#fff;}
.foot_cont_tit:after{content:""; display:block; width:20px; height:2px; margin-top:15px; background:#017ccb;}
.foot_cont_list{width:100%; float:left; margin-top:30px;}
.foot_cont_list li{width:140px; float:left; text-align:center;}
.foot_cont_list li:nth-child(2n){margin-right:0;}
.foot_cont_list li img{width:140px; height:140px;}
.foot_cont_list li p{font-size:16px; color:#999; line-height:30px; padding-top:10px;}

.copy_bg{width:100%; margin:60px auto 0; background:url(../image/copy_fgx.jpg) repeat-x; padding-top:30px; position:relative;}
.copy,.copy a{color:#999; font-size:15px; line-height:30px; text-align:center;}
.copy a:hover{color:#017ccb;}

/* 在线客服部分 */
.side{position:fixed;width:54px;height:275px;right:0;top:25%;z-index:10000;}
.side ul li{width:54px;height:54px;float:left;position:relative;margin-bottom:2px;}
.side ul li .wx{width:220px;position:absolute; bottom:54px;right:0; display:none;}
.side ul li a:hover .wx{display:block;}
.side ul li .wx img{width:100%; display:block;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0; background:rgba(0,0,0,.3); color:#fff; line-height:54px; font-size:14px;overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block; background:rgba(0,0,0,.3);}
.side ul li .sidetop:hover{background:#017ccb;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/* 内页Banner部分 */
.ny_banner{width:100%; margin:152px auto 0; position:relative; overflow:hidden;}
.ny_banner img{width:100%; height:400px; object-fit:cover;}

/* 内页关于我们部分 */
.ny_main{width:95%; max-width:1400px; margin:80px auto 0;}
.ny_left{width:22%; float:left;}
.InpageSidebar01{width:100%;background-color: #fff}
.InpageSidebar01 .top{width:100%;height:80px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe));}
.InpageSidebar01 .top h2{height:80px; line-height: 80px; text-indent:28px; font-size:24px; color:#fff; font-weight:400; position: relative;}
.InpageSidebar01 .top h2:after{content: '';display: block;width: 21px;height: 26px;background: url(../image/InpageSidebar01_icon01.png) no-repeat;position: absolute;right: 30px;top: 27px;z-index: 2}
.InpageSidebar01 .top h2 a{color: #fff;text-decoration: none;font-weight: 700}
.InpageSidebar01 .classify .box{position: relative;border: 1px solid #e4e4e4;border-top: none}
.InpageSidebar01 .classify .box:first-child{border-top: 1px solid #e4e4e4}
.InpageSidebar01 .classify dl{padding:20px 0 20px 20px;}
.InpageSidebar01 .classify dt{font-size:20px; color:#333; position:relative}
.InpageSidebar01 .classify dd p.cur:after,.InpageSidebar01 .classify dd p.cur:before,.InpageSidebar01 .classify dd p:hover:after,.InpageSidebar01 .classify dd p:hover:before,.InpageSidebar01 .classify dt:after,.InpageSidebar01 .classify dt:before{content: '';width: 0;height:0;display: block;position: absolute;right: 15px;top: 6px;z-index: 5;border-top: 8px transparent dashed;border-right: 8px transparent dashed;border-bottom: 8px transparent dashed;border-left: 8px #ccc solid;overflow: hidden;margin-right: -5px}
.InpageSidebar01 .classify dt:after{right: 18px;border-left-color: #fff}
.InpageSidebar01 .classify .box dt.cur:before,.InpageSidebar01 .classify .box:hover dt:before{border-left-color: #017ccb}
.InpageSidebar01 .classify .box dt.cur:after,.InpageSidebar01 .classify .box:hover dt:after{border-left-color: #f5f5f5}
.InpageSidebar01 .classify dd p.cur:after,.InpageSidebar01 .classify dd p.cur:before,.InpageSidebar01 .classify dd p:hover:after,.InpageSidebar01 .classify dd p:hover:before{border-left-color: #fff;top: 10px}
.InpageSidebar01 .classify dd p.cur:after,.InpageSidebar01 .classify dd p:hover:after{right: 18px;border-left-color: #017ccb}
.InpageSidebar01 .classify dt a{color: #333}
.InpageSidebar01 .classify dd p{border-left:1px solid #e4e4e4;height: 35px;line-height: 35px;position: relative}
.InpageSidebar01 .classify dd p a{font-size:15px;color: #333;display: block;text-indent: 16px;text-decoration: none}
.InpageSidebar01 .classify .box i{display: none;width: 3px;height: 100%;position: absolute;left: -1px;top: 0;background: #017ccb}
.InpageSidebar01 .classify .box:hover{background:#f5f5f5}
.InpageSidebar01 .classify .box:hover i{display: block}
.InpageSidebar01 .classify .box dt.cur a,.InpageSidebar01 .classify .box:hover dt a{color: #017ccb;display: block;text-decoration: none}
.InpageSidebar01 .classify .box dt.cur,.InpageSidebar01 .classify .box:hover dt{font-weight: 700}
.InpageSidebar01 .classify .box dl dd{margin-top:20px; display:block;}
.InpageSidebar01 .classify dd p.cur a,.InpageSidebar01 .classify dd p:hover a{color: #fff}
.InpageSidebar01 .classify dd p.cur,.InpageSidebar01 .classify dd p:hover{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe));}
.InpageSidebar02 .classify{border: 1px solid #e4e4e4;border-top: none;position: relative}
.InpageSidebar02 .classify li{height: 58px;border-top: 1px solid #e4e4e4;text-indent: 28px;font-size: 15px;color: #333;line-height: 58px;position: relative}
.InpageSidebar02 .classify li a{color: #333;display: block;text-decoration: none}
.InpageSidebar02 .classify li.cur,.InpageSidebar02 .classify li:hover{background-color: #f5f5f5}
.InpageSidebar02 .classify li.cur a,.InpageSidebar02 .classify li:hover a{color: #017ccb;font-weight: 700}
.InpageSidebar02 .classify li:after,.InpageSidebar02 .classify li:before{content: '';width: 0;height: 0;display: block;position: absolute;right: 10%;top: 22px;z-index: 5;border-top: 8px transparent dashed;border-right: 8px transparent dashed;border-bottom: 8px transparent dashed;border-left: 8px #ccc solid;overflow: hidden;margin-right: -5px}
.InpageSidebar02 .classify li:after{right: 11%;border-left-color: #fff}
.InpageSidebar02 .classify li.cur:before,.InpageSidebar02 .classify li:hover:before{border-left-color: #017ccb}
.InpageSidebar02 .classify li.cur:after,.InpageSidebar02 .classify li:hover:after{border-left-color: #f5f5f5}
.InpageSidebar02 .classify i{display: block;width: 3px;background: #017ccb;position: absolute;left: -1px;top: 0;z-index: 9}
.InpageSidebar02 .xgzx{border:1px solid #e4e4e4;margin-top: 20px;padding: 0 12px 16px}
.InpageSidebar02 .xgzx h3{font-size:18px;color: #017ccb;font-weight: 400;height: 59px;line-height: 59px;border-bottom: 1px solid #e4e4e4;margin-bottom:18px;text-indent:10px}
.InpageSidebar02 .xgzx p{font-size: 14px;color: #333;margin-bottom: 10px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.InpageSidebar02 .xgzx p a{color: #333}
.InpageSidebar02 .xgzx p:hover a{color: #017ccb}
.sidebarContactUs{border:1px solid #e4e4e4;margin-top: 20px;padding: 0 12px 20px;margin-bottom: 20px;background-color: #fff}
.sidebarContactUs h3{font-size:20px; font-weight:bold; color: #017ccb; line-height:59px; border-bottom:1px solid #e4e4e4; margin-bottom:18px; text-indent:10px;}
.sidebarContactUs p{font-size:16px; color:#333; margin-bottom:10px; line-height:20px;padding: 0 10px}
.sidebarContactUs .zxzx{display:block; width:160px; height:50px; overflow:hidden; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); text-decoration:none; margin-top: 20px;}
.sidebarContactUs .zxzx span{display:block; width:50px; height:50px; float:left; border-right:1px solid #fff; background: url(../image/zxzx_icon01.png) no-repeat center;}
.sidebarContactUs .zxzx em{display:block; width:109px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;float:left;}
.sidebarContactUs .zxzx em img{display:inline-block; position:relative; top:-2px; margin-left:8px;}

.ny_right{width:75%; float:right;}
.dw{width:100%; float:left; border-bottom:1px solid #e6e6e6; padding-bottom:15px; position:relative; margin-top:40px;}
.dw_tit{float:left; font-size:20px; color:#017ccb; font-weight:bold;}
.dw_tit::after{content:""; display:block; width:100px; height:3px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); position:absolute; top:38px; left:0;}
.dw_wz{background:url(../image/home_tb.png) left center no-repeat; margin-top:5px; float:left; padding-left:25px; font-size:15px;}
.dw_wz span{color:#017ccb;}

.ny_nav{width:100%; float:left; margin-top:40px;}
.ny_nav li{width:14.285%; float:left; position:relative; margin-bottom:20px; border-right:1px solid #e9e9e9;}
.ny_nav li a{display:block; padding:0 30px; font-size:20px; color:#000; background:transparent; text-align:center; line-height:46px; -webkit-transition:all .5s; transition:all .5s; position:relative; z-index:1;}
.ny_nav li:after{content:""; display:block; width:0; height:100%; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); position:absolute; left:0; top:0; transition:all .3s; z-index:0;}
.ny_nav li:hover:after{width:100%;} 
.ny_nav li a:hover,.ny_nav li a.on{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); font-weight:bold; color:#fff;}

.nyr_text{width:100%; float:left; margin-top:40px; line-height:30px; font-size:16px;}
.nyr_text video{width:50%; float:left; margin:0 40px 40px 0;}
.nyr_text img{float:left; margin:0 40px 40px 0;}
.nyr_text h4{font-size:24px; font-weight:bold; color:#017ccb;}
.nyr_text p{font-size:16px; line-height:36px;}
.top30{padding-top:30px;}

.about_shu{width:100%; margin:60px auto 0; border-top:1px solid #e9e9e9; padding-top:60px;}
.about_shu li{float:left; text-align:center; font-size:18px; line-height:46px; color:#999; position:relative; padding-right:8%;}
.about_shu li::after{content:""; display:block; width:1px; height:46px; background:#e9e9e9; position:absolute; right:0; top:50%; margin-top:-23px;}
.about_shu li:last-of-type::after{display:none;}
.about_shu li p{font-size:18px; padding:0; color:#999;}
.about_shu li p span{font-size:66px; font-weight:bold; font-family:"阿里巴巴普惠体"; background:linear-gradient(to top right, #017ccb, #09bbfe); -webkit-background-clip:text; -webkit-text-fill-color: transparent;}
.about_shu li p i{font-size:20px; font-weight:bold; vertical-align:bottom; margin-left:10px; font-style:normal; background:linear-gradient(to top right, #017ccb, #09bbfe); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.about_shu li:last-child{padding-right:0;}

/* 内页发展历程部分 */
.ny_mtitle{width:100%; margin:60px auto 0; text-align:center; background:url(../image/in_titlebg.png) center no-repeat;}
.ny_mtitle h3{font-size:30px; line-height:30px; font-weight:bold; background:linear-gradient(to top right, #017ccb, #09bbfe); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.company_history .development{width:100% !important; height:520px; margin:60px auto 0; background:#f6f8fc; box-shadow:0 5px 20px rgba(0,0,0,.1); border-radius:6px; overflow:hidden; position:relative;}
.company_history .development .swiper-container .swiper-wrapper .swiper-slide{display:flex; justify-content: space-between; position: relative;}
.company_history .swiper-pagination .swiper-pagination-bullet-active{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); margin-top:40px;}
@media(max-width: 768px){.company_history .development .swiper-container .swiper-wrapper .swiper-slide{flex-direction:column}}
.company_history .development .swiper-container .swiper-wrapper .swiper-slide>.ll{width:50%;}
@media(max-width: 768px){.company_history .development .swiper-container .swiper-wrapper .swiper-slide>.ll{width:100%}}
.company_history .development .swiper-container .swiper-wrapper .swiper-slide>.ll img{width:100%; border-radius:6px 0 0 6px;}
.company_history .development .swiper-container .swiper-wrapper .swiper-slide>.rr{width:50%; padding:5vw 3vw;}
@media(max-width: 768px){.company_history .development .swiper-container .swiper-wrapper .swiper-slide>.rr{width:100%}}
.company_history .development .swiper-container .swiper-wrapper .swiper-slide>.rr .ttt{font-size:3rem; line-height:3rem; font-weight:bold; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.company_history .development .swiper-container .swiper-wrapper .swiper-slide>.rr .ttt::after{content:""; display:block; width:80px; height:3px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); margin-top:20px;}
.company_history .development .swiper-container .swiper-wrapper .swiper-slide>.rr .ms{color:#999; width:100%; font-size:18px; line-height:30px; margin:2rem 0 0 0}
.company_history .development .swiper-container .swiper-wrapper .swiper-slide>.rr .year{position:absolute; right:0; top:0; font-size: 4rem; font-weight:bolder; color:#000; opacity:.03; letter-spacing:.5rem; display: none;}
@media(max-width: 768px){.company_history .development .swiper-container .swiper-wrapper .swiper-slide>.rr .year{display:none}}
.company_history .conl{width:100%; margin:60px auto; position:relative;}
.company_history .conl>a{width:2rem; height:2rem; display:inline-flex; border:1px solid #e5e5e5; border-radius:100px; position: absolute; bottom:-20%; z-index: 2; background:#fff}
.company_history .conl>.next{left:5px; background-image:url(../image/cmp_hisy_prev.png); background-repeat: no-repeat; background-position: center; background-size: 50% auto; transform: rotate(180deg)}
.company_history .conl>.next:hover{left:5px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); border-color:var(--color); background-image:url(../image/cmp_hisy_prevh.png); background-repeat: no-repeat; background-position: center; background-size: 50% auto; transform: rotate(180deg)}
.company_history .conl>.prev{right:5px; background-image:url(../image/cmp_hisy_prev.png); background-repeat: no-repeat; background-position: center; background-size: 50% auto}
.company_history .conl>.prev:hover{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); border-color:var(--color); right:5px; background-image:url(../image/cmp_hisy_prevh.png); background-repeat: no-repeat; background-position: center; background-size: 50% auto}
.company_history .conl .swiper-container{max-width:1400px; margin:auto; overflow: hidden;}
.company_history .conl .swiper-container .swiper-wrapper .swiper-slide span{line-height: 3; position: relative; display: flex; justify-content: center; text-align:center; margin:0 0 4px 0; border-bottom:1px solid #e5e5e5; font-size:30px; line-height:60px; font-family:"阿里巴巴普惠体"; color:#666; cursor:pointer}
.company_history .conl .swiper-container .swiper-wrapper .swiper-slide span::after{content: ""; display: inline-block; width: 7px; height: 7px; position: absolute; bottom: -5px; z-index: 2; background: #fff; border-radius: 100px; border: 1px solid #e5e5e5}
.company_history .conl .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;font-weight:bold;}
.company_history .conl .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span::after{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe));}
.company_history .development .swiper-button-prev{left:auto; right:6%; top:88%; width:36px; height:36px; border:2px solid #017ccb; border-radius:50%; background:#fff;}
.company_history .development .swiper-button-prev:hover,.company_history .development .swiper-button-next:hover{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe));}
.company_history .development .swiper-button-prev::after,.company_history .development .swiper-button-next::after{color:#017ccb; font-size:20px; line-height:36px;}
.company_history .development .swiper-button-prev:hover::after,.company_history .development .swiper-button-next:hover::after{color:#fff;}
.company_history .development .swiper-button-next{right:2.5%; top:88%; width:36px; height:36px; border:2px solid #017ccb; border-radius:50%; background:#fff;}
.company_history .swiper-horizontal>.swiper-pagination-bullets,.company_history .swiper-pagination-bullets.swiper-pagination-horizontal,.company_history .swiper-pagination-custom,.company_history .swiper-pagination-fraction{bottom:80px !important;}

/* 内页公司环境部分 */
.gshj_img{width:100%; float:left;}
.gshj_img li{width:32.333%; float:left; margin:0 1.5% 20px 0; transition:all .5s ease;}
.gshj_img li:hover{transition:all .5s ease-in-out; transform:translateY(-10px); box-shadow:0 3px 12px rgba(0,0,0,.3);}
.gshj_img li:nth-child(3n){margin-right:0;}
.gshj_img li p{width:100%; float:left; text-align:center; line-height:24px; font-size:18px; padding:20px; background:#eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gshj_img li:hover p{background:#017ccb; color:#fff;}
.gshj_img li img{width:100%;float:left; border:1px solid #e9e9e9; border-bottom:none;}
.gshj_img li img:hover{border-color:#017ccb;}

.honor_r_img{width:100%; float:left; margin-top:20px;}
.honor_r_img li{width:23.5%; float:left; margin:20px 2% 0 0; transition:all .5s ease;}
.honor_r_img li:hover{transition:all .5s ease-in-out; transform:translateY(-10px); box-shadow:0 3px 12px rgba(0,0,0,.3);}
.honor_r_img li:nth-child(4n){margin-right:0;}
.honor_r_img li p{width:100%; float:left; text-align:center; line-height:24px; font-size:18px; padding:15px 20px; background:#eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.honor_r_img li:hover p{background:#017ccb; color:#fff;}
.honor_r_img li img{width:100%;float:left; border:1px solid #e9e9e9; padding:5px; border-bottom:none;}
.honor_r_img li img:hover{border-color:#017ccb;}

.hzhb_img{width:100%; float:left; margin-top:40px;}
.hzhb_img ul{border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;float:left;}
.hzhb_img ul li{width:20%; float:left;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.hzhb_img ul li img{width:90%; margin:auto; display:block;}
.hzhb_img ul li a{display:block;width:100%;height:100%;text-align:center; border:5px #fff solid;background:#fff;}
.hzhb_img ul li a:hover{border-color:#f0f0f0;}

.pagination{width:100%; height:auto; float:left; text-align:center; font-size:0; position:relative; overflow:hidden; margin:60px 0 0; text-transform:uppercase;}
.pagination a,.pagination span{display:inline-block; padding:0 10px; line-height:30px; font-size:14px; border:1px solid #e9e9e9; margin:0 5px;}
.pagination a.cur,.pagination a:hover{color:#fff; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe));}

/* 内页产品中心部分 */
.pror_box{width:100%; float:left; margin-top:20px; background:#fff; border:1px solid #e9e9e9; padding:1px;}
.pror_box_lpic{width:49%; float:left; overflow:hidden;}
.pror_box_lpic img{width:100%; display:block; transition:all .5s ease;}
.pror_box_lpic:hover img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.pror_box_rtxt{width:49%; float:right; padding:30px;}
.pror_box_rtxt h3{font-size:24px; font-weight:bold; line-height:30px; display:block; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.pror_box_rtxt h4{display:block; font-size:18px; line-height:30px; margin-top:10px; color:#999; font-weight:300;}
.pror_box_rtxt h4::after{content:""; display:block; width:40px; height:2px; background:#017ccb; margin-top:20px;}
.pror_box_rtxt p{display:block; margin-top:20px; font-size:16px; line-height:30px;}

.pror_img{width:100%; float:left; margin-top:20px;} 
.pror_img li{width:31.333%; float:left; background:#fff; border: 1px solid #e9e9e9; overflow:hidden; position:relative; margin:20px 3% 10px 0;} 
.pror_img li:hover{border-color:#017ccb; box-shadow:0px 3px 20px rgba(0,0,0,.15); transform:translate3d(0,-10px,0); -webkit-transition: all .4s; transition: all .4s;} 
.pror_img li:nth-child(3n){margin-right: 0;} 
.pror_img li .pic{width:100%; float:left; overflow:hidden;} 
.pror_img li .pic img{width:100%; display:block; transition:all .3s; -webkit-transition: all .3s;} 
.pror_img li:hover .pic img{transform:scale(1.1); -webkit-transform:scale(1.1);} 
.pror_img li .yanse{width:100%; height:200px; float:left; background:linear-gradient(to right, rgb(187, 182, 173), rgb(178, 153, 137));}
.pror_img li .yanse2{width:100%; height:200px; float:left; background:linear-gradient(to right, rgb(96, 129, 159), rgb(54, 80, 117));}
.pror_img li .yanse3{width:100%; height:200px; float:left; background:linear-gradient(to right, rgb(213, 187, 168), rgb(204, 180, 167));}
.pror_img li .yanse4{width:100%; height:200px; float:left; background:linear-gradient(to right, rgb(204, 187, 150), rgb(212, 187, 126));}
.pror_img li .yanse5{width:100%; height:200px; float:left; background:linear-gradient(to right, rgb(201, 199, 194), rgb(165, 160, 156));}
.pror_img li .yanse6{width:100%; height:200px; float:left; background:linear-gradient(to right, rgb(144, 142, 137), rgb(114, 111, 103));}
.pror_img li .yanse7{width:100%; height:200px; float:left; background:linear-gradient(to right, rgb(107, 105, 102), rgb(96, 94, 91));
}
.pror_img li .yanse8{width:100%; height:200px; float:left; background:linear-gradient(to right, rgb(79, 78, 78), rgb(79, 78, 78));}
.pror_img li .yse{width:100%; height:200px; float:left; background:#c0c0c0;}
.pror_img li .yse2{width:100%; height:200px; float:left; background:#ffd700;}
.pror_img li .yse3{width:100%; height:200px; float:left; background:#ffcc99;}
.pror_img li .yse4{width:100%; height:200px; float:left; background:#0000ff;}
.pror_img li .yse5{width:100%; height:200px; float:left; background:#969696;}
.pror_img li .yse6{width:100%; height:200px; float:left; background:#ffff99;}
.pror_img li .yse7{width:100%; height:200px; float:left; background:#ff9900;}
.pror_img li .yse8{width:100%; height:200px; float:left; background:#ff00ff;}
.pror_img li .yse9{width:100%; height:200px; float:left; background:#808080;}
.pror_img li .yse10{width:100%; height:200px; float:left; background:#ffff00;}
.pror_img li .yse11{width:100%; height:200px; float:left; background:#993300;}
.pror_img li .yse12{width:100%; height:200px; float:left; background:#339966;}
.pror_img li .yse13{width:100%; height:200px; float:left; background:#333333;}
.pror_img li .yse14{width:100%; height:200px; float:left; background:#ffcc00;}
.pror_img li .yse15{width:100%; height:200px; float:left; background:#800000;}
.pror_img li .yse16{width:100%; height:200px; float:left; background:#7c4444;}
.pror_img li .text{width:100%; float:left; text-align:center; padding:10px 20px 50px 20px;} 
.pror_img li .text h5{font-size:18px; font-weight:bold; line-height:30px; color: #000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
.pror_img li:hover .text h5{color:#017ccb;} 
.pror_img li .text p{margin-top:10px; font-size:15px; line-height:24px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.pror_img li:hover .text p{color:#017ccb;} 
.pror_img li .btn{width:92px; height:30px; position:absolute; left:50%; bottom:0; margin-left:-46px;}
.pror_img li a .btn{display:block; background:#e9e9e9; text-align:center; line-height:30px; color:#000;}
.pror_img li a:hover .btn{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff;}

.products{width:100%; float:left; background:#fff; border:1px solid #e9e9e9; padding:40px; margin-top:40px;}
.promore_l{width:50%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both; margin-top:10px;}
.spec-scroll .prev{float:left; margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:15px;}
.spec-scroll .items{float:left; position:relative; width:85%; height:44px; margin-top:10px; overflow:hidden;}
.spec-scroll .items ul{position:absolute; width:999999px; margin-top:5px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:54px;height:31px;}
.spec-scroll .items ul li img:hover,.spec-scroll .items ul li.active img{border:2px solid #017ccb; padding:1px;}

.pros_right{width:45%; float:right; overflow:hidden;}
.pros_right_top{width:100%; float:left; border-bottom:1px solid #e9e9e9; padding-bottom:10px;}
.pros_right_top h2{overflow:hidden; display:inline-block; font-size:24px; font-weight:bold; color:#017ccb;}
.pros_right_top p{font-size:18px; font-weight:300; line-height:30px; color:#999;}
.proleft{width:100%;float:left; font-size:16px; line-height:36px; margin-top:20px;}
.proleft strong{font-size:18px; color:#000;}

.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:180px; float:left; margin-right:10px;}
.proleft_btn li a{width:100%; float:left; line-height:45px; text-align:center; font-size:16px; background:#eee; display:block;}
.proleft_btn li a:hover,.proleft_btn li a.on{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff;}

.tabs-basic{width:100%; margin-top:60px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:center; margin:0; padding:0; border-bottom:1px solid #e9e9e9;}
.tabs-basic ul li{display:inline-block; font-size:18px; text-transform:uppercase; position:relative; background:#eee;}
.tabs-basic ul li a.tab-active::after{content:''; position:absolute; bottom:-9px; height:0; width:0; margin:auto; left:0; right:0; border:9px solid transparent; border-top:9px solid #017ccb; border-bottom:none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.tabs-basic a{display:block; text-decoration:none; background:transparent; padding:15px 60px; color:#000;}
.tabs-basic .tab-active{border-bottom:2px solid #017ccb; color:#fff; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); font-weight:bold;}

/* The content */
.tabs-basic .tabs-content-placeholder{width:100%; float:left; overflow:hidden; margin-top:40px; background:#fff;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:16px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; font-size:16px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width: 100%;float: left;margin-top:60px;}
.hot_pro2_tit{width:100%;background: #fff;float: left;border-bottom: 1px solid #e9e9e9;}
.hot_pro2_tit h3{width:200px;float: left;color: #fff;line-height:45px;font-size:20px;padding:5px 20px;background: #017ccb;text-align: center;font-weight: bold;position: relative;}
.hot_pro2_tit h3:after{content: '';position: absolute;bottom: -9px;height: 0;width: 0;margin: auto;left: 0;right: 0;border: 9px solid transparent;border-top: 9px solid #017ccb;border-bottom: none;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.scrollleft2{width:100%;float: left;margin-top:40px;}
.scrollleft2 li{width:320px;float: left;margin-right: 20px;overflow: hidden;}
.scrollleft2 li img{width: 100%;display: block;border: 1px solid #e9e9e9;}
.scrollleft2 li:hover{border: 1px solid #017ccb;}
.scrollleft2 li span{width: 100%;line-height: 30px;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;float: left; background:#e9e9e9; padding:10px 20px;}
.scrollleft2 li:hover span{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff;}

/* 内页真空镀膜案例部分 */
.case_list{width:100%; float:left; position:relative;}
.case_list li{width:31.333%; float:left; margin:30px 3% 0 0; background:#fff; border:1px solid #e9e9e9; padding:10px; transition:all .5s ease;}
.case_list li:nth-child(3n){margin-right:0;}
.case_list li:hover{background:#f9f9f9; border-color:#017ccb; transform:translateY(-10px); transition:all .5s ease-in-out; box-shadow:0 3px 12px rgba(0,0,0,.1);}
.case_list li .pic{width:100%; float:left; overflow:hidden;}
.case_list li .pic img{width:100%; height:300px; object-fit:cover; transition:all .4s;}
.case_list li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.case_list li .tbox{width:100%; float:left; padding:5% 0 2.5%;}
.case_list li .tbox h3{font-size:20px; font-weight:bold; line-height:30px;}
.case_list li a .tbox h3{color:#000;}
.case_list li a:hover .tbox h3{color:#017ccb;}
.case_list li .tbox p{height:90px; margin-top:10px; font-size:15px; line-height:30px; color:#666; -webkit-line-clamp:3; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical;}
.case_list li .tbox .mbtn{width:160px; margin-top:20px;}
.case_list li a .tbox .mbtn{display:block; font-size:16px; color:#333; line-height:44px; background:#fff; border:1px solid #e9e9e9; text-align:center; transition:all .5s ease;}
.case_list li a:hover .tbox .mbtn{background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff; border-color:#017ccb; width:200px; transition:all .5s ease-in-out;}

/* 内页新闻资讯部分 */
.news_text{width:100%; float:left;}
.news_text dl{width:100%; float:left; margin-top:40px; border-bottom:1px solid #e9e9e9; padding-bottom:60px; transition:all .5s ease;}
.news_text dl:nth-child(5n){margin-bottom:0;}
.news_text dl:hover{transition:all .5s ease; background:#f5f7f9; padding:40px; box-shadow:0 5px 10px rgba(0,0,0,.1);}
.com-img{width:100%; overflow:hidden;}
.com-img img{width:100%; height:240px; object-fit:cover; transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.news_text dl dt{width:26%; float:left;} 
.news_text dl dd{width:70%; float:right;}
.news_text dl dd .left{width:80%; float:left;}
.news_text dl dd .left h3{line-height:30px; font-size:24px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.news_text dl dd .left h3::after{content:""; display:block; width:60px; height:3px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); margin-top:20px;}
.news_text dl dd .left h3 a{color:#000;}
.news_text dl dd:hover .left h3 a{color:#017ccb;}
.news_text dl dd .left .con{width:100%; float:left; font-size:16px; line-height:30px; margin-top:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; vertical-align:middle;}
.news_text dl dd .right{width:15%; float:right; margin-top:40px; border-left:1px solid #e9e9e9;} 
.news_text dl dd .right p{width:100%; float:left; text-align:center; font-size:18px; padding:10px 0; font-family:Arial; color:#999;}
.news_text dl dd .right p:nth-child(1){font-size:60px; position:relative; font-weight:bold; line-height:60px; border-bottom:none;}
.news_text dl dd:hover .right p{color:#000;}
.news_text dl dd a.more{width:140px; float:left; line-height:42px; text-align:center; margin-top:20px; font-size:16px; transition:all .3s; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); color:#fff;}
.news_text dl dd a:hover.more{background:#feca0a; color:#000; width:180px;}

.newsinfo{width:100%; float:left; margin-top:40px;}
.newsinfo_left{width:70%; float:left; padding:40px; background:#fff; border:1px solid #e9e9e9;}
.newsinfo_left_title{width:100%; float:left;}
.newsinfo_left_title .title{font-size:30px; line-height:50px; font-weight:700; color:#000; text-align:left;}
.newsinfo_left_title .other_box{color:#999; line-height:24px; margin-top:30px; font-size:16px;}
.newsinfo_left_title .other_box span{display:inline-block; margin-right:10px;}
.newsinfo_left_title .other_box img{vertical-align:middle; display:inline-block; max-width:100%; margin-right:10px;}
.newsinfo_left_text{width:100%; font-size:16px; line-height:32px; margin-top:40px;}
.newsinfo_left_text img{width:100%; display:block;}
.m40{margin-top:40px;}

.newsinfo_right{width:26%; float:right;}
.newsinfo_rtit{width:100%; float:left;}
.newsinfo_rtit h3{font-size:30px; line-height:30px; font-weight:bold; color:#017ccb;}
.newsinfo_rtit p{font-size:12px; color:#bababa; line-height:18px; margin-top:10px; letter-spacing:5px; text-transform:uppercase;}
.newsinfo_rtit:after{content:""; display:block; width:24px; height:3px; background:#017ccb; margin-top:20px;}
.relative_box{width:100%; float:left; margin-top:10px;}
.relative_box li{padding:20px 0; border-bottom:1px solid #e9e9e9;}
.relative_box li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.relative_box li:hover .a-more{background:url(../image/more_on.png) no-repeat center center; box-shadow:0 3px 10px rgba(0,0,0,.2);}
.relative_box li:hover .name{color:#017ccb;}
.relative_box li a{display:block;}
.relative_box li .a-more{transition:background 0.3s ease; -webkit-transition:background 0.3s ease;}
.a-more{display:block; width:47px; height:33px; background:url(../image/more3.png) no-repeat; background-size:contain;}
.relative_box li .pic{width:100%; font-size:0; overflow:hidden;}
.relative_box li .pic img{width:100%; height:220px; object-fit:cover; transition:1s 0.3s ease; -webkit-transition:1s 0.3s ease;}
.relative_box li .name{line-height:30px; color:#333; font-size:18px; margin:20px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.relative_box li:hover .name{font-weight:bold;}
.info-box{width:100%; float:left; margin-top:20px; padding:20px 0;}
.info-box p{font-size:16px; color:#999; margin-bottom:25px;}
.info-box p a{font-size:16px; margin-top:10px; color:#333; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; vertical-align:middle;}
.info-box p a:hover{color:#017ccb;}
.info-box .share-box{margin-bottom:40px;}
.info-box .share-box a{display:inline-block; width:36px; height:36px; line-height:36px; border-radius:50%; margin-right:15px; text-align:center;}
.info-box .share-box a img.on{display:none;}
.info-box .share-box a:hover img.on{display:inline-block;}
.info-box .share-box a:hover img.original{display:none;}
.info-box .return{display:block; width:100%; line-height:50px; font-size:16px; color:#fff; text-align:center; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); transition:all .5s ease;}
.info-box .return img{max-width:100%; vertical-align:middle; position:relative; top:-2px; margin-left:10px;}
.info-box .return:hover{background:#feca0a; cursor:pointer; transition:all .5s ease-in-out;}

.new-view-title{width:100%; float:left; margin-top:60px; background:#f9f9f9; padding:30px 20px; text-align:center; border-bottom:1px solid #e9e9e9;}
.new-view-title h2{line-height:30px; font-size:24px; font-weight:bold; color:#017ccb;}
.new-view-wz{width:100%; float:left; margin-top:10px; text-align:center; line-height:30px; font-size:15px; color:#999;}
.newsmore_text{width:100%;float:left; margin-top:30px; line-height:30px; font-size:16px;}
.m30{margin-top:30px;}

.view-page{width:100%; float:left; position:relative; margin:60px 0;}
.view-page .prev,.view-page .back,.view-page .next{font-size:16px;width:180px;height:52px;line-height:52px;position: absolute;transition: background-color .25s ease-in-out;-moz-transition: background-color .25s ease-in-out;-webkit-transition: background-color .25s ease-in-out;}
.view-page .prev{left:0;}
.view-page .prev a{background: url(../image/le.png) 20px center no-repeat;padding-left: 60px;border: 1px solid #e9e9e9;text-transform: uppercase;}
.view-page .prev:hover a{color:#fff; background:url(../image/le-white.png) 20px center no-repeat #017ccb;}
.view-page a{display:block;}
.view-page .back{left:50%;margin-left: -90px;width: 180px;}
.view-page .back a{background: url(../image/back.png) 20px center no-repeat #017ccb;color: #fff;text-align: center;padding-left:25px;text-transform: uppercase;}
.view-page .back a:hover{background:url(../image/back.png) 20px center no-repeat #09bbfe;color: #fff;}
.view-page .next{right:0;}
.view-page .next a{background: url(../image/ri.png) 90% center no-repeat;text-align: center;border: 1px solid #e9e9e9;text-transform: uppercase;}
.view-page .next:hover a{color:#fff;background: url(../image/ri-white.png) 90% center no-repeat #017ccb;}

/* 内页加工实力部分 */
.jgsl_box{width:100%; float:left; margin-top:40px; padding:40px; background:#f9f9f9; overflow:hidden;}
.jgsl_box_tit{width:100%; float:left; text-align:center; font-size:30px; font-weight:bold; line-height:30px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.jgsl_box_list{width:100%; float:left; margin-top:40px;}
.jgsl_box_list li{width:48%; float:left; margin-right:4%;}
.jgsl_box_list li:nth-child(2n){margin-right:0;}
.jgsl_box_list li .tbt{width:100%; float:left; border-bottom:1px solid #e9e9e9; padding-bottom:20px; position:relative;}
.jgsl_box_list li .tbt h3{font-size:24px; line-height:30px; color:#000;}
.jgsl_box_list li .tbt h3::after{content:""; display:block; width:100px; height:3px; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); position:absolute; left:0; bottom:-2px;}
.jgsl_box_list li .tbt h3 span{font-weight:bold; font-family:"阿里巴巴普惠体";}
.jgsl_box_list li .txt{width:100%; float:left; margin-top:20px; font-size:16px; line-height:30px;}

.jgsl_list{width:100%; float:left; margin-top:60px;}
.jgsl_list li{width:31.333%; float:left; margin:40px 3% 0 0; transition:all .4s ease;}
.jgsl_list li:hover{-webkit-transform:translateY(-10px); transform:translateY(-10px); box-shadow:0 3px 12px rgba(0,0,0,.1); cursor:pointer;}
.jgsl_list li:nth-child(3n){margin-right:0;}
.jgsl_list li .xlh{width:60px; height:60px; line-height:60px; font-size:36px; text-align:center; font-weight:bold; position:absolute; right:1px; top:1px; color:#fff; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe)); font-family:"阿里巴巴普惠体";}
.jgsl_list li .pic{width:100%; float:left; overflow:hidden;}
.jgsl_list li .pic img{width:100%; display:block; transition:all .5s ease;}
.jgsl_list li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.jgsl_list li .txtnr{width:100%; min-height:214px; float:left; border:1px solid #e9e9e9; background:#fff; border-top:none; padding:30px 20px; position:relative;}
.jgsl_list li .txtnr h4{font-size:24px; font-weight:bold; line-height:30px; background:linear-gradient(to top right, #017ccb, #09bbfe); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.jgsl_list li .txtnr h4::after{content:""; display:block; width:60px; height:3px; margin-top:20px; background:#017ccb;}
.jgsl_list li .txtnr p{font-size:16px; line-height:30px; margin-top:10px;}

/* 内页加工流程部分 */
.jglc_img{width:100%; float:left; margin-top:20px;}
.jglc_img li{width:23.5%; float:left; margin:20px 2% 10px 0; transition:all .5s ease;}
.jglc_img li:hover{transition:all .5s ease-in-out; transform:translateY(-10px); box-shadow:0 3px 12px rgba(0,0,0,.1); cursor:pointer;}
.jglc_img li:nth-child(4n){margin-right:0;}
.jglc_img li p{width:100%; float:left; text-align:center; line-height:24px; font-size:18px; padding:15px; background:#eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.jglc_img li:hover p{background:#017ccb; color:#fff;}
.jglc_img li img{width:100%; float:left;}
.jglc_img li img:hover{border-color:#017ccb;}

/* 内页联系我们部分 */
.cont_box{width:100%; float:left; margin-top:40px;}
.cont_pic{width:30%; float:left;}
.cont_pic img{width:100%; height:300px; object-fit:cover;}
.cont_txt{width:70%; height:300px; float:right; background:#f5f5f5; padding:60px 40px; overflow:hidden;}
.cont_txt h3{font-size:24px; font-weight:bold; line-height:30px; background:linear-gradient(to top right, #017ccb, #09bbfe); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.cont_txt h3::after{content:""; display:block; width:60px; height:3px; margin-top:40px; background:linear-gradient(to top right, #017ccb, #09bbfe);}
.cont_txt p{font-size:18px; line-height:30px; margin-top:40px;}
.cont_list{width:100%; float:left; margin-top:40px;}
.cont_list li{width:31.333%; min-height:250px; float:left; margin-right:3%; border:1px solid #f5f5f5; background:#fff; padding:40px 20px 20px 20px; transition:all .5s ease;}
.cont_list li:last-of-type{margin-right:0;}
.cont_list li:hover{background:#f5f5f5; box-shadow:0 3px 10px rgba(0,0,0,.1); transform:translateY(-10px); cursor:pointer;}
.cont_list li .icon{width:50px; margin:auto;}
.cont_list li .icon img{width:50px; height:50px;}
.cont_list li .biaot{width:100%; margin:40px auto 0; text-align:center;}
.cont_list li .biaot h4{font-size:20px; line-height:30px; color:#000;}
.cont_list li .biaot p{margin-top:5px; font-size:16px; line-height:30px;}
.map{width:100%; float:left; margin-top:40px;}

/* 内页在线留言部分 */
.message{width:100%; float:left; margin-top:40px; background-color:#fff; box-shadow:0 3px 10px rgba(0,0,0,.1); padding:40px;}
.message h2{text-align:center; background:linear-gradient(to top right, #017ccb, #09bbfe); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:24px; line-height:30px; font-weight:bold;}
.message ol{width:100%;float:left; margin-top:40px;}
.message ol li{float: left; width:49%; margin-bottom:20px; background:#fff; border:1px solid #e9e9e9;}
.message ol li:nth-child(2n){float:right;}
.message ol li:nth-child(6){float:left;}
.message ol li input{width:100%; height:45px;  background:none; border:none; color:#999; padding:0 15px; font-size:14px; outline:none;}
.message ol li textarea{font-size:14px; padding:10px 15px; width:100%; height:180px; border:none; background:none; color:#999; outline:none;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:16px; cursor:pointer; border:none;}
.message ol li .btn{background:linear-gradient(to top right, #017ccb, #09bbfe);}
.message ol li .btn2{background:#feca0a; color:#000; border:none;}