@charset "utf-8";
/* CSS Document */




 
/* 在CSS中使用@font-face规则来引入Web字体 */
@font-face {
  font-family: "PuHuiTi";
  src: url("./fonts/Alibaba-PuHuiTi-Regular.woff") format("woff"),
       url("./fonts/Alibaba-PuHuiTi-Regular.ttf") format("truetype");
}
 







*{margin:0;}
a{ text-decoration:none; color:inherit;}
body{margin:0 auto;}
.con{width:100%; max-width:1440px; margin-left:auto; margin-right:auto;}
.xcon{width:100%; max-width:1200px; margin-left:auto; margin-right:auto;}

/*头部css*/
.header{height:100px; width:100%; box-shadow:0 0 10px #CCC; background:#fff; }
.top{height:100px; display:flex;justify-content: space-between; flex-direction: row; align-items: center;}
.header .logo{}
.header .menu{ display:flex;}
.header .menu li{list-style:none; margin:0 10px; position:relative; width:140px; text-align:center; z-index:99;}
.header .menu li a{ font-size: 16px;
    color: #484848; font-weight:600;}
.header .menu li a:hover{color:#306add;}
.terji{ position:absolute; width:100%; padding:0; background:#fff; display:none;}
.terji li{margin:20px 0 !important;}
.terji li a{ font-size:12px;}
.cur a{color:#306add;}


/*底部css*/
.foot{background:#fafafa; width:100%; padding:40px 0 20px;}
.footer{  width:100%; display:flex; padding:40px 0; align-items: flex-start; justify-content: space-around; flex-direction: row;}
.fot1 h3{font-size:16px; font-weight:lighter; line-height:4;}
.fot1 p{font-size:14px; font-weight:lighter; line-height:3;}
.fot2{display:flex;}
.fot2 .ewm{ margin:5px; text-align:center; font-size:14px; font-weight:lighter;line-height:2;}
.fot2 .ewm img{width:90px;}
.dibu{text-align:center; font-size:12px;color: rgba(51, 51, 51, 1); margin-top:20px; line-height:20px;}


/*内底css*/
.liuyan{ display:flex;justify-content: space-between;}
.zuowen .biaoti{width:800px; height:90px; display:flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap; background:url(../img/guany.png) no-repeat left bottom; background-size:cover; margin-bottom:50px;}
.zuowen .biaoti h3{ font-size:52px; font-weight:normal;}
.zuowen p{ font-size:16px; line-height:32px; font-weight:lighter;}


.youyan{ padding:60px 0;}
.youyan form input{height:30px; width:390px; border:1px solid #CCC; margin:20px 0;}
.youyan form p{ font-weight:lighter; font-size:14px;}
.youyan form p span{color:#f00;}
.youyan form button{ width:191px; height:34px; border:1px solid #306add; font-size:14px; color:#306add; background:none; border-radius:22px; margin-top:20px;}

/*首页css*/

.syabout{ padding:40px 0 80px;}
.syabout .biaoti{width:800px; height:90px; display:flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap; background:url(../img/about.png) no-repeat left bottom; background-size:cover; margin-bottom:50px;}
.syabout .biaoti h3{ font-size:52px; font-weight:normal;}
.syabout .abneirong{display:flex;flex-direction: row; justify-content: space-between; align-items: center;}
.syabout .abneirong img{width:45%;}
.syabout .abneirong .wenzi{width:51%;}
.syabout .abneirong .wenzi p{ font-size:14px; line-height:32px; font-weight:100; margin:10px 0; font-family: "PuHuiTi";}
.syabout .aboutxia{ margin-top:40px;}
.syabout .aboutxia img{max-width:70%;}
.anniu button{ width:191px; height:34px; border:1px solid #306add; font-size:14px; color:#306add; background:none; border-radius:22px; margin-top:20px;}

.hexin{padding-bottom:40px;}
.hexin img{max-width:100%;}

.yewu{padding:150px 0;}
.yewu img{max-width:100%;}


.cases{padding:40px 0;}
.cases img{max-width:100%;}





/*服务css*/

.serv{padding:40px 0 60px; width:100%; }
.serv .biaoti{width:800px; height:90px; display:flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;  margin-bottom:30px;background:url(../img/xhs.png) no-repeat left bottom; background-size:cover;}
.serv .biaoti h3{ font-size:52px; font-weight:normal;}
.serv .fbt{ line-height:2;}
.serv .fbt h1{ font-size:32px; font-weight:normal;}
.serv .fbt p{font-size:20px; font-weight:lighter;}
.serv .liucheng{background:url(../img/hezuo.png) no-repeat left bottom; background-size:cover;}

.serv .nierong img{max-width:100%; padding:40px 0;}




.xhsjs .tu{width:45%; height:300px;}
.xhsjs .wen{width:55%; height:300px; display:flex;flex-direction: column; justify-content: center;}

.xhsjs .t1{  float:left}
.xhsjs .p1{  float:right;}

.xhsjs .t2{  float:right}
.xhsjs .p2{  float:left;}

.xhsjs .wen h3{ font-size:17px; line-height:3; margin-bottom:10px;}
.xhsjs .wen p{ font-size:14px; font-weight:lighter; line-height:2; }



/*案例css*/

.casesys{padding:40px 0 60px; width:100%; }
.casesys .biaoti{width:800px; height:90px; display:flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;  margin-bottom:30px;background:url(../img/cases.png) no-repeat left bottom; background-size:cover;}
.casesys .biaoti h3{ font-size:52px; font-weight:normal;}
.casesys .fbt{ line-height:2;}
.casesys .fbt h1{ font-size:32px; font-weight:normal;}
.casesys .fbt p{font-size:20px; font-weight:lighter;}

.tab-content img{max-width:100%; margin-bottom:50px;}




/*关于我们css*/


.aboutys{padding:40px 0 60px; width:100%; }
.aboutys .biaoti{width:800px; height:90px; display:flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;  margin-bottom:30px;background:url(../img/about.png) no-repeat left bottom; background-size:cover;}
.aboutys .biaoti h3{ font-size:52px; font-weight:normal;}
.aboutys .fbt{ line-height:2; margin-bottom:40px;}
.aboutys .fbt h1{ font-size:32px; font-weight:normal; margin-bottom:30px;}
.aboutys .fbt p{font-size:16px; font-weight:100; margin-bottom:10px; font-family: "PuHuiTi";/*, "Helvetica", "Arial", sans-serif*/} 

.aboutys img{max-width:100%; margin-bottom:50px;}

.qywenhua{padding:40px 0 60px; width:100%; }
.qywenhua .biaoti{width:800px; height:90px; display:flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;  margin-bottom:30px;background:url(../img/wen.png) no-repeat left bottom; background-size:cover;}
.qywenhua .biaoti h3{ font-size:52px; font-weight:normal;}

.qywenhua .abneirong{display:flex;flex-direction: row; justify-content: space-between; align-items: center;}
.qywenhua .abneirong img{width:53%;}
.qywenhua .abneirong .wenzi{width:40%;display:flex; height:300px;flex-direction: column; justify-content: space-evenly;}
.qywenhua .abneirong .wenzi li{display:flex; list-style:none;align-items: center;}
.qywenhua .abneirong .wenzi li img{width:62px; margin-right:10px;}
.qywenhua .abneirong .wenzi li p{ font-size:20px; line-height:32px; font-weight:lighter; margin:10px 0;}


.zizhiys{padding:40px 0 60px; width:100%; }
.zizhiys .biaoti{width:800px; height:90px; display:flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;  margin-bottom:30px;background:url(../img/zizhi.png) no-repeat left bottom; background-size:cover;}
.zizhiys .biaoti h3{ font-size:52px; font-weight:normal;}

.zizhiys img{max-width:100%; margin-bottom:50px;}


.rongyuys{padding:40px 0 60px; width:100%; }
.rongyuys .biaoti{width:800px; height:90px; display:flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;  margin-bottom:30px;background:url(../img/rongyu.png) no-repeat left bottom; background-size:cover;}
.rongyuys .biaoti h3{ font-size:52px; font-weight:normal;}

.rongyuys img{max-width:100%; margin-bottom:50px;}

.lianxiys{padding:40px 0 200px; width:100%; }
.lianxiys .biaoti{width:800px; height:90px; display:flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;  margin-bottom:30px;background:url(../img/lianxi.png) no-repeat left bottom; background-size:cover;}
.lianxiys .biaoti h3{ font-size:52px; font-weight:normal;}

.lianxiys img{max-width:100%;}

.lianxiys .xinxi{margin-top:-100px;    display: flex;justify-content: space-evenly;position: relative;}
.lianxiys .xinxi .xiaokuai{ background:#fff; border-radius:15px; height:200px; width:350px; color:#222222; box-shadow:0 0 10px #CCC; display:flex;flex-direction: column; align-items: center; justify-content: space-evenly;}
.lianxiys .xinxi .xiaokuai img{ width:22px;}
.lianxiys .xinxi .xiaokuai h3{ font-size:20px; font-weight: lighter;}
.lianxiys .xinxi .xiaokuai p{ font-size:16px; font-weight:lighter;}



/*联系我们css*/

.lxwm{padding:40px 0 100px; width:100%; }
.lxwm .biaoti{width:800px; height:90px; display:flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;  margin-bottom:30px;background:url(../img/lianxi.png) no-repeat left bottom; background-size:cover;}
.lxwm .biaoti h3{ font-size:52px; font-weight:normal;}

.lxwm img{max-width:100%; margin:100px 0;}

.lxwm .xinxi{ display: flex;justify-content: space-around;position: relative;}
.lxwm .xinxi .xiaokuai{ background:url(../img/c1.png) center no-repeat; background-size:contain; height:300px; width:281px; color:#222222;  display:flex;flex-direction: column; align-items: center; justify-content: space-evenly;}
.lxwm .xinxi .xiaokuai h3{ font-size:20px; font-weight: lighter;}
.lxwm .xinxi .xiaokuai p{ font-size:16px; font-weight:lighter;}

.lxwm .xinxi .xiaokuai:nth-child(2){background:url(../img/c2.png) center no-repeat;}
.lxwm .xinxi .xiaokuai:nth-child(3){background:url(../img/c3.png) center no-repeat;}



/*新闻列表css*/


.news{padding:100px 0; width:100%; }
.news .biaoti{width:800px; height:90px; display:flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;  margin-bottom:60px;background:url(../img/news.png) no-repeat left bottom; background-size:cover;}
.news .biaoti h3{ font-size:52px; font-weight:normal;}

.xinbiao{ font-size:28px; color:#fff; background:rgb(0,0,0,0.5); width:100%; font-weight:bold;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height:2;}



.news .qiehuan{ margin-top:80px;}








/*新闻详情css*/
.xwbt{border-top:1px solid #cccccc; margin-top:50px; border-bottom:1px solid #eeeeee; padding-bottom:20px;}
.xwbt h3{line-height:2; color:#306add; font-size:36px; font-weight:normal;}
.xwbt p{ font-size:14px; color:#222226; line-height:1.5;}


.xwnr{ line-height:2; font-weight:lighter; padding:50px 0 100px;}
.xwnr p{ margin-bottom:10px;}
.fenye{display:flex;flex-direction: row; justify-content: space-between; margin-bottom:50px;}
.fenye a{ font-weight:lighter;}


.yybiaoti
{
	text-align:center;
	margin:80px 0 30px;
}
.yybiaoti h2{color:#e3edfe; font-size:70px;}
.yybiaoti h3{font-size:42px; font-weight: normal; margin-top:-50px;letter-spacing: 10px;}
.yybiaoti h4{color:#306add; font-size:30px;}








