@charset "utf-8";


/* header&foot */
body{background: url(../img/body-bg.jpg) no-repeat center top #0139b9; background-size: 100% auto;}
.box{width: 1400px; margin: 0 auto;}
header{ width: 100%; height:150px;  transition: 0.3s; }
.head{width: 1400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 100%;}
.logo{ width: 438px;  }
.logo a{display: block; width:100%; }
.logo a img{display: block;width: 100%;}

.head_right{display: flex;  align-items: center; height: 100%; }
.user-login{width: 160px; height: 40px; border-radius: 40px; box-sizing: border-box; border:2px rgba(255,255,255,.5) solid; transition: 0.3s; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1; font-size: 16px;}
.user-login i{font-size: 18px; display: block; margin-right: 5px;}
.user-login i::before{content: "\e7ae";}
.user-login:hover{ background: #cb0000;border:2px #cb0000 solid;}

.login-last{width: 160px; height: 40px; border-radius: 40px; box-sizing: border-box; border:2px rgba(255,255,255,.5) solid; transition: 0.3s; position: relative;}
.login-last h1{ color: #fff; display: flex; align-items: center; justify-content: center; height: 100%; cursor: pointer;}
.login-last h1 p{width: calc(100% - 40px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.login-last h1 i{display: block; font-size: 14px; transition: 0.3s; }
.login-last h1 i::before{content: "\e600";}

.login-last:hover{background: #0139b9;}
.login-last:hover i{transform: rotate(180deg);}

.login-last span{position: absolute; width: 100%; box-sizing: border-box;  border:2px rgba(255,255,255,.5) solid; border-radius: 12px;background: #0139b9; z-index: 88; overflow: hidden; max-height: 0; transition: 0.3s; opacity: 0;}
.login-last span a{display: block; color: #fff;  height: 40px; line-height: 40px; transition: 0.3s; box-sizing: border-box; padding: 0 12px; border-bottom:1px rgba(255,255,255,.5) solid;}
.login-last span a:last-child{border-bottom: 0;}
.login-last span a:hover{background: #809cdc;}
.login-last:hover span{max-height: 100px; opacity: 1;}

.m-login-last{display: none;}


.head_right em{display: block; width: 1px; height:36px; background:rgba(255,255,255,.5); margin: 0 20px;}
.tel{display: flex;align-items: center;}
.tel i{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 2px #fff solid; box-sizing: border-box; border-radius: 50%; color: #fff;}
.tel i::before{content: "\e96d";}
.tel span{color: #fff; font-size: 16px; display: block; margin-left: 10px; line-height: 1.2;}
.search{width: 200px; height: 40px; background: #fff; border-radius: 40px; }
.search form{display: flex; align-items: center; justify-content: space-between; height: 100%;}
.search i{display: block; color: #CB0000; margin-left: 10px;}
.search i::before{content: "\e65f";}
.search input[type=text]{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: block;
	width: calc(100% - 100px);
	height: 100%;
}
.search input[type=submit]{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: block;
	width:56px;
	height:36px;
	background: #CB0000;
	margin-right: 2px;
	color: #fff;
	border-radius:36px ;
	cursor: pointer;
	transition: 0.3s;
}
.search input[type=submit]:hover{background: #b30000;}
nav{width: 100%; height: 66px; background: #CB0000;z-index: 999; transition: 0.3s;}
nav.active{position: fixed; top: 0; left: 0; z-index: 999;}
.nav-box{width: 1400px; margin: 0 auto; display:  flex; align-items: center; justify-content: space-between;height: 100%;}
.left-nav{width: calc(100% - 250px); display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap; height: 100%;}
.nav-item{position: relative;height: 100%;width: 14.2857%;}
.mc{display: none}
.first-nav{ height: 100%; width: 100%;}
.first-nav a{ color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; height: 100%; position: relative; transition: 0.3s; }
.first-nav a i{display: block; margin-left: 10px; transition: 0.3s;}
.first-nav a i::before{content: "\e600";}
.first-nav.focus i{transform: rotate(180deg);}
.first-nav a em{position: absolute; width: 0; height: 2px; background: #ffbe12; left: 50%; bottom: 0; transition: 0.3s;}
.second-nav{position: absolute; left: 0; top: 66px; background: #fff; width: 100%;  box-sizing: border-box;  border-radius: 0 0 6px 6px; box-shadow: 0 0 10px rgba(0,0,0,.2); z-index: 99; max-height: 0; overflow: hidden; opacity: 0; transition: 0.3s;}

.second-nav a{color: #666; display: block; width: 100%;text-align: center; font-size: 16px; line-height: 2; transition: 0.3s;}
.second-nav a:hover{ color: #cb0000; }

.nav-item:hover .first-nav a{color: #ffbe12;}
.nav-item:hover i{transform: rotate(180deg);}
.nav-item:hover em{width: 100%; left: 0;}
.nav-item:hover .second-nav{ max-height: 1000px; opacity: 1; padding: 10px 0;}

.nav-shop{width: 180px; height: 100%; background: #000061; transition: 0.3s; }
.nav-shop a{color: #fff; font-size: 18px;display: flex; align-items: center; justify-content: center; height: 100%;}
.nav-shop i{ color: #fff; font-size: 20px;  display: block; margin-right: 5px; }
.nav-shop i::before{content: "\e7a8";}
.nav-shop:hover{background: #0139b9;}

.mBtn{ width: 40px; height: 40px; display: none;  cursor: pointer;   box-sizing: border-box; border: 2px rgba(255,255,255,.5) solid; border-radius: 50%;}
.mBtn span{ display: block;  width: 22px;}
.mBtn span i{width: 100%; height: 2px; background: #fff; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span i:first-child{margin-top: 0;}


.m-menu{display: none;}
.m-tel{display: none;}









.index-one{width: 1400px; margin: 0 auto; margin-top: 50px; display: flex; justify-content: space-between; flex-wrap: wrap;}

.banner{ width:940px;  position: relative; height: 484px;  }


.banner_swiper{width: 100%;height: 100%;}
.banner_swiper .swiper-slide{width: 100%; height: 100%; overflow: hidden;}

.ban_bg{width: 100%; height: 100%;    }
.ban_bg a{display: block; width: 100%; height: 100%;position: relative;}
.ban_bg a img{display: block; width: 100%; height: 100%;}


.bn_tx{width:calc(100% - 80px); position: absolute; left:40px;  top: 50%; transform: translateY(-50%); color: #fff; }
.bn_tx h1{font-size: 36px;font-weight: bold; color: #fff; transform: translateY(100px); transition: 1s ease-in-out;opacity: 0; text-shadow: 0 0 10px rgba(0,0,0,.6); word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.bn_tx h2{ width: 80%;  color: #fff; line-height: 1.6; margin-top: 20px; font-size: 18px; transform: translateY(100px); transition: 1s ease-in-out 0.1s;opacity: 0; text-shadow: 0 0 10px rgba(0,0,0,.6);}

.banner_swiper .swiper-slide-active .bn_tx h1{transform: translateY(0); opacity: 1;}
.banner_swiper .swiper-slide-active .bn_tx h2{transform: translateY(0);opacity: 1;}

.banner_swiper .swiper-pagination{ width: calc(100% - 80px); left: 40px;  top: auto; height: 8px!important;  bottom: 40px; text-align: left; }
.banner_swiper .swiper-pagination-bullet{ width:8px;height: 8px; border-radius:50%; opacity: 1;   background:#a8a8a8; }
.banner_swiper .swiper-pagination-bullet-active{background:url(../img/hit.png); width: 12px; height: 18px; background-size: 100% 100%;}




.one-right{width:calc(100% - 970px);}
.notice{background: #fff; box-sizing: border-box; padding: 20px;}
.notice-title{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px #ddd solid; padding-bottom: 20px;}
.notice-title span{display: flex; align-items: center; color: #0139b8; font-size: 24px; font-weight: bold;}
.notice-title span i{display: flex; align-items: center; justify-content: center; width: 28px; height: 28px;border-radius: 50%; background: #CB0000; color: #fff; margin-right: 5px;}
.notice-title span i::before{content: "\e64a"; font-weight: normal;}
.notice-title a{font-size: 16px; font-weight: bold; transition: 0.3s; display: flex; align-items: center;}
.notice-title a i{display: block;}
.notice-title a i::before{content: "\e609";}
.notice-title a:hover{color: #CB0000;}
.notice-news{}
.notice-news ul{overflow: hidden;}
.notice-news li{ width: 100%; float: left; margin-top: 20px;}
.notice-news li h1{font-size: 18px; transition: 0.3s; word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.notice-news li h2{color: #999; margin-top: 4px; word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.notice-news li:hover h1{color: #CB0000;}

.adv{ margin-top: 30px;}
.adv img{ display: block; width: 100%;}


.service{background: rgba(255,255,255,.4); margin-top: 50px; padding: 50px 0;}
.service-box{width: 1400px; margin: 0 auto; display: flex;  flex-wrap: wrap;}
.service-box a{font-size: 18px; color: #fff; transition: 0.3s; width: 12.5%; box-sizing: border-box; padding: 20px 0; border-radius: 10px;}
.service-box a i{display: block;  font-size: 46px; text-align: center; }
.service-box a p{margin-top: 10px; text-align: center;}
.service-box a:nth-child(1) i::before{content: "\e63f";}
.service-box a:nth-child(2) i::before{content: "\e7db";}
.service-box a:nth-child(3) i::before{content: "\e636";}
.service-box a:nth-child(4) i::before{content: "\e664";}
.service-box a:nth-child(5) i::before{content: "\e626";}
.service-box a:nth-child(6) i::before{content: "\e625";}
.service-box a:nth-child(7) i::before{content: "\e9a1";}
.service-box a:nth-child(8) i::before{content: "\e615";}
.service-box a:hover{background: #fff;}
.service-box a:hover i{color: #cb0000;}
.service-box a:hover p{color: #CB0000;}


.member-area{width: 1400px; margin: 0 auto;margin-top: 50px; }
.home-title-box{display: flex; align-items: center; justify-content: space-between;  }
.left-title{display: flex; align-items: center;  }
.left-title em{display: block; width: 70px;}
.left-title em img{display: block; width: 100%;}
.left-title span{display: block; margin-left: 8px;}
.left-title h1{ text-transform: uppercase; color: rgba(255,255,255,.5); text-align: right;}
.left-title h2{font-size: 30px; font-weight: bold; color: #fff;}
.t4 em{width: 87px;}
.member_swiper{width: 100%;height: 100%; margin-top: 50px;}
.member_swiper .swiper-slide{width: 100%; height: 100%; overflow: hidden;}
.member_swiper .swiper-slide a{display: block; width: 100%;}
.member_swiper .swiper-slide a img{display: block; width: 100%;}

.right-btn{position: relative;  }
.right-btn a{font-size: 18px; font-weight: bold; display: flex; align-items: center; color: #fff; transition: 0.3s;}
.right-btn a i{display: block; margin-left: 5px;}
.right-btn a i::before{content: "\e609"; font-weight: normal; font-size: 24px;}
.right-btn a:hover{color: #CB0000;}
.member-btn{position: relative; width: 86px;height: 36px;--swiper-navigation-size: 0;}
.member-area .swiper-button-next{color: #fff; font-size: 18px; transition: 0.3s; left: auto; right: 0; top: 0; bottom: auto;  width: 36px; height: 36px; box-sizing: border-box; border: 1px #fff solid; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
.member-area .swiper-button-next::before{content: "\e8f2";}
.member-area .swiper-button-next:hover{ color: #fff; background: #CB0000;border:1px #CB0000 solid;}
.member-area .swiper-button-prev{ color: #fff; font-size: 18px; transition: 0.3s; left:0; right:auto; top: 0; bottom: auto;   width: 36px; height: 36px; box-sizing: border-box; border: 1px #fff solid; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
.member-area .swiper-button-prev::before{content: "\e8f1";}
.member-area .swiper-button-prev:hover{ color: #fff; background: #CB0000;border:1px #CB0000 solid;}

.home-news{width: 1400px; margin: 0 auto;margin-top: 50px;}
.home-news-box{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px;}

.home-pic-news{width: 560px; background: #002885; box-sizing: border-box; padding: 30px; }
.pic_news_swiper{width: 100%; }
.pic-news-slide{width: 100%;}
.pic-news-slide a{display: block; width: 100%; color: #fff;}
.pic-news-slide em{display: block; box-sizing: border-box;  overflow: hidden;}
.pic-news-slide em img{display: block; width: 100%; transition: 0.3s;}
.pic-news-slide h1{font-size: 24px; font-weight: bold; margin-top: 20px; word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; transition: 0.3s;}
.pic-news-slide h2{font-size: 16px; color: rgba(255,255,255,.6); margin-top: 10px;}
.pic-news-slide span{display: flex; align-items: center; justify-content: space-between; margin-top: 20px;}
.pic-news-slide span dl{display: flex; align-items: center;}
.pic-news-slide span dl dt{margin-right: 5px;}
.pic-news-slide span dl dt::before{content: "\e660";}
.pic-news-slide span b::before{content: "\e609"; font-size: 24px; font-weight: normal;}

.pic_news_swiper .swiper-pagination{ position: static; width: 100%; left:0;  right: auto; top: auto; height: 14px!important;  bottom: 0; text-align: center; margin-top: 30px; }
.pic_news_swiper .swiper-pagination-bullet{ width:8px;height: 8px; border-radius:50%; opacity: 1;   background:#fff; }
.pic_news_swiper .swiper-pagination-bullet-active{background:#cb0000; }
.pic-news-slide:hover img{transform: scale(1.2);}
.pic-news-slide:hover h1{color: #CB0000;}

.home-text-news{width: calc(100% - 590px); background: #002885; box-sizing: border-box; padding:0 30px;}
.home-text-news a{display: flex; justify-content: space-between; border-bottom: 1px #0043b3 solid; padding-bottom: 30px; margin-top: 30px;}
.home-text-news a:last-child{border-bottom:0;  }
.home-text-news i{display: block; width: 10px; height: 2px; background: #fff; margin-top: 14px;}
.home-text-news span{display: block; color: #fff; width: calc(100% - 20px);}
.home-text-news span h1{word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; font-size: 22px; transition: 0.3s;}
.home-text-news span h2{word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; color: rgba(255,255,255,.6); margin-top: 6px;}
.home-text-news span h3{margin-top: 14px;}
.home-text-news a:hover h1{color: #CB0000;}


.wonderful{width: 1400px; margin: 0 auto;margin-top: 50px;}
.wonderful_swiper{margin-top: 50px;}
.wonderful-pic{background: #fff;  background: #fff; border-radius: 10px; transition: 0.3s;}
.wonderful-pic a{display: block; box-sizing: border-box; padding: 10px;}
.wonderful-pic em{display: block; overflow: hidden; width: 100%;}
.wonderful-pic em img{display: block; width: 100%; transition: 0.3s; height:200px;}
.wonderful-pic p{ font-size: 18px; text-align: center; word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;margin-top: 15px; margin-bottom: 5px;}
.wonderful-pic:hover{background: #CB0000;}
.wonderful-pic:hover img{transform: scale(1.2);}
.wonderful-pic:hover p{color: #fff;}
.wonderful .swiper-button-next{color: #fff; font-size: 18px; transition: 0.3s; left: auto; right: 0; top: 0; bottom: auto;  width: 36px; height: 36px; box-sizing: border-box; border: 1px #fff solid; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
.wonderful .swiper-button-next::before{content: "\e8f2";}
.wonderful .swiper-button-next:hover{ color: #fff; background: #CB0000;border:1px #CB0000 solid;}
.wonderful .swiper-button-prev{ color: #fff; font-size: 18px; transition: 0.3s; left:0; right:auto; top: 0; bottom: auto;   width: 36px; height: 36px; box-sizing: border-box; border: 1px #fff solid; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
.wonderful .swiper-button-prev::before{content: "\e8f1";}
.wonderful .swiper-button-prev:hover{ color: #fff; background: #CB0000;border:1px #CB0000 solid;}

.wonderful-more{margin-top: 30px; display: flex; justify-content: flex-end;}
.wonderful-more a{font-size: 18px; font-weight: bold; display: flex; align-items: center; color: #fff; transition: 0.3s; }
.wonderful-more a i{display: block; margin-left: 5px;}
.wonderful-more a i::before{content: "\e609"; font-weight: normal; font-size: 24px;}
.wonderful-more a:hover{color: #CB0000;}

.home-links{padding: 50px 0;background: rgba(255,255,255,.3); margin-top: 50px;}
.link-pic{display: flex;flex-wrap: wrap; margin-top: 50px;}
.link-pic a{width: calc(16.6666% - 20px); margin-right: 24px; border-radius: 6px; overflow: hidden; }
.link-pic a:last-child{margin-right: 0;}
.link-pic a img{display: block; width: 100%;}

.link-text{display: flex; flex-wrap: wrap;}
.link-text a{width: calc(16.6666% - 20px); margin-right: 24px;  display: flex; align-items: center; justify-content: space-between; color: #fff; margin-top: 20px; transition: 0.3s;}
.link-text a:nth-child(6n){margin-right: 0;}
.link-text a i::before{content: "\e642";}
.link-text a em{display: block; width: calc(100% - 10px); word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.link-text a:hover{color: #CB0000;}




footer{background: #CB0000; overflow: hidden;}
.foot-row{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 50px;  align-items: flex-start; border-bottom: 1px rgba(255,255,255,.4) solid; padding-bottom: 50px;}
.foot-navs{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.foot-navs a{ color: #fff; transition: 0.3s;}
.foot-navs a:hover{text-decoration: underline;}
.foot-navs dt{font-size: 18px;margin-bottom: 20px;}
.foot-navs dd{line-height: 2;}
.foot-navs dd a{color: rgba(255,255,255,.7);}

.foot-contact{ color: #fff; width: 180px;}
.foot-contact h1{color: #fff; font-size: 18px; margin-bottom: 20px;}
.foot-contact span{font-size: 24px; line-height: 1;}
.foot-contact h2{color: rgba(255,255,255,.7); margin-top: 20px;}

.foot-focus{width: 124px; background: #fff; border-radius: 6px; box-sizing: border-box; padding: 6px;}
.foot-focus em{display: block; width: 100%;}
.foot-focus em img{display: block; width: 100%;}
.foot-focus p{text-align: center; color: #999; margin-top: 6px;}

.banquan{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 30px 0;}
.banquan h1{color: #fff;}
.banquan a{color: #fff; transition: 0.3s;}
.banquan a:hover{text-decoration: underline;}

.box-row{padding: 50px 0; overflow: hidden;}
.crumbs{  color: #999; }
.crumbs span{display: flex; align-items: center; height: 100%; }
.crumbs .backhome{display: flex; align-items: center;color:#fff;}
.crumbs .backhome::before{content: "\e6a9";  display: block; font-size: 16px; margin-right: 4px;}
.crumbs i{color: #fff;display: block;  margin: 0px 8px;  }
.crumbs i::before{content: "\e642";}
.crumbs a{font-size: 14px;color: #fff; transition: 0.3s; }
.crumbs a:hover{color: #CB0000;}
.box-columns{display: flex; justify-content: space-between; background: #fff;  flex-wrap: wrap;  margin-top: 30px;  overflow: hidden;}
.columns-left{width: 260px; background: #f4f4f4; box-sizing: border-box; padding: 30px;}
.columns-left span{display: flex; align-items: center; justify-content: space-between; font-size: 28px; box-sizing: border-box; }
.columns-left span i{font-size: 20px;}
.columns-left span i::before{content: "\e600"; }
.columns-left span.active i{ transform: rotate(180deg);}
.columns-left ul{overflow: hidden; margin-top: 20px;}
.columns-left ul li{width: 100%; float: left;margin-top: 10px;}
.columns-left ul li:first-child{margin-top: 0;}
.columns-left ul li a{display: flex; align-items: center; width: 100%; position: relative; height: 40px; line-height: 40px; font-size: 18px; color: #666; }
.columns-left ul li i{display: block; width: 0px; height:100%; background: #0139b9; position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); transition: 0.3s; box-sizing: border-box;}
.columns-left ul li em{position: absolute; z-index: 2; left: 0; top: 0;  width: 100%;  box-sizing: border-box; padding-left: 15px;}
.columns-left ul li:hover i{ width: 100%; height: 100%; border-left: 4px #CB0000 solid;}
.columns-left ul li:hover em{color: #fff;}
.columns-left ul li.on a{color: #fff;}
.columns-left ul li.on i{width: 100%;border-left: 4px #CB0000 solid;}
.columns-left ul li.on:hover i{ width: 100%;}

.columns-right{width: calc(100% - 260px); background: #fff;  padding: 30px; box-sizing: border-box; overflow: hidden;}
.location{font-size: 28px; color: #0139B9; border-bottom: 1px #eee solid; padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.location a{display: flex; align-items: center; justify-content: center; width: 120px; height:36px; border: 1px #0139b9 solid; font-size: 16px; color: #0139b9; line-height: 1; border-radius: 6px; transition: 0.3s;}
.location a:hover{ background: #cb0000;border: 1px #cb0000 solid; color: #fff;}

.con{ line-height: 1.6; color: #666; margin-top: 30px;}
.con img{max-width: 100%!important; height: auto!important;}
.con table{max-width: 100%!important;}

.box-line{ background: #fff;  padding: 30px; margin-top: 30px;}

.news-list{ margin-top: 30px;}
.news-list a{display: flex; align-items: center; justify-content: space-between; margin-top: 14px; }
.news-list a:nth-child(5n){margin-top: 30px; border-top: 1px #ddd dashed; padding-top: 30px;}
.news-list h1{color: #999;}
.news-list i{display: block; width: 1px; height: 14px; background: #ddd;}
.news-list h2{ width: calc(100% - 120px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; font-size: 18px; transition: 0.3s; color: #555;}
.news-list a:hover h2{color: #CB0000;}


/*分页样式*/ 
.pages{margin-top: 60px; margin-bottom: 30px; }
ul.yiiPager{ display: flex;  justify-content: center;}  
ul.yiiPager li{display:block; margin: 2px;}  
ul.yiiPager li a{ width: 40px; height: 40px; border-radius: 8px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; line-height: 30px; border:#ddd solid 1px;color: #666; transition: 0.3s;}  
ul.yiiPager li a:hover{background:#0139b9;border:#0139b9 solid 1px;color:#FFF;}
ul.yiiPager li.first a::before{content: "\e741";}
ul.yiiPager li.last a::before{content: "\e741"; transform: rotate(180deg);}
ul.yiiPager li.previous a::before{content: "\e642";transform: rotate(180deg); font-size: 20px;}
ul.yiiPager li.next a::before{content: "\e642"; font-size: 20px;}
ul.yiiPager li.selected a{background:#0139b9;border:#0139b9 solid 1px;color:#FFF;}


.headline{text-align: center; border-bottom: 1px #eee solid; padding: 30px 0;}
.headline h1{font-size:32px;}
.headline h2{color: #999; margin-top: 8px;}


.bar{margin-top: 60px; display: flex; justify-content: space-between;}
.bar a{font-size: 14px; color: #666; line-height: 1; transition: 0.3s;background: #F2F2F2;}
.bar a:hover{background: #0139b9; color: #fff;}
.bar a.show_prev{display: flex; align-items: center; justify-content: space-between;  padding: 15px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_prev::before{content: "\e642"; transform: rotate(180deg); font-size: 24px;}
.bar a.show_prev i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}

.bar a.show_next{display: flex; align-items: center; justify-content: space-between;  padding: 15px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_next::after{content: "\e642";font-size: 24px;}
.bar a.show_next i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; text-align: right;}

.bar a.back_list{display: flex;align-items: center; justify-content: center; width: 140px;}
.bar a.back_list::before{content: "\e675"; display: block; margin-right: 8px;font-size: 14px;}

.news-pic{display: flex; flex-wrap: wrap;}
.news-pic a{ width: calc(33.3333% - 20px); margin-top: 30px; margin-right: 30px; position: relative;}
.news-pic a:nth-child(3n){margin-right: 0;}
.news-pic em{display: block; width: 100%; position: relative;}
.news-pic em img{display: block; width: 100%;}
.news-pic em i{width: 50px; height: 50px; border-radius: 50%; background: rgba(0,0,0,.6); position: absolute; z-index: 2; left: 50%; margin-left: -25px; top: 50%; transform: translateY(-50%); color:#fff; display: flex; align-items: center; justify-content: center; font-size: 24px; transition: 0.3s;}
.news-pic em i::before{content: "\e8ec";}
.news-pic span{display: block; background: #f4f4f4; box-sizing: border-box; padding: 20px; transition: 0.3s;}
.news-pic span h1{word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; font-size: 18px;}
.news-pic span i{color: #999; margin-top: 6px; display: block;}
.news-pic a:hover span{ background: #0139B9;}
.news-pic a:hover span h1{color: #fff;}
.news-pic a:hover span i{color: #fff;}
.news-pic a:hover em i{background: #0139B9;}

.member-box{ display: flex; flex-wrap: wrap;}
.member-box span{display: block; width: calc(33.3333% - 20px); margin-top: 30px; margin-right: 30px;}
.member-box span:nth-child(3n){margin-right: 0;}
.member-box span em{display: block; width: 100%;}
.member-box span em img{display: block; width: 100%;}
.member-box span h1{text-align: center; font-size: 24px; font-weight: bold; color: #666; display: flex; align-items: center; justify-content: space-between; margin-top: 16px;}
.member-box span h1::before{content: ""; display: block; width: calc(50% - 60px); height: 1px; background: #ddd;}
.member-box span h1::after{content: ""; display: block; width: calc(50% - 60px); height: 1px; background: #ddd;}

.video-show{margin-top: 30px; height: 50vh;}

.contact-box{}

.contact-row{margin-top: 50px;}
.contact-title{font-size: 24px;}
.contact-con{margin-top: 30px;}
.contact-con span{display: flex; margin-top: 20px; font-size: 16px; color: #666;}
.im-c{font-size: 24px; color: #CB0000; font-weight: bold; line-height: 1; }
.contact-con span i{display: block; margin-top: 1px;}
.contact-con span i::before{font-size: 18px;}
.contact-con span:nth-child(1) i::before{content: "\e96d";}
.contact-con span:nth-child(2) i::before{content: "\e62c";}
.contact-con span:nth-child(3) i::before{content: "\e667";}
.contact-con span:nth-child(4) i::before{content: "\e6af";}
.contact-con span em{display: block;  margin-left: 10px;}

.map-box{width: 100%; height: 50vh; overflow: hidden; background: #eee; margin-top: 20px;}
.shop-list{display: flex; flex-wrap: wrap;}
.shop-list a{width: calc(25% - 24px); margin-top: 32px; margin-right: 32px;}
.shop-list a:nth-child(4n){margin-right: 0;}
.shop-list em{display: block; width: 100%; height: 20vh;}
.shop-list em img{display: block; width: 100%; height: 100%;}
.shop-list h1{ font-size: 16px;  background: #f4f4f4; height: 60px;text-align: center; line-height: 60px; padding: 0 20px; word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; box-sizing: border-box; width: 100%; transition: 0.3s; }
.shop-list a:hover h1{background: #0139B9; color: #fff;}

.sift{display: flex; align-items: center; flex-wrap: wrap; margin-top: 30px;}
.sift-l{display: flex; align-items: center; justify-content: space-between;}
.sift-r{display: flex; align-items: center; margin-left: 20px;}
.sift-r input[type=text]{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: block;
	border: 1px #ddd solid;
	background: #fff;
	width: 100%;
	height: 36px;
	box-sizing: border-box;
	padding: 0 10px;
}
.sift-r input[type=submit]{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: block;
	background: #0139b9;
	width: 80px;
	height: 36px;
	color: #fff;
	transition: 0.3s;
	cursor: pointer;
	margin-left: 10px;
}
.sift-r input[type=submit]:hover{background: #CB0000;}
.sift-select{
	width: 160px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	cursor: pointer;
	
}
.sift-select::after{
	content: "\e600";
	display: block;
	font-size: 12px;
	top: 50%;
	transform: translateY(-50%);
	right:10px;
	position: absolute;
	color: #999;
}
.sift-select p{
	width: 100%;
	height: 100%;
	font-size: 14px;
	border: 1px #ddd solid;
	color: #666;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	padding-left: 10px;
	background: #fff;
}
.sift-select ul{
	width: 100%;
	display: block;
	font-size: 14px;
	background: #FFFFFF;
	position: absolute;
	top: 35px;
	left: 0px;
	display: none;
	overflow: hidden;
	border: 1px #ddd solid;
	box-sizing: border-box;
	z-index: 9999;
}
.sift-select ul li{
	width: 100%;
	height: 32px;
	line-height: 32px;
	padding: 0px 15px;
	list-style: none;
	color: #000;
}
.sift-select ul li.Selected{
	background: #288dff;
	color: #FFFFFF;
}
.sift-select ul li:hover{
	background: #D0D0D0;
}

.sift-select.open ul{
	max-height: 192px;
	display: block;
	overflow-y: auto;
}
.count{margin-top: 20px; border-bottom: 1px #ddd solid; color: #999; padding-bottom: 20px;}
.count i{color: #CB0000;}

.member-list{}
.member-list a{display: flex; justify-content: space-between; align-items: flex-start;   flex-wrap: wrap; box-sizing: border-box; padding: 30px;}
.member-list a:nth-child(2n){background: #f4f4f4;}
.member-logo{display: block; width: 80px; box-sizing: border-box; border: 1px #999 solid; padding: 6px; background: #fff; border-radius: 6px; margin-top: 2px;}
.member-logo img{display: block; width: 100%;}
.member-info{width: calc(100% - 100px); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.member-info span{display: block; width: calc(100% - 200px);}
.member-info span h1{font-size: 24px; color: #0139B9; transition: 0.3s;}
.member-info span h2{margin-top: 6px; color: #333;}
.member-info span h3{margin-top: 6px; color: #666;}
.member-list a:hover span h1{ color: #CB0000;}

.zhengchang{color: #009907;}
.guoqi{color: #CB0000;}


.user-body{ background: #eee; box-sizing: border-box; }


.user-head-box{width:100%; height: 72px; background: #cb0000; position: fixed; z-index: 99; top: 0; left:0; display: flex; align-items: center; justify-content: space-between;  }
.user-head-logo{display: flex; align-items: center;height: 100%; margin-left: 120px; }
.user-head-logo em{width: 44px; height: 44px; background: #fff; box-sizing: border-box; padding: 4px; border-radius: 50%; overflow: hidden;}
.user-head-logo em img{display: block; width: 100%;border-radius: 50%;}
.user-head-logo p{font-size: 24px; color: #fff;font-weight: bold; margin-left: 10px;word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; width: 220px;}
.user-menu{display: flex; height: 100%; align-items: center;}
.user-menu a{color: #fff; font-size: 16px; transition: 0.3s; height: 100%; display: flex; align-items: center; padding: 0 30px;}
.user-menu a:hover{background: #fff; color: #CB0000;}
.user-menu a.on{background: #fff; color: #CB0000;}
.h-r{display: flex; align-items: center; height: 100%;margin-right: 120px;}
.back-im{transition: 0.3s;  width: 140px; height: 40px; background: #fff; border-radius: 40px; background: #fff;  }
.back-im a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #CB0000; font-size: 16px;}
.back-im a i{display: block; margin-left: 10px;}
.back-im a i::before{content: "\e62a";}
.back-im:hover{ background: #0139b9;}
.back-im:hover a{color: #fff;}

.user-banner{width: 100%; height: 50vh;background: url(../img/user-banner.jpg) no-repeat center; background-size: cover; margin-top: 72px; transition: 0.5s; background-attachment: fixed;}


.user-con{width:calc(100% - 240px); margin: 0 auto;  position: relative; z-index: 2; margin-top: -300px; display: flex;  justify-content: space-between; flex-wrap: wrap;}


.user-data{ width: 300px; position: fixed; left: 120px; top: 260px; background: #fff; border-radius: 12px; text-align: center;  box-sizing: border-box; padding: 25px; transition: 0.5s;}
.user-data.active{top: 180px;}

.user-data em{width: 120px; height: 120px; background: #fff; border-radius: 50%; box-sizing: border-box;padding: 8px; box-shadow: 0 0 10px rgba(0,0,0,.3); display: block; position: absolute; left: 50%; margin-left: -60px; top: -60px;}
.user-data em img{display: block; width: 100%; height: 100%; border-radius: 50%;}
.user-data h1{margin-top: 50px; font-size: 24px; font-weight: bold;}
.user-data h2::after{content: ""; display: block; width: 40px; height: 2px; background: #CB0000; margin: 0 auto; margin-top: 20px;}
.user-data span{display: block; margin-top: 20px;}
.user-data h3{ margin-top: 20px;background: #eee;}
.user-data h3 img{display: block; width: 100%;}
.user-data h3 i{box-sizing: border-box; padding: 40px; display: block; color: #999;}
.user-data h4{margin-top: 10px;}
.user-data a{width: 100%; height: 42px;border-radius: 42px; background: #0139b5; color: #fff; text-align: center; line-height: 42px; font-size: 16px; margin-top: 30px; display: block; transition: 0.3s;}
.user-data a:hover{background: #CB0000;}
.user-home-info{ width: calc(100% - 340px);}
.welc{color: #fff; margin-top: 30px; margin-bottom: 20px; }
.welc h1{font-size: 18px;}
.welc h2{font-size: 48px; font-weight: bold;}

.user-row{ margin-top: 24px;}
.user-info-box{width: 100%; background: #fff; box-sizing: border-box; border-radius: 12px; padding: 25px;}
.user-title{}
.u-t-box{display: flex;align-items: center; justify-content: space-between;}
.u-t-box span{display: flex; align-items: center;}
.u-t-box span em{display: block; width: 44px;}
.u-t-box span em img{display: block; width: 100%;}
.u-t-box span h1{font-size: 24px; font-weight: bold; margin-left: 6px;}
.u-t-box a{display: flex; align-items: center;font-size: 16px; font-weight: bold; transition: 0.3s;}
.u-t-box a i{display: block; margin-left: 6px;}
.u-t-box a i::before{content: "\e609";}
.u-t-box a:hover{color: #CB0000;}
.u-t-line{width: 100%;height: 1px; background: #ddd; position: relative; margin-top: 12px;}
.u-t-line i{display: block;width: 44px; height: 1px; background: #CB0000; position: absolute; left: 0; top: 0;}

.user-home-jieshao{ text-align: justify; line-height: 1.8; color: #666; margin-top: 25px; font-size: 16px;}
.user-home-news{margin-top: 10px;}
.user-home-news a{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px #eee solid;padding-bottom: 15px; padding-top: 15px;}
.user-home-news a:last-child{padding-bottom: 0; border-bottom: 0;}
.user-home-news a h1{font-size: 16px; color: #999;}
.user-home-news a h2{width: calc(100% - 120px); font-size: 16px; word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; transition: 0.3s;}
.user-home-news a:hover h2{color: #CB0000;}

.user-row-two{margin-top: 24px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.user-info-box-two{width: calc(50% - 12px); background: #fff; box-sizing: border-box; border-radius: 12px; padding: 25px;}
.user-home-pic{display: flex; justify-content: space-between; margin-top: 25px;}
.user-home-pic a{display: block; width: calc(50% - 10px);}
.user-home-pic em{display: block; width: 100%; overflow: hidden;}
.user-home-pic em img{display: block; width: 100%; transition: 0.3s;}
.user-home-pic p{text-align: center; margin-top: 10px; word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; font-size: 16px; transition: 0.3s;}
.user-home-pic a:hover img{transform: scale(1.1);}
.user-home-pic a:hover p{color: #CB0000;}

.user-home-contact{ margin-top: 25px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.user-home-contact span{display: block;text-align: center; width: 25%;}
.user-home-contact span em{width: 56px; display: block; margin: 0 auto;}
.user-home-contact span em img{display: block; width: 100%;}
.user-home-contact span h1{font-size: 18px; font-weight: bold; margin-top: 10px;}
.user-home-contact span h2{font-size: 16px; color: #666;}

.user-foot{ height: 68px; background: #CB0000; margin-top: 50px;}
.user-foot span{width:calc(100% - 240px); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; height: 100%;}
.user-foot span h1{color: #fff;}
.user-foot span a{color: #fff;}
.user-foot span a:hover{text-decoration: underline;}


.user-m-btnMenu{ width: 40px; height: 40px;   cursor: pointer;   box-sizing: border-box; border: 2px rgba(255,255,255,.5) solid; border-radius: 50%;display: none;}
.user-m-btnMenu span{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap;  width: 22px;}
.user-m-btnMenu span i{width: 100%; height: 2px; background: #fff; display: block; margin-top: 5px; transition: 0.5s;}
.user-m-btnMenu span i:nth-child(1){margin-top: 0;}
.user-m-btnMenu.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.user-m-btnMenu.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.user-m-btnMenu.active span i:nth-child(3){ width: 4px;}


.user-danye{ line-height: 1.6; color: #666; margin-top: 25px;}
.user-danye img{max-width: auto!important; height: auto!important;}

.user-item-box{width: 100%; background: #fff; box-sizing: border-box; border-radius: 12px; padding: 25px; min-height: 400px;}


.user-news{margin-top: 10px;}
.user-news a{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px #eee solid;padding-bottom: 15px; padding-top: 15px;}
.user-news a h1{font-size: 16px; color: #999;}
.user-news a h2{width: calc(100% - 120px); font-size: 16px; word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; transition: 0.3s;}
.user-news a:hover h2{color: #CB0000;}

.user-pages{margin-top: 30px; margin-bottom: 10px; }


.user-pic{display: flex;  flex-wrap: wrap; }
.user-pic a{display: block; width: calc(33.3333% - 20px); margin-top: 30px; margin-right: 30px;}
.user-pic a:nth-child(3n){margin-right: 0;}
.user-pic em{display: block; width: 100%; overflow: hidden;}
.user-pic em img{display: block; width: 100%; transition: 0.3s;}
.user-pic p{text-align: center; margin-top: 10px; word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; font-size: 16px; transition: 0.3s;}
.user-pic a:hover img{transform: scale(1.1);}
.user-pic a:hover p{color: #CB0000;}
.user-contacts{margin-top: 25px;}
.user-contacts span{display: flex; font-size: 16px;  border: 1px #eee solid;box-sizing: border-box; margin-top: -1px;}
.user-contacts span h1{ color: #999; text-align: right; width: 100px; border-right:  1px #eee solid;  padding:10px; box-sizing: border-box; }
.user-contacts span h2{padding: 10px; box-sizing: border-box; width: calc(100% - 100px);}

.user-home-none{ margin-top: 24px; display: flex; align-items: center; justify-content: center; height: 100px; width: 100%;  color: #666;}