/*//自定义浏览器滚动条*/

body::-webkit-scrollbar,
.layers-table-list::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

body::-webkit-scrollbar-track,
.layers-table-list::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ddd;
}

body::-webkit-scrollbar-thumb,
.layers-table-list::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

::-webkit-scrollbar-track-piece {
	width: 8px;
	background-color: #f8f8f8;
}

::-webkit-scrollbar {
	width: 8px;
	background-color: #2882e8;
}

::-webkit-scrollbar-thumb {
	width: 8px;
	background-color: #aeaeae;
}

 ::-webkit-scrollbar-thumb:hover {
	width: 8px;
	background-color: #2882e8;
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
}

a:focus,
a:hover {
	color: #23527c;
	text-decoration: none;
}

img {
	max-width:100%;
}

html,
body {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 1200px;
}

* {
	font-size: 13px;
	font-family: "微软雅黑";
}


/*网页文字选中效果*/

::selection {
	background: #ff9a15;
	color: #FFFFFF;
}

::-moz-selection {
	background: #ff9a15;
	color: #FFFFFF;
}

::-webkit-selection {
	background: #ff9a15;
	color: #FFFFFF;
}

.w1400 {
	width: 73.8%;
	margin: 0 auto;
	min-width: 1200px;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.m500 {
	min-height: 500px;
}


/*头部*/

header {
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
    background:#ffffff;
}

.head {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.head .logo {
	padding: 10px 0px;
	margin-right: 30px;
}

.head .logo img {
	width: 300px;
    margin-top:10px;
}

.head .nav {
	position: relative;
}

.head .nav>ul:first-child>li {
	float: left;
}

.head .nav>ul:first-child>li:nth-child(1) p {
	z-index: 9;
	position: absolute;
	color: #ffffff;
	width: 368px;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
}

    .head .nav > ul:first-child > li > a {
        display: block;
        width: 115px;
        height: 80px;
        text-align: center;
        line-height: 80px;
        color: #000000;
        font-size: 16px;
    }

.head .nav>ul:first-child>li>a.active {
	background: url(../img/ico/02.png) no-repeat center;
	background-size: 100% 100%;
	color: #FFFFFF;
}

.head .nav>ul:first-child>li ul.navs {
	position: absolute;
	width: 100%;
	left: 0px;
	padding-left: 40px;
	height: 30px;
	line-height: 30px;
	display: none;
	z-index: 99;
}

.head .nav>ul:first-child>li ul.navs li {
	float: left;
	margin-right: 30px;
}

.head .nav>ul:first-child>li ul.navs li:last-child {
	margin-right: 0px;
}

.head .nav>ul:first-child>li ul.navs li a {
	color: #ffffff;
	font-size: 14px;
}

.head .language {
	width: 95px;
	cursor: pointer;
	position: relative;
	margin-left: 30px;
}

.head .language .dropdown {
	height: 80px;
	line-height: 80px;
	color: #666666;
	font-size: 16px;
	text-align: center;
	position: relative;
}

.head .language .dropdown::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 0px;
	width: 21px;
	height: 21px;
	background: url(../img/ico/01.png) no-repeat center;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.head .language .dropdown::before {
	position: absolute;
	content: "";
	top: 50%;
	right: 0px;
	width: 11px;
	height: 9px;
	background: url(../img/ico/03.png) no-repeat center;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.head .language .dr-list {
	position: absolute;
	display: none;
	top: 80px;
	width: 100%;
	text-align: center;
	background: #ff9a15;
	z-index: 99;
}

.head .language .dr-list::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	background: #ff9a15;
	left: 50%;
	margin-left: -5px;
	transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	top: -5px;
}

.head .language .dr-list a {
	display: block;
	color: #e5e6e0;
	font-size: 14px;
	padding: 5px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.head .language .dr-list ul li:last-child a {
	border: none;
}

.head .language:hover .dr-list {
	display: block;
}

.tow_nav_bj {
	background: #ff9a15;
	width: 100%;
	height: 30px;
	position: absolute;
	top: 80px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	z-index: 5;
}


/*banner*/

.banner {
	width: 100%;
	position: relative;
}
 .banner img {
		width: 100%;
		height: auto
	}


	.banner .ani img {width:auto;
	}


.banner .banner_t {
	position: absolute;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	text-align: center;
	top: 40%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.banner .banner_t p:nth-child(1) {
	color: #ff1800;
	font-size: 72px;
	font-weight: bold;
}

.banner .banner_t p:nth-child(2) {
	color: #FFFFFF;
	font-size: 35px;
	margin-top: 15px;
	margin-bottom: 35px;
}

	

	.banner #bans .swiper-pagination-bullets {
		margin-bottom: 82px;
	}

.banner #bans .swiper-pagination-bullets .swiper-pagination-bullet {
	opacity: 1;
	border-radius: 50%;
	width: 11px;
	height: 11px;
	border: 2px solid #FFFFFF;
	background: none;
}

.banner #bans .swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: #FFFFFF;
}





.banner .notice {
	position: absolute;
	bottom: 0px;
	height: 50px;
	background: rgba(0, 0, 0, .45);
	width: 100%;
	z-index: 10;
	overflow: hidden;
}

.banner .notice .notice-box {
	height: 100%;
}

.banner .notice .notice-box>span {
	color: #ff0000;
	font-size: 16px;
	font-weight: bold;
	display: block;
	height: 50px;
	line-height: 50px;
	float: left;
}

.banner .notice .notice-box .swiper-container {
	float: left;
	margin-left: 11px;
}

.banner .notice .notice-box a {
	display: block;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	position: relative;
	padding-left: 11px;
}

.banner .notice .notice-box a::before {
	position: absolute;
	content: '';
	width: 2px;
	height: 17px;
	background: #FFFFFF;
	left: 0px;
	top: 50%;
	margin-top: -8.5px;
}

.banner .notice .notice-box a span,
.banner .notice .notice-box a font {
	font-size: 16px;
}

.banner .notice .notice-box a font {
	margin-left: 50px;
}

.banner .notice .notice-box a:hover span,
.banner .notice .notice-box a:hover font {
	color: #ff9306;
}

.banner .notice .notice-box .notice-page {
	float: right;
	height: 50px;
	position: relative;
	line-height: 50px;
	width: 35px;
}

.banner .notice .notice-box .notice-page .swiper-button-prev {
	left: 0px;
	width: 6px;
	height: 11px;
	opacity: 1;
	cursor: pointer;
	margin-top: -5.5px;
	background: url(../img/index/03.png) no-repeat center;
	outline: none;
}

.banner .notice .notice-box .notice-page .swiper-button-next {
	right: 0px;
	width: 6px;
	height: 11px;
	opacity: 1;
	cursor: pointer;
	margin-top: -5.5px;
	background: url(../img/index/02.png) no-repeat center;
	outline: none;
}

.banner .notice .notice-box .notice-page .swiper-button-prev:hover {
	background: url(../img/index/03_1.png) no-repeat center;
}

.banner .notice .notice-box .notice-page .swiper-button-next:hover {
	background: url(../img/index/02_1.png) no-repeat center;
}

footer {
	background: #222222;
	padding: 30px 0px;
}
    footer .footer {
        position:relative;
    }
    footer .footer > div {
        float: left;
    }

footer .footer>div.f1 {
	padding-top: 50px;
}

        footer .footer > div.f2 {
            margin-left: 2%;
            width: 40%;
        }

footer .footer>div.f2 .f-nav {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 28px;
}

    footer .footer > div.f2 .f-nav a {
        color: #cccccc;
        font-size: 14px;
        margin-right: 30px;
    }

footer .footer>div.f2 .f-nav a:hover {
	color: #ff9306;
}

footer .footer>div.f2 .f-nav a:last-child {
	margin-right: 0px;
}

footer .footer>div.f2 .copyright {
	margin-top: 30px;
}

footer .footer>div.f2 .copyright p {
	color: #cccccc;
	font-size: 13px;
	margin-bottom: 10px;
}

footer .footer>div.f2 .copyright p:last-child {
	margin-bottom: 0px;
}

footer .footer>div.f2 .copyright p:last-child a {
	margin-right: 15px;
}

    footer .footer > div.f3 {
        margin-left: 2%;
        width: 17%;
    }

footer .footer>div.f3 .f-contact {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-bottom: 28px;
}

footer .footer>div.f3 .f-contact a {
	color: #cccccc;
	font-size: 16px;
}

footer .footer>div.f3 .f-contact a:hover {
	color: #ff9306;
}

footer .footer>div.f3 .us {
	margin-top: 63px;
}

footer .footer>div.f3 .us p {
	color: #cccccc;
	font-size: 12px;
	margin-bottom: 10px;
}

footer .footer>div.f3 .us a {
	margin-right: 30px;
	position: relative;
}

footer .footer>div.f3 .us a.wx div {
	width: 110px;
	height: 110px;
	background: #FFFFFF;
	padding: 3px;
	position: absolute;
	left: 50%;
	margin-left: -55px;
	top: -120px;
	display: none;
}

footer .footer>div.f3 .us a.wx:hover div {
	display: block;
}

footer .footer>div.f4 {
	float: right;
	text-align: center;
	padding-top: 50px;
}

footer .footer>div.f4 p {
	color: #aaaaaa;
	font-size: 14px;
	padding: 10px 0px;
}

        footer .footer iframe {
            position: absolute;
            top: 115px;
            left: 100px;
            display:none;
        }
        /*二级页面banners*/
        .banners {
            position: relative;
        }

.banners img {
	width:100%;
	height:auto;
}

.banners .ban_t {
	width: 1200px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	text-align: center;
}

.banners .ban_t p:nth-child(1) {
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	opacity: 0;
	animation: banners_t 0.6s 0.4s ease-in forwards;
	-moz-animation: banners_t 0.6s 0.4s ease-in forwards;
	-ms-animation: banners_t 0.6s 0.4s ease-in forwards;
	-webkit-animation: banners_t 0.6s 0.4s ease-in forwards;
}

.banners .ban_t p:nth-child(2) {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 36px;
	text-transform: uppercase;
	opacity: 0;
	animation: banners_t 0.6s 1s ease-in forwards;
	-moz-animation: banners_t 0.6s 1s ease-in forwards;
	-ms-animation: banners_t 0.6s 1s ease-in forwards;
	-webkit-animation: banners_t 0.6s 1s ease-in forwards;
}

.banners .ban_t span {
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	position: relative;
	opacity: 0;
	animation: banners_t 0.6s 1.5s ease-in forwards;
	-moz-animation: banners_t 0.6s 1.5s ease-in forwards;
	-ms-animation: banners_t 0.6s 1.5s ease-in forwards;
	-webkit-animation: banners_t 0.6s 1.5s ease-in forwards;
}

.banners .ban_t span::before {
	position: absolute;
	content: "";
	width: 16px;
	height: 20px;
	left: 50%;
	top: 50%;
	margin-left: -8px;
	margin-top: -10px;
	background: url(../img/ico/04.png) no-repeat center;
	animation: down_load 1.5s infinite linear;
	-moz-animation: down_load 1.5s infinite linear alternate;
	-ms-animation: down_load 1.5s infinite linear alternate;
	-webkit-animation: down_load 1.5s infinite linear alternate;
}

@keyframes banners_t {
	from {
		opacity: 0;
		transform: translateY(50px);
		-moz-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-webkit-transform: translateY(50px);
	}
	to {
		opacity: 1;
		transform: translateY(0px);
		-ms-transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
	}
}

@keyframes down_load {
	from {
		transform: translateY(-3px);
	}
	to {
		transform: translateY(5px);
	}
}


.banners  .swiper-pagination-bullets {
   
}

    .banners .swiper-pagination-bullets .swiper-pagination-bullet {
        opacity: 1;
        border-radius: 50%;
        width: 11px;
        height: 11px;
        border: 2px solid #FFFFFF;
        background: none;
    }

    .banners .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background: #FFFFFF;
    }



/*二级导航*/

.tow_navs {
	width: 100%;
	background: #FFFFFF;
}

.tow_navs div a {
	display: block;
	float: left;
	width: 12.4%;
	height: 80px;
	text-align: center;
	line-height: 80px;
	color: #333333;
	font-size: 16px;
	border-left: 1px solid #ededed;
	position: relative;
}

.tow_navs div a::before {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	right: 0px;
	height: 4px;
	background: #FFFFFF;
}


/*.tow_navs div a:nth-child(7n) {
	border-right: 1px solid #ededed;
}*/

.tow_navs div a:last-child {
	border-right: 1px solid #ededed;
}

.tow_navs div a:hover,
.tow_navs div a.active {
	color: #ff9a15;
}

.tow_navs div a:hover::before,
.tow_navs div a.active::before {
	background: #ff9a15;
}


/*内容宽度*/

.cbody {
	padding: 50px 52px;
	background: #FFFFFF;
	margin-top: 60px;
	margin-bottom: 80px;
}


/*分页*/

.page {
	text-align: center;
	margin-top: 50px;
}

.page a,
.page span {
	/*min-width: 33px;
	min-height: 33px;*/
	padding: 7px 12px;
	display: inline-block;
	margin: 0px 5px;
	color: #666666;
	font-size: 14px;
	text-align: center;
	/*line-height: 33px;*/
}

.page a:hover,
.page span.active {
	color: #FFFFFF;
	background: #ff9a15;
}


/*分享背景图*/

.bdshare-button-style0-24 .bds_more {
	background: url(../img/index/06.png) no-repeat center !important;
}

.bdshare-button-style0-24 .bds_sqq {
	background: url(../img/index/07.png) no-repeat center !important;
}

.bdshare-button-style0-24 .bds_tsina {
	background: url(../img/index/08.png) no-repeat center !important;
}

.bdshare-button-style0-24 .bds_tqq {
	background: url(../img/index/09.png) no-repeat center !important;
}


/*侧边栏*/

.izl-rmenu {
    position: fixed;
    right: 0;
    margin-right: 20px;
    top: 80%;
    padding-bottom: 20px;
    z-index: 500;
}

@media only screen and (min-width: 100px) and (max-width:1500px) {
    .izl-rmenu {
        top: 70%;
    }
}

.izl-rmenu .btn {
    width: 72px;
    height: 73px;
    margin-bottom: 1px;
    cursor: pointer;
    position: relative;
}

.izl-rmenu .btn-qq {
    background: url(../img/ico/qq1.png) center no-repeat;
    background-color: #ff9a15;
    border-radius: 3px;
}

    .izl-rmenu .btn-qq:hover {
        background-color: #ff9a15;
    }

.izl-rmenu a.btn-qq,
.izl-rmenu a.btn-qq:visited {
    background: url(../img/ico/msg.png) center no-repeat;
    background-color: #ff9a15;
    text-decoration: none;
    display: block;
}

.izl-rmenu .btn-wx {
    background: url(../img/ico/qrcode.png) center no-repeat;
    background-color: #ff9a15;
    border-radius: 3px;
}

    .izl-rmenu .btn-wx:hover {
        background-color: #ff9a15;
    }

    .izl-rmenu .btn-wx .pic {
        position: absolute;
        left: -165px;
        top: -13px;
        display: none;
        width: 160px;
        height: 160px;
        max-width: inherit;
        background-color: #ff9a15;
        padding: 20px;
    }



.izl-rmenu .btn-phone {
    background: url(../img/ico/phone.png) center no-repeat;
    background-color: #ff9a15;
    border-radius: 3px;
}

    .izl-rmenu .btn-phone:hover {
        background-color: #ff9a15;
    }

    .izl-rmenu .btn-phone .phone {
        background-color: #ff9a15;
        position: absolute;
        width: 177px;
        left: -178px;
        top: 0px;
        height: 53px;
        line-height: 53px;
        text-indent: 1em;
        color: #FFF;
        font-size: 18px;
        /* text-align: center; */
        /* display: none; */
        /*padding: 20px 0px 0px 10px;*/
        border-radius: 3px;
    }

.izl-rmenu .btn-top {
    background: url('../img/ico/top.png') center no-repeat;
    background-color: #ff9a15;
    display: none;
    border-radius: 3px;
}

    .izl-rmenu .btn-top:hover {
        background-color: #ff9a15;
    }

.publicwidth {
    width: 90%;
    min-width: 1200px;
    margin: 0 auto;
    min-height: 500px;
    padding-top: 60px;
    margin-bottom: 80px;
    overflow: hidden;
}


/*兼容*/
/*@media screen and (min-width: 1481px) and (max-width: 1700px){
	.head .nav > ul:first-child > li > a {
    
    width: 90px;
    font-size:14px;
	}
	
	footer .footer > div.f3 {
    margin-left: 1%;
    width: 17%;
}
footer .footer > div.f2 {
    margin-left: 1%;
    width: 40%;
}
    footer .footer .copyright p:nth-child(3) a:nth-child(2) {
        display: block;
        margin-top: 10px;
        margin-bottom:10px;
    }
}*/
@media screen and (min-width: 1200px) and (max-width: 1660px) {
	.head .nav>ul:first-child>li>a {
		width: 90px;
		font-size: 14px;
	}
	.head .nav>ul:first-child>li ul.navs li {
		float: left;
		margin-right: 20px;
	}
	.head .logo img {
		width: 325px;
	}
    footer .footer > div.f2 .f-nav a {
        color: #cccccc;
        font-size: 16px;
        margin-right: 5px;
    }
    footer .footer > div.f3 {
        margin-left: 2%;
        width: 20%;
    }

    footer .footer .copyright p:nth-child(3) a:nth-child(3) {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
    }
	footer .footer > div.f2 {
    margin-left: 4%;
    width: 30%;
}
}