
.c-fl {
	float: left
}
.c-fr {
	float: right
}
.c-cb {
	clear: both
}
.c-mg {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto
}
.c-oh {
	overflow: hidden
}
.c-wd {
	width: 1200px
}
.c-tsn {
	-webkit-transition: all 350ms;
	-o-transition: all 350ms;
	-moz-transition: all 350ms;
	transition: all 350ms
}
.c-bbx {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.c-pr {
	position: relative
}
.c-mt-5 {
	margin-top: 5px
}
.c-mt-10 {
	margin-top: 10px
}
.c-mt-15 {
	margin-top: 15px
}
.c-mt-20 {
	margin-top: 20px
}
.c-mt-25 {
	margin-top: 25px
}
.c-mt-30 {
	margin-top: 30px
}
.c-mt-35 {
	margin-top: 35px
}
.c-mt-40 {
	margin-top: 40px
}
.c-mt-45 {
	margin-top: 45px
}
.c-mt-50 {
	margin-top: 50px
}
.c-nomt {
	margin-top: 0!important
}
.c-nomr {
	margin-right: 0!important
}
.c-nomb {
	margin-bottom: 0!important
}
.c-noml {
	margin-left: 0!important
}
.c-nofont {
	line-height: 0;
	font-size: 0
}
.c-nobg {
	background: none!important
}
.f-czjz {
	position: relative;
	top: 50%;
	-webkit-transform: translate(0px, -50%);
	-moz-transform: translate(0px, -50%);
	-ms-transform: translate(0px, -50%);
	-o-transform: translate(0px, -50%);
	transform: translate(0px, -50%)
}
.f-box {
	margin: 0 auto;
	max-width: 1200px;
	overflow: hidden
}
 @media screen and (min-width:960px) and (max-width:1219px) {
.f-box {
	width: 950px
}
}
 @media screen and (min-width:768px) and (max-width:959px) {
.f-box {
	width: 750px
}
}
 @media screen and (max-width:767px) {
.f-box {
	padding-left: 10px;
	padding-right: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
}
.m-desc {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 30px
}
.m-desc a {
	color: #333
}
.m-desc a:hover {
	text-decoration: underline
}
.m-desc p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 30px
}
.m-desc span {
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	line-height: 30px
}
.m-desc b {
	font-size: 22px;
	font-size: 2.2rem;
	color: #333;
	line-height: 30px;
	font-weight: normal !important
}

.m-desc strong {
	
	font-weight: normal !important
}
.m-desc a {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fb7000;
	line-height: 30px
}
.m-desc img {
	display: block;
	max-width: 100%;
	margin: 0 auto
}
.m-desc iframe {
	display: block;
	max-width: 100%;
	margin: 0 auto
}
.m-desc table {
	width: 90%;
	border-collapse: collapse;
	line-height: 22px;
	border: 1px solid #ccc;
	margin-left: auto;
	margin-right: auto
}
.m-desc table tr td {
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 14px;
	font-size: 1.4rem
}
 @media screen and (max-width:767px) {
.m-tt1 {
	font-size: 24px!important;
	font-size: 2.4rem!important
}
.m-tt2 {
	font-size: 20px!important;
	font-size: 2rem!important
}
.m-tt3 {
	font-size: 18px!important;
	font-size: 1.8rem!important
}
.m-desc1 {
	font-size: 16px!important;
	font-size: 1.6rem!important
}
.m-desc2 {
	font-size: 14px!important;
	font-size: 1.4rem!important
}
[class*="-item"] .item-title {
	font-size: 14px;
	font-size: 1.4rem
}
[class*="-item"] .item-desc {
	font-size: 13px;
	font-size: 1.3rem
}
[class*="-item"] .item-link {
	font-size: 13px;
	font-size: 1.3rem
}
[class*="-item"] .item-modal {
	display: none
}
}
.j-offset-top {
	-webkit-transition: all 750ms;
	-o-transition: all 750ms;
	-moz-transition: all 750ms;
	transition: all 750ms;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0
}
.j-offset-top.run {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.j-offset-left {
	-webkit-transition: all 750ms;
	-o-transition: all 750ms;
	-moz-transition: all 750ms;
	transition: all 750ms;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
	opacity: 0
}
.j-offset-left.run {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.j-offset-right {
	-webkit-transition: all 750ms;
	-o-transition: all 750ms;
	-moz-transition: all 750ms;
	transition: all 750ms;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
	opacity: 0
}
.j-offset-right.run {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.j-lazy {
	min-width: 20%
}
[class*="-item"] .item-pic {
	position: relative;
	display: block;
	line-height: 0;
	font-size: 0;
	text-align: center;
	overflow: hidden
}
[class*="-item"] .item-pic img {
	-webkit-transition: all 350ms;
	-o-transition: all 350ms;
	-moz-transition: all 350ms;
	transition: all 350ms
}
[class*="-item"] .item-pic:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
[class*="-item"] .item-title {
	overflow: hidden
}
[class*="-item"] .item-title a:hover {
	color: #333
}
[class*="-item"] .item-desc {
	overflow: hidden
}
[class*="-item"] .item-desc a {
	display: block
}
[class*="-item"] .item-desc a:hover {
	color: #333
}
.g-hd {
	position: relative;
	z-index: 9
}
.m-hdbox {
	overflow: visible
}
.m-hdfix1 {
	background-color: #102a8d
}
.m-hdinfo {
	float: right
}
.m-hdinfo .info-item {
	float: left;
	line-height: 26px;
	padding: 10px 0;
	padding-left: 24px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff
}
.m-hdinfo .info-item a {
	color: #fff
}
.m-hdinfo .info-item a:hover {
	color: #ccc
}
.m-hdinfo .info-item1 {
	margin-right: 51px;
	background: url("../images/hicon1.png") no-repeat left center
}
.m-hdinfo .info-item2 {
	background: url("../images/hicon2.png") no-repeat left center
}
.m-hdlogo {
	float: left;
	display: block;
	width: 293px;
	line-height: 0;
	font-size: 0;
	margin-top: 4px
}
.m-hdnav {
	float: left
}
.m-hdnav .nav-item {
	position: relative;
	float: left;
	margin: 0 16px;
	margin-top: 3px
}
.m-hdnav .nav-item>a {
	position: relative;
	display: block;
	line-height: 109px;
	padding: 0 7px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #555;
	text-transform: uppercase
}
.m-hdnav .nav-item>a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	background-color: #102a8d;
	display: none
}
.m-hdnav .nav-item>a:hover {
	color: #333
}
.m-hdnav .nav-item>a:hover:before {
	display: block
}
.m-hdnav .nav-item>a.active {
	color: #333
}
.m-hdnav .nav-item>a.active:before {
	display: block
}
.m-hdnav .nav-item>a.current {
	color: #333
}
.m-hdnav .nav-item>a.current:before {
	display: block
}
.m-hdnav .sbnav-list {
	position: absolute;
	display: none;
	padding: 5px 0;
	background-color: #fff;
	border: solid 1px #bfbfbf;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.m-hdnav .sbnav-list1 {
	top: 100%;
	left: -69px;
	width: 286px
}
.m-hdnav .sbnav-list2 {
	margin-left: 2px;
	top: 0;
	left: 100%;
	width: 220px
}
.m-hdnav .sbnav-item {
	position: relative
}
.m-hdnav .sbnav-item a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 24px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	border-bottom: 1px solid #bfbfbf
}
.m-hdnav .sbnav-item a:hover {
	color: white;
	background-color: #333
}
.m-hdnav .sbnav-item a.current {
	color: white;
	background-color: #333
}
.m-hdnav .sbnav-item a.active {
	color: white;
	background-color: #102a8d
}
.m-hdnav .sbnav-item:last-child>a {
	border-bottom: 0
}
.m-hdsch {
	margin-left: 12px;
	float: right;
	position: relative;
	height: 112px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 43px
}
.m-hdsch .sch-btn {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	background: #102a8d url("../images/sch1.png") no-repeat center
}
.m-hdsch .sch-form {
	position: absolute;
	top: 100%;
	right: 0;
	display: none;
	width: 190px;
	overflow: hidden;
	border: 1px solid #000;
	border-radius: 4px;
	background-color: #fff
}
.m-hdsch .form-text {
	float: left;
	width: 160px;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.m-hdsch .form-btn {
	float: left;
	width: 30px;
	height: 30px;
	background: #102a8d url("../images/sch1.png") no-repeat center
}
 @media screen and (max-width:1219px) {
.m-hdnav .nav-item {
	margin: 0 5px
}
.m-hdnav .nav-item>a {
	font-size: 14px;
	font-size: 1.4rem
}
.m-hdnav .sbnav-list {
	width: 200px
}
.m-hdnav .sbnav-item>a {
	font-size: 16px;
	font-size: 1.6rem
}
}
 @media screen and (max-width:999px) {
.m-hdlogo {
	margin-top: 5px;
	margin-bottom: 5px
}
}
 @media screen and (max-width:959px) {
.m-hdnav {
	display: none
}
.m-hdsch {
	display: none
}
.m-hdlogo {
	float: none;
	width: 100%;
	text-align: center
}
.m-hdinfo {
	float: left
}
.m-hdinfo .info-item {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	font-size: 1.2rem
}
.m-hdinfo .info-item1 {
	margin-right: 20px
}
}
.wap-hd-nav {
	display: none
}
.wap-nav {
	width: 5px;
	height: 100%;
	position: absolute;
	right: 0;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	z-index: 999999999999999;
	cursor: pointer;
	position: fixed;
	top: -5px;
	right: 0;
	display: block
}
.wap-nav .nav {
	overflow: hidden;
	width: 300px;
	background: rgba(0,0,0,0.8);
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: auto;
	overflow: scroll
}
.wap-nav .nav span {
	font-family: arial, helvetica, sans-serif
}
.wap-nav .nav form {
	margin: 15px auto;
	width: 258px;
	height: 26px;
	border: 1px solid #fff
}
.wap-nav .nav form .iptc {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	background-color: #fff;
	width: 80%;
	height: 26px;
	line-height: 26px;
	display: block;
	float: left
}
.wap-nav .nav form .ipsc {
	width: 20%;
	height: 26px;
	line-height: 26px;
	display: block;
	float: right;
	background: #fff url("../images/sch2.png") no-repeat center center
}
.wap-nav .nav>ul {
	display: none;
	margin-top: 0;
	margin-bottom: 0;
	overflow: scroll;
	padding-top: 45px;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.wap-nav .nav>ul>li {
	line-height: 40px;
	font-size: 12px;
	font-size: 1.2rem;
	text-indent: 20px;
	position: relative
}
.wap-nav .nav>ul>li .addition {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 15px;
	top: 10px;
	background: url("../images/shizi.png") no-repeat center center
}
.wap-nav .nav>ul>li .addition.fa:before {
	margin-right: 5px;
	color: #fff;
	text-indent: 0
}
.wap-nav .nav>ul>li>a {
	margin-right: 40px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	display: block
}
.wap-nav .nav>ul>li>a span {
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem
}
.wap-nav .nav>ul>li .c-show {
	display: none;
	width: 100%
}
.wap-nav .nav>ul>li .c-show1 .c-s1 {
	position: relative;
	padding-left: 15px
}
.wap-nav .nav>ul>li .c-show1 .c-s1>a {
	position: relative;
	margin-right: 40px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px
}
.wap-nav .nav>ul>li .c-show1 .c-s1>a span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff
}
.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 {
	position: relative
}
.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2 {
	position: relative
}
.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a {
	margin-right: 40px;
	text-indent: 35px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px
}
.wap-nav .nav>ul>li .c-show1 .c-s1>.c-show2 .c-s2>a span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff
}
.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 {
	position: relative
}
.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a {
	margin-right: 40px;
	text-indent: 50px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 30px
}
.wap-nav .nav>ul>li .c-show1 .c-s1 .c-s2 .c-show3 .c-s3 a span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #fff
}
.wap-nav .nav>ul>dl {
	padding: 20px
}
.wap-nav .nav>ul>dl dd {
	float: left;
	margin: 0 2px
}
.wap-nav .menubtn {
	width: 23px;
	height: 18px;
	position: absolute;
	top: 12px;
	right: 12px;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	z-index: 9999
}
.wap-nav .menubtn span {
	display: block;
	width: 100%;
	height: 3px;
	margin-bottom: 3px;
	background-color: #846f54
}
 @media screen and (min-width:960px) {
.wap-nav, .menubtn {
	display: none
}
}
 @media screen and (max-width:959px) {
.wap-hd-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row nowrap;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #846f54
}
.wap-hd-nav-item {
	width: 25%
}
.wap-hd-nav-item a {
	display: block;
	padding: 5px 0;
	line-height: 20px;
	font-size: 14px;
	color: white;
	text-align: center;
	background-color: #363636
}
.wap-hd-nav-item a.active {
	color: white;
	background-color: #846f54
}
}
.banner {
	position: relative;
	z-index: 2;
	font-size: 0;
	line-height: 0
}
.banner .dotList {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%
}
.banner .dotList ul {
	text-align: center
}
.banner .dotList ul li {
	display: inline-block;
 *display:inline;
 *zoom:1;
	margin: 0 6px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	background-image: url("../images/dot1.png")
}
.banner .dotList ul li.active {
	background-image: url("../images/dot2.png")
}
.banner.hide {
	display: none
}
 @media screen and (max-width:959px) {
.banner {
	display: block
}
.banner .dotList {
	bottom: 15px
}
.banner.hide {
	display: block
}
}
