@charset "utf-8";
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: "PingFang SC", "HanHei SC", "Helvetica Neue", Microsoft Yahei, "Helvetica", "STHeitiSC-Light", "Arial", sans-.footer3 .telserif;
	line-height: 2em
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
html, body {
	font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    font-family: 微软雅黑;
    color: #000000;
	box-sizing: border-box;
}
ul, ol, li {
	list-style: none
}
a {
	color: #5f6061;
	text-decoration: none
}
a:hover {
	text-decoration: none;
	-webkit-transition: background-color .2s ease;
	-moz-transition: background-color .2s ease;
	-ms-transition: background-color .2s ease;
	-o-transition: background-color .2s ease;
	transition: background-color .2s ease
}
img {
	border: 0;
	display: block;
}
b, em, i {
	font-style: normal
}
h1, h2, h3, h4, h5 {
	font-weight: normal
}
@-webkit-keyframes fadeleft {
0% {
-webkit-transform: translateY(40px);
opacity: 0
}
100% {
-webkit-transform: translateY(0px);
opacity: 1
}
}


*{margin:0;padding:0;}
body{background-color: #151515}
.container{width: 1200px;margin:0 auto;}
.flex-between{display: flex;justify-content: space-between;flex-wrap: wrap;}


.header{height: 120px;background-color: #000}
.header .logo{height: 100px;padding:10px 0px ;}
.header .logo img{max-height: 100px;}
.header .nav{width: 620px;padding-top: 40px;}
.header .nav a{color: #999999;height: 50px;line-height: 50px;}
.header .nav a.active{color: #fe0000;}

    

.banner .swiper-button-next{width: 70px;height: 70px;background:rgba(0,0,0,0.6);border-radius: 10px;right:7%;}
.banner .swiper-button-prev{width: 70px;height: 70px;background:rgba(0,0,0,0.6);border-radius: 10px;left:7%;}
.swiper-button-prev:after{color: #fff}
.swiper-button-next:after{color: #fff}


.lmtop{color: #fff;width: 100%;margin-bottom: 30px;}
.lmtop h3{font-size: 28px;}
.lmtop h3 span{font-size: 14px;color: #666666;padding-left: 20px;}

.case{padding:80px 0;background-color:#131313}
.case .top h3{padding:80px 0;}
.case .main{width: 100%}
.case .main .item{width: 30%;background-color: #fff;margin-bottom:20px;}
.case .main .item img{width:100%;}
.case .main .item .case-con{padding:20px;}
.case .main .item .case-tit{font-size: 18px;color: #000000;font-weight: normal;line-height: 1;margin-bottom: 10px;}
.case .main .item .case-txt{font-size: 14px;line-height: 24px;color: #666666;font-weight: normal;}



.fenye{ text-align:center; margin-top:10px; margin-bottom:10px;}
.fenye li{display:inline-block;padding:2px 4px;} 
.fenye li a{ color:#666;border:1px solid #666;padding:0px 6px;display: block;line-height: 1.5} 
.fenye li.active a{color: #fff;background-color: #ff0000;border:1px solid #ff0000;}



.fwxm{padding:80px 0;background-color:#000000}
.fwxm{padding:80px 0;background-color:#000000}

.fwxm .tab .xm{width: 220px;height: 60px;color: #fff;border-bottom: 1px solid #fff;display: flex;justify-content:center;align-items: center;font-size: 16px;color: #666666;}
.fwxm .tab .xm.active{width: 220px;height: 100px;color: #fff;background: #2b2b2b;border-bottom: 1px solid #2b2b2b;}

.fwxm .tabmain{width: calc(100% - 260px)}
.fwxm .tabmain .box{display: none}
.fwxm .tabmain .box.active{display: flex;justify-content: space-between;}
.fwxm .tabmain .box .box-pic{ width: 447px;position:relative}
.fwxm .tabmain .box .box-pic img{ position:relative;z-index:1}
.fwxm .tabmain .box .box-pic:after{z-index:0;content:"";display:block;width:150px;height:120px;position:absolute;right:-20px;bottom:-20px;background-color:#131313}
.fwxm .tabmain .box .box-content{color: #fff;width:calc(100% - 520px);padding-top: 30px;}
.fwxm .tabmain .box .box-content h3{font-size: 24px;}
.fwxm .tabmain .box .box-content p.en{color: #535355;font-size: 12px;margin-bottom: 20px}
.fwxm .tabmain .box .box-content p{font-size: 12px;color: #999999;}
.fwxm .tabmain .box .box-content .more{padding-top: 50px;display: block;}

    
 .aboutus{height: 480px;}
 .aboutus .aboutusmain{position: relative;}
 .aboutus .pic{width: 50%;overflow: hidden;position: absolute;left:0;background:url("../images/aboutus.jpg") no-repeat top left;background-size:100% auto;height: 480px}
 .aboutus .pic img{width: 100%}


.aboutuscontent{width: 35%;float:right;background-color: #131313;padding:50px 80px;color: #fff;padding-right: 15%;margin-top: 70px;height:260px;display: flex;justify-content: space-between;flex-direction: column; }
.aboutuscontent .lmtop h3{line-height: 1.2}
.aboutuscontent .lmtop h3 span{font-size: 14px;color: #666666;padding-left: 0px;}


.aboutuscontent p{color:#7a7b7b;font-size:14px;}



.foot{padding:80px 0;text-align: center;background-color: #151515;}

.fname{color: #fff;font-size: 24px;line-height: 1.2}
.fnav{margin:50px auto 20px auto;border-bottom: 1px solid #7a7b7b;max-width: 425px;display: flex;justify-content: space-between;padding:0 20px 20px 0;}
.fnav a{color:#7a7b7b;}


.powerby{background-color: #000;color: #7a7b7b;line-height: 2;font-size: 14px;padding:20px 0;text-align: center}



.banner{width: 100%;overflow: hidden;}

.team{padding:80px 0;position: relative;}
.team .container{position: relative;}
.team .container .swiper-wrapper .swiper-slide{display: flex;justify-content: space-between;}
.team .container .swiper-wrapper .swiper-slide .team-img{}
.team .container .swiper-wrapper .swiper-slide .team-con{ width: calc(100% - 300px);color: #7a7b7b;font-size: 12px;display: flex;flex-direction: column;justify-content: center;}
.team .container .swiper-wrapper .swiper-slide .team-con .team-tit{font-size: 24px;font-weight: 400;color: #fff}
.team .container .swiper-wrapper .swiper-slide .team-con .team-setit{font-size:12px;font-weight: 400;padding-bottom: 30px;color:#7a7b7b}
.team .container .swiper-wrapper .swiper-slide .team-con .team-txt{font-size:12px;font-weight: 400;padding-bottom: 20px;color:#7a7b7b}


.team .swiper-button-prev{position: absolute;left:50%;margin-left: -707px;background:#000;border-radius: 5px;padding: 10px 15px;background:rgba(111,107,107,0.5);}
.team .swiper-button-next{position: absolute;left:50%;margin-left: 650px;background:#000;border-radius: 5px;padding: 10px 15px;background:rgba(111,107,107,0.5);}
.swiper-button-next:after{color: #797979}
.swiper-button-prev:after{color: #797979}




.lmtop{color: #fff;width: 100%;margin-bottom: 30px;}
.lmtop h3{font-size: 26px;}
.lmtop h3 span{font-size: 14px;color: #666666;padding-left: 14px;}

.flm{color: #666666}
.flm span{color: #666666;padding:0 8px;}
.flm a{font-size: 16px;line-height: 62px;color: #666666}
.flm a.active{color: red}

.fwxm .nytabmain{width: 100%}
.fwxm .nytabmain .box{margin:50px 0;}


.jcsj{margin:80px 0;}

.lightgallery{display: flex;flex-wrap: wrap; }
.lightgallery li{ width: 23%;margin:1%;}
.lightgallery li a img{ width:100%;}


.lxwm{font-size: 14px;color: #cccccc;margin:80px 0;}
.swhz{margin:80px 0;}
.form-horizontal input{background-color:#151515;border:1px solid #4d4d4d;color: #fff;padding:2px 5px;}
.col-md-2{width:120px;text-align: center}
.col-md-10{width: calc(100% - 120px)}
.form-group{display: flex;flex:1;margin:20px}
.form-group textarea{background-color:#151515;border:1px solid #4d4d4d;color: #fff;padding:2px 5px}
.lxwm .btn{background: url(../images/red_middle.png) repeat-x;background-color: #f54f4f;border:0;width: 224px;height: 44px;margin-left: 140px;color: #fff}

.jrwm{padding:80px 0;background-color:#151515;color: #fff}
.jrwm .p2{}
.jrwm .p2 img{text-align: center;margin:50px auto;}


.artmain{padding:80px 0;color: #fff}
.artmain h3{font-size: 25px;color: #adadad}
.artmain .time span{color: #adadad;font-size: 12px;}
.artmain .time{border-bottom: 2px solid #adadad;padding-bottom: 20px;padding-top: 10px;}
.viewcount {
    width: 20px;
    height: 13px;
    display: inline-block;
    margin: 0 8px 0 0;
    background: url(../images/mbg01.png) no-repeat;
    background-position: -1911px -51px;
    vertical-align: middle;
}

.portlet-body{margin-top:10px;font-size: 14px;color: #676767;padding:20px 0;border-bottom:1px dashed #f0efef;}
.bdsharebuttonbox{margin:20px 0;display: flex;flex-direction:row-reverse;}
.bdshare-button-style0-24 .bds_more{font-size: 14px!important;color: #ccc!important}

.pagination{text-align:center;}
.pagination li{display:inline-block;margin:0px 5px;}



            .main .swiper-slide img {
                width: 100%
            }

            .main .swiper-pagination {
                text-align: center;
                width: 100%;
                max-width:1200px
            }
            .main .swiper-pagination span{margin:0 5px;border:2px solid #fff;background-color: red;}