﻿/* CSS Document */
html,body{width:100%; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
/*body { position:relative; background:#f7f7f7; color:#000; font-size:14px; font-family:supergroup_bold,Arial,"Lucida Grande","宋体",SimSun,"华文细黑",STXihei,sans-serif; }*/
body { position:relative; background:#fff; color:#000; font-size:14px; font-family:Microsoft YaHei; }
td,th,caption { font-size:14px; }
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
.fl{float:left;}
.fr{float:right;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.moreimg{width:100%;}

.swiper-pagination {
	  position: absolute;
	  z-index: 20;
	  bottom: 10px;
	  width: 100%;
	  text-align: center;
	}
	.swiper-pagination-switch {
	  display: inline-block;
	  width: 10px;
	  height: 10px;
	  border-radius: 8px;
	  background: #555;
	  margin: 0 5px;
	  opacity: 0.8;
	  cursor: pointer;
	}
	.swiper-active-switch {
	  background: #324e70;
	}

.swiper-container .banner {
    width:1480px;
    /*height: 550px;*/
	margin:0 auto;
	position:relative;
}
.swiper-container {
    width: 100%;
    /*height: 650px;*/
}  
.swiper-container .swiper-slide {
    width: 100%;
	position:relative;
}
.swiper-container .swiper-slide img{width:100%; margin-top:5px;}

.swiper-pagination-bullet{background:#fff;}
.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #324e70;
}
.swiper-pagination-bullet{width:15px; height:15px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px;}

.swiper-button-next{right:-35px; top:58%;}
.swiper-button-prev{left:-35px; top:58%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background:url(../images/01.png) no-repeat;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:url(../images/02.png) no-repeat;}

.service{ position:fixed; right:0; top:40%; z-index:10;}
.service img{ display:table;}
.service .main{ display:table; background:#fff; width: 100%; box-shadow:0px 0px 2px #ccc;}
.service .main h2{width:100%; padding:10px 0; font-size:17px; font-weight:bold; color:#333; text-align:center;}
.service .main p{text-align:center; line-height:2; width:100%;}
.service .main p img{ display:table; margin:10px auto;}

.article-center-info h1{font-size:20px; color:#ccc;}
.article-center-info table{width:100%; margin:20px auto;}
.article-center-info table th{border-bottom:2px solid #000; padding:10px 0;  font-weight:bold; color:#999; text-align:center;}
.article-center-info table .on{border-right:2px solid #000; font-weight:bold;}
.article-center-info table td{ padding:20px 0; text-align:center; border-bottom:1px solid #ececec;}
.article-center-info table td a{padding:0 10px; color:#69F; border-right:1px solid #ccc;}
.article-center-info table td a:hover span{border-bottom:1px solid #69F;}

.layui-tab-title{background:#f0f0f0; border:none;}
/*
————————————————————————————————————————————————
|	头部顶部 										
————————————————————————————————————————————————
*/

.theTop{width:100%; height:28px; background:#c31a31;}
.theTop div{line-height:27px; color:#fff; margin:0 auto;}
.theTop div ul li{float:left; padding:0 15px; position:relative; }
.theTop div ul li.focus{ line-height:26px; padding-right:21px;}
.theTop div ul li.focus .child{ display: none; z-index:3; position:absolute; width:150px; bottom:-103px; left:17px; background:#fff;}
.theTop div ul li.focus .child h5{text-align:center; color:#ccc; font-weight:bold;}
.theTop div ul li.focus .child a{ text-indent:7px; color:#333; display:table; width:100%; line-height:35px; background:#fff;}
.theTop div ul li.focus .child a:hover{background:#ececec;}
.theTop div ul li img{width:35px; height:21px; margin-top:1px; margin-left:2px; float:left;}
.theTop div ul li.focus .child a img{width:35px; height:21px; margin-top:7px; margin-left:2px; float:left;}
.theTop div ul li a{color:#fff;}
.theTop div ul li i{font-size:15px; color:#fff; position:absolute; right:5px; top:2px;}
.theTop div.language_select{width:120px; right:-35px; line-height:23px; text-indent:7px; height:23px; position:relative; top:2px;}
.theTop div.language_select:hover{ cursor:pointer;}

.theTop .languageSet{width:60px; position:absolute; top:0; right:5px; height:25px; color:#000; background:#fff; border-radius:2px; line-height:25px; margin-top:2px; text-align:center;}

.windowLanguage{display:none;}
.windowLang{ position:fixed; width:100%; height:100%; z-index:99999;  background:rgba(0,0,0,0.5); top:0; left:0;
/* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.windowLang .selectLang{
	width:150px;
	border-radius:3px;
	background:#fff;
	text-align:center;
}
.windowLang .selectLang a{display:table; width:100%; padding:15px 0;}

.logo-content{width:1080px; background:#fff; margin:0 auto;}
.logo-content .fr{
	width:65%;
}
.logo-content img{float:left;}

.header{width:1024px; margin:30px auto 0; text-align:center; display:table;}
.header b{ position:relative; top:-2px;}
.header img{width:100%;}

.logo-content ul{width:1080px; margin:0 auto;}
.logo-content ul li{ line-height:50px; width:11%;text-align:center; position:relative; display:table; float:left;}
.logo-content ul li a{color:#fff; display:table; width:100%; font-weight:100; font-size:16px;}
.logo-content ul li.on{background:#c31a31;}
.logo-content ul li .child{ background:#fff; position:absolute; display:none; z-index:99999; box-shadow:0 0 3px #999; width:170px; margin-top:0;}
.logo-content ul li .child li{float:none; margin:0; line-height:45px; text-align:left; width:100%; display:table; text-align:center; background:#fff;}
.logo-content ul li .child li:hover a{color:#c31a31;}
.logo-content ul li .child li a{ font-weight:100; color:#333;}
.logo-content ul li .child li.on a{color:#c31a31; font-weight:100;}

.footer{width:100%; position:relative; padding-bottom:5px; background:#fff; display:table;}
.footer .footer-main{ display:table; text-align:center; margin:0 auto; width:1024px;}
.footer .footer-main p{ font-size:14px;}
.footer .footer-main p img{width:100px; margin-left:10px;}
.footer .footer-main div img{height:80px;}



.window{width:100%; height:100%; right:0; top:0; background:rgba(0,0,0,0.5); display:none; position:fixed; z-index:9999;}
.window .right{width:60%; background:#324e70; height:100%; float:right;}
.window .right p{ text-align:center; margin:10px;}
.window .right p i{font-size:2em; color:#fff;}
.window .right ul li{padding:15px 20px;}
.window .right ul li.on{background:#456183;}
.window .right ul li a{font-size:15px; color:#fff;}
.window .right ul li a i{ position:relative; top:3px; right:3px;}
.window .right ul li .child{ text-align:center;}

.content_slide{ margin:0 auto;}
.content_slide .swiper-container {
        width: 100%;
		
        margin:0 auto;
    }
.content_slide .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.content h1{ font-size:2em; text-align:center;}
.content .more{
		margin:30px 0; text-align:center; line-height:2; 
}
.content .more span{ padding:5px 1%; color:#324e70; font-size:11px; border:1px solid #324e70; font-weight:bold; margin:0 0.2%;}
.content .more span:hover{ cursor: default;}
.content .more:hover{ cursor: default;}

.info-content img,.info-content-web img{width:100%; margin-top:5px;}
table{width:100%;}
table td{padding:1.5%; border:1px solid #333;}

.content .layui-tab{width:1024px; margin:50px auto;}
.content .layui-tab ul.layui-tab-title{background:none; border:none; height:auto;}
.content .layui-tab ul li{width:33.3%; text-align:center; padding:0; border:none;}
.content .layui-tab ul li .on{display:contents;}
.content .layui-tab ul li .off{display:none;}
.content .layui-tab ul li h3{margin-top:10px;}
.content .layui-tab ul li p{width:170px; line-height:25px; color:#666; margin:0 auto; white-space:normal;}
.content .layui-tab ul.layui-tab-title .layui-this::after{border:none;}
.content .layui-tab ul.layui-tab-title .layui-this .on{ display:none;}
.content .layui-tab ul.layui-tab-title .layui-this .off{ display:contents;}

.content .layui-tab ul.child li{width:25%;}

.content .box-xin{ height: 385px; margin-top: 35px; }
.content .box-xin .m1-xin{
    height: 386px;
    margin-top: 0;
	float:left;
    width: 200px;}
.content .box-xin .m1-xin .m-tit{padding:20px; color:#fff;}
.content .box-xin .m1-xin .m-tit h2{font-size:34px; font-weight:200;}
.content .box-xin .m1-xin .m-tit p {font-size:16px; color:#f8f8f8; margin:10px 0;}
.content .box-xin .m1-xin .m-tit a{width:60px; background:rgba(0,0,0,0.2); color:#fff; text-align:center; line-height:25px; display:table; border-radius:3px;}

.content .box-xin div.r{float:right;}
.content .box-xin .m-item{width:804px;}
.content .box-xin .m-item li{float:left; height: 385px; overflow: hidden; width:29.2%; margin:0 2%; text-align:center}
.content .box-xin .m-item li img{margin-right:5px;}
.content .box-xin .m-item li:hover{ box-shadow:0 0 5px #999;}
.content .box-xin .m-item li h3{font-size:16px; line-height:44px;}
.content .box-xin .m-item li h2{font-size:24px; font-weight:100; padding:10px 20px; text-align:left;}
.content .box-xin .m-item li p{ text-align:left; padding:10px 20px; width:100%;}
.content .box-xin .m-item li p strong{font-size:40px; color:#F60; font-weight:100;}
.content .box-xin .m-item li h4{margin:0 auto; width:79%;}
.content .box-xin .m-item li h4 a{width:80px; color:#c31a31; border:1px solid #c31a31; text-align:center; line-height:28px; display:table; border-radius:3px; margin:20px auto 0;}
.content .box-xin .m-item li h4 a:nth-child(1){float:left;}
.content .box-xin .m-item li h4 a:nth-child(2){float:right;}

.content-about{ display:table; width:100%;}
.content-about .about-main{width:1024px; margin:10px auto 30px; background:#fff; display:table;}
.content-about .about-main .title{ text-align:center; margin:70px 0;}
.content-about .about-main .title h3{font-size:20px; font-weight: bold;}
.content-about .about-main .title p{font-size:20px; padding:0 0 8px;  background:url(../images/bottom.png) no-repeat center bottom; }
.content-about .about-main .content{width:80%; margin:0 auto; display:table;}
.content-about .about-main .content img{width:100%;}/*
.content-about .about-main .content p{ text-indent:30px; margin:20px 0; line-height:28px; font-size:14px;}*/
.content-about .about-main .content a{ display:table; margin:0 auto; background:#c31a31; width:150px; line-height:40px; text-align:center; color:#fff;}

.content-about .about-main .info-right{width:78%; display:table; float:right;}
.content-about .about-main .info-right .top{height:30px; color:#666; margin:10px 0; line-height:30px; border-bottom:2px solid #c31a31;}
.content-about .about-main .info-right .top span{color:#c31a31;}
.content-about .about-main .info-right .content{width:98%; margin-bottom:20px;}
.content-about .about-main .info-left{width:20%;  float:left;}
.content-about .about-main .info-left .on-back{background:url(../images/ny_sub_h2.jpg) no-repeat center / 100% 100%;}
.content-about .about-main .info-left .on-back{ margin:10px 0 0; color:#fff;}
.content-about .about-main .info-left .on-back a{width:80%; padding:15px 20px; display:table; color:#fff; font-size:16px;}
.content-about .about-main .info-left ul.main li{ border-bottom:1px solid #ececec;}
.content-about .about-main .info-left ul.main li:nth-last-child(1){border:none;}
.content-about .about-main .info-left ul.main li i{ position:relative; top:1px; color:#fff;}
.content-about .about-main .info-left ul.main li a{width:80%; padding:15px 20px; display:table;}
.content-about .about-main .info-left ul.main li:hover a{color:#c31a31;}
.content-about .about-main .info-left ul.main li.on a{color:#c31a31;}
.content-about .about-main .info-left ul.main li.on a i{color:#c31a31;}

.content-about .about-main .listing-content .header{padding:10px 0; background:#ececec; text-align:right;}
.content-about .about-main .listing-content .header a{color:#fff; padding:0 15px; color:#333;}
.content-about .about-main .listing-content .header a.on{color:#c31a31;}
.content-about .about-main .listing-content table tr{ background:#fff;}
.content-about .about-main .listing-content table tr:hover{background:#f0f0f0;}
.content-about .about-main .listing-content table td{border:none; border-bottom:1px solid #ececec;}
.content-about .about-main .listing-content table td:nth-child(1){ text-align:center;}
.content-about .about-main .listing-content table td p{width:100%; line-height:30px;}
.content-about .about-main .listing-content table td p span{color:#999;}
.content-about .about-main .listing-content table td img{width:100%;}
.content-about .about-main .listing-content table td h2{font-weight:100; font-size:20px; margin-bottom:5px; color:#c31a31;}
.content-about .about-main .listing-content table td p.price{color:#F60; font-size:25px;}

.content-about .about-main .listing-content table td ul li{float:left; width:25%; text-align:center; margin:31px 0;}
.content-about .about-main .listing-content table td ul li h3{font-weight:100;}
.content-about .about-main .listing-content table td ul li p{color:#c31a31; font-size:2em; line-height:2; background:url(../images/bottom.png) no-repeat center bottom; margin-bottom:10px;}
.content-about .about-main .listing-content table td a.info{ border:1px solid #c31a31; color:#c31a31; padding:5px 15px; border-radius:100px;}

.content .layui-tab .layui-tab-item table{ margin:40px auto 0;}
.content .layui-tab .layui-tab-item table tr{ background:#fff; border:1px solid #c31a31}
.content .layui-tab .layui-tab-item table tr:hover{background:#f0f0f0;}
.content .layui-tab .layui-tab-item table td{border:none;}
.content .layui-tab .layui-tab-item table td:nth-child(1){ text-align:center;}
.content .layui-tab .layui-tab-item table td p{width:100%; line-height:30px;}
.content .layui-tab .layui-tab-item table td p span{color:#999;}
.content .layui-tab .layui-tab-item table td img{width:100%;}
.content .layui-tab .layui-tab-item table td h2{font-weight:100; font-size:20px; margin-bottom:5px; color:#c31a31;}
.content .layui-tab .layui-tab-item table td p.price{color:#F60; font-size:25px;}

.content .layui-tab .layui-tab-item table td ul{width:100%;}
.content .layui-tab .layui-tab-item table td ul li{float:left; width:25%; text-align:center; margin:31px 0;}
.content .layui-tab .layui-tab-item table td ul li h3{font-weight:100;}
.content .layui-tab .layui-tab-item table td ul li p{color:#c31a31; font-size:2em; line-height:2; background:url(../images/bottom.png) no-repeat center bottom; margin-bottom:10px;}
.content .layui-tab .layui-tab-item table td a.info{ border:1px solid #c31a31; color:#c31a31; padding:5px 15px; border-radius:100px;}


.content-about .about-main .details-content div.title h2{font-weight:100; font-size:2em; margin-bottom:5px;}
.content-about .about-main .details-content div.title{margin:30px 0; position:relative;}
.content-about .about-main .details-content div.main{width:85%;  border:1px solid #ececec; display:table; margin:0 auto 30px;}
.content-about .about-main .details-content div.main ul:nth-child(1){width:40%; float:left; display:table; text-align:center; background:#f3f3f3;}
.content-about .about-main .details-content div.main ul:nth-child(1) li{padding:10px 0; width:33%; float:left; line-height:30px; border-right:1px solid #ececec}
.content-about .about-main .details-content div.main ul:nth-child(1) li span{font-size:1.5em; color:#c31a31}

.content-about .about-main .details-content div.main ul:nth-child(2){width:60%; float:left; display:table; text-align:center; background:#f3f3f3;}
.content-about .about-main .details-content div.main ul:nth-child(2) li{padding:10px 0; height:62px; overflow:hidden; width:49.8%; float:left; line-height:30px; border-right:1px solid #ececec}
.content-about .about-main .details-content div.content{width:85%; margin:0 auto;}
.content-about .about-main .details-content div.title a{ position:absolute; right:30px; font-size:16px;}

.content-about .about-list{ display:table; width:100%;}
.content-about .about-list ul li{width:25%; float:left; text-align:center;}
.content-about .about-list ul li div{width:90%; margin:0 auto; display:table;}
.content-about .about-list ul li div img{height:180px; width:100%;}
.content-about .about-list ul li div h3{ font-size:18px; font-weight:100; margin:10px 0;}
.content-about .about-list ul li div p{color:#666;}

.content-about .news .layui-tab .layui-tab-title{width:20%; float:left; background:#333;}
.content-about .news .layui-tab .layui-tab-title li{ float:left; padding:30px 0; text-indent:30px; color:#fff; text-align:left; width:100%;}
.content-about .news .layui-tab .layui-tab-title li.layui-this{background:#c31a31;}

.content-about .news .layui-tab .layui-tab-content{float:left; width:78%; padding:0 10px;}
.content-about .news .layui-tab .layui-tab-content ul{width:90%; display:table; height:300px; margin:0 auto;}
.content-about .news .layui-tab .layui-tab-content ul li{width:100%; margin-bottom:20px; height:85px; overflow:hidden; border-bottom:1px dashed #ccc;}
.content-about .news .layui-tab .layui-tab-content ul li h3{ text-align:left; margin:0;}
.content-about .news .layui-tab .layui-tab-content ul li time{ text-align:left; display:table; width:100%; padding:8px 0; color:#ccc;}
.content-about .news .layui-tab .layui-tab-content ul li p{width:100%; text-align:left; color:#666;}
.content-about .news .layui-tab .layui-tab-content ul li a{ display:tablel width:100%;}
.content-about .news .layui-tab .layui-tab-content ul li a:hover{color:#c31a31;}
.content-about .news .layui-tab .layui-tab-content .holder{ text-align:center;}

.holder{ display:table; margin:0 auto;}
.holder a{color:#c31a31; border:1px solid #c31a31; line-height:25px; display:table; margin:0 5px; border-radius:2px; width:25px; height:25px; text-align:center; float:left;}
.holder a:hover{ cursor:pointer;}
.holder a.jp-current{background:#c31a31; color:#fff;}
.holder a.jp-disabled{ opacity:0.2;}

.footer_service{ position:fixed; text-align:center; background:rgba(255,255,255,0.5); border:1px solid #c81816; right:10px; border-radius:5px; top:40%; z-index:99999;}
.footer_service p{color:#c81816; margin-top:10px;}
.footer_service ul{margin:10px 15px;}
.footer_service ul li{margin:10px 0;}
.footer_service ul li a.layui-btn-normal{background:#c31a31;}

.layui-form{padding:20px 0;}
.layui-form .layui-form-item{margin-right:45px;}
.layui-form p{ text-align:center;}
.layui-form p a{padding:0 50px; margin:10px 0;}
.layui-form p a.layui-btn-normal{background:#c31a31;}
.layui-form p.title{margin-bottom:20px; text-align:center; color:#c31a31; font-size:16px;}

.content-about .article-content{float:left; width:100%;}
.content-about .article-content ul{width:100%; display:table; margin:0 auto;}
.content-about .article-content ul li{width:100%; position:relative; margin-bottom:20px; height:85px; overflow:hidden; border-bottom:1px dashed #ccc;}
.content-about .article-content ul li img{float:left; margin-right:15px;}
.content-about .article-content ul li h3{ text-align:left; margin:0; margin-top:3px;}
.content-about .article-content ul li time{ text-align:left; display:block; width:100%; padding:8px 0; color:#ccc;}
.content-about .article-content ul li p{width:100%; line-height:2; text-align:left; color:#666;}
.content-about .article-content ul li a{ display:tablel width:100%;}
.content-about .article-content ul li a:hover{color:#c31a31;}
.content-about .article-content .holder{ text-align:center; margin:0 auto 20px;}

.error{margin-top:5%; text-align:center; color:#666;}

.header-footer{background:#555555;}
.header-footer ul li{ line-height:45px;}
.header-footer ul li a{font-size:14px; color:#333;}