@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
li{list-style:none;}
a,u{text-decoration: none;}
h1,h2,h3,h4,h5{font-weight: normal;}
body{font-family:"微软雅黑";}
input::-webkit-input-placeholder {
    color: #cdcdcd;
}
.container{width:1200px;margin:0 auto;}
.banner .mask{background:rgba(0,0,0,0.4);position: absolute;left:0;top:0;widtH:100%;height:660px;}
.banner{width:100%;height:660px;position: relative;}
.banner .mask .nav{height:60px;color:#fff;overflow: hidden;cursor: pointer;}
.banner .mask .nav .logo{width:85px;height:60px;background: url(../jpg/logo.png) no-repeat;float: left;}
.banner .mask .nav ul{margin-left:185px;}
.banner .mask .nav ul li{float: left;line-height:60px;margin-right:50px;font-size:20px;position: relative;}
.banner .mask .nav ul li span{background: url(../jpg/line01.jpg);position: absolute;left:5px;top:57px;width:30px;height:3px;display:none;}
.banner .mask .nav ul li.cur span{display: block;}
.banner .mask .nav .right{float:right;line-height: 18px;margin-top: 22px;}
.banner .mask .nav .right span{font-size:16px;padding: 0 10px;height:18px;text-align: center;float:left;}
.banner .mask .nav .right span a{color: #fff;}
.banner .mask .nav .right span:nth-of-type(1){border-right:solid 1px #fff;}
.banner .mask .search{margin-top: 224px;;margin-left:168px;}
.banner .mask .search h1{font-size:32px;color:#fff;font-weight:bold;}
.banner .mask .search h2{font-size:16px;color:#fff;margin-top: 20px;}
.banner .mask .search input{width:864px;height:56px;border-radius:5px;margin-top:20px;outline:none;font-size:16px;text-indent:60px;background:url(../jpg/search.png) no-repeat 20px 20px;background-color: #fff;border: none;}
.title{overflow: hidden;margin-top:60px;cursor: pointer;}
.title section{font-size:24px;float: left;margin-right:70px;color:#b3b3b3;position: relative;height:46px;}
.title section:nth-of-type(1){margin-left: 370px;}
.title section.cur{color:#111111;}
.title section.cur span{display: block;}
.title section span{width:30px;height:3px;background-color:#f17070;position: absolute;left:36px;top:42px;display:none;}
.content{display:none;}
.content .container{overflow:hidden}
.content .left{float: left;margin-left:20px;margin-top: 40px;}
.content .left span{width:88px;height:28px;display:block;background:#fff;border-radius:14px;margin-bottom:16px;line-height: 28px;text-align: center;}
.content .left span a{color:#afafaf;}
.content .left span:hover{background:#f6746a;color:#fff;cursor: pointer;}
.content .left span.cur{background:#f6746a;}
.content .left span.cur a,.content .left span:hover a{color:#fff;}

.content .right{float:left;margin-left:40px;margin-top: 40px;}
.content .right .top{overflow: hidden;margin-bottom:10px;}
.content .right .top img{width:240px;height:180px;float:left;margin-right:10px;}
.content .right .top img:nth-of-type(4){width:294px;height:180px;margin-right: 0px;}
.content .right .mid{overflow: hidden;margin-bottom: 5px;}
.content .right .mid img{width:320px;height:220px;margin-right: 5px;}
.content .right .mid img:nth-of-type(1){width:383px;height:220px;}
.content .right .bottom{overflow: hidden;}
.content .right .bottom img{width:240px;height:180px;float:left;margin-right:10px;}
.content .right .bottom img:nth-of-type(1){width:290px;height:180px;}
footer{background:#222222;width:100%;height:260px;margin-top:80px;overflow: hidden;}
footer .line{margin-top: 50px;margin-left:30px;float:left;margin-right: 130px;}
footer .line h1{font-size:20px;color:#fff;}
footer .line a{color:#b3b3b3;display: block;margin-top: 25px;font-size:16px;}
footer .line:nth-of-type(2){margin-right:100px;}
footer .line04{margin-right:0;margin-left:0;}
footer .line04 input{width:320px;height:40px;margin-top: 28px;text-indent:16px;background: url(../jpg/button.jpg) no-repeat 280px 10px;;background-color:#fff;outline:none;margin-bottom: 6px;border: none;}
footer .line04 a{margin-top: 12px;}

.content02 .box{margin-top: 10px;margin-left:30px;}
.content02 .box:nth-of-type(1){margin-top:50px;}
.content02 .box .top{overflow: hidden;margin-bottom:10px;}
.content02 .box .top img{width:270px;height:200px;float:left;margin-right:10px;}
.content02 .box .top img:nth-of-type(4){width:328px;height:200px;margin-right: 0px;}
.content02 .box .mid{overflow: hidden;margin-bottom: 5px;}
.content02 .box .mid img{width:360px;height:250px;margin-right: 5px;}
.content02 .box .mid img:nth-of-type(1){width:430px;height:250px;}
.content02 .box .mid img:nth-of-type(3){margin-right:0px;}
.content02 .box .bottom{overflow: hidden;}
.content02 .box .bottom img{width:270px;height:200px;float:left;margin-right:10px;}
.content02 .box .bottom img:nth-of-type(1){width:328px;height:200px;}
.content02 .box .bottom img:nth-of-type(4){margin-right:0;}


.img-content{display: flex; flex-wrap: wrap;    width: 1046px;}
.img-content .img-item{flex-grow: 1;margin: 5px;height: 200px;
    max-width: 50%;}

.img-content .img-item img {
    height: 200px;
    object-fit: cover;
    max-width: 100%;
    min-width: 100%;
    vertical-align: bottom;
}