@charset "utf-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}
body{ color: #333;  font-size:14px; font-family: "Microsoft YaHei","微软雅黑"; overflow-x:hidden;background:#f2f2f2;}
a{text-decoration:none; color:#333;}
a:hover{color:#ca151e;}

ul,li{list-style:none;}
.clear{clear:both;}
img{border:0;}
.fl{float:left;}
.fr{float:right;}
.fot_blank{height:1rem;}


/*滚动条美化*/
body::-webkit-scrollbar {
  width: 10px !important;
}
body::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}
body::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
  -webkit-border-radius: 4px;
}
body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border: solid 1px #C0C0C0;
  border-radius: 4px;
}
body::-webkit-scrollbar-corner {
  background-color: #ddd;
}
body::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #F3F3E0;
}
::-webkit-scrollbar {
  width: 15px;
}

/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; 
  -webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
opacity:1;}
.picShow img{transition:all 500ms ease-out 0s; }

.main100{width: 88%; margin: auto; max-width: 1400px; min-width: 1200px;}
.main{width:1200px; margin:auto;}
.flex_space{display:flex;justify-content:space-between; flex-wrap:wrap;}
.flex_start{display: flex;justify-content: flex-start;flex-wrap:wrap;}

/*文字省略*/
.ellipsis1 {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.ellipsis3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}

.col_3  li{width: 31%; margin-right:3.5%;}
.col_4  li{width: 24%; margin-right:1.33%;}
.col_3  li:nth-child(3n),
.col_4  li:nth-child(4n){ margin-right:0;}



/*顶部*/
.top{height: 32px;line-height: 32px;font-size: 12px;background: #333; color:rgba(255,255,255,0.7);border-bottom: solid 1px #efefef;min-width: 1200px;}
.top .top_right a{margin-left:15px; color:rgba(255,255,255,0.7);}
.top .top_right a.ico01 { background: url(../images/top_1.png) left center no-repeat; padding-left:18px;}
.top .top_right a.ico02 { background: url(../images/top_2.png) left center no-repeat; padding-left:18px;}
.top .top_right a.ico03 { background: url(../images/top_3.png) left center no-repeat; padding-left:18px;  position: relative;}
.top .top_right a.ico03 p { width: 118px; height: 118px; position: absolute; left: -20px; top: 26px; border: 1px #efefef solid; display:none; z-index:9999;}
.top .top_right a.ico03:hover p { display:block;}
.top .top_right a.ico03 p img{ width:118px; height:118px;}



/*头部*/
.header{ background:#fff;}
.header .logo{ margin:25px 0; }
.header .logo img{ max-height:78px; display:block;}

/*电话*/
.header .tel{margin-top:30px; background: url(../images/top_kf.png) no-repeat left 0px; padding-left:60px;}
.header .tel h6{font-size:14px; font-weight:normal; color:#555; margin:2px 0 5px 0;}
.header .tel h6 i{margin-right:5px;}
.header .tel p{font-size:25px; line-height:1.5; color:#f60; font-family:din;}


/*下拉菜单*/
.navBox {width:100%; position:relative; z-index:999; background:#ca151e; min-width:1200px;}
.navBox .nav{ height:60px;}
.navBox .nav li {position: relative;flex: 1 1 auto;}
.navBox .nav li+li:before{ content: ""; display: block; width: 2px; height:13px; background: rgba(255,255,255,.5); position: absolute; top: 50%; left: 0; margin-top: -6px;}
.navBox .nav li>a {display: block;position: relative; height:100%; display:flex; justify-content:center;align-items:center;}
.navBox .nav li>a .bg {background: #AD121A;position: absolute;left: 0px;bottom: 0px;width:100%;display: block;height:0;transition: 0.5s; opacity:0;visibility: hidden;}
.navBox .nav li.curr>a .bg:after,.navBox .nav li.active>a .bg:after {
    content: '';
    position: absolute;
    left: 3px;
    right: -3px;
    top: 0;
    bottom: 0;
    background: #AD121A;
    -webkit-transform: skew(-7deg);
    -moz-transform: skew(-7deg);
    -o-transform: skew(-7deg);
    -ms-transform: skew(-7deg);
    transform: skew(-7deg);
    opacity: 0.5;
}	
.navBox .nav li>a .txt {position: relative;z-index: 2;font-size:16px;color:#fff; transition: 0.3s;}
.navBox .nav li.active a .bg,.navBox .nav li.curr a .bg {height: 100%; opacity: 1; visibility: visible; }
.navBox .nav li>a:hover .txt,.navBox .nav li.curr>a .txt{}
/*.navBox .nav li.active{background:#0f8ee7;}*/

.subNavbox{width:100%;position:absolute; margin-top:0; top:100%;left:50%;background:#fff; -webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,20px);transform:translate(-50%,20px); border-radius:3px;padding:15px 15px;opacity:0; pointer-events:none; transition:all .3s;box-shadow:0 5px 50px rgba(0,0,0,.1);}
.subNavbox:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent rgba(255, 255, 255, 0.9)}
.subNavbox p:not(:last-of-type){border-bottom:1px solid #ddd}
.subNavbox a{display:block;position:relative;font-size:15px;padding:15px 0; -webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1); text-align: center; }
.subNavbox a:before{content:"";position:absolute;top:7px;bottom:7px;left:-15px;width:3px;background: #ca151e;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.162,.85,.45,1);transition:transform .3s cubic-bezier(.162,.85,.45,1);}
.subNavbox a.active,.subNavbox a:hover{color:#ca151e}
.subNavbox a.active:before,.subNavbox a:hover:before{-ms-transform-origin:top;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.subNavbox.active{pointer-events:all;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;opacity:1; }



/*======================轮播图======================*/
/*焦点图*/
	#banner {width:100%; min-width:1200px; position:relative; z-index:0; background:#000; overflow:hidden;}
	#banner .txt{position:absolute;z-index: 999;left:0;top:0;right:0; width:100%; height:100%; display: flex; justify-content:center; align-items:center;}
	#banner .txt h3{font-size:.56rem; color:#fff; font-weight: lighter; margin-bottom:.2rem; letter-spacing:2px;}
	#banner .txt p{font-size:.25rem; color:#fff; line-height:2em; letter-spacing:2px; font-weight: lighter;}

	#banner .txt h3 {transform:translateY(200px);opacity:0;transition:all 0.3s;}
	#banner .txt p {transform:translateY(200px);opacity:0;transition:all 0.6s;}
	#banner .txt .viewmore {transform:translateY(200px);opacity:0;transition:all 0.9s; margin-top:50px;}
	#banner .swiper-slide-active .txt h3,
	#banner .swiper-slide-active .txt p,
	#banner .swiper-slide-active .txt .viewmore{transform:translateY(0px);opacity:1; transition-delay:0.5s;}

	.viewmore {position: relative;}
	.viewmore a{pointer-events: all; display: block;width: 110px;height: 46px;line-height: 46px;border: 1px solid rgba(255,255,255,.35); color:#fff;padding:0 25px;position: relative;transition:all 0.3s; }
	.viewmore a i{width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px; background: url("../images/rb-1.png") center no-repeat;}
	.viewmore a:after { position:absolute; right:0; top:0; content: ""; width:0;background:rgba(255,255,255,.35);height:100%; transition:0.6s all;}
	.viewmore a:hover:after{width:100%; left:0;}

	#banner .swiper-slide .pic { position:relative; z-index:1;}
	#banner .swiper-slide .pic img{width:100%;transition: all 4s;  transform: scale(1,1); -webkit-transform: scale(1,1); display:block; /*-webkit-filter: blur(30px); filter: blur(30px);*/}
	/*#banner .swiper-slide-active .pic img{ transform: scale(1.06,1.06);  -webkit-transform: scale(1.06,1.06);  transition-delay:0.8s;*//* -webkit-filter: blur(0px); filter: blur(0px);}*/


/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat; margin-top:-36px;opacity:0.3;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination{bottom: 20px;}
	#banner .swiper-pagination-bullet {width: 38px;height: 3px;border-radius:3px;background: rgba(255, 255, 255, .2);opacity: 1;position: relative;margin: 0 5px !important;}
	#banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 0;height: 3px;z-index: 1;transition: 0s; border-radius:3px;}
	#banner .swiper-pagination-bullet-active:before{width: 100%;transition: all 5s ease; border-radius:3px;}

#particles-js{position: absolute;width: 100%; height:100%; left:0; right:0; top:0; bottom:0; z-index:999; }
#particles-js {opacity: 0.6;}
.particles{pointer-events: none;}
.mouseEvents{ pointer-events: all;} 

/*页面标题*/
.main_tit {margin-top: 80px;position: relative;}
.main_tit .name {position: relative;font-size: 36px;color: #333; text-align:center;font-weight: bold;z-index: 1; }
.main_tit .name div {position: absolute;font-family: impact;font-size: 50px;color: #FDEAEA;text-transform: uppercase;top: 4px;left: 50%;transform: translate(-50%,-50%);}
.main_tit .name em {position: relative;z-index: 1; font-style:normal;}
.main_tit .name span {color: #ca151e;}
.main_tit div:nth-child(2) {font-size: 16px;color: #999999;text-align: center; margin-bottom:25px; margin-top:10px;}
.main_tit .name em:before,.main_tit .name em:after {
  content: '';
  width: 100px;
  height: 4px;
  background: #ca151e;
  position: absolute;
  top: 52%;
}
.main_tit .name em:before{left: -115px;}
.main_tit .name em:after {right: -115px;}



/*热门关键词*/
.hot_key{ height:60px; background:#fff;}
.hot_key .key{ font-size:15px; line-height:60px;}
.hot_key .key a{margin-right:15px; display:inline-block;}
.hot_key .ser{ height:60px; display:flex;justify-content:center;align-items:center;}
.hot_key .ser input[name=keyword]{ width:200px; height:36px; border:solid 1px #ccc; border-right:0; padding:0 10px 0 36px; font-size:15px; border-radius:40px 0 0 40px; background:url(../images/icon-sq2.png) no-repeat 15px center; outline:none;}
.hot_key .ser button{background:#ca151e; width:80px; font-size:16px; color:#fff;height:38px; border:none; border-radius:0px 38px 38px 0; outline:none;}
.hot_key .ser .btn_submit{background:#ca151e; width:80px; font-size:16px; color:#fff;height:38px; border:none; border-radius:0px 38px 38px 0; outline:none; cursor:pointer;}


/*公司介绍*/
.intro {height: 638px;background: url(../images/intro-bg.jpg) no-repeat center; padding:50px 0; box-sizing:border-box;min-width:1200px;}
.intro .intro_txt{width:50%;}
.intro .intro_txt .tit div:nth-child(1) {font-size: 28px;color: #ca151e;font-weight: bold;}
.intro .intro_txt .tit div:nth-child(1) span {color: #333;}
.intro .intro_txt .tit div:nth-child(2) {font-size: 14px;color: #999999;text-transform: uppercase;}
.intro .intro_txt .con{font-size: 16px;margin-top: 15px; }
.intro .intro_txt .con p {line-height:2; text-align:justify;}
.intro .intro_txt .more {display: block;width: 126px;height: 40px;background-color: #ca151e;font-size: 16px;color: #FFFFFF;text-align: center;line-height: 40px;margin-top: 30px;}
.intro .intro_txt .more:hover {background-color: #E11722;}
.intro .info_video{}



/* 数字变换css */
.product-number-info { margin-bottom:50px;}
.product-number-info .product-number-inner {width:100%;}
.product-number-info ul {padding: 20px 0; background:#fff;box-shadow: 0 0 10px #ccc; border-radius:5px;}
.product-number-info li { text-align:center; width:25%;}

.product-number-info li b {font-weight:normal;font-size: 50px;font-family: impact; display: flex;justify-content: center;align-items: center; color:#ca151e;}
.product-number-info li b i { font-style:normal;}
.product-number-info li b span {  font-size:24px; margin-left: 5px;}
.product-number-info li p {font-size: 16px; line-height:1.6; color:#666; }


/*产品中心*/
.pro_index {}
.pro_index .hd{text-align:center; margin-bottom:25px;}
.pro_index .hd a {display:inline-block;height: 28px; font-size:14px;margin: 0 6px;margin-bottom: 15px;line-height: 28px;border-radius: 35px;padding: 6px 15px;border: 1px solid #d2d2d2; transition:.3s all;}
.pro_index .hd a:hover{ background:#ca151e; border:solid 1px #ca151e; color:#fff;}

.pro_index .bd li{overflow:hidden; position:relative;}
.pro_index .bd li .pic {width:100%;overflow:hidden; position:relative;}
.pro_index .bd li .pic img{width:100%; display:block; transition:0.3s all;}
.pro_index .bd li:hover .pic img {transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.pro_index .bd li .txt{text-align:center; line-height:40px; font-size:15px;}

/*遮罩*/
.item-mask {width: 100%;height: 100%;background: rgba(0, 0, 0, 0);position: absolute;left: 0;top: 0;opacity: 0;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .5s;}
li:hover .item-mask {opacity: 1; -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.item-mask .item-link-icon {display: block;width: 38px;height: 38px;border: 1px solid rgba(255, 255, 255, .5);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;}
.wjdh-link {display: block;width: 38px;height: 38px;background: url(../images/link.png) no-repeat center;}




/*通栏1*/
.tonglan {width: 100%;height: 200px;color: #FFFFFF;text-align: center; min-width:1200px;}
.tonglan1 {background: url(../images/ad1-bg.jpg) no-repeat center; margin-top:50px;}
.tonglan2 {background: url(../images/ad2-bg.jpg) no-repeat center;}
.tonglan div:nth-child(1) {font-size: 46px;padding-top: 26px;display: flex;justify-content: center;align-items: center;}
.tonglan div:nth-child(1) img {display: block;width: 148px;margin-top: 4px;}
.tonglan div:nth-child(1) span {display: block;margin-left: 8px;}
.tonglan div:nth-child(2) {color: rgba(255,255,255,0.6);font-size: 18px;}
.tonglan div:nth-child(3) {font-size: 32px;display: flex;justify-content: center;align-items: center;margin-top: 18px;}
.tonglan div:nth-child(3) span {margin-left: 5px;font-family: impact;}
.tonglan2 div:nth-child(1) span {color: #EAEAEA;}

/*新闻中心*/
.index_news .item{width:32%;}
.index_news .tit{ height:180px; background:#666; position: relative; }
.index_news .tit1{background:url(../images/item_bg1.jpg) no-repeat center; background-size:cover;}
.index_news .tit2{background:url(../images/item_bg2.jpg) no-repeat center; background-size:cover;}
.index_news .tit3{background:url(../images/item_bg3.jpg) no-repeat center; background-size:cover;}
.index_news .tit a{position: absolute; bottom: 0;left: 50%;transform: translate(-50%, 0);background: #ca151e;font-size: 25px;color: #FFFFFF;padding: 6px 24px;}

.index_news ul{ padding:15px 0;}
.index_news ul li{line-height:2.8; padding-left:15px; font-size:15px; border-bottom:dashed 1px #ccc; font-size:15px; position:relative;}
.index_news ul li:before{ content: ""; display: block; width:6px; height:6px; border-radius:5px; background:#ca151e; position: absolute; top: 50%; left: 0;transform: translate(0, -50%);}
.index_news ul li span{float:right; margin-top:5px; color:#999;font-size:13px;}


/*公司优势*/
.gsys{background: url(../images/gsys-bg.jpg) no-repeat center top; padding:.1rem 0 0 0; height:1208px; overflow:hidden; box-sizing:border-box; min-width:1200px;}
.gsys .cont {padding: 0 42px;}
.gsys .cont .info {margin-top: 25px;}
.gsys .cont .info .num {width: 70px;height: 69px;background: url(../images/num-bg.png) no-repeat;font-family: "SimHei";font-size: 54px;color: #FFFFFF;text-align: center;line-height: 69px;}
.gsys .cont .info .info-right {margin-left: 15px;}
.gsys .cont .info .name {font-size: 26px;color: #ca151e;position: relative;margin-bottom: 26px;}
.gsys .cont .info .name span {font-size: 14px;color: #999999;margin-left: 5px;}
.gsys .cont .info .name::after {content: '';position: absolute;width: 485px;height: 2px;border: 1px dashed #dadada;bottom: -10px;left: 0;}
.gsys .cont .info .text {position: relative;width: 486px;margin-top: 20px;}
.gsys .cont .info .text p {text-indent: 2em;font-size: 16px;line-height: 28px;}
.gsys .cont .info .text::before {content: '';position: absolute;width: 12px;height: 12px;background: #E81A24;top: 8px;left: 3px;transform: rotate(90deg);-webkit-transform: rotate(40deg);}
.gsys .cont .pt {display: block;margin-top: 0;}
.gsys .cont1 .pt {margin-right: 78px;}
.gsys .cont2 .pt {margin-top: -16px;margin-left: 110px;}
.gsys .cont3 .pt {margin-right: 88px;}
.gsys .cont4 .pt {margin-left: 158px;}

/*工程案例*/
.index_case{ overflow:hidden;  box-sizing:border-box; margin-bottom:40px;}
.index_case .swiper-wrapper{}
.index_case .swiper-slide{}
.index_case .swiper-slide .pic img{ width:100%; display:block;}
.index_case .swiper-slide .txt{ font-size:15px; text-align:center; line-height:46px; background:#f8f8f8;}
/*按钮切换*/	
#index_case .swiper-button-prev,#index_case .swiper-button-next {width: 46px;height: 96px;background: url(../images/jt.jpg) no-repeat center;}
#index_case .swiper-button-prev {left:0; top:35%;}
#index_case .swiper-button-next { transform:rotate(180deg); right:0; top:35%;}


/*友情链接*/
.link{padding: 20px 0;background: #f7f7f7;}
.linklogo{width: 165px;height:26px;position:relative;z-index:10;margin-left:10px;color: #666;font-size: 16px;line-height: 26px;background: #f7f7f7;}
.linklogo b{display: inline-block;float: left;color: #ca161d;font-size: 24px;font-weight: bold;margin: 0 10px;}
.linkcon{width:100%;line-height:53px;border:#cccccc solid 1px;position:relative;top:-11px; box-sizing:border-box;}
.linkcon a{padding-left:20px;color: #666;}


/*=================友情链接====================*/
.f_link{ margin-top:50px;}
.f_link .tit{ border-bottom:solid 1px #e8e8e8; height:36px; margin-top:60px;}
.f_link h5{font-size:18px; border-bottom:solid 2px #0f8ee7; float:left; height:35px;}
.f_link p{padding:20px 0;}
.f_link p a{margin-right:20px;}


/* 底部 */
.foot_bg{ width:100%; min-width:1200px; background:#1f1f1f; padding:60px 0 40px 0; margin-top:80px;}
.fot_line{border-right:rgba(255,255,255,0.05) 1px solid; min-height: 180px; box-sizing:border-box;}

.footer_left{width:calc(100% - 700px);float:left;}
.footer_left .db_dh{}
.footer_left .db_dh:last-child{margin-right:0px;}
.footer_left .db_dh li{font-size:14px; line-height:34px;}
.footer_left .db_dh li a{color:rgba(255,255,255,0.46);}
.footer_left .db_dh  .dh_first{height:40px; margin-bottom:10px;}
.footer_left .db_dh  .dh_first a{font-size:16px;color:#fff;}
.footer_left .db_dh li a:hover{color:#fff; text-decoration:underline;}

.b_weixin{width:220px;min-height:200px; text-align:center; border-right:rgba(255,255,255,0.05) 1px solid;border-left:rgba(255,255,255,0.05) 1px solid;}
.b_weixin h4{padding: 0 0 0 40px;font-size: 16px; font-weight:normal;color: #fff;background: url(../images/icon_ewm.png) 54px center no-repeat; margin-bottom: 25px;}
.b_weixin li{}
.b_weixin li img{ width:108px; height:108px; margin-bottom:10px;}
.b_weixin li p{font-size: 14px; text-align:center; color:rgba(255,255,255,0.46);}

.b_contact{width:400px;padding:0 0 0 50px; box-sizing:border-box;}
.b_contact h4{padding: 0 0 0 30px;font-size: 16px; font-weight:normal;color: #fff; background: url(../images/icon_ren.png) left center no-repeat;margin-bottom: 20px;}
.b_contact p{ font-size:14px;color:rgba(255,255,255,0.46); line-height:34px;}

.copyright{ width:100%; min-width:1200px; margin:0px auto; padding:18px 0;  background:#151515; color:rgba(255,255,255,0.46); text-transform:uppercase; font-size:12px;}
.copyright a{color:rgba(255,255,255,0.36);}
.copyright span,.copyright a{color:rgba(255,255,255,0.46); margin:0 5px;}
.copyright span{ float:right; color:rgba(255,255,255,0.46); font-size:12px;}



/*内页banner=*/
.page_ban{ width:100%; max-width:1920px; position:relative;min-width:1200px;}
.page_ban .pic{}
.page_ban .pic img{width:100%;}
.page_ban .txt{position:absolute; left:0; top:0; bottom:0; right:0; display: flex; z-index:9; flex-direction:column; align-items:center;}
.page_ban .txt h5 { font-size:40px; font-weight: lighter; color: #fff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);text-align:center;}


/*=======================网站内页==========================*/
.page_side{width:300px; z-index:600; margin-top:45px;}
.page_con{width:calc(100% - 330px);background:#fff; box-sizing:border-box;margin-top:45px; padding:25px 60px;}


/*=======================网站内页左侧导航样式==========================*/
.page_side_title{font-size:22px;color:#fff; background:#ca151e;padding:20px 0 20px 30px;}
.page_side_title span{display:inline-block;width:30px;height:1px;background:#fff;margin-left:20px;position:relative;top:-4px;}
.page_side_title i{font-size:14px;color:#fff;margin-left:5px;}

/*子栏目*/
.sub_nav{padding:10px 25px 25px 25px; background:#fff;border:solid 0px #ddd;}
.sub_nav ul{}
.sub_nav li{line-height:50px; border-bottom:solid 1px #e8e8e8; background:url(../images/sanjiao.png) no-repeat right center; padding-left:3px;}
.sub_nav li a{display:block; font-size:15px;}
.sub_nav li.on,.sub_nav li:hover{background:url(../images/sanjiao1.png) no-repeat right center;}
.sub_nav li.on a{ color:#ca151e; font-weight:bold;}


.xg_nav{  background:#fff;border:solid 0px #ddd;}
.xg_nav ul{}
.xg_nav li{line-height:50px; border-bottom:solid 1px #e8e8e8; background:url(../images/sanjiao.png) no-repeat right center; padding-left:3px;}
.xg_nav li a{display:block; font-size:15px;}
.xg_nav li.on,.sub_nav li:hover{background:url(../images/sanjiao1.png) no-repeat right center;}
.xg_nav li.on a{ color:#ca151e; font-weight:bold;}



/*=======================新闻封面==========================*/
.news_side{width:340px;}
.news_con{width:calc(100% - 375px);}

/*焦点图*/
	#focus {width:100%; position:relative; z-index:0; background:#000; overflow:hidden;}
	#focus .pic{position:relative;}
	#focus .pic img{width:100%; display:block;}
	#focus .pic:before{content: "";position: absolute;top: 0;left: 0;width:100%;height:100%;z-index: 1; background-image: linear-gradient(180deg,rgba(0,0,0,.01) 5%,rgba(0,0,0,.35));}
	#focus .txt{position:absolute;z-index: 999;left:0;bottom:35px;width:100%; font-size:.2rem; color:#fff; text-align:center;}

/*按钮切换*/	
	#focus .swiper-button-prev,#focus .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat; margin-top:-36px;opacity:0.3;}
	#focus .swiper-button-prev {background-position: 0 0;}
	#focus .swiper-button-prev:hover { background-position: 0 -144px;}
	#focus .swiper-button-next { background-position: 0 -72px;}
	#focus .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#focus .swiper-pagination{bottom: 10px;}
	#focus .swiper-pagination-bullet {width: 10px;height:10px;border-radius:10px;background: rgba(255, 255, 255, .2);opacity: 1;position: relative;margin: 0 5px !important;}
	#focus .swiper-pagination-bullet-active{background: rgba(255, 255, 255, 1);}


.new_title{display:block; font-size:22px;  font-weight: bold;margin:35px 0;}
.new_title span{margin-right:25px;}
.new_title a{font-size:16px; font-weight:normal; border-radius:20px; padding:5px 15px; transition:0.3s all;}
.new_title a.currclass,.new_title a:hover{ background:#ca151e; color:#fff; }

/*新闻右侧*/
.side_box{ border:solid 1px #ddd; padding:20px; margin-top:20px;}
.side_box h5{ font-size:18px; font-weight:normal; border-bottom: 1px solid #e8e8e8;position: relative; margin-bottom:20px; height:35px;}
.side_box h5:after{ content:""; width:34px; height:2px; background:#E81722; position:absolute; bottom:-1px; left:0; display:block; transition:0.3s all;}
.side_box:hover h5:after{width:72px;}


/*新闻右侧表单*/
.side_box .bd li{margin-bottom:20px;}
.side_box .bd li input{border:none; line-height: 46px;width: 100%; height: 46px;border-radius: 5px;background: #f2f2f2; outline:none; padding-left:20px; box-sizing:border-box;}
.side_box .bd #btn {border: none;line-height: 50px;width:100%; height: 50px; cursor:pointer;border-radius: 5px;background: -webkit-gradient(linear, left top, right top, from(#f7cd6e), to(#ff8f2c));padding-left:0px; color: #fff; font-size:18px;}
.side_box .bd #btn:active{opacity: 0.8;}

/*关键词*/
.side_box .tags_a a{ background:#f1f1f1; padding:0 10px; line-height:30px; display:inline-block;  margin:5px 1px; transition:0.3s all;}
.side_box .tags_a a:hover{ background:#E81722; color:#fff;}


/*热门文章*/
.side_box .hot_art li{ margin-bottom:30px;}
.side_box .hot_art li .pic{width:120px; overflow:hidden;float:left; background:#000; margin-right:15px;}
.side_box .hot_art li .pic img{width:100%; display:block;}
.side_box .hot_art li .txt h3{font-size: 15px;line-height:1.6; font-weight:normal;margin-bottom:10px;margin-top:5px;}
.side_box .hot_art li .txt p{ font-size:13px; color:#999;}




/*=======================内页左侧联系我们==========================*/
.page_side .lianxi{background:#fff;margin-top:25px;}
.page_side .lianxi .pic{overflow:hidden;}
.page_side .lianxi .pic img{width:100%; display:block;}
.page_side .lianxi .txt{padding:.2rem .2rem; border:1px solid  rgba(204,204,204,0.5); border-top:0;}
.page_side .lianxi .txt p{line-height:2;}
.page_side .lianxi .txt p i{color:#C80610;margin-left:5px;font-size:15px; margin-bottom:5px;}

/*=======================内页左侧最新资讯模块==========================*/
.page_side .zixun{background:#fff;border:1px solid  rgba(204,204,204,0.5);margin-top:.25rem;}
.page_side .zixun .txt{padding:.15rem .15rem; box-sizing:border-box;}
.page_side .zixun .txt b{display:block;width:100%;color:#3e3e3e;line-height:.34rem;font-size:.15rem;}
.page_side .zixun .txt b i{color:#2343B2;margin-right:8px;}
.page_side .zixun .txt .page_new li i{color:#7f8186;margin-right:5px;}
.page_side .zixun .txt .page_new li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom:1px rgba(204,204,204,1) dashed;}
.page_side .zixun .txt .page_new li a{color:#7f8186;line-height:.45rem;}
.page_side .zixun .txt .page_new li:hover i{color:#2343B2;}
.page_side .zixun .txt .page_new li:hover a{color:#2343B2;}
  
  
  
/*=======================内页左侧tag==========================*/  
.left_key{margin-top:20px;}
.left_key .con{ padding:15px 5px; background:#fff;  }
.left_key .con a{ background:#f1f1f1; padding:0 10px; line-height:30px; display:inline-block;  margin:5px 2px; transition:0.3s all;}
.left_key .con a:hover{ background:#E81722; color:#fff;}
  
  
  
  
  
  
/*=======================网站内页右侧位置导航样式==========================*/
.page_con .wzdh{margin-bottom:30px; border-bottom:2px rgba(0,0,0,0.2) solid; box-sizing:border-box; height:50px;  line-height:40px;}
.page_con .wzdh .biaoti{ font-size:20px;font-weight:bold; border-bottom:solid 3px #E81722; height:47px;}
.page_con .wzdh .biaoti i{padding-right:5px;font-size:18px;color:#E81722; box-sizing:border-box;}

.page_con .wzdh .weizhi{color:#666;line-height:40px; background:url(../images/home_icon.png) no-repeat left 12px; padding-left:20px;}
.page_con .wzdh .weizhi a{font-size:12px;color:#666;padding-left:5px; box-sizing:border-box;}
.page_con .wzdh .weizhi a:hover{color:#ca151e;}

/*======================单页面内容页======================*/
.page_con .neirong {font-size:16px; color:#555;}
.page_con .neirong p {line-height:2;margin-bottom:20px; text-align:justify;}
.page_con .neirong img{max-width:100%;}


/*======================文章列表======================*/
.news_list li{line-height:3; font-size:16px; background:url(../images/dian1.png) no-repeat left center; padding-left:15px; border-bottom:solid 1px #e8e8e8;}
.news_list li span{float:right; font-size:14px; color:#888;}


/*================图片列表=====================*/
.pic_list{}
.pic_list  li{position:relative; overflow:hidden;margin-bottom:.25rem;}
.pic_list  li .pic{  background:#000; overflow:hidden; position:relative;}
.pic_list  li img{width:100%; display:block; transition:0.3s all; opacity:0.9;}
.pic_list  li:hover img{}
.pic_list  li .txt{ text-align:center; line-height:.46rem; transition:0.3s all; background:#f2f2f2;  font-size:.16rem;}
.pic_list  li:hover .txt{ background:#ca151e; color:#fff;}



/*======================图文列表======================*/
.pic_art_list{}
.pic_art_list li{border-bottom:solid 1px #e8e8e8; padding-bottom:.35rem; margin-bottom:.35rem; transition: all .5s;}
.pic_art_list li .pic{width:3.3rem; float:left; margin-right:30px; overflow:hidden;}
.pic_art_list li .pic img{width:100%; display:block;}
.pic_art_list li .txt {}
.pic_art_list li .txt .time { font-size: .14rem;  color:#888; font-family:roboto_l;  margin:18px 0 15px;}
.pic_art_list li .txt h5{ font-size:.2rem; margin-top:.1rem; margin-bottom:.2rem;}
.pic_art_list li .txt p{ line-height:1.8em; color:#888; text-align:justify; }
.pic_art_list li .txt .time a { margin-left:20px;display:inline-block; background:#e8e8e8; padding:8px 15px;transition: all .5s;}
.pic_art_list li .txt .time a:hover {background: #ca151e;color: #fff;border-color: #2e6ee1;}


/*======================产品内容页======================*/
.pro_info{ margin:50px 0 30px 0;}
.pro_info .left{width:45%;}
.pro_info .left img{max-width:100%;}
.pro_info .right{width:50%;}
.pro_info .right h1{font-size:20px; line-height:1.6; margin-bottom:10px;}
.pro_info .right p{ border-bottom:dashed 1px #ddd; line-height:40px;}
.pro_info .right .bdsharebuttonbox{border-bottom:dashed 1px #ddd; padding:8px 0;}

/*按钮*/
.xundan{text-align:center;}
.xundan a{width:180px;height:50px; background:#ca151e; display:inline-block;text-align: center;line-height:50px; font-size:18px; color:#fff; transition:0.3s all;  margin-top:25px;}
.xundan a:hover{ background:#f90; width:200px;}

.xq_tit{font-size:22px; background: #f2f2f2; margin-bottom:35px;}
.xq_tit h4{ background:#ca151e; color:#fff;  padding:15px 30px; display:inline-block; font-weight:normal;}



/* 表单样式 */
.biaodan{width:100%; margin-top:25px;}
.biaodan li{margin-bottom:15px;}
.biaodan input[type=text]{width:45%; line-height:45px;border-radius: 4px;border:1px solid #e8e8e8; background:#fff; padding-left:2%;font-size: 15px;  box-sizing:border-box;}
.biaodan input:focus{border:1px solid #ca151e;}
.biaodan textarea:focus{border:1px solid #ca151e;}
.biaodan textarea{width: 100%;height:125px;font-size: 15px;border-radius: 5px;border:1px solid #e8e8e8; background:#fff;padding: 2%;padding-top:10px; box-sizing:border-box;}
.biaodan select{width: 100%; height:34px; box-sizing:border-box; background:#f2f2f2; line-height: 34px;border-radius: 3px;border:1px solid #ddd;font-size: 14px;padding-left: 2%;}

.biaodan .input{position:relative;}
.biaodan .input img{ position:absolute; right:0px; top:3px;}

.biaodan .submit {cursor: pointer; border-radius: 5px;background:#f90;color: #fff;border:0px solid #fff;display: block;width:100%; height: 52px;font-size: 16px; margin-top:15px;}
.biaodan .submit:hover{background: #f90;opacity: 1.0;}




/*弹窗*/
.tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999;}
.tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc-bg {height: 100%;background: rgba(0,0,0,.8);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.buy_form{width:10rem; height:7rem; padding:.5rem .8rem; background:#fff; box-sizing:border-box; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; margin:auto;}
.buy_form .close{position:absolute; top:40px; right:40px; cursor:pointer;}

.buy_form .tit{font-size:.4rem; color:#000; margin-bottom:.1rem}
.buy_form .info{ line-height:2em; font-size:.16rem; color:#888; border-bottom:solid 1px #ddd; height:.5rem; margin-bottom:.35rem;}

.buy_form ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
.buy_form li{font-size:.15rem; margin-bottom:.15rem; width:49%;}

.buy_form input{padding:.2rem;width:100%; box-sizing:border-box;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px; font-size:.16rem;
}
.buy_form textarea{padding:.2rem;width:100%; box-sizing:border-box;border: 1px solid rgba(0,0,0,.1); height:125px; border-radius: 2px; font-size:.16rem; font-family:"微软雅黑";}
.buy_form .form-group {width:100%;}
.buy_form .form-group input{width:49%; margin-right:1%;  margin-bottom:.2rem;}

.buy_form .submit{ border:none; font-size:.2rem; cursor:pointer; text-align:center; color:#fff; background:#ca151e; border-radius: 3px; transition:0.3s all; width:100%; height:.6rem; line-height:.6rem;}
.buy_form .submit:hover{ background:#f90; color:#fff; text-decoration:none;}







/*文章标题*/
.title_txt {font-size:.3rem;line-height:1.8em; font-weight:bold;}
.art_info{line-height:.6rem; font-size:13px; margin-bottom:.3rem; color:#999; border-bottom: solid 1px #e8e8e8;  position:relative;}
.art_info em{margin-right:20px; font-style:normal;}
.share{ position:absolute; right:0; top:20px;}

/*正文*/
#art_box { font-size:16px; text-align:justify; line-height:2em; color:#555;}
#art_box p {margin-bottom:.2rem; }
#art_box p img{ max-width:100%;}
#art_box table{ border:1px solid #eff3f8; border-collapse:collapse;   font-size:14px; line-height:24px;text-align:center;}
#art_box table tr:nth-child(1){ font-size:14px; background:#eff3f8; font-weight:bold;}
#art_box table td{padding:5px 10px; border:1px solid #D5DFEC;}
#art_box table td:nth-child(2){text-align:left;}
#art_box a{color:#2343B2;}


.bot_info{ font-size:15px; border-top:dashed 1px #ddd; margin-top:30px;}
.bot_info p{ border-bottom:dashed 1px #ddd; line-height:30px; padding:10px 0;}
.bot_info p a{margin-right:10px;}



/*相关阅读*/
.xg_tit h5{font-size:20px; margin:.5rem 0 .25rem 0; position:relative; padding-left:15px;}
.xg_tit h5:after {width:4px;height:18px; 
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    background:#E81722;
}

.xg_art{}
.xg_art li{position:relative; padding-left:15px; font-size:15px; width:48%; box-sizing:border-box; line-height:2.4;}
.xg_art li:before{ content: ""; display: block; width:6px; height:6px; border-radius:5px; background:#ca151e; position: absolute; top: 50%; left: 0;transform: translate(0, -50%);}
.xg_art li span{float:right; margin-top:5px; color:#999;font-size:13px;}


/*系统表单样式*/
.portlet-body{ background:#f8f8f8; border-radius:5px;}
.portlet-body .form-group{margin-bottom:10px;}
.portlet-body .form-horizontal{ padding:50px 80px;}
.portlet-body .form-horizontal input{border:solid 1px #ccc; border-radius:5px; height:36px; line-height:36px; font-size:15px; color:#666; padding:0 10px; margin-top:5px; box-sizing:border-box; outline:none;}
.portlet-body .form-horizontal textarea{border:solid 1px #ccc; border-radius:5px; line-height:36px; font-size:15px; color:#666; padding:0 10px; margin-top:5px; box-sizing:border-box; outline:none;}
.portlet-body .form-horizontal .btn{width:128px; height:40px; line-height:40px; background:#0085c3; color:#fff; border:none; border-radius:5px; cursor:pointer; outline:none; transition:0.3s all;}
.portlet-body .form-horizontal .btn:hover{ background:#f60; color:#fff; text-decoration:none;}



/*404*/
.page_msg {padding: 50px;}
.page_msg h5 { line-height: 60px;border-bottom: 1px solid #ddd;margin-bottom: 10px; font-size:25px; text-align:center;}
.page_msg_con {color: #999; line-height:40px; text-align:center;padding: 25px 0;}
.page_msg_con i {font-size:100px;color: #ddd; margin-bottom:10px;}



/*内页分页*/
.search-pagination{text-align:center; margin:50px 0 20px 0;}
.pagination li {display: inline-block;margin:0 3px; }
.pagination li a{display: inline-block;font-size: 15px;min-width: 46px;height: 46px;line-height: 46px; box-sizing: border-box; padding:0 20px; box-sizing:border-box;transition: 0.3s; background:#e8e8e8; border:solid 0px #ddd;}
.pagination li.active a,.pagination li a:hover{color: #fff !important;background-color:#ca151e;border:solid 0px #ca151e;}






/*搜索页面*/
.border_box{ background:#fff; /*box-shadow: 2px 2px 20px rgba(0,0,0,.05);*/padding: 60px 80px; box-sizing:border-box;}

.portlet-title{ height:50px; line-height:50px; border-bottom: 1px solid #eee; display: flex;justify-content: space-between; margin:20px 0;}
.portlet-title h5{font-size:18px; position:relative; float:left; padding:0 5px;}
.portlet-title h5:after{content: "";position: absolute;width:100%; height: 2px;left: 0;bottom: -1px;background:#2e6ee1;}


.serch_n{ padding: 0px 300px; position:relative; margin-bottom:.2rem;}
.serch_n input{width:100%; padding:15px 25px; font-size:.18rem; outline:none; background:#f8f8f8; box-sizing:border-box; height:.6rem; line-height:.6rem; border:solid 1px #ddd;}
.serch_n .btn{ position:absolute; right:290px; top:0px;}
.serch_n .btn button{ width:125px; height:.6rem; border:0; cursor:pointer; outline:none; padding-left:40px; font-size:.18rem; color:#fff; background: url('../images/serch.png') no-repeat 30px center #2e6ee1; background-size:20px auto;}


















/*右侧浮动*/
.online_q {position: fixed;right:10px;bottom: 10%;/*transform: translateY(-50%);*/z-index: 99;transition:.5s;-webkit-transition:.5s;}
.online_q .btn2{cursor:pointer;position:relative;margin-bottom: 5px; text-align:center;transition:.3s;line-height: 54px; z-index: 0; }
.online_q .btn2 span{display:block;width: 54px;height: 54px;line-height: 54px;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;border-radius: 50%;background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.15);}
.online_q .btn2 svg{height: 22px;width: 22px;display: inline-block;vertical-align: middle;fill: #666;}
.online_q .btn2:hover span{background: #ca151e;}
.online_q .btn2:hover span svg{ fill:#fff;}

#gotop.hide{ height:0; overflow: hidden;}

.online_q .social-share{position:absolute;background: #ca151e;border-radius:3px;right:95px;top: 0;text-align: center;opacity:0;transition: .6s;-webkit-transition: .6s;visibility:hidden;font-size: 18px;color: #fff;white-space: nowrap;padding: 0 15px;}
.online_q .social-share1{height:auto;padding: 0 10px;}
.online_q .social-share:before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-left: 10px solid #ca151e;position:absolute;right:-15px;top:50%;margin-top:-10px;}
.online_q .social-share img{width:80px;height:80px;margin-top:10px;margin-bottom:10px;}
.online_q .btn2:hover .social-share{opacity:1;right: 60px;visibility:visible;}
.online_q .social-share1:before{top: 24px;}


/*更多*/
.lookmore{ text-align:center;margin-top:.2rem;}
.lookmore a{display:inline-block;border: #999 .01rem solid; border-radius:.22rem;width:1.55rem; line-height:.42rem; color: #565656; position:relative;overflow:hidden; transition:0.5s all;}
.lookmore a span{ position:relative; z-index:10}
.lookmore a:hover{color:#fff;border:#ca151e .01rem solid;background: #ca151e; transition-delay:0.36s}
@-webkit-keyframes criss-cross-left {
0% {
left: -.2rem;
}
50% {
left: 50%;
width: .2rem;
height: .2rem;
}
100% {
left: 50%;
width: 3.75rem;
height: 3.75rem;
}
}
@keyframes criss-cross-left {
0% {
left: -.2rem;
}
50% {
left: 50%;
width: .2rem;
height: .2rem;
}
100% {
left: 50%;
width: 3.75rem;
height: 3.75rem;
}
}
@-webkit-keyframes criss-cross-right {
0% {
right: -.2rem;
}
50% {
right: 50%;
width: .2rem;
height: .2rem;
}
100% {
right: 50%;
width: 3.75rem;
height:3.75rem;
}
}
@keyframes criss-cross-right {
0% {
right: -.2rem;
}
50% {
right: 50%;
width: .2rem;
height: .2rem;
}
100% {
right: 50%;
width: 3.75rem;
height: 3.75rem;
}
}
.btn-11 {
position: relative;
color: #9a7cba;
}
.btn-11:before, .btn-11:after {
position: absolute;
top: 50%;
content: '';
width: .2rem;
height: .2rem;
background: #ca151e;
border-radius: 50%;
}
.btn-11:before {
left: -.2rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/*     animation: criss-cross-left 0.8s reverse; */
}
.btn-11:after {
right: -.2rem;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
/*     animation: criss-cross-right 0.8s reverse; */
}
.btn-11:hover:before, .btn-11:hover:after {
/*       @include size($btn-width); */
}
.btn-11:hover:before {
-webkit-animation: criss-cross-left 0.8s both;
animation: criss-cross-left 0.8s both;
}
.btn-11:hover:after {
-webkit-animation: criss-cross-right 0.8s both;
animation: criss-cross-right 0.8s both;
}