@charset "utf-8";
body { padding:0; margin:0; font-family:"微软雅黑"; font-size:14px; color:#000000;
 line-height:26px; background:#FFFFFF; text-align:justify;
}
img{border:0; vertical-align:middle;}
a:link,a:visited,a:active { text-decoration:none; font-family:"微软雅黑"; font-size: 14px; color:#000000;}
a:hover { text-decoration:none; font-family:"微软雅黑"; font-size:14px;}
.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
ul,li{ padding:0; margin:0; list-style-type:none;}
*{ margin:0; padding:0;}
.wrapper{width: 1200px;margin: 0 auto;}
/*高亮*/
.active{font-weight:bold!important;}
/*头部*/
header{background:#fff; padding:15px 0; border-bottom:1px solid #e6e6e6;}
header .logo{float:left; width:490px;}
header .logo img{float:left;}
header .logo .pic{padding:20px 0 0 10px;}
header .right{float:right;}
header .right a{float:left; margin:30px 0; border:1px solid #e6e6e6; padding:5px 12px; line-height:24px; color:#3f3f3f; text-align:center;}
header .right a:nth-child(2){margin-left:10px;}
header .right a:hover{background:#316dc8; color:#fff; border:1px solid #316dc8;}
/* header .right span{float:left; padding:10px 20px 0 0;}
header .right select{float:right;  margin:30px 0; border:1px solid #e6e6e6; background:none; outline:none; padding:5px;}
header .right select option{line-height:24px; color:#3f3f3f; } */
/*导航nav.css*/
nav{height:62px; line-height:62px; color:#1d1d1d; font-size:18px;}
/*公司简介*/
.sygs{width:100%; margin:114px auto  106px;}
.sygs .bt{text-align:center; display:block; padding-bottom:20px;}
.sygs .bt h2{text-align:center; color:#000000; font-weight:bold; text-transform:uppercase; font-size:42px;  padding-bottom:10px;}
.sygs .bt h3{text-align:center; color:#000000; font-weight:normal; font-size:26px;  padding-bottom:10px;}
.sygs .bt b{text-align:center; display:block; }
.sygs .text{text-align:center; padding:10px 0; color:#000000; font-size:16px; text-align:center;}
.sygs .pic img{text-align:center; display:block; margin:0 auto;}
.sygs .zzul{margin:20px auto; width:940px;  position:relative;}
.sygs .zzul li{width:338px;  text-align:center; float:left; background:rgba(49,109,200,.9); color:#fff; padding:20px 0; border-radius:70px; }
.sygs .zzul li a{color:#fff;}
.sygs .zzul li p{font-size:26px; color:#fff; text-align:center; line-height:24px;}
.sygs .zzul li span{font-size:16px; text-align:center;}
.sygs .zzul li:nth-child(2){background:rgba(98,180,228,.9); position:relative; left:-40px;}
.sygs .zzul li:nth-child(3){background:rgba(141,174,223,.9);position:absolute; right:0; z-index:-1;  top:0;}
/*产品展示*/
.sycp{width:100%; background:url(../images/sy_img_31.jpg)no-repeat top center; background-size:100% 100%;
padding:88px 0 50px; 
}
.sycp .bt{text-align:center; display:block; padding-bottom:20px;}
.sycp .bt h2{text-align:center; color:#fff; font-weight:bold; text-transform:uppercase; font-size:42px;  padding-bottom:10px;}
.sycp .bt h3{text-align:center; color:#fff; font-weight:normal; font-size:26px;  padding-bottom:10px;}
.sycp .bt b{text-align:center; display:block;}
.sycp .cpa{padding-bottom:10px;}
.sycp .cpa .pic{ width:285px; height:285px;overflow: hidden;}
.sycp .cpa .pic a{width:100%; display:block;}
.sycp .cpa .pic img{width:285px;}
.sycp .cpa .title{background:#fff; padding:20px 20px 40px 20px; width:100%; box-sizing: border-box; text-align:center;}
.sycp .cpa .title a{display: block; width: 100%;}
.sycp .cpa .title b{padding-bottom:20px; text-align:center;  font-size:#000; font-size:50px; font-weight:normal; display: block;}
.sycp .cpa .title p{color:#181818; font-size:24px; width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-text-overflow: ellipsis; }
.sycp .cpa table tr td table tr td{width:285px!important;}
.sycp .cpa table tr td table tr td:hover .title{background:#316dc8; color:#fff;}
.sycp .cpa table tr td table tr td:hover .title a{color:#fff;}
.sycp .cpa table tr td table tr td:hover .title p{color:#fff;} 
.sycp .more{width:190px; height:48px;text-align:center; margin:90px auto 0; line-height:48px; border:2px solid #fff; 
    color:#fff; font-size:20px; text-transform : uppercase; position:relative;
    text-align:center;   z-index: 99;
    -webkit-transition: all 0.5s; transition: all 0.5s;
}
.sycp .more a{color:#fff; display:block; width:100%; font-size:20px;}
.sycp .more:before{content: ''; width: 0;  height:48px; position: absolute;
    left: 0; top: 0; background:rgba(49,109,200,1); z-index: -1; 
    -webkit-transition: all 0.5s; transition: all 0.5s; font-size: 14px!important;
}
.sycp .more:hover{ color: #fff!important; font-size: 20px!important;}
.sycp .more:hover:before{width:190px;}
/*首页新闻*/
.sy_xw{width:100%; background:#f2f8fd; padding:80px 0;}
.sy_xw .bt{text-align:center; display:block; padding-bottom:20px;}
.sy_xw .bt h2{text-align:center; color:#000000; font-weight:bold; text-transform:uppercase; font-size:42px;  padding-bottom:10px;}
.sy_xw .bt h3{text-align:center; color:#000000; font-weight:normal; font-size:26px;  padding-bottom:10px;}
.sy_xw .bt b{text-align:center; display:block;}
.sy_xw .xwxq{ padding:10px 0;}
.sy_xw .xwxq .pic{width:370px;height:263px; overflow: hidden;}
.sy_xw .xwxq .pic img{width:370px;height:263px; overflow: hidden;}
.sy_xw .xwxq .title{background:#fff; padding:40px 23px; width:100%; box-sizing: border-box;}
.sy_xw .xwxq .title .top{display:block;  width:100%; margin-bottom:15px;}
.sy_xw .xwxq .title .top b{color:#9d9d9d; font-weight:normal; float:left; line-height:20px; padding-right:15px;}
.sy_xw .xwxq .title .top h2{font-size:#3a3440; font-weight:bold; font-size:52px; float:left; padding-right:15px;} 
.sy_xw .xwxq .title .top i{font-weight:normal; width:38px;height:2px; background:url(../images/xa.jpg)no-repeat top center; float:left; font-size:60px; margin-top:20px;}
.sy_xw .xwxq .title h3{display:block; color:#1d1d1d; font-size:20px; font-weight:normal;
 padding-bottom:10px;white-space: nowrap;
    text-overflow: ellipsis;display: block; -webkit-text-overflow: ellipsis; overflow: hidden;
}
.sy_xw .xwxq .title p{color:#787878; font-size:16px; line-height:22px; overflow: hidden; -webkit-line-clamp:3; height:auto;  -webkit-box-orient: vertical; box-orient: vertical; display: -webkit-box;}
.sy_xw .xwxq .title span{display:block; font-size:16px; margin-top:20px;}
.sy_xw .xwxq a{display:block;} 
.sy_xw .xwxq table tr td table tr td:hover .title{background:#316dc8;}
.sy_xw .xwxq table tr td table tr td:hover .top b{color:#fff;}
.sy_xw .xwxq table tr td table tr td:hover h2{color:#fff;}
.sy_xw .xwxq table tr td table tr td:hover i{color:#fff; background:url(../images/xa1.jpg)no-repeat top center!important;}
.sy_xw .xwxq table tr td table tr td:hover p{color:#fff;}
.sy_xw .xwxq table tr td table tr td:hover h3{color:#fff;}
.sy_xw .xwxq table tr td table tr td:hover span{color:#fff;}
/*友情链接*/
.sy_lj{width:1200px; margin:80px auto 70px;}
.sy_lj .bot{text-align:center;}
.sy_lj .bot h2{font-weight:normal; font-size:26px; float:left; line-height: 26px; color:#000000;}
.sy_lj .bot h2 b{font-weight:bold; font-size:30px; line-height:20px; padding-right:15px;color:#000000; text-transform: uppercase;}
.sy_lj .bot span{float:right; text-align:right; display:block;}
.sy_lj .bot a{color:#6a6a6a; font-size:20px; float:right; text-align:right;}
.sy_lj .yql{margin:40px auto;}
.sy_lj table tr td table tr td img{border:1px solid #dcdcdc; width:225px; height:97px;}
.sy_lj table tr td table tr td:hover img{border:1px solid #316dc8;}
/*底部*/
footer{background:#333333; padding:48px 0;color:#fff;}
footer .lgleft{float:left; width:258px;}
footer .lgleft div img{margin-bottom: 16px; display:block;}
footer .lgleft h4{font-size:26px; font-family:"黑体"; color:#ffffff;}
footer .lgleft p{color:#adadad; font-size:16px;  padding:10px 0;}
footer .lgleft span img{float:left; padding-right:10px;}
footer .lgcen{float:left; width:620px;}
footer .lgcen ul{line-height:40px;color:#adadad; font-size:16px; margin-top:10px; display:block;}
footer .lgcen ul a{padding-right:20px;text-align:left; color:#adadad!important; font-size:16px; float:left; line-height:42px;}
footer p{line-height:30px; color:#adadad; font-size:16px; display:block;}
footer .lgright{width:300px; float:right;border:1px solid #696969;}
footer .lgright .topb{border-bottom:1px solid #696969;}
footer .lgright .left{width: 94px;float:left; padding:12px; border-right:1px solid #696969;}
footer .lgright .left img{display: block;width: 100%;}
footer .lgright .right{padding:17px 15px; width:140px; float:left;}
footer .lgright .right h3{font-size:16px; font-weight:bold;}
footer .lgright .right p{line-height:20px; font-size:12px;}
footer .lgright .bottm{padding:20px 0; color:#adadad;  font-size:16px;text-align:center;}

.fyx{position: relative;}
.fyx span{display: none;width: 150px;height: 30px;background: rgba(255,255,255,.9);font-size: 14px;color: #000;position: absolute;line-height: 30px;text-align: center;}
.fyx .qqlx{width: 150px;height: 60px;background: rgba(255,255,255,.9);font-size: 14px;color: #000;position: absolute;top: 45px;line-height: 30px;text-align: center;line-height: 25px;display: none;}
.fyx .qqlx a{display: block;color: #316dc8;font-size: 16px;font-weight: bold;line-height: 30px;}


/*内页*/
.banner{ width: 100%; position: relative; overflow: hidden;}
.banner img{ width: 100%; display: block;}

.content .head{height: 65px; background: #e6e6e6; line-height: 65px;}
.content .head img{display: block; float: left;}
.content .head .right{float: right; width: 950px;}
.content .head .right h6{font-size: 26px; color: #333; font-weight: bold; float: left;}
.content .head .right .crumb{float: right; font-size: 14px; color: #919191;}
.content .head .right .crumb a{padding:0 5px; font-size: 14px; color: #919191; text-align:right;}
.content .head .right .crumb pre{float:right; text-align:right;}
.content .head .right .crumb .m-crumb{width:auto;}
.content{padding-bottom:40px;}
.ny_text img{max-width:100%;}

.cont .left{width: 212px; float: left; margin-bottom: 100px;}
.cont .left ul{border: 1px solid #316dc8; padding-bottom: 8px;}
.cont .left ul a{display: block; /* height: 45px; */ line-height: 30px; text-align: center; font-size: 16px; margin-top: 8px;padding: 10px 0;}
.cont .left ul a.on{background: #eaeaea;}
.cont .left ul a:hover{background: #eaeaea;}
.cont .left .xwzx{margin-top: 25px; background: #f0f0f0; padding-bottom: 15px;}
.cont .left .xwzx .title{font-size: 27px; font-weight: bold; color: #fff; background: #316dc8; text-align: center; line-height: 55px; margin-bottom: 15px;}
.cont .left .xwzx a{display: block; padding: 0 10px; font-size: 16px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cont .left .xwzx a:hover{color: #316dc8;}
.cont .left .xwzx b{display: block; font-weight:normal; padding: 0 25px; font-size: 16px; line-height:27px;}
.cont .left .xwzx p{display: block; padding: 0 10px; font-size: 16px; line-height: 35px;}
.cont .left .xwzx h3{display: block; padding: 0 0 0 10px; display:block; font-size: 16px; color: #316dc8; line-height: 35px;letter-spacing: -1px;}
.cont .right{width: 950px; float: right; margin-top: 30px;line-height: 35px;}
.cont .right .xw-box{padding: 20px; background: #f2f2f2; display: block; margin-bottom: 20px; display: flex; color: #727272;}
.cont .right .xw-box .pic{display: block; width: 210px; margin-right: 20px;}
.cont .right .xw-box .pic img{width:100%;}
.cont .right .xw-box .txt{flex: 1; font-size: 16px;}
.cont .right .xw-box .txt h6{font-size: 20px; color: #1c1c1c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cont .right .xw-box .txt label{display: block; margin: 10px 0 10px 0;}
.cont .right .xw-box .txt p{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify; line-height: 25px;}
.cont .right .xw-box:hover{background: #316dc8; color: #fff;}
.cont .right .xw-box:hover h6{color: #fff;}
/*关于我们*/
.gy_w{width:100%; margin:30px auto;}
.gy_w li{width:30%; float:left; margin:1% 2% 2%; }
.gy_w li img{width:100%; transition: all 1s; margin-bottom: 20px;}
.gy_w li p{color:#333333; font-size:16px;text-transform: capitalize;}
.gy_w li p:nth-child(2){font-size: 18px;}
.gy_w li a{color:#333333; font-size:22px;}
.gy_w li:nth-child(3n){margin-right:0;}
.gy_w li:hover img{ box-shadow: 2px 6px 29px #ccc;transform:translateY(-10px);}
.gy_w li:hover p{color: #316dc8;}
/*技术能力*/
.jsn{width:100%; margin:30px auto;}
.jsn li{width:33.33%!important; float:left; margin:0!important; }
.jsn li img{width:100%; transition: all 1s;}
/*联系我们*/
.lxw{margin:30px auto; width:100%;}
.lxw .lxtop{width:100%; background:#316dc8; color:#fff; padding:30px 35px; box-sizing: border-box;}
/* <!-- 2019.11.30修改 --> */
/* .lxw .lxtop .lxleft{width:583px; float:left; color:#fff;} */
.lxw .lxtop .lxleft{width:555px; float:left; color:#fff;}
.lxw .lxtop .lxleft p{color:#fff; line-height:40px; font-size:16px;}
.lxw .lxtop .lxright{float:right; width:295px; color:#fff;}
/* .lxw .lxtop .lxright img{float:right;}
.lxw .lxtop .lxright span{margin-top:140px; color:#fff; float:left; line-height:20px;} */
/* <!-- 2019.11.30修改 --> */
.lxw .lxtop .lxright img{width: 140px;display: block;margin:25px auto 0;}
.lxw .lxtop .lxright span{color:#fff;display: block;  line-height:20px;text-align: center;margin-top: 10px;}
/* <!-- - --> */