﻿*{padding:0; margin:0; border:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,textarea,img{border:0;margin:0;padding:0;font-weight:normal;}
/** 设置默认字体 **/
body,textarea,input,button,select,keygen,legend{font:14px/1.5,'Microsoft YaHei' /*'Conv_Armata-Regular'*/; color:#666;}
em{font-style:normal;}
/** 重置列表元素 **/
ul,li,ol{list-style:none;}
/** 重置超链接元素 **/
a{text-decoration:none;color:#666;}
a:hover{color:#d1252d; text-decoration:none; -webkit-transition:.3s; transition:.3s;}
/** 重置图片元素 **/
.fl{float:left;} 
.fr{float:right;}

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

header{width:100%; height:100px; 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);}
.w1400{width:95%; max-width:1400px; margin:auto;}
.logo{float:left; margin-top:10px;}

.navMenu{float:left;}
.navMenu>li{float:left; position:relative; line-height:100px; height:100px; font-size:16px;}
.navMenu>li>a{padding:0 24px; color:#333; display:block; position:relative;}
.navMenu>li>a:after{content:''; display:block; width:60px; height:3px; background:#d1252d; position:absolute; left:50%; top:0; margin-left:-30px;-webkit-transition:all .3s; transition:all .3s;-webkit-transform:scaleX(0);transform:scaleX(0);}
.navMenu>li:hover>a:after,.navMenu>li.cur>a:after{-webkit-transform:scaleX(1);transform:scaleX(1);}
.navMenu>li>a:hover,.navMenu>li.cur>a{color:#d1252d;}
		
/* navMenu */
.navMenubox{float:left; margin-left:8%;}
.navMenu>li{position:relative;}
.navMenu>li>ul.sub-menu{position:absolute; left:50%; top:100px; z-index:3; display:none; background:#fff; width:180px; margin-left:-90px; box-shadow:0 5px 10px #333;}
.navMenu>li>ul.sub-menu li{background:none; margin:0; padding:0; position:relative; border-bottom:1px solid #e6e6e6; 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:14px; line-height:34px; padding:0 20px; 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:#d1252d; color:#fff;}

.top_r{float:right;}
.top_rlg{float:left; font-size:16px; line-height:100px;}
.top_rlg a{padding:0 6px; color:#333;}
.top_rlg a:hover,.top_rlg a.on{color:#d1252d;}
/* Search */
.in_search{width:100px; height:100px; float:right; background:#d1252d; margin:0 0 0 80px; vertical-align:middle; position:relative;}
.search_icon{display:block; width:20px; height:20px; background: url(../images/fdj.png) no-repeat center center; margin:40px 0 0 40px;}
.in_search .search_box{position:absolute; overflow:hidden; top:100px; width:300px; right:0; background-color:#fff; padding:20px 15px; display:none;}
.in_search .search_box input{display:block; height:40px; line-height:40px; font-size:12px; }
.in_search .search_box .search_txt{width:80%; text-indent:10px; display:block; float:left; font-size:12px; border:1px solid #e6e6e6; border-right-color:#e6e6e6;}
.in_search .search_box .search_txt::-webkit-input-placeholder{/* WebKit browsers */ color:#999;}
.in_search .search_box .search_txt:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999;}
.in_search .search_box .search_txt::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999;}
.in_search .search_box .search_txt:-ms-input-placeholder{/* Internet Explorer 10+ */ color:#999;}
.in_search .search_box .search_btn {width:20%; z-index:2; color:#fff; display:block; background-color:#d1252d; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; float: left;}

/* 首页焦点图部分 */
.banner{margin-top:100px;}
.banner .swiper-slide .m{display:none;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-pagination-bullet{background:#999;}
.banner .swiper-pagination-bullet-active{background: #d1252d;}
.banner .swiper-button-next,.banner .swiper-button-prev{color:#FFF;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:30px;}
.banner .swiper-pagination-bullet{width:20px; height:20px; opacity:.8; border:3px solid #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:40px !important;}
.phxia,.sj{display:none!important;}

/* 首页产品中心部分 */
.in_product{width:100%; margin:60px auto 0;}
.in_title{width:100%; margin:auto; text-align:center;}
.in_title h2{font-size:36px; line-height:30px; display:block;}
.in_title h2 span{position:relative; color:#000;}
.in_title h2 span::after{content:""; display:block; width:80px; height:1px; background:#d1252d; position:absolute; top:20px; left:115%;}
.in_title h2 span::before{content:""; display:block; width:80px; height:1px; background:#d1252d; position:absolute; top:20px; right:115%;}
.in_title h2 a:hover span{color:#d1252d;}
.in_title p{font-size:16px; color:#999; margin-top:10px;}
.in_pronr{width:100%; margin:60px auto 0; position:relative;}
.in_pro_img{width:100%; margin:auto; overflow:hidden;}
.in_pro_img ul{width:10000%; position:relative;}
.in_pro_img ul li{width:0.24%; float:left; margin:0 0.005%; background:#fff; padding:1px; border:1px solid #eee; -webkit-transition:all .5s; transition:all .5s;}
.in_pro_img ul li:hover{transform:translateY(-10px); box-shadow:0 5px 20px #ddd;}
.in_pro_img ul li .pic{width:100%; float:left; overflow:hidden;}
.in_pro_img ul li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.in_pro_img ul li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.in_pro_img ul li .biaoti{width:100%; float:left; text-align:center; padding:0 20px 40px 20px;}
.in_pro_img ul li a .biaoti{font-size:18px; line-height:30px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.in_pro_img ul li a:hover .biaoti{color:#d1252d;}
.in_pro_dd{width:100%; height:40px; margin:40px auto; position:relative;}
.in_pro_dd .cqdd{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.in_pro_dd .cqdd span{width:15px; height:15px; float:left; background:#c8c8c8; border-radius:50%; margin:2px 6px 0; cursor:pointer;}
.in_pro_dd .cqdd span.on{background:#d1252d;}

/* 首页关于我们部分 */
.in_aboutbg{width:100%; height:540px; margin:20px auto 0; background:#d1252d; overflow:hidden;}
.in_about_video{width:50%; float:left; overflow:hidden;}
.in_about_video video{width:100%; min-height:540px; object-fit:cover;}
.in_about_txtbg{width:50%; height:540px; float:right; background:url(../images/in_aboutr_bg.png) no-repeat right center; object-fit:cover; padding:70px 60px;}
.in_about_text{width:85%; float:left;}
.in_about_ttitle{width:100%; float:left;}
.in_about_ttitle h2{font-size:36px; line-height:36px; color:#fff;}
.in_about_ttitle h2:after{content:""; display:block; width:60px; height:2px; background:#fff; margin-top:30px;}
.in_about_ttitle h2 a{color:#fff;}
.in_about_ttitle h2 a:hover{color:#000;}
.in_about_twz{width:100%; float:left; margin-top:40px; font-size:16px; line-height:36px; color:#fff; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; line-clamp:6; -webkit-box-orient:vertical; transition:all .4s ease;}
.in_about_more{width:200px; float:left; margin-top:40px;}
.in_about_more a{width:200px; height:44px; display:block; line-height:44px; -webkit-transform:skewX(-35deg); transform:skewX(-35deg); text-align:center; color:#d1252d; background:#fff; box-shadow:0 5px 15px #333; -webkit-transition:all .5s; transition:all .5s;}
.in_about_more a:hover{-webkit-transform:skewX(0deg); transform:skewX(0deg);}

/* 首页新闻资讯部分 */
.in_news{width:95%; max-width:1400px; margin:60px auto 0;}
.in_newsnr{width:100%; margin:60px auto 0; position:relative;}
.in_news_img{width:100%; margin:auto; overflow:hidden;}
.in_news_img ul{width:10000%; position:relative;}
.in_news_img ul li{width:0.31%; float:left; position:relative; margin:0 0.0333% 20px 0; background:#f8f8f8; padding:40px 30px; -webkit-transition:all .3s; transition:all .3s;}
.in_news_img ul li:hover{box-shadow:0 5px 15px #ddd; background:#f4f4f4;}
.in_news_img ul li .time{float:left; background:url(../images/in_news_sjtb.png) no-repeat left center; padding-left:30px; line-height:30px; font-size:16px; color:#999;}
.in_news_img ul li .title{width:100%; float:left; margin-top:20px; font-size:18px; line-height:30px;}
.in_news_img ul li a .title{color:#000; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; transition:all .4s ease;}
.in_news_img ul li a:hover .title{color:#d1252d;}
.in_news_img ul li .news-img{width:100%; float:left; margin-top:20px; overflow:hidden;}
.in_news_img ul li .news-img img{width:100%; display:block; -webkit-transition: all 1s ease; transition: all 1s ease;}
.in_news_img ul li:hover .news-img img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.in_news_img ul li .text{width:100%; float:left; margin-top:20px; line-height:28px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; transition:all .4s ease;}

.in_news_l,.in_news_r{position:absolute; top:50%; margin-top:-28px; width:40px; height:56px; transition:all .5s; transition:all .5s; cursor:pointer; overflow:hidden;}
.in_news_l{left:-80px; background:url(../images/left.png) center no-repeat;}
.in_news_l:hover{background:url(../images/lefth.png) center no-repeat;}
.in_news_r{right:-80px; background:url(../images/right.png) center no-repeat;}
.in_news_r:hover{background:url(../images/righth.png) center no-repeat;}

.in_news_more{width:200px; margin:40px auto 0;}
.in_news_more a{width:200px; height:44px; display:block; line-height:44px; -webkit-transform:skewX(-35deg); transform:skewX(-35deg); text-align:center; color:#d1252d; background:#fff; border:1px solid #d1252d; -webkit-transition:all .5s; transition:all .5s;}
.in_news_more a:hover{background:#d1252d; color:#fff;}

/* 首页企业风采部分 */
.in_qyfcbg{width:100%; margin:60px auto 0; background:url(../images/in_qyfcbg.jpg) fixed center center; background-size:cover; padding:80px 0; overflow: hidden;}
.in_title2{width:100%; margin:auto; text-align:center;}
.in_title2 h2{font-size:36px; line-height:30px; display:block;}
.in_title2 h2 span{position:relative; color:#fff;}
.in_title2 h2 span::after{content:""; display:block; width:80px; height:1px; background:#d1252d; position:absolute; top:20px; left:115%;}
.in_title2 h2 span::before{content:""; display:block; width:80px; height:1px; background:#d1252d; position:absolute; top:20px; right:115%;}
.in_title2 h2 a:hover span{color:#d1252d;}
.in_title2 p{font-size:16px; color:#fff; margin-top:10px;}
.in_qyfc_img{width:100%; float:left; margin-top:60px;}
.in_qyfc_imgl{width:49%; float:left;}
.in_qyfc_imgl figure{width:100%; overflow:hidden; margin:0;}
.in_qyfc_imgl a{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(209,37,45,.6); opacity:0; color:#fff;}
.in_qyfc_imgl a:hover{opacity:1;}
.in_qyfc_imgl i{background:url(../images/in_qyfc_tb.png) no-repeat; margin:4% auto 0; width:60px; height:60px; background-size:100%; display:block;transition: .7s;-moz-transition: .7s;-webkit-transition:.7s;-o-transition:.7s;}
.in_qyfc_imgl a:hover i{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform: rotate(360deg);}
.in_qyfc_imgl h3{font-size:30px; line-height:30px; padding:0 20px; text-align:center; color:#fff; margin:25% auto 0; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; transition:all .4s ease;}
.casezoom{width:100%; overflow:hidden; position:relative; display:inline-block}
.casezoom img{width:100%; display:block; transition:all .7s; -webkit-transition:all .7s;}
.casezoom:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}

.in_qyfc_imgr{width:49%; float:right;}
.in_qyfc_imgr li{width:49%; float:left; margin:0 2% 1.5% 0; overflow:hidden;}
.in_qyfc_imgr li:nth-child(2n){margin-right:0;}
.in_qyfc_imgr li figure{width:100%; overflow:hidden; margin:0;}
.in_qyfc_imgr li a{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(209,37,45,.6); opacity:0; color:#fff;}
.in_qyfc_imgr li a:hover{opacity:1;}
.in_qyfc_imgr li i{background:url(../images/in_qyfc_tb.png) no-repeat; margin:4% auto 0; width:46px; height:46px; background-size:100%; display:block;transition:all .7s; -webkit-transition:all .7s;}
.in_qyfc_imgr li a:hover i{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform: rotate(360deg);}
.in_qyfc_imgr li h3{font-size:24px; line-height:30px; padding:0 20px; text-align:center; color:#fff; margin:15% auto 0; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; transition:all .4s ease;}

/* 首页在线留言部分 */
.in_feedbg{width:100%; margin:auto; background:#d1252d; padding:45px 0; overflow:hidden;}
.kslx-s{display: flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.kslx-s h3{font-size:30px; line-height:30px; color:#fff; margin-right:60px;}
.kslx-s input{width:15%; height:50px; background:#fff; color:#ccc; text-indent:20px;}
.kslx-s input::placeholder{color:#ccc;}
.kslx-s input:nth-child(4n){width:30%;}
.kslx-s button{cursor:pointer; width:12%; height:50px; color:#fff; background:#313131; transition: all 0.5s; margin-left:20px; font-weight:bold;}
.kslx-s button:hover{background:#fff; color:#d1252d;}

/* 底部信息部分 */
.footer{background:#313131;}
.footer-s{margin:0 auto; overflow:hidden;}
.footer-t{overflow:hidden;border-bottom:1px solid #3b3b3b;}
.footer-t-l{float:left;overflow:hidden;display:  flex;justify-content: space-between;width:100%;}
.footer-t-l i{width:1px;display: block;background:#3b3b3b}
.footer-t-l dl{padding:54px 0;}
.footer-t-l dl:nth-child(7){width:300px;}
.footer-t-l dl dt{font-size:18px; color:#fff; padding-bottom:16px; margin-bottom:30px; position:relative; line-height:18px;}
.footer-t-l dl:nth-child(7) dt{display:flex; margin-bottom:10px;}
.footer-t-l dl dt a{display:block;margin-right:15px;}
.footer-t-l dl dt a .img2{display:none;}
.footer-t-l dl dt a:hover .img1{display:none;}
.footer-t-l dl dt a:hover .img2{display:block;}
.footer-t-l dl dt span{position:absolute;left:0;bottom:0;display: block;width:35px;height:2px;background:#d1252d;}
.footer-t-l dl>a{display: block;margin-top:34px;}
.footer-t-l dl dd{line-height:28px;color:#999;}
.footer-t-l dl dd a{color:#999;}
.footer-t-l dl dd a:hover{color:#d1252d;}
.footer-t-r{float:right;width:235px;text-align: right;}
.footer-b{color:#999;overflow:hidden;line-height:60px;display: flex;align-items:center;justify-content:center;}
.footer-b a{display: block;font-weight:bold;margin-left:10px;}
.footer-b span{color:#999;}
.footer-b span a{color:#999;}

/* 在线客服部分 */
.side{position: absolute;width:40px;right:0;z-index:10000;}
.side ul li{width:40px;height:40px;float:left;position:relative;margin-bottom:2px;}
.side ul li .sidebox{position:absolute;width:40px;height:40px;top:0;right:0;background:#333; color:#fff; line-height:40px; font-size:14px;overflow:hidden; border-radius:5px 0 0 5px;}
.side ul li .sidetop{width:40px;height:40px;line-height:40px;display:inline-block;background:#333; border-radius:5px 0 0 5px;}
.side ul li .sidetop:hover{background:#d1252d;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/* 内页焦点图部分 */
.ny_bn{width:100%; height:460px; margin:100px auto 0; position:relative; overflow:hidden;}
.ny_bn img{width:100%; position:absolute; left:50%; top:0; margin-left:-50%;}

.dw{width:95%; max-width:1400px; margin:20px auto 0;}
.dw_wz{background:url(../images/home_tb.png) left center no-repeat; float:left; padding-left:30px;}
.dw_wz a{padding:0 5px;}
.dw_wz span{color:#d1252d; padding-left:5px;}

/* 内页关于宇洋部分 */
.ny_main{width:95%; max-width:1400px; margin:40px auto 60px;}
.ny_left{width:22%; float:left;}
.nyl_list{width:100%; float:left;}
.nyl_list h2{width:100%; height:70px; line-height:70px; padding:0 20px; float:left; overflow:hidden; background:#d1252d url(../images/lb_tb.png) no-repeat 93% center; border-radius:5px 5px 0 0;}
.nyl_list h2 a{display:block; font-size:24px; color:#fff; font-weight:bold;}
.sidebarMenu{width:100%; float:left; background:#fff; margin-bottom:20px; box-shadow:0 5px 10px #ddd; border-radius:0 0 5px 5px;}
.sidebarMenu li{width:100%; float:left;} 
.sidebarMenu li a{height:54px; line-height:54px; background:url(../images/slide_li.png) no-repeat 95% center; display:block; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:1px solid #e9e9e9; font-size:16px;}
.sidebarMenu li a.cur,.sidebarMenu li a:hover{background:#d1252d url(../images/slide_lih.png) no-repeat 95% center; color:#fff; font-weight:bold;}
.sidebarMenu li ul{font-size:13px; padding:0}
.sidebarMenu ul li{background:0 0; padding-top:0;}
.sidebarMenu li ul a{background:url(../images/ly_li.png) no-repeat 20px center; padding-left:35px; height:40px; line-height:40px; font-size:14px; color:#666;}
.sidebarMenu li ul .cur,.sidebarMenu li ul a:hover{background:url(../images/ly_li.png) no-repeat 20px center; padding-left:35px; color:#d1252d;}
.nyl_cont{width:100%; float:left; margin-top:20px;}
.nyl_cont h2{width:100%; height:70px; line-height:70px; padding:0 20px; float:left; overflow:hidden; background:#d1252d url(../images/ny_cont_teltb.png) no-repeat 93% center; border-radius:5px 5px 0 0;}
.nyl_cont h2 a{display:block; font-size:24px; color:#fff; font-weight:bold;}
.nyl_cont_list{width:100%; float:left; background:#fff; box-shadow:0 5px 10px #ddd;  padding:4%; font-size:14px; line-height:28px;}
.nyl_cont_list h3{font-size:18px; font-weight:bold; color:#d1252d; line-height:24px;}

.ny_right{width:75%; float:right;}
.nyr_tit{width:100%; float:left; font-size:24px; line-height:24px; font-weight:bold; color:#d1252d; border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.nyr_text{width:100%; float:left; margin-top:40px; line-height:30px; font-size:15px;}
.m30{margin-top:30px;}
.f18{font-size:18px; color:#d1252d; font-weight:bold;}
.f16{font-size:16px; color:#000; font-weight:bold;}
.nyr_text video{width:100%; height:420px; object-fit:cover;}
.nyr_text table{border-collapse:collapse; border:1px #e6e6e6 solid !important; width:100% !important;line-height:26px!important;}
.nyr_text table td{padding:8px!important; padding-left:20px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:26px!important;}
.nyr_text table td div{padding:0px!important;height:auto!important;}

.about_rimg{width:100%; float:left;}
.about_rimg li{width:31.333%; float:left; margin:40px 3% 0 0;}
.about_rimg li:nth-child(3n){margin-right:0;}
.about_rimg li .pic{width:100%; float:left; overflow:hidden;}
.about_rimg li .pic img{width:100%; display:block; -webkit-transition:all .5s; transition:all .5s;}
.about_rimg li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.about_rimg li .biaoti{width:100%; float:left; margin-top:20px; font-size:16px; color:#000; line-height:30px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.honor_r_img{width:100%; float:left;}
.honor_r_img li{width:23.5%; float:left; margin:40px 2% 0 0; text-align:center; padding:10px 10px 0 10px; background:#fff; border:1px solid #ddd; border-bottom:3px solid #ddd; position:relative;}
.honor_r_img li:nth-child(4n){margin-right:0;}
.honor_r_img li img{width:100%; display:block;}
.honor_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.honor_r_img li:hover::before{width:100%; background:#d1252d; transition:all .5s}
.honor_r_img li p{font-size:16px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0;}
.honor_r_img li:hover{background:#eee; box-shadow:0 1px 10px #999;}

.pagination{width:100%; height:auto; float:left; text-align:center; font-size:0px; position:relative; overflow:hidden; margin:60px 0 20px;}
.pagination a{display:inline-block; padding:0 14px; line-height:36px; font-size:14px; border:1px solid #e5e5e5; margin:0 5px;}
.pagination a.on,.pagination a:hover{color:#fff; border-color:#d1252d; background:#d1252d;}


/* 内页产品中心部分 */
.pro_img{width:100%; float:left;}
.pro_img li{width:31.333%; float:left; margin:40px 3% 0 0; background:#fff; padding:1px; border:1px solid #eee; -webkit-transition:all .5s; transition:all .5s;}
.pro_img li:nth-child(3n){margin-right:0;}
.pro_img li:hover{transform:translateY(-10px); box-shadow:0 5px 20px #ddd;}
.pro_img li .pic{width:100%; float:left; overflow:hidden;}
.pro_img li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.pro_img li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.pro_img li .biaoti{width:100%; float:left; text-align:center; padding:0 20px 40px 20px;}
.pro_img li a .biaoti{font-size:16px; line-height:30px; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_img li a:hover .biaoti{color:#d1252d;}

.products{width:100%; float:left;}
.pros_left{width:50%; float:left; position:relative;}
.pros_left .swiper-container{width:100%; height:100%;}
.pros_left .swiper-slide{width:100% !important; text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center;align-items:center;}
.pros_left .swiper-slide img{width:100%; display:block;}
.pros_left .swiper-pagination-bullet{width:12px; height:12px; background:#ddd; opacity:.8;}
.pros_left .swiper-pagination-bullet-active{opacity:1; background:#d1252d;}

.pros_right{width:45%; float:right; padding-top:4%;}
.pros_right_top{width:100%; float:left; border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.pros_right_top h2{overflow:hidden; display:block; font-size:24px; font-weight:bold; color:#d1252d;}
.pros_right_top p{font-size:18px; color:#333; line-height:28px;}
.proleft{width:100%; float:left; margin-top:10px;}
.proleft p{margin-top:10px; line-height:30px; font-size:15px;}
.proleft_tel{width:100%; float:left; margin-top:40px; border:1px dashed #ddd; border-width:1px 0; padding:20px 0; background:url(../images/promore_dhtb.png) no-repeat left 20px; padding-left:40px; font-size:16px; line-height:30px;}
.proleft_tel strong{font-size:20px; font-weight:bold; color:#d1252d}

.proleft_btn{width:100%; float:left; margin-top:40px;}
.proleft_btn li{width:160px; float:left; margin-right:20px;}
.proleft_btn li a{width:160px; line-height:46px; text-align:center; font-size:16px; background:#eee; display:block;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#d1252d; color:#fff;}

.tabs-basic{width:100%; margin-top:60px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6; background:#fff;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:18px; text-transform:uppercase; position:relative;}
.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 #d1252d; border-bottom:none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.tabs-basic ul li a{display:block; text-decoration:none; background:#eee; padding:15px 60px; color:#000;}
.tabs-basic .tab-active{border-bottom:2px solid #d1252d; color:#fff; background:#d1252d; font-weight:bold;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0 40px;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:15px; margin-top:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}
.tabs-basic table{border-collapse:collapse; border:1px #999 solid !important; width:100% !important;}
.tabs-basic table td{text-align:center; padding:25px 0 !important; background:#eaeff7; line-height:32px !important; word-wrap:break-word; word-break:break-all; border:1px #fff solid !important;}
.tabs-basic table td:nth-of-type(odd){background:#d2deef;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%; float:left; margin-top:40px;}
.hot_pro2_tit{width:100%; background:#fff; float:left; border-bottom:1px solid #ddd;}
.hot_pro2_tit h3{float:left; color:#fff; line-height:52px; font-size:18px; padding:0 20px; background:#d1252d; 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 #d1252d; 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:280px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:100%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #d1252d;}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}

/* 内页新闻资讯部分 */
.newsL{width:100%; float:left;}
.newsL li{width:100%; float:left; margin-top:40px; padding-bottom:40px; -webkit-transition:all .2s linear; transition:all .2s linear; overflow:hidden; border-bottom:1px solid #f0f0f0;}
.newsL li .newsL-pic{width:30%; float:left; overflow:hidden;}
.newsL li .newsL-pic img{width:100%; height:220px; object-fit:cover; -webkit-transition:all .5s; transition:all .5s;}
.newsL li:hover .newsL-pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.newsL li .newsL-note{width:50%; float:left; margin-left:5%;}
.newsL li .newsL-note h3{font-size:18px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newsL li .newsL-note h3 a{color:#000;}
.newsL li .newsL-note h3 a:hover{color: #d1252d;}
.newsL li .newsL-note p{color:#666; font-size:14px; margin:20px auto; line-height:28px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; line-clamp:4; -webkit-box-orient:vertical;}
.newsL li .newsL-note a.more{width:160px; line-height:42px; background:#999; color:#fff; display:inline-block; text-align:center; -webkit-transition:all .3s; transition:all .3s; -webkit-transform:skewX(-35deg); transform:skewX(-35deg); }
.newsL li .newsL-note a:hover.more{background:#d1252d; color:#fff; width:200px;}
.newsL li .newsL-date{width:15%;float:right;text-align:right;}
.newsL li .newsL-date span{color:#d7dcd8; font-size:40px; margin-bottom:20px; padding-bottom:10px; display:block; position:relative;}
.newsL li .newsL-date span:after{content:""; position:absolute; right:0; bottom:0; width:30px; height:1px; background:#d7dadc;}
.newsL li .newsL-date p{font-size:18px; color:#d7dadc;}
.newsL li:hover{border-bottom:1px solid #d1252d;}

.new-view-title{width:100%; float:left; text-align:center; border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-top:40px;}
.new-view-title h2{line-height:30px; font-size:24px; font-weight:bold; color:#d1252d;}
.new-view-wz{width:100%; float:left; margin-top:10px; text-align:center; line-height:28px; font-size:13px; color:#999;}
.newsmore_text{width:100%; float:left; margin:40px 0 20px; line-height:30px;}

.view-page{width:100%; float:left; position:relative; margin:20px 0 60px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:180px; height:46px; line-height:46px; position:absolute;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:#fff; border:1px solid #e6e6e6; text-align:center;}
.view-page .prev:hover a{color:#fff; background:#d1252d;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-90px; width:180px;}
.view-page .back a{background:#d1252d; color: #fff; text-align:center; border:none;}
.view-page .back a:hover{background:#000; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:#fff; text-align:center; border:1px solid #e6e6e6;}
.view-page .next:hover a{color:#fff; background:#d1252d;}

/* 内页企业风采部分 */
.qyfc_r_img{width:100%; float:left;}
.qyfc_r_img li{width:31.333%; float:left; margin:40px 3% 0 0; text-align:center; padding:10px 10px 0 10px; background:#fff; border:1px solid #ddd; border-bottom:3px solid #ddd; position:relative;}
.qyfc_r_img li:nth-child(3n){margin-right:0;}
.qyfc_r_img li img{width:100%; display:block;}
.qyfc_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.qyfc_r_img li:hover::before{width:100%; background:#d1252d; transition:all .5s}
.qyfc_r_img li p{font-size:16px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0;}
.qyfc_r_img li:hover{background:#eee; box-shadow:0 1px 10px #999;}

/* 内页资料下载部分 */
.shouce-list{width:100%; float:left; margin-top:40px;}
.shouce-list ul{list-style:none; text-align:left; margin-bottom:0; padding:0; border-bottom:none;}
.shouce-list li{width:48%; margin:0 4% 20px 0; float:left; background:#fff; transition:all .5s; -webkit-transition:all .5s;}
.shouce-list li:nth-child(2n){margin-right:0;}
.shouce-list li:hover{-webkit-transform:translateY(-5px); transform:translateY(-5px);}
.shouce-in{display:block; width:100%; border-radius:4px; border:1px solid #e6e6e6; background:#fff; position:relative; padding:40px 5% 50px 5%;}
.shouce-in:hover{box-shadow:0 3px 15px rgba(0,0,0,.3);}
.shouce-in h3{font-size:18px; color:#000; line-height:28px;}
.shouce-in p{font-size:14px; color:#999;line-height:24px; margin-top:10px;}
.shouce-in>span{display:block; width:82px; height:82px; position:absolute; right:20px; top:40px; text-align:center; line-height:82px;}
.shouce-in:hover>span img{display:none;}
.shouce-in:hover>span{background:url(../images/xiazai3.png) no-repeat center; background-size:100% 100%;}
.shouce-in>span em{display:none; font-size:14px; color:#000; text-align:center; width:82px; position:absolute; right:0; top:18px;}
.shouce-in:hover>span em{display:block;}

.contact{width:100%; float:left; margin-top:40px;}
.contact h3{font-size:30px; font-weight:bold; color:#d1252d; letter-spacing:4px; position:relative; text-align:center;}
.contact h3:after{content:""; display:block; width:30px; height:2px; background:#d1252d; margin:20px auto 0;}
.contact ul{overflow:hidden; margin-top:40px;}
.contact ul li span{position:relative;top:0px;transition:all 0.5s ease;}
.contact ul li:hover span{top:-10px; cursor:pointer;}
.contact ul li{width:49%; min-height:260px; float:left; background:#fff; border:1px solid #e6e6e6; padding:5% 2%; text-align:center; 
margin:20px 2% 0 0;}
.contact ul li:nth-child(2n){margin-right:0;}
.contact ul li h4{margin:10px auto; font-weight:bold; color:#333; font-size:16px;}
.wtrel-hm b{display:inline-block; font-size:16px; font-weight:normal; color: #333; margin-right:10px; vertical-align:middle; margin-top:-5px;}
.wtrel-hm h4:nth-of-type(2){margin-top:0;}
.contact ul li p.add{font-size:16px; color:#333; margin-top:20px;line-height:30px;}
.contact ul li p{font-size:16px; color:#333; line-height:30px;}
.map{width:100%; float:left; margin-top:60px;}


/* 内页在线留言部分 */
.message{width:100%; margin:60px auto 0; background:#f4f4f4; padding:40px; border-radius:5px; overflow:hidden;}
.message h3{text-align:center; color:#333; font-size:24px; font-weight:bold;}
.message ol{width:100%;float:left; margin-top:30px;}
.message ol li{float: left; width:49%; margin-bottom:20px; background:#fff; border:1px solid #e6e6e6;}
.message ol li:nth-child(2n){float:right;}
.message ol li:nth-child(6){float:left; border:none;}
.message ol li:nth-child(7){float:right; border:none;}
.message ol li input{width:100%; height:50px; background:none; border:none; color:#999; padding:0 15px;}
.message ol li textarea{padding:15px; width:100%; height:180px; border:none; background:none; color:#999;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:16px; border-radius:5px; cursor:pointer;}
.message ol li .btn{background:#d1252d;}
.message ol li .btn2{background:#999; color:#fff;}
.message input::-webkit-outer-spin-button,.message input::-webkit-inner-spin-button{-webkit-appearance: none !important; margin: 0;}
.message input::-moz-placeholder, textarea::-moz-placeholder{color: #999;}
.message input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999;}
.message input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999;}


/* 内页招聘信息部分 */
.jobctit{background:#d1252d; line-height:70px; font-size:18px; color:#fff; margin-top:40px;}
.jobctit span{display:inline-block; width:18%; text-align:center;}
.job-content{width:100%; float:left; background:#fff;}
.job-content dl{width:100%; float:left;}
.job-content dl dt{height:62px; line-height:62px; cursor:pointer; border-bottom:1px solid #e6e6e6; font-size:16px; display:block; overflow:hidden;}
.job-content span.job_cls{width:6%;}
.job-content dl dt .down{width:11px; height:60px; background:url(../images/dl.png) no-repeat center; display:block; margin:auto;}
.job-content dl dt.cur .down{background:url(../images/dlon.png) no-repeat center;}
.job-content dl dt span{float:left; width:18.5%; text-align:center; color:#666;}
.job-content dl dd{background:#f8f8f8; padding:25px; line-height:30px; font-size:15px; overflow:hidden;}
.job-content dl dd p{color:#666; margin-top:10px;}
.job-content dl dd p span{font-weight:bold; color:#d1252d; font-size:18px;}
.job-content dl dd .cont{width:100%; border-top:1px solid #e6e6e6; padding:20px 0; margin:20px 0;}
.job-content dl dd .cont li{float:left; margin-right:3%; padding-left:30px;}
.job-content dl dd .cont li:nth-child(1){background:url(../images/dianhua.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(2){background:url(../images/dingwei.png) left no-repeat; background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(3){background:url(../images/youxiang.png) left no-repeat; background-size:25px 25px; margin-right:0;}