/*------样式目录
1.header样式
2.搜索框
3.nav-导航菜单
4.content-内容
-------*/
/*header-样式*/
.head-area{
	position: relative;
	width: 100%;
	height: auto;	
}
.head-area .conbox{
	width: 100%;
	height: auto;
	padding: 10px 15px;
	background-color: #CC2250;
}
.head-area .conbox .logo{
	float: left;
	width: 80%;
	height: auto;
}
.head-area .conbox .logo img{
	display: block;
	width: 100%;
	height: auto;
}
.head-area .conbox .j-menu{
	float: right;
	width: 24px;
	height: 24px;
	margin-top: 10px;
	cursor: pointer;
}
.head-area .conbox .j-menu img{
	display: block;	
	width: 100%;
	height: auto;
}
.head-area .conbox .j-search{
	float: right;
	width: 24px;
	height: 24px;
	margin-top: 10px;
	margin-right: 10px;
	cursor: pointer;
}
.head-area .conbox .j-search img{
	display: block;	
	width: 100%;
	height: auto;
}
.banner-box{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.banner-box .swiper-container-1{
	position: relative;
}
.banner-box .photos{
	position: relative;
	width: 100%;
	height: auto;
}
.banner-box .photos img{
	display: block;
	width: 100%;
	height: auto;
}

/*搜索框*/
.search-box{
	display: none;
	position: fixed;
	left: 0;
	top: 60px;
	width: 100%;
	background-color: #d86c88;
	width:100%;
	height: 52px;
	z-index: 9;
	padding: 10px 12px;
}
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.search-box{
		top: 62px !important;		
	}
}
.search-box .search{
	position: relative;
	width:100%;
}
.search-box .search input{
	display: block;
	position: absolute;	
	top: 0;
	left: 0;
	width:100%;
	height: 32px;
	font-size: 14px;
	color: #fff;
	padding: 0;
	padding-left: 5px;
	border-bottom: solid 1px #fff;
	background-color: #d86c88;
	outline: none;
}
.search-box .search button[type="submit"]{
	position: absolute;
	right: 1px;
	top: 1px;
	width: 30px;
	height: 30px;
	background-image: url(../img/icon/search.png);
	background-position:left top;
	background-repeat: no-repeat;
	background-color: #d86c88;
	background-size: 24px 24px;
	border: none;
	outline: none;	
}
/*搜索框*/
/*nav-导航菜单*/
.drop-down-menu{
	display: block;
	position: fixed;
	right: -90%;
	top: 0;
	background-color: #3a3a3a;
	width:90%;
	height: 100%;
	z-index: 100;
	padding: 20px;
}
.j-close{
	position: absolute;
	top: 12px;
	right: 12px;
}
.banben .chinese,.banben .english{
	float: left;
	height: auto;
	font-size: 15px;
	color: #fff;
}
.banben .chinese{
	margin-right: 10px;
}
.banben .chinese a{
	color: #fff;
}
.banben .english a{
	color: #fff;
}
.drop-down-menu ul{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.drop-down-menu ul li{
	position: relative;
	border-bottom: solid 1px #e3e3e3;
	padding: 15px 0;
}
.drop-down-menu ul li a.fir-menulist{
	display: block;
	font-size: 14px;
	color: #fff;
	text-align:left;
}
a.fir-menulist i{
	margin-left: 5px;
}
.second-menuul{
	display: none;
	position: absolute;
	left: 0;
	top: 43px;
	width: 100%;
	height: auto;
	z-index: 10;
}
.second-menuul .list{
	width: 100%;
	height: auto;
}
.second-menuul a.second-menulist{
	display: block;	
	width: 100%;
	height: auto;	
	padding: 10px 10px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
	border-bottom: solid 1px #e3e3e3;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.second-menuul a.second-menulist:hover{
	background-color:#0077B3 ;
	color: #fff;
}
/*二级菜单*/
.sec-menu{
	display: none;
	position: absolute;
	left: 0;
	top: 80px;
	width: 100%;
	height: auto;
	background-color: rgba(255,255,255,.8);	
}
.sec-menu .navigation-list{
	width: 100%;
	height: auto;
	border-bottom:solid 1px #bfbfbf;
}
.sec-menu .navigation-list:last-child{
	border-bottom: none;
}
.sec-menu .navigation-list a{
	font-family: "Roboto";
	display: block;
	width: 100%;
	height: auto;
	padding: 6px 0;
	text-align: center;
	font-size: 14px;
	color: #333;
}
.sec-menu .navigation-list a:hover{
	color: #007DDB;
}
.banquan{
	position: absolute;
	bottom: 20px;
	left: 20px;
	font-size: 14px;
	color: #fff;
}
/*nav-导航菜单*/
/*content-内容*/

.contentbox{
	width: 100%;
	height: auto;		
	z-index: 99;
}
.content{
	width: 1180px;
	margin: 0 auto;	
}
/*content-内容*/
.clearfix{
	clear: both;
}
/*footer-页脚*/
.footer-area{
	width: 100%;
	height: auto;
	padding: 20px 45px;
	background-color: #333333;
}
.footer-area .foot-info{
	width: 100%;
}
.footer-area .foot-info .code-block{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.footer-area .foot-info .code-block .items{
	width: 45%;
	text-align: center;
}
.footer-area .foot-info .code-block .items img{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.footer-area .foot-info .code-block .items span{
	font-size: 12px;
	color: #fff;
}
.footer-area .foot-info .infos{
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	margin-top: 10px;
}
/*侧边栏*/
.backtop{
	display: none;
    position: fixed;
    right: 15px;
    bottom: 54px;
    width: 32px;
    height: 32px;
    line-height: 40px;
    z-index: 99;
    cursor: pointer;
    background: url(../img/icon/back.png) no-repeat center;
    background-color: #73726f;
    background-size: 24px 24px;
}
.active-2{
	color: #ef841a !important;
}
/*分页*/
.paging {
    width: auto;
    height: auto;
    font-size: 13px;
    text-align: center;
}
.paging ul li a {
	font-size: 12px;
    margin: 0 5px;
    border-radius: 15px !important;
    padding: 6px 15px;
    color:#3e3e3e;
}
.paging ul li span {
	font-size: 12px;
    margin: 0 5px;
    border-radius: 15px !important;
    padding: 6px 15px;
}
.paging ul li.cur a{
	color: #cc224f !important;
	border-color: #cc224f !important;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 15px 0;
    border-radius: 4px;
}