/*------------首页*/

/* 

index 外层唯一父标签

panel 第一模块外层包裹元素

abouts 关于宗宇

solve 解决方案

link 友情链接

news 新闻模块外层包裹元素

title 标题文字部分

content  bds 代表某一模块的主体内容

ft 代表解决方案部分的下方

hd 代表解决方案部分的上方标题

bodys 代表解决方案部分的灰色小文字部分

btn 宗宇模块部分的按钮样式

max 代表新闻模块上方标题

min 代表灰色小文字部分

row 代表新闻模块右侧部分

fl 新闻模块的标题部分左侧

brief 第一模块地两段文字的下方文字

name 第一模块上面文字

_1 代表下方添加1像素的边框

 */

 .index{ }

/* 第一部分背景图 + 公司名称 */

 .panel{width:100%;height:885px;background-image: url(../image/bg_022.jpg);background-size: 100% 885px;min-width: 1410px;}

 .panel .hd{width: 1410px;margin:0 auto;color:#fff;height: 167px;text-align: center;}

 .panel .hd .title{font-size: 50px;width:100%;height: 79px;margin-top: 30px;opacity: 0;}

 /* .panel .hd .msg{font-size: 36px;width: 432px;height: 47px;margin-top:10px} */

 .panel .hd .msg{width: 100%;}

 .panel .icon{width: 1410px;height: 55px;font-size: 12px;color:#ffffff;margin:250px auto 0;text-align: center;opacity: 0;}
 
 .panel .icon .icon_gif{height: 43px;width: 25px;margin:0 auto;border: 1px solid #fff;border-radius: 14px;box-shadow: 0 0 2px #fff;overflow: hidden;}
 
 .panel .icon .icon_gif p{width: 5px;height: 10px;background-color: #fff;margin: 2px auto 0;border-radius: 5px;animation: pmove 3s linear infinite;}
 
 .panel .icon p{width: 1410px;margin-top:8px;text-align: center;}
 
 .panel .logo{width: 100%;text-align: center;height: 100px;min-width: 1410px;opacity: 0;}

 @keyframes pmove{0%{transform: translateY(0);}100%{transform: translateY(50px);}}





/* 关于宗宇模块 */

 .abouts{width: 100%;height: 325px;background-image: url(../image/about.jpg);background-size: 100% 325px;min-width: 1410px;}

 .abouts .aboutscon{width: 1410px;margin:0 auto;height: 325px;}

 .abouts .aboutscon .left{width: 702px;height: 325px;padding-top:40px;}

 .abouts .aboutscon .left .hd {height: 55px;border-bottom: 1px solid #dedede;}

 .abouts .aboutscon .left .hd .title{float: left;width: 130px;color:#5b9abf;height: 53px;font-size: 32px;border-bottom: 2px solid #5b9abf;}

 .abouts .aboutscon .left .hd .msg{float: left;width: 130px;color:#5b9abf;font-size:22px;line-height: 55px;margin-left:30px;}

 .abouts .aboutscon .left .bd{margin-top:19px;line-height: 35px; font-size: 14px;width:570px;color:gray;overflow: hidden;}

 .abouts .aboutscon .left .morecon{margin-top:50px;height: 29px;}

 .abouts .aboutscon .left .morecon .more{width: 133px;height: 29px;line-height: 29px;text-align:center;border-radius: 5px;background-color: #5b9abf;border:0;color:#fff;display:block;}





/* 解决方案模块 */

 .solve{width: 100%;height: 1070px;background-image: url(../image/solve.jpg);background-size: 100% 1070px;min-width: 1410px;}

 .solve .solvecon{width: 1410px;height_: 1050px;margin:0 auto;}

 .solve .solvecon .hd{height: 64px;border-bottom: 1px solid #dedede;padding-top: 42px;}

 .solve .solvecon .hd .right{width: 805px;height: 64px;color:#5b9abf;float: left;}

 .solve .solvecon .hd .right div{float:left;width: 130px;height: 62px;}

 .solve .solvecon .hd .right ul{margin-left:160px}

 .solve .solvecon .hd .right ul li{float:left;width: 110px;margin-left:32px;text-align: left;line-height: 64px;}

 .solve .solvecon .hd .right ul li a{color:#5b9abf;font-size: 16px;}

 .solve .solvecon .hd .left{width: 605px;height: 64px;color:#5b9abf;float: left;}

 .solve .solvecon .hd .left div{float:left;width: 130px;height: 62px;}

 .solve .solvecon .hd .left :nth-child(1){font-size: 32px;border-bottom: 2px solid #5b9abf;line-height: 50px;}

 .solve .solvecon .hd .left :nth-child(2){font-size:22px;line-height: 55px;margin-left:30px;}

 .solve .solvecon .bd{height: 70px;margin-top:10px}

 .solve .solvecon .bd p{font-size: 14px;line-height: 26px;color:gray}

 .solve .ft{width: 1410px;height: 1050px;margin:20px auto 0 auto;}

 .solve .ft .ftcon{padding-bottom:10px;}

 .solve .ft .ftcon .left{float: left;width: 700px;height: 250px;margin-right:10px;}

 .solve .ft .ftcon .left img_{width: 700px;height: 250px;}

 .solve .ft .ftcon .right{float: left;width: 700px;height: 250px;}

 .solve .ft .ftcon .right img_{width: 700px;height: 250px;}

 .solve .ft .fdown{width: 1410px;height: 520px;}

 .solve .ft .fdown ul{}

 .solve .ft .fdown ul li{float:left;width: 345px;height: 520px;margin-right:10px;background-color: #247fb4;}

 .solve .ft .fdown ul li:last-child{margin-right:0px;}

 .solve .ft .fdown ul li .title{font-size: 26px;height: 66px;margin-top: 142px;line-height: 66px;overflow: hidden;margin-left:36px;color:#fff}

 .solve .ft .fdown ul li .msg{font-size: 12px;width: 316px;height: 16px;overflow: hidden;margin-left:36px;color:#fff}

 .solve .ft .fdown ul li .content{font-size:1rem;height: 182px;overflow: hidden;width: 300px;margin: 57px 0 14px 36px;margin-left:36px;color:#fff}

 .solve .ft .fdown ul li .more{width: 132px;height: 30px;line-height: 30px;text-align:center;font-size: 14px;margin-left:36px;background: #fff;color:#16577e;border:0;border-radius:5px;color:#5b9abf;display:block;cursor:pointer;}
 
 .solve .ft .fdown ul>:nth-child(even){background-color: #247fb4;}
 
 .solve .ft .fdown ul>:nth-child(odd){background-color: #16577e;}






/* 官网新闻模块 */

 .news{width: 100%;height: 769px;background-image: url(../image/new_bg.jpg);background-size: 100% 769px;min-width: 1410px;}

 .news  .newscon{width: 1410px;margin:0 auto;height: 769px;padding-top:30px;}

 .news  .newscon .hd{width: 1410px;}

 .news  .newscon .hd .hd1{height: 56px;border-bottom:1px solid #dedede;display: flex;}

 .news  .newscon .hd .hd1>:nth-child(1){width: 705px;height: 54px;float:left}

 .news  .newscon .hd .hd1 .fl{width: 705px;height: 54px;color:#247fb4}

 .news  .newscon .hd .hd1 .fl p{float: left;}

 .news  .newscon .hd .hd1 .fl :nth-child(1){border-bottom:2px solid #247fb4;font-size: 32px;width: 195px;height: 54px;line-height: 50px;}

 .news  .newscon .hd .hd1 .fl :nth-child(2){line-height: 66px;margin-left: 50px;font-size: 22px;}

 .news  .newscon .hd .hd2{display: flex;}

 .news  .newscon .hd .hd2>:nth-child(1){width: 705px;height: 54px;}

 .news  .newscon .hd .hd2>:nth-child(2){width: 705px;height: 54px;line-height: 54px;font-size: 12px;color:gray}

 .news  .newscon .hd .min{height: 54px;line-height: 54px;margin-bottom:15px}

 .news  .newscon .bd .left{float: left;width: 705px;height: 635px;}

 .news  .newscon .bd .left img{width: 584px;height: 500px;padding:0 0px 134px 0px}

 .news  .newscon .bd .right{float: left;width: 705px;height: 635px;}

 .news  .newscon .bd .right ul{}

 .news  .newscon .bd .right ul li:first-child{border-top:1px solid #dedede;}

 .news  .newscon .bd .right ul li{width: 702px;height: 85px;line-height: 85px;font-size: 16px;margin:0 auto;border-bottom:1px solid #dedede;color:#666666}

 .news  .newscon .bd .right ul li a{float:left;width: 572px;height: 85px;line-height: 85px;padding-left:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

 .news  .newscon .bd .right ul li span{width: 120px;text-align: right;}

 .news  .newscon .bd .right ul li:hover{background-image:linear-gradient(90deg,transparent,#ffffff,transparent);opacity: 0.8;cursor:pointer;}





/* 友情链接 */

 .link{width: 100%;height: 210px;background-image: url(../image/link.jpg);background-size: 100% 348px;min-width: 1410px;}

 .link .linkcon{width: 1410px;height: 210px;margin:0 auto;}

 .link .linkcon .hd{height: 60px;color:#247fb4;border-bottom:1px solid #dedede}

 .link .linkcon .hd p{float:left;height: 52px;}

 .link .linkcon .hd :nth-child(1){width:130px ;font-size: 32px;line-height: 50px;border-bottom:2px solid #247fb4}

 .link .linkcon .hd :nth-child(2){width:130px ;font-size: 22px;line-height: 50px;margin-left:43px}

 .link .linkcon .hdmsg{height: 50px;line-height: 50px;color:#666666;font-size: 14px;}

 /* .link .linkcon .img{height: 59px;margin-top:50px;display: flex;justify-content: space-between;} */

 .link .linkcon a img{width: 330px;height: 59px;margin-right:25px}

 .link .linkcon .bd>:nth-child(4) img{margin:0}