/* CSS Document */
@charset "utf-8";
* { margin: 0px; padding: 0px; list-style: none; font-family: "Microsoft YaHei", "黑体", "宋体"; text-decoration: none; border: none; font-style: normal; color: #000; font-size: 14px; outline: none; position:relative;}
a, button, img, input, span { transition: all 0.3s ease 0s;}
.zuoyou{display: flex;flex-direction: row;flex-wrap:nowrap; justify-content:space-between;align-items:center; }
.shang{display: flex;flex-direction: row;flex-wrap:nowrap; justify-content:space-between;align-items:flex-start; }
.zuo{display: flex;flex-direction: row;flex-wrap:nowrap; justify-content:flex-start;align-items:flex-start; }



.top{ height:70px; padding:0px 10px; background:#fff; text-align:right; position:fixed; top:0; left:0; right:0; z-index:99999; border-bottom:1px #aaa solid;}
.top .nav{display: flex;flex-direction: row;flex-wrap:nowrap; justify-content:flex-end;align-items:flex-start;}
.top .nav li{ display:inline-block; margin-left:5px;}
.top .nav li .yi{ display:inline-block; height:70px; line-height:70px; text-align:center; font-size:16px; padding:0 25px;}
.top .nav li:hover .yi{color:#fff; background:#1e50ae;}
.top .nav li .yi.hover{color:#fff; background:#1e50ae;}
.top .nav li div{ display:none;}
.top .nav li:hover div{ display:block; position:absolute;top:70px; left:0; width:140px; z-index:999;}
.top .nav li:hover div a{ display:block; height:40px; line-height:40px; background:#fff; padding-left:20px; text-align:left;}
.top .nav li:hover div a:hover{ background:#f1f1f1; color:#1e50ae;}

.in_yi{ padding:20px;}
.in_yi ul{display: flex;flex-direction: row;flex-wrap:nowrap; justify-content:space-between;align-items:center;}
.in_yi ul li{ width:460px; height:300px; margin-right:15px;}
.in_yi ul li a{ display:block; width:100%; overflow:hidden; height:300px;}
.in_yi ul li a img{ width:460px; height:300px;}
.in_yi ul li a div{background:rgba(255,255,255,0.5); width:100%; height:140px; position:absolute; top:0; left:0; padding:80px 0; transition: all 0.3s ease 0s;
display: flex;flex-direction: row;flex-wrap:wrap; justify-content:center;align-items:center;}
.in_yi ul li a div p{ font-size:22px; text-align:center; width:100%;}
.in_yi ul li a div i{ background:url(../img/008.png) no-repeat; display: none; width:40px; height:40px;}
.in_yi ul li a:hover div{background:rgba(0,0,0,0.6);}
.in_yi ul li a:hover div p{ color:#fff;}
.in_yi ul li a:hover div i{ display:inline-block;}
/*.scroll-img { width:100%; height:300px; overflow: hidden; }
.scroll-img ul { width:2000px; height: 600px; margin: 0; }
.scroll-img ul li { display: inline-block; margin:10px; width:460px; height:300px;}
.scroll-img ul li img{ width:460px; height:460px;}*/
#demo5.scroll-img ul { width:2500px; }
#demo5-btn { width:100%; position:relative; top:-185px;}
.btn1{background-color:rgba(255,255,255,0.7); padding:15px; border:1px #ddd solid; margin:10px; position:absolute;}
.btn2{background-color:rgba(255,255,255,0.7); padding:15px; border:1px #ddd solid; margin:10px; position:absolute; right:0;}




.box{ width:1460px; margin:40px auto; padding-bottom:20px;}
.box .bfws{ width:50%;}
.in_bt{ height:40px; font-size:24px; font-weight:500; margin-bottom:10px;}
.in_bt i{ width:6px; height:6px; border-radius:3px; background:#1e50ae; display:inline-block; margin:0 25px;}
.in_bt span{ font-size:16px; color:#999;}
.gd{ width:660px !important;}
.in_bt a{ float:right; top:10px; color:#888;}
.in_bt a:hover{ color:#1e50ae;}


.spk{width:320px; height:320px; border-bottom:4px #1e50ae solid;}
.spk div{background:rgba(0,0,0,0.5); position:absolute; width:320px; height:320px; top:0; left:0; text-align:center; cursor:pointer;}
.spk div img{ top:130px;}
.spk div:hover img{transform:rotate(45deg); transition: all 0.3s ease 0s;}

.sp_ct{background:rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; right: 0;  bottom: 0; z-index:110000;
display: flex;flex-direction: row;flex-wrap:wrap; justify-content:center;align-items:center;}
.sp_ct span{ color:#fff; font-size:20px; position:absolute; top:80px; right:100px; cursor:pointer; z-index:110010; font-weight:900;}

.sp_wz{ padding:30px; background:#f3f3f3; height:260px; border-bottom:4px #1e50ae solid; width:290px;}
.sp_wz h3{ font-size:18px; margin-bottom:25px; margin-top:10px; font-weight:500;}
.sp_wz p{ font-size:14px; line-height:24px; margin-bottom:30px; height:120px; overflow:hidden;}
.sp_wz a{ width:120px; height:35px; display:inline-block; text-align:center; line-height:35px;background:#1e50ae; color:#fff;}
.sp_wz a:hover{ background:#e6212a;}

.in_xw{ height:320px; width:100%;}

.scroll-text { width:730px; height:322px; overflow: hidden;}
.scroll-text ul { width:2000px; height:320px; overflow: hidden; margin: 0; display: flex;flex-direction: row;flex-wrap:nowrap; justify-content:flex-start;align-items:flex-start;}
.scroll-text ul li { width:420px; height:320px; overflow:hidden; margin-right:10px;}
.scroll-text ul li img{ width:420px; height:320px;}
#demo1-btn{ padding-top:5px; }
#demo1-btn span{ display:inline-block; cursor:pointer; width:24px; height:24px; border-radius:4px; margin:0 2px; border:1px #ddd solid;text-shadow:0 0.5px 0px #888; text-align:center; color:#888;}
#demo1-btn span:last-child{ padding-top:4px; height:20px; top:4px;}
#demo1-btn span:hover{background:#1e50ae;text-shadow:0 0.5px 0px #fff; color:#fff; border:1px #1e50ae solid;}
.in_xw a{ display:block; height:320px; width:420px;}
/*.in_xw a .rq{ width:110px; height:89px; background:#f3f3f3; float:left; text-align:center; border-bottom:4px #aaa solid;}
.in_xw a .rq span{ font-size:36px; font-weight:900; color:#888; display:block; padding-top:10px;}
.in_xw a .rq p{ color:#888;}
.in_xw a .wzxx{ padding-left:110px;}
.in_xw a .wzxx h4{ font-size:20px; padding-left:10px; font-weight:500; height:35px; line-height:35px; overflow:hidden; margin-bottom:5px;}
.in_xw a .wzxx p{ padding-left:10px; line-height:25px; height:50px; overflow:hidden;}
.in_xw a:hover h4{ color:#1e50ae;}
.in_xw a:hover .rq{ border-bottom:4px #1e50ae solid;}*/

.in_huibj{ background:#f3f3f3; padding:2px 0;}
.gcal{}
.gcal li{ width:350px; height:240px; overflow:hidden; margin-right:21px;}
.gcal li:last-child{ margin-right:0px;}
.gcal li a{ width:350px; height:240px; display:block;}
.gcal li img{ width:350px;}
.gcal li div{ background:rgba(0,0,0,0.6); position:absolute; top:240px; left:0; width:350px; height:160px; padding:40px 0; display: flex; transition: all 0.3s ease 0s;
flex-direction: row;flex-wrap:wrap; justify-content:center;align-items:center;}
.gcal li div p{ color:#fff; font-size:18px; margin:0 60px; text-align:center; height:50px; overflow:hidden;}
.gcal li div i{ display:block; width:45px; height:2px; background:#fff;}
.gcal li div span{ background:url(../img/008.png) no-repeat center; width:100%; height:40px; display:block;}
.gcal li a:hover div{ top:0;}
.in_foot{ padding:50px 0; width:1460px; margin:0 auto;}
.in_foot .qian p{ font-size:16px; line-height:40px;}
.in_foot span{ display:inline-block; height:10px; width:40px;}
.in_foot .qian p a{ font-size:16px; color:#1e50ae;}
.in_foot .qian p a:hover{ text-decoration:underline;}
.in_foot .hou{ text-align:center;}

/* 关于我们 */
.gy_banner{ width:100%; height:400px; min-width:1200px; margin:auto; overflow:hidden; background:#000;}
.gy_banner img{width:1920px;margin:0 calc(50% - 960px); opacity:0.7;}
.gy_banner div{ position:absolute; top:0; left:0; width:100%; height:400px;
 display: flex; flex-direction: row; flex-wrap:wrap; justify-content:center; align-items:center;
}
.gy_banner div p{ border-bottom:3px #fff solid;}
.gy_banner div span{ font-size:55px; font-weight:bold; color:#fff; display:inline-block; margin:0 5px;}

.gy_nav{ text-align:center; height:51px; border-bottom:#aaa solid 1px;}
.gy_nav a{ display:inline-block; height:47px; margin:0 6px; line-height:47px; padding:0 20px; font-size:17px;}
.gy_nav a:hover{ border-bottom:4px #1e50ae solid; color:#1e50ae;}
.gy_nav a.hover{ border-bottom:4px #1e50ae solid; color:#1e50ae;}
.gy_box{ width:1200px; margin:0 auto;}
.gy_box dt{ padding:100px 50px 70px 50px; text-align:center;}
.gy_box dt h1{ font-size:40px; font-weight:900;}
.gy_box dt p{ color:#555; margin-top:15px; font-size:18px; line-height:1.8em;}
.gy_box dd{display: flex;flex-direction: row;flex-wrap:nowrap; justify-content:space-between;align-items:flex-start; margin-bottom:50px;}
.gy_box dd img{ margin:0 30px;}
.gy_box dd p{ font-size:18px; line-height:1.8em; margin:0 30px;}

.gy_box ul{display: flex;flex-direction: row;flex-wrap:wrap; justify-content:space-between;align-items:flex-start;}
.gy_box ul li{ width:43%; height:200px; padding:30px; background:#fff; margin-bottom:40px;  border:2px #ddd solid; transition: all 0.3s ease 0s;}
.gy_box ul li h2{ font-size:24px; margin-bottom:20px; transition: all 0.3s ease 0s;}
.gy_box ul li p{ margin-top:12px;}
.gy_box ul li:hover{ border:2px #1e50ae solid;}
.gy_box ul li:hover h2{ color:#1e50ae;}

/* 新闻中心 */
.xw_box{ width:1200px; margin:0 auto; padding:40px 0;}
.xw_box .yi{ background:#fff; height:300px; display:block; transition: all 0.3s ease 0s; margin-bottom:30px;}
.xw_box .yi a{ display:block;height:300px;}
.xw_box .yi .tupian{ width:460px; height:300px; overflow:hidden; float:left; display:inline-block;}
.xw_box .yi .tupian img{cursor: pointer; transition: all 0.6s;}
.xw_box .yi:hover .tupian img{transform: scale(1.1);}
.xw_box .yi .wenzi{ padding:30px; width:680px; overflow:hidden; display:inline-block;}
.xw_box .yi .wenzi h2{ font-size:20px; font-weight:500; display:block; height:30px; line-height:30px; overflow:hidden; margin-bottom:10px;}
.xw_box .yi .wenzi span{ font-size:14px; display:block; margin-bottom:30px; color:#888;}
.xw_box .yi .wenzi p{ height:50px; line-height:25px; overflow:hidden; margin-bottom:50px;}
.xw_box .yi .wenzi i{ display:block; width:150px; height:40px; line-height:40px; text-align:center; border:1px #aaa solid; color:#666; transition: all 0.6s;}
.xw_box .yi .wenzi i:hover{ background:#1e50ae; color:#fff;}
.xw_box .yi:hover{box-shadow: 0 5px 10px -5px black;}
.xw_box ul{ margin-bottom:20px;}
.xw_box li{ border-bottom:1px #aaa solid; clear:both;}
.xw_box li a{ display:block; height:150px; padding:20px 0;
display: flex;flex-direction: row;flex-wrap:nowrap; justify-content:space-between;align-items:flex-start;}
.xw_box li a .one{ width:220px; overflow:hidden;}
.xw_box li a .one img{ width:220px; height:150px; cursor: pointer; transition: all 0.6s;}
.xw_box li a .two{ height:150px; width:830px;}
.xw_box li a .two h2{ font-size:20px; margin-bottom:10px; max-height:60px; line-height:30px; font-weight:500;}
.xw_box li a .two p{ height:50px; line-height:25px; overflow:hidden; color:#666;}
.xw_box li a .three{ width:80px; height:80px; border:1px #aaa solid; text-align:center;}
.xw_box li a .three p{ font-size:13px; color:#666;}
.xw_box li a .three span{ font-size:30px; font-weight:900; display:block; padding-top:10px; color:#666;}
.xw_box li a:hover img{transform: scale(1.1);}
.xw_box li a:hover h2{ color:#1e50ae}
.xw_box li a:hover .three{ background:#1e50ae;}
.xw_box li a:hover .three p{ color:#fff;}
.xw_box li a:hover .three span{ color:#fff;}
.feny{ text-align:center; padding:40px;}
.feny a{ display:inline-block; height:30px; line-height:30px; padding:0 15px; border:1px #aaa solid; border-radius:4px; margin:0 5px;}
.feny a:hover{ background:#1e50ae; color:#fff;}
.feny a.hover{ background:#1e50ae; color:#fff;}
.feny span{ display:inline-block; padding:0 15px;}

/* 产品服务 */

.cp_box{ width:1200px; margin:0 auto; padding:40px 0;}
.cp_box .yi { padding:30px; padding-top:0;}
.cp_box .yi p{ font-size:18px; line-height:1.8em; padding-bottom:20px; text-indent:2em;}
.cp_box .er{display: flex;flex-direction: row;flex-wrap:wrap; justify-content:flex-start;align-items:flex-start;}
.cp_box .er li{ background:#fff; width:380px; margin-right:30px; margin-bottom:30px;}
.cp_box .er li:nth-child(3n){ margin-right:0;}
.cp_box .er li .tp{ width:100%; height:250px; overflow:hidden;}
.cp_box .er li .tp img{ width:380px; height:250px;}
.cp_box .er li .tp p{ position:absolute; width:380px; height:250px; top:0; left:0; background:rgba(0,0,0,0.6); text-align:center; line-height:250px; color:#fff; font-size:20px;}


/* 技术 */
.cp_box .san{display: flex;flex-direction: row;flex-wrap:wrap; justify-content:flex-start;align-items:flex-start;}
.cp_box .san li{ background:#fff; width:380px; margin-right:30px; margin-bottom:30px;}
.cp_box .san li:nth-child(3n){ margin-right:0;}
.cp_box .san li a{ display:block;}
.cp_box .san li .tp{ width:100%; height:250px; overflow:hidden;}
.cp_box .san li .tp img{ width:380px; height:250px; transition: all 0.6s;}
.cp_box .san li a:hover img{transform: scale(1.1);}
.cp_box .san li p{ text-align:center; font-size:16px; line-height:50px; height:50px;}
.cp_box .san li a:hover p{ color:#1e50ae;}


.list_box{ width:1200px; margin:0 auto; padding:60px 0;}
.list_box dt{ width:570px;}
.list_box dt img{ width:570px;}
.list_box dd{ width:570px;}
.list_box dd h3{ font-size:30px; margin-bottom:20px; font-weight:500;}
.list_box dd p{ font-size:16px; line-height:1.8em;}


.xq_top{ background:#1e50ae; padding:50px; text-align:center;}
.xq_top h1{ max-width:1000px; color:#fff; font-size:30px; margin:0 auto;}
.xq_top p{ color:#fff; margin-top:10px;}
.xq_box{ width:1200px; margin:0 auto; padding:40px 0; background:#fff;}
.xq_box img{ max-width:1100px; margin:20px 50px;}
.xq_box p{ font-size:16px; line-height:1.8em; margin:20px 50px;}

.xq_feny{ border-top:3px #ddd solid; padding:20px 50px;}
.xq_feny .ye{ display:inline-block; font-size:16px; color:#666;display: flex;flex-direction: row;flex-wrap:nowrap; justify-content:space-between;align-items:center;}
.xq_feny .ye span{ display:inline-block; width:24px; height:24px; border-radius:50px; background:#ccc; padding:10px; margin:0 10px;}
.xq_feny .ye:hover{ color:#1e50ae;}
.xq_feny .ye:hover span{ background:#1e50ae;}
.xq_feny .fan{ display:inline-block; height:45px; line-height:45px; background:#1e50ae; color:#fff; padding:0 30px; border-radius:50px;}