@charset "utf-8";
/* CSS Document */
@font-face {font-family: "Opensans-Regular";src: url("../font/font.woff2");}
@font-face {font-family:BarlowCondensed-Regular; src:url(../font/BarlowCondensed-Regular.ttf);}
@font-face{font-family:'din'; src: url('../font/din.OTF');}
@font-face {font-family: roboto_l; src: url(../font/ROBOTO-LIGHT-10.TTF);}
@font-face {font-family: Barlow-Bold; src: url(../font/Barlow-Bold.TTF);}
@font-face{ font-family:LEMONMILK; src:url(../font/LEMONMILK-1.OTF);}
@font-face {font-family: Humanist521BT;src: url("../font/Humanist521BT.TTF");    }
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; background:#fff; font-family:"微软雅黑";}
a{text-decoration:none; color:#333;}
a:hover{color:#DA251E;}

ul,li{list-style:none;}
.clear{clear:both;}
img{border:0;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.blank60{height:60px;}

.fl{float: left;}
.fr{float: right;}

/*滚动条美化*/
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: 90%; margin: auto; max-width: 1500px; min-width: 1200px;}
.main{width:1200px; margin:auto;}
.bg_hui{background:#f2f2f2;   min-width:1200px;}

/*首页新闻*/
.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;}

/*头部*/
.header{height:76px; z-index: 100;width: 100%; min-width:1200px; position:fixed; left: 0; top: 0; transition:0.9s all;background:#fff;box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.header:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:rgba(255,255,255,0.1); transition:2s}
.header.on:before{ width:100%}
.header .main100{display:flex;justify-content:space-between;}
.header .logo{ transition:0.5s all; margin-top:13px;}
.header .logo img{height:50px; display:block;  transition:0.5s all;}

.header.scroll-down{top: 0px;}
.header.scroll-top  {} 
/*导航下拉*/
.header.scroll-top {background:#fff; height:66px; transition: 0.5s all;}
.header.scroll-top.on:before{width:0px;transition: 0.01s all;}
.header.scroll-top .logo{margin-top:11px;}
.header.scroll-top .logo img{height:44px;}



/*电话*/
.header .tel{ float:right; height:100%; font-size:.18rem; color:#DA251E; font-weight:bold; margin-right:.5rem; display:flex; justify-content:center;align-items:center;}
.header .tel i{margin-right:.1rem;}

/*下拉菜单*/
.navBox { height:76px;transition: 0.5s all;}
.navBox .nav{display:flex; height:100%;}
.navBox .nav li {padding: 0 .3rem; position: relative;}
.navBox .nav li>a {display: block;position: relative; height:100%; display:flex; justify-content:center;align-items:center;}
.navBox .nav li>a .bg {background: #DA251E;position: absolute;left: 0px;bottom: 0px;width:0;display: block;height:0.025rem;transition: 0.6s;z-index: -1; opacity: 0;visibility: hidden;}
.navBox .nav li>a .txt {position: relative;z-index: 2;font-size:.18rem;color: #333; transition: 0.3s;}
.navBox .nav li.active a .bg/*,.navBox .nav li.curr a .bg*/ {width: 100%; opacity: 1; visibility: visible; }
.navBox .nav li>a:hover .txt,.navBox .nav li.curr>a .txt{color:#DA251E;}

.subNavbox a:active .txt, .subNavbox a:hover {color: #DA251E;}
.subNavbox { position: absolute; left:0; top:100%; width: 100%; background:rgba(255, 255, 255, 0.9); box-shadow: .1rem .3rem .5rem 0 rgba(88, 88, 88, 0.2); display: none; text-align: center; padding: .25rem 0px .15rem 0; }
.subNavbox p {padding-bottom:.1rem;line-height: .35rem;}
.subNavbox p a {line-height: .3rem;height: auto;padding: 0;font-size: .16rem;display:  inline-block;position: relative;}
.subNavbox p a:before{content:"";position:absolute;bottom: -.06rem;height: .02rem;background: #DA251E;right:0;width:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.subNavbox p a:hover:before{ left:0; width:100%}
.header.scroll-top .navBox{height:66px;}


/*======================轮播图======================*/
/*焦点图*/
	#banner {width:100%; min-width: 1200px;  position:relative; z-index:0; background:#000; overflow:hidden; margin-top:76px;}
	#banner .txt{ position:absolute;z-index: 999;left:0;top:0;right:0;margin-top:0; width:100%; height:100%; text-shadow:rgba(255,255,255,0.5) 1px 1px 2px; display: flex; justify-content:center; align-items:center;}
	#banner .txt h3{font-size:.58rem; color:#003895;  margin-bottom:.1rem;}
	#banner .txt p{font-size:.35rem; color:#003895; }
	
	#banner .txt.txt1{text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;}
	#banner .txt.txt1 h3{color:#fff;}
	#banner .txt.txt1 p{color:#fff;}
	
	#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.8s;}

	.viewmore {position: relative; text-shadow:rgba(0,0,0,0) 1px 1px 2px;}
	.viewmore a{display: block;width: 110px;height: 46px;line-height: 46px;border: 1px solid rgba(255,255,255,.5); 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:hover{border: 1px solid #DA251E;background:#DA251E; }


	#banner .swiper-slide video {width: 100%; display:block;}
	#banner .swiper-slide .pic{}
	#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.1,1.1);  -webkit-transform: scale(1.1,1.1);  transition-delay:0.8s;/* -webkit-filter: blur(0px); filter: blur(0px);*/}


/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {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;}

#banner .swiper-slide:before,{
    content: "";
    background: rgba(0,0,0,.1) url(../images/header_bg.png) repeat-x left top;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
#banner .swiper-slide:after, {
    content: "";
    background: url(../images/banenr_line.png) repeat-x;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    opacity: .3;
    z-index: 3;
}


/*页面标题*/
.main_tit{text-align:center; min-width:1200px; padding:.6rem 0 .5rem;}
.main_tit_z{ font-size:.32rem; margin-bottom:0rem; color:#222; font-weight:bold; }
.main_tit_f{ font-size:.16rem; color:#888; text-transform:uppercase;}


/*================服务内容=====================*/
.service{display:flex;justify-content:space-between;}
.service li{position: relative;background:#F1F4FB;width: 24%;padding: .35rem .5rem .35rem .5rem; box-sizing:border-box;}
.service li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/container01_bg1.png) left top no-repeat, url(../images/container01_bg2.png) right bottom no-repeat;
}
.service li .icon{height: .68rem;}
.service li .ico img{height:62px;}
.service li .title{margin: .2rem 0 .1rem;font-size: .22rem;font-weight: bold; color: #222;}
.service li .txt{font-size: .16rem;color: #585858;line-height: .3rem;}
.service li .icon2{display: none;}
.service li>img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:0;display: block;opacity:0; transition:0.3s all;}
.service li:hover>img{opacity:1;}
.service li>div{position: relative;z-index: 2;}
.service li:hover .title{color: #fff;}
.service li:hover .txt{color: #fff;}
.service li:hover .icon1{display: none;}
.service li:hover .icon2{display: block;}

/*================广告图=====================*/
.tonglan{margin-top:.8rem;}
.tonglan img{width:100%;}


/*================合作院校=====================*/
.partner{display: flex;justify-content:space-between;flex-wrap:wrap; margin-bottom:.5rem;}
.partner li{width:12.5%;padding:.1rem .2rem; box-sizing:border-box; overflow:hidden; justify-content:center; align-items: center;margin-bottom:.1rem;}
.partner li img{width:100%; padding:.15rem; box-sizing:border-box; background:#F1F4FB;border-radius:100%; transition:all 0.5s;margin-bottom:.1rem;}
.partner li:hover img{translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -8px, 0);background:#C4D0EE;}
.partner li p{width:100%;text-align:center;}

/*图片列表*/
.pic_list{display: flex;justify-content: flex-start;flex-wrap:wrap;}
.pic_list  li{position:relative; overflow:hidden;margin-bottom:20px;}
.pic_list  li .pic{  background:#000; overflow:hidden; }
.pic_list  li img{width:100%; display:block; transition:0.3s all; }
.pic_list  li:hover img{opacity:0.8;}
.pic_list  li .txt{font-size:.16rem; text-align:center; line-height:.4rem;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.pic_list_3  li{width: 32.3%; margin-right:1.5%;}
.pic_list_4  li{width: 24%; margin-right:1.33%;}
.pic_list_3  li:nth-child(3n),
.pic_list_4  li:nth-child(4n){ margin-right:0;}

/*================新闻列表=====================*/
.news_list{position:relative;}
.news_list li{border-bottom:solid 1px rgba(204,204,204,0.5); margin-bottom:.5rem;}
.news_list li a{display:flex;justify-content:space-between; transition:0.6s all;}
.news_list li .pic{overflow:hidden; width:30%; padding-bottom:.5rem;}
.news_list li .pic img{width:100%; transition:0.6s all;}
.news_list li .txt{width:70%; padding:.1rem .4rem; box-sizing:border-box; position:relative;}
.news_list li .txt h3{line-height:.3rem;font-size:.25rem; margin-bottom:.2rem; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_list li .txt p{font-size:.16rem; line-height:2em; color:#666; width:88%;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:3;   /*用来限制在一个块元素显示的文本的行数。*/}
.news_list li .txt span{display:inline-block; color:#aaa;margin-top:.5rem;}
.news_list li .txt .jiantou {font-size:.4rem;color:#888; transition:all 0.6s; position:absolute; right:0; top:.5rem;}
.news_list li:hover .txt .jiantou{color:#DA251E;}
.news_list li:hover .pic img{transform: scale(1.1);}


/*图文列表*/
.case_bg{min-width:1200px;background:url(../images/partner_bg.jpg) no-repeat center; background-size:auto 100%; padding-bottom:.6rem;}

.case_list{display: flex;justify-content: flex-start;flex-wrap:wrap;}
.case_list li { background-color: #FFF; box-sizing:border-box;margin-bottom:.3rem;position: relative;transition: ease 1s;}
.case_list li .pic{  background:#000; overflow:hidden; }
.case_list li img{width:100%; display:block; transition:0.6s all; }
.case_list li .tit {margin-top:.25rem;font-size:.2rem; padding:0 .2rem; line-height:1.5em; height:.55rem; color: #000000;font-weight: bold;}
.case_list li .txt {margin-top:.2rem;font-size:.14rem;padding:0 .2rem;color: #666666;line-height:.25rem; height:.5rem;}
.case_list li .more { margin-top:.3rem;margin-bottom:.5rem;padding:0 .2rem;line-height: 28px;display: inline-block;}
.case_list li .more .en { font-style:normal;font-size: 14px;font-family: Humanist521BT;font-weight: bold;text-decoration: underline;color: #000000;margin-right: 10px;}
.case_list li .more .icon {display: inline-block;width: 28px;transition: ease .6s;height: 28px;background: url(../images/arr2.jpg) no-repeat center;vertical-align: middle;background-size: 100% 100%;}
.case_list li:hover .more .icon{ transform: rotate(45deg);}
.case_list li:hover .pic img{transform: scale(1.1);}
.case_list li::after {content: "";width: 0;border-bottom: 2px solid #da251d;position: absolute;left: 50%;bottom: 0;z-index: 9;transition: 1s;}
.case_list li:hover::after{width:100%; left:0;}

.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;}
.col_bg li{background-color: #f2f2f2;}
.col_3  li{width: 32%; margin-right:2%;}
.col_4  li{width: 24%; margin-right:1.33%;}
.col_3  li:nth-child(3n),
.col_4  li:nth-child(4n){ margin-right:0;}

#case{width:100%; overflow:hidden; position:relative;}


/*合作院校*/
.hezuo_list,.hezuo_list li a{display: flex;justify-content:space-between;flex-wrap:wrap; }
.hezuo_list li{ width:49%; background:#fff; padding:.35rem .3rem; box-sizing:border-box; margin-bottom:.2rem; transition:0.3s all;}
.hezuo_list li .pic{ width:23%; overflow:hidden;}
.hezuo_list li .pic img{width:100%; display:block; transition:0.6s all; }

.hezuo_list li .txt{ width:72%;}
.hezuo_list li .txt h3{font-size:.2rem; line-height:1.6em;}
.hezuo_list li .txt p{margin-top:.15rem;font-size:.15rem; color: #666666;line-height:25px; text-align:justify;}

.hezuo_list li .more { margin-top:.2rem; line-height: 28px;display: inline-block;}
.hezuo_list li .more .en { font-style:normal;font-size: 14px;font-family: Humanist521BT;font-weight: bold;text-decoration: underline;color: #000000;margin-right: 10px;}
.hezuo_list li .more .icon {display: inline-block;width: 28px;transition: ease .6s;height: 28px;background: url(../images/arr2.jpg) no-repeat center;vertical-align: middle;background-size: 100% 100%;}
.hezuo_list li:hover .more .icon{ transform: rotate(45deg);}
.hezuo_list li:hover{translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0); }

/*合作院校内容页*/
.hezuo_show{display: flex;justify-content:space-between;flex-wrap:wrap;}
.hezuo_show .left{ width:16%;}
.hezuo_show .left .pic img{width:100%; display:block; transition:0.6s all; }

.hezuo_show .right{ width:80%;}
.scroll_bar{width:100%;margin-top:.15rem;max-height:3.3rem;overflow-y: auto;padding-right:.2rem;}
.scroll_bar::-webkit-scrollbar {width: 2px;height: 4px;}
.scroll_bar::-webkit-scrollbar-thumb {border-radius: 5px;background: #06c;}
.scroll_bar::-webkit-scrollbar-track {border-radius: 0;background: #ededed;}
  
.hezuo_tit{font-size:.25rem; font-weight:bold; margin:.5rem 0 .2rem 0;}



/*底部*/
.footer{min-width:1200px;background:rgba(31, 36, 48, 1); margin-top:1rem;}
.footer .foot_logo img{ height:115px; }
.footer .foot_logo p{line-height:.28rem;font-size:14px;}
.footer ul{padding: .4rem 0 .5rem 0;}
.footer li{display: inline-block;}
.footer ul li h3{font-size: 0.18rem;color:#fff;margin-bottom:.2rem;  }
.footer ul li p{line-height:2; font-size:14px;color:rgba(255,255,255,0.6); }
.footer ul li a{color:rgba(255,255,255,0.6);}
.footer ul li a:hover{ text-decoration:underline;}

.footer .tel{ font-size:.3rem; color:#fff;}

.footer .message_1{margin-top:.12rem; line-height:30px; font-size:14px; color:rgba(255,255,255,0.6);}
.footer .message_1 span{ margin-right:20px;}

.footer .message_2{margin-top:20px;}
.message_2 a{background:rgba(255,255,255,0.05);;border-radius:46px; color:rgba(255,255,255,.25);font-size:18px;display:inline-block;width:46px;height:46px;line-height:46px;text-align:center; margin:0 10px 0 0;}
.message_2 a:hover{background:rgba(255,255,255,0.2);;}

.footer ul .code {width: 108px; margin-bottom:5px; }

.copyright{padding: 0.2rem 0; color:rgba(255,255,255,0.3); font-size:.14rem; background:#121212;}
.copyright .main100{display: flex;justify-content: space-between; }
.copyright a{color:rgba(255,255,255,0.3);}


/*内页banner=*/
.page_ban{ width:100%; max-width:1920px; position:relative;min-width:1200px; overflow:hidden; color:#fff; background-position: center top;  background-repeat:no-repeat; background-size:cover; 
	
}
/*@keyframes o-scale {
    0%,85%,100%{
        background-size:100% auto;
    }
    50%{
        background-size:108% auto;
    }
}*/
.page_ban .pic img{width:100%; display:block; opacity: 0;}

.page_ban .txt{position:absolute; left:0; top:0; bottom:0; right:0; display: flex; z-index:9; flex-direction:column; justify-content:center; align-items:center;}
.page_ban .txt h5 { font-size: .6rem; font-weight:normal;color: #fff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);letter-spacing: 1px;font-family: LEMONMILK; }
.page_ban .txt h3 { font-size: .5rem; font-weight:normal;color: #fff;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);letter-spacing: 1px; }

/*位置*/
.pos{ line-height:.8rem;}
.pos{background:url(../images/home_ico.png) no-repeat left center; padding-left:20px; font-size:.16rem; color:#666; }
.pos a{ color:#666;}


/*联系我们*/
.page_contact{display: flex;justify-content: space-between; margin-top:.8rem;}
.page_contact .map{ width:65%;}
.page_contact .txt{ position: relative;background:#F1F4FB;width: 34%;padding: .5rem .5rem .5rem .5rem; box-sizing:border-box; font-size:.16rem; line-height:3em;}
.page_contact .txt:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/container01_bg1.png) left top no-repeat, url(../images/container01_bg2.png) right bottom no-repeat;
}
.page_contact .txt .tit{ font-size:.25rem; position:relative; margin-bottom:.3rem;}
.page_contact .txt .tit:after {content: '';display: block;width: 46px;height: 2px;background: #DA251E;position: absolute;left: 0;top: 54px;}






/*内页*/
.page_box{display: flex;justify-content: space-between; margin-top:.8rem;}
.page_box .page_side{width:25%; min-height:5rem; position:relative;}
.page_box .main_box{width:75%;}

.page_box .page_side h2{font-size:.36rem; font-weight:normal; color:#000;}
.page_box .page_side span{ width:2px; display:inline-block; position:absolute; left:5px;}
.page_box .page_side span.line1{height:.35rem; background:#0062B0; top:.7rem;}
.page_box .page_side span.line2{height:1rem; background:#ccc; top:1.1rem;}
.page_box .page_side em{ position:absolute; left:16px; top:2.2rem; font-size:16px;color: rgba(0,0,0,0.3); font-weight:500; font-style:normal;text-transform: uppercase;letter-spacing: .03rem;transform: rotate(90deg);
	transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
}
/*======================产品内容页======================*/
.img_center {position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}	/*图片垂直居中样式*/
.pro_box1{display:flex; justify-content:space-between;}
.pro_box1 .left{width:536px; }
.pro_box1 .right{width:calc(100% - 570px);}
.pro_box1 .right h1{font-size:.3rem;color:#111;line-height:.5rem; }
.pro_box1 .right .txt{line-height:2em; font-size:.16rem; margin:.1rem 0 .25rem 0;}

/* 产品大图 */
.thumb-wrapper {border: 1px solid #eee; height:330px; position:relative;}
.thumb-wrapper img{max-width:100%; max-height:100%;}

/*产品缩略图轮播*/
.swiper-adv-father {width: 100%; position: relative;margin-top: 10px;}
.swiper-adv-father .swiper-container {width: 100%; padding:0 20px; box-sizing:border-box;}
.swiper-adv-father .slide-item {width:85px; height:80px;border: 0px solid #eee; background:#000; margin: 0 auto;cursor: pointer; position:relative;}
.swiper-adv-father .selected .slide-item{border: 0px solid #f60;}
.swiper-adv-father .slide-item img{max-width:100%; max-height:100%; opacity:0.6; transition:0.3s all;}
.swiper-adv-father .selected .slide-item img{opacity:1;}

.swiper-adv-father .data-adv-prev {width: 18px;height: 30px;background-size: 14px 24px;background-image: url('../images/adv-left-icon.png') !important;top: 62%;left: 0;z-index: 1;outline: none;}
.swiper-adv-father .data-adv-next {width: 18px;height: 30px;background-size: 14px 24px;background-image: url('../images/adv-right-icon.png') !important;top: 62%;right: 0;z-index: 1;outline: none;}

#pro_thumb .swiper-button-prev{width: 18px;height: 30px;background-size: 14px 24px;background-image: url('../images/adv-left-icon.png') !important;top: 62%;left: 0;z-index: 1;outline: none;}
#pro_thumb .swiper-button-next{width: 18px;height: 30px;background-size: 14px 24px;background-image: url('../images/adv-right-icon.png') !important;top: 62%;right: 0;z-index: 1;outline: none;}

/* box */
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.pro_box1 .right .info1{ background:#f2f2f2;font-size:.16rem; padding:.15rem .2rem; line-height:2em;}
.pro_box1 .right .info1 span{ color: #f00; font-weight:bold;}

/*按钮*/
.pro_box1 .right  .ft{ margin-top:.5rem;}
.pro_box1 .right  .ft li{display: inline;}
.pro_box1 .right  .ft li a{width:170px;height:48px; background:#fff0ee; display: block;text-align: center;line-height:48px; border:1px solid #f24330; font-size:.16rem; font-weight:bold; color:#f24330; transition:0.3s all;}
.pro_box1 .right  .ft li a:hover{color: #fff;background-color:#f24330; width:200px;}


/*表单*/
.biaodan ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
.biaodan li{font-size:.15rem; margin-bottom:.15rem; width:49%;}
.biaodan input{padding:.2rem;width:100%; box-sizing:border-box; border: 1px solid rgba(0,0,0,.2); border-radius: 5px; font-size:.16rem;}
.biaodan textarea{padding:.2rem;width:100%; box-sizing:border-box;border: 1px solid rgba(0,0,0,.2); height:125px; border-radius: 5px; font-size:.16rem; font-family:"微软雅黑";}
.biaodan .form-group {width:100%;}
.biaodan .form-group input{width:49%; margin-right:1%;  margin-bottom:.2rem;}

.biaodan li input[type=text]:focus,.biaodan li textarea:focus{border:solid 1px #FEB97F;}


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


/*弹窗*/
.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:#DA251E; border-radius: 2px; transition:0.3s all; width:100%; height:.6rem; line-height:.6rem;}
.buy_form .submit:hover{ background:#DA251E; color:#fff; text-decoration:none;}




/*分页*/
.search-pagination{text-align:center; margin:50px 0 0px 0;}
.pagination li {display: inline-block;margin:0 3px;background: #e8e8e8;transition: 0.3s;/*box-shadow: 2px 2px 20px rgba(0,0,0,.05);*/ font-family:"tt_1";}
.pagination li a{display: inline-block;font-size: 18px;width: 60px;height: 60px;line-height: 60px;color: #555;box-sizing: border-box; transition:0.3s all;}
.pagination li.active a,.pagination li a:hover{color: #fff !important;background-color:#DA251E;}

/*show*/
.page_show{display: flex;justify-content: space-between; }
.page_show .show_side{width:325px; min-height:5rem; position:relative;}
.page_show .show_box{width:calc(100% - 360px); background:#fff; padding:.5rem .5rem; box-sizing:border-box;}

/*文章标题*/
.title_txt {font-size:.3rem;line-height:1.8em; font-weight:bold;}
.art_info{line-height:.5rem; font-size:14px; margin-bottom:.2rem; color:#888; border-bottom: solid 1px #e8e8e8; position:relative;}
.art_info span{margin-right:.1rem;}

/*分享按钮*/
.shart_box{ display:inline-block; position:absolute; right:0; top:5px;}
#j_shart_s_24 .bds_count{ font-size:.13rem;}
#j_shart_s_24{ padding-left:60px; position:relative;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #a3a0a9;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}


/*正文*/
#art_box { font-size:.16rem; text-align:justify;}
#art_box p {line-height:2em;margin-bottom:.2rem; }
#art_box p img{ max-width:100%;}
#art_box a{color:#0000FF;}
#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;}

/*内容右侧*/
.page_show .show_side .con{}
.page_show .show_side .con h2{font-size:.22rem; font-weight:normal; margin-bottom: .2rem;}

.page_show .show_side .serch{ position:relative;}
.page_show .show_side .serch input{ outline:none;}
.page_show .show_side .serch input[name=keyword]{ border:solid 0px #e8e8e8; background:#fff; width:80%; height:.6rem; font-size:.16rem; padding:0 20px; box-sizing:border-box;}
.page_show .show_side .serch input[type=submit]{ position:absolute; cursor:pointer; right:0; top:0; height:.6rem; width:20%;border:0; background: url(../images/icon-hsrch.png) no-repeat center #DA251E;}

.page_show .show_side .swiper-container{ position:relative;}
.page_show .show_side .button-next{ float:right; outline:none;color: #7e7e7e;cursor:pointer;margin-top:5px;}

.page_show .show_side .swiper-container li a { display: block; width:100%; overflow: hidden; margin-bottom:.2rem;padding-bottom:.2rem; border-bottom:dotted 1px #ccc; }	
.page_show .show_side .swiper-container li a .time { font-size: .14rem;  color:#666; font-family:roboto_l;  margin-top:.1rem; margin-bottom:.05rem;}
.page_show .show_side .swiper-container li a .time i{font-size:.12rem; margin-right:.05rem;}
.page_show .show_side .swiper-container li a h4 { font-size:.17rem; font-weight:normal; line-height:2em; }


/*相关阅读*/
.xg_art{}
.xg_art h5{font-size:.22rem; margin:.5rem 0 .25rem 0;}


/*系统表单样式*/
.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;}


/*上一篇下一篇*/
.ctrl{margin-top: 40px; display: flex;justify-content: space-between;}
.ctrl a{position: relative; height: 60px;width:33%; background-color: #e7e7e7; box-sizing: border-box;z-index: 99;transition: 0.3s;}
.ctrl a:before{
	content: "";
	position: absolute;
	bottom: 0;left: 0;
	width: 100%;height: 1px;
	background-color: #DA251E;
	opacity: 0;
	transition: 0.3s;
	z-index: -1;
}
a#back:after,a#prev:after,a#next:after{
	content: "";
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-image: url(../images/btn-back.png);
	background-repeat: no-repeat;
	background-position: center;
	transition: 0.3s;
}
a#back:after{background-image: url(../images/btn-back.png);}
a#prev:after{background-image: url(../images/btn-prev.png);}
a#next:after{background-image: url(../images/btn-next.png);}

.ctrl a:hover:before{height: 100%;opacity: 1;}
a#back:hover:after{background-image: url(../images/btn-back2.png);}
a#prev:hover:after{background-image: url(../images/btn-prev2.png);}
a#next:hover:after{background-image: url(../images/btn-next2.png);}


/*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;}


/*搜索页面*/
.serch_n{ width:8rem; position:relative; margin:.8rem auto .25rem auto;}
.serch_n input{width:100%; padding:0 .15rem; font-size:.25rem; outline:none; background:#e8e8e8; box-sizing:border-box; height:.7rem; line-height:.7rem; border:solid 0px #ddd;}
.serch_n .btn{ position:absolute; right:0; top:0px;}
.serch_n .btn button{ width:1.5rem; height:.7rem; border:0; cursor:pointer; outline:none; padding-left:40px; font-size:.22rem; color:#fff; background: url('../images/icon-hsrch.png') no-repeat 20px center #DA251E; background-size:20px auto;}


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











/*==========查看更多通用===============*/
.lookmore{ text-align:center; margin:.4rem auto;}
.lookmore a{display:inline-block;border: #ddd 2px solid; border-radius:.5rem;width:2.2rem; font-size:.16rem; line-height:.45rem; color: #333; background:#fff; position:relative;overflow:hidden; transition:0.5s all;}
.lookmore a span{ position:relative; z-index:10}
.lookmore a:hover{color:#fff;border:#DA251E 2px solid;background: #DA251E; transition-delay:0.36s}
@-webkit-keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@-webkit-keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}

.btn-11 {position: relative;color: #DA251E;}
.btn-11:before, .btn-11:after {position: absolute;top: 50%;content: '';width: 20px;height: 20px;background: #DA251E;border-radius: 50%;}
.btn-11:before {left: -20px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);/*     animation: criss-cross-left 0.8s reverse; */}
.btn-11:after {right: -20px;-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;}


/*向上*/
.cd-top {
  display: inline-block;
  height: .52rem;
  width: .52rem;
  position: fixed; z-index:99999;
  bottom: 40px;
  right: 5px;border-radius: 50%;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.2) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #DA251E;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    right: 5px;
    bottom: 50px;
  }
}
.cd-top:hover{background-color:#DA251E;transition: all 0.3s ease 0s;}


/*右侧浮动*/
.circle {width: 80px;height: 80px; position: fixed;bottom: 105px;right: 0;z-index:999;text-align:center;line-height: 80px;color:#3f897c;font-size:30px;}
.circle span {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;background-color: rgb(194, 14, 47);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: circleScale 3s linear infinite;
  -moz-animation: circleScale 3s linear infinite;
  -ms-animation: circleScale 3s linear infinite;
  animation: circleScale 3s linear infinite;
}
.circle span:nth-of-type(2) {animation-delay: 1s;}
.circle span:nth-of-type(3) {animation-delay: 2s;}
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}
.circle a{cursor:pointer;position:relative;background: #d90024;width: 50px;height: 50px;display: inline-block;border-radius: 50%;vertical-align: middle;margin-top: -4px;line-height: 47px;}
.anniu .circle a{ background:#f08200}
.anniu .circle span{ background:rgba(240,130,0)}
.anniu .circle {bottom: 40px;}
.circle a .kuang{ display:none; position:absolute; right:75px; top:0; width:150px; height:60px; line-height:60px; font-size:16px; color:#333; background:#fff; border-radius:10px; box-shadow:3px 1px 5px rgba(0,0,0,0.15)}
.circle a .kuang:before{ content:""; position:absolute; right:-10px; top:50%; margin-top:-10px; border-top:transparent 10px solid; border-bottom:transparent 10px solid; border-left:#fff 10px solid}