/*头部样式*/
#header,.w1200{width:1200px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
p{margin:0 0 0 0;}

.tophead{width: 100%;height: 30px;background: #005bac;position: relative;}
.headtitle{font-size: 12px;color: #fff;line-height: 30px;}
.k1{font-size: 12px;line-height: 30px;color: #fff;}
.k1 a{color:#fff}

.sechead{height: 110px;border-bottom: 1px solid rgba(0,0,0,0.05);position: relative;}
.logo{float:left;line-height: 110px;}
.sechead .k2{margin-top: 19px;background: url(../images/ttel.png) left center no-repeat;text-align: left;padding-left: 70px;font-size: 20px;color: #3e3e3e;line-height: 24px;}
a.weixin{position: relative;width: 30px;height: 30px;display:inline-block;text-align:center;}
a.weixin span{position: absolute;top:30px;left:-50px;display: none;z-index:99999;}
a.weixin:hover{background:#f39800;}
a.weixin:hover span{display: inline-block;}

.top_qq{width: 30px;height: 30px;text-align: center;line-height: 30px;display: inline-block;}
.top_qq:hover{background: #f39800}
/* 导航 */
.menu{float: right;}
.demo-menu {}
.demo-menu>li {float:left;width:100px;margin-left:2px;position:relative;text-align:center;}
.demo-menu>li>a {display:block;font-size:16px;color:#485157;height: 110px;line-height: 110px;}
.demo-menu>li.active>a,.demo-menu>li:hover>a {background:#005bac;color:#fff}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/* 搜索 */
.ss{background: #efefef;height: 50px;overflow: hidden;}
.top_tel{background: url(../images/tel.png)no-repeat left;padding-left: 17px;color: #595757;font-size: 12px;line-height: 50px;}
.hotSearch{line-height: 50px;color: #898989;font-size: 12px;font-family: "宋体"}
.hotSearch a{color:#898989;display: inline-block;margin-right: 6px; }

#formsearch{width: 216px;height: 36px;background: url(../images/ss.png)no-repeat;margin-top: 7px;}
#formsearch input{height:36px;background:none;border:none;line-height:36px;outline: none;float: left;}
#formsearch input#keyword{text-indent:12px;color:#898989;font-size: 12px;width: 181px;font-family: "宋体"}
#formsearch input#s_btn{width: 33px;text-align:center;color:#fff;border:none;cursor:pointer;}

/* 内页 */
.left{width: 260px;float: left;}
.right{width: 880px;float: right;}
.product_list{ margin:-15px -15px 0 0;}
.product_list li{float: left;width:calc(100% / 3 - 15px);border: 1px solid #eee;margin:15px 15px 0 0;padding:5px;}
.product_list li a.img{display: block;width: 271px;height: 271px;overflow: hidden;}
.product_list li img{width:100%;height:100%;transition: all .5s ease;}
.product_list li h3{line-height: 35px;text-align: center;}
.product_list li h3 a{color: #5a5a5a;font-size: 14px;}
.product_list li:hover{border-color: #005bac}
.product_list li:hover img{transform:scale(1.1);}

/*  */
.a1{width: 1920px;margin-left: -960px;left:50%;position: relative;}

/* 产品 */
.chan{margin-top: 69px;}
.chan-le{width: 270px;height:595px;background:#005bac;}
.chan-le h3{height: 90px;background: url(../images/cc.png)no-repeat 58px #005bac;padding-top: 25px;color: #fff;font-size: 20px;padding-left: 105px;line-height:25px;}
.chan-le h3 span{display: block;font-size: 14px;font-family: "arial";text-transform: uppercase;}
.fenlei{ height:504px; border:6px solid #005bac;border-top: none;background: #fff;padding-top:8px;padding-left: 7px;}
.fenlei li{width: 248px;margin-bottom: 11px;}
.fenlei li a.a{display: block;height: 35px;background: #d8e4f0;border-bottom: 1px dashed #e0e0e0;line-height: 35px;position: relative;color: #005bac;font-size: 16px;padding-left: 11px;}
.fenlei li a.a span{position: absolute;right: 11px;top:0;color: #005197;font-size: 16px;font-family: "宋体"}
.fenlei li a.b{display: inline-block;width: 50%;line-height: 34px;float: left;border-bottom: 1px dashed #e0e0e0;color: #595757;font-size: 12px;font-family: "宋体";text-indent: 9px;}
.fenlei li a.b:hover{color: #f39800}
a.chan-more{margin:35px auto 0;display: block;width: 94px;height: 30px;line-height: 30px;border-radius: 20px;text-align: center;color: #fff;font-size: 12px;font-family: "宋体";background: #005bac;}
a.chan-more:hover{background: #f39800}
.chan-ri{width: 900px;}
.product_list1{}
.product_list1 li{float: left;width:290px;height:290px;position: relative;margin:0 15px 15px 0;}
.product_list1 li:nth-child(3n){margin-right: 0}
.product_list1 li img{width:290px;height:290px;}
.product_list1 li h3{position: absolute;bottom: 0;left:0;width: 100%;height: 35px;line-height: 35px;text-align: center;background: rgba(0,0,0,0.65);color: #fff;font-size: 12px;font-family: "宋体";overflow: hidden;transition: all 0.3s;}
.product_list1 li h3 a{display: block;font-size: 12px;color: #fff;margin-top: 75px;}
.product_list1 li:hover h3{background: rgba(0,91,172,0.8);height: 100%;font-size: 16px;padding-top: 130px;}

/* 简介 */
.ab{margin-top: 53px;background:#005bac url(../images/bg_about.jpg)no-repeat;height: 707px;}
.ab-tit{text-align: center;padding-top: 100px;}
.ab-tit h3{color: #fff;line-height: 29px;}
.ab-tit span{color: #fff;font-size: 12px;font-family: "arial";display: block;background: url(../images/tit.png)no-repeat center;text-transform: uppercase;line-height: 33px;}
.ab-cont{margin-top:25px;}
.ab-le{width: 570px;}
.ab-le h3{color: #fff;font-size: 16px;font-family: "宋体";line-height: 22px;}
.ab-le h3 span{display: block;color: #fff;font-size: 12px;font-family: "arial";text-transform: uppercase;}
.ab-le .cont{margin-top: 17px;color: #fff;font-size: 12px;font-family: "宋体";line-height: 20px;text-align: justify;height: 330px;overflow: hidden;}
.ab-le a{display: block;width: 94px;height: 30px;line-height: 30px;border-radius: 20px;background: #d8e4f0;color: #005bac;font-size: 12px;font-family: "宋体";text-align: center;}
.ab-le a:hover{background: #f39800;color: #fff;}
.ab-ri{width: 600px;}
.ab-ri ul{overflow: hidden;}
.ab-ri ul li{float: left;width: 300px;height: 210px;position: relative;text-align: center;}
.ab-ri ul li .img img{width: 300px;height: 210px;}
.ab-ri ul li .cont{width: 300px;height: 210px;position: absolute;top:0;left:0;z-index: 99;padding-top:135px;}
.ab-ri ul li .cont:before{width: 80px;height: 80px; content:""; background:url(../images/app.png) no-repeat -50px 0; position: absolute;top:35px;left:50%; margin-left:-40px;}
.ab-ri ul li .cont span{color: #fff;font-size: 16px;display: block;}
.ab-ri ul li .cont p{color: #fff;font-size: 12px;font-family: "宋体";margin-top:5px;}
.ab-ri ul li.li3 .cont:before{ background-position:-130px 0;}
.ab-ri ul li.li4 .cont:before{ background-position:-210px 0;}
.ab-ri ul li.li5 .cont:before{ background-position:-290px 0;}
.ab-ri ul li:hover .cont{background: #99bc4f}
.ab-ri ul li:nth-child(1):hover .cont{background: #02bbcc}
.ab-ri ul li:nth-child(2):hover .cont{background: #2d83db}
.ab-ri ul li:nth-child(3):hover .cont{background: #719a1f}

/* 案例 */
.anli{margin-top: 67px;}
.anli-tit{height: 43px;position: relative;}
.anli-tit h3{background: url(../images/c1.png)no-repeat left;color: #005bac;font-size: 20px;padding-left: 47px;line-height:22px;float: left;}
.anli-tit h3 span{display: block;font-size: 14px;font-family: "arial";text-transform: uppercase;}
.anli-tit ul{margin-top: 10px;overflow: hidden;}
.anli-tit ul li{float: left;width: 90px;height: 30px;border:1px solid #005bac;margin-left: 10px;text-align: center;border-radius: 20px;line-height: 28px;background: #fff;}
.anli-tit ul li a{color: #005bac;font-size: 12px;font-family: "宋体"; display:block;}
.anli-tit ul li:hover{background: #005bac;}
.anli-tit ul li:hover a{color: #fff;}
.ttz{display:none;}
.case_list1{margin-top: 11px;}
.case_list1 li{float: left;width: 290px;height: 290px;position: relative;margin-right: 13px;margin-bottom: 13px;overflow:hidden;}
.case_list1 li:nth-child(4n){margin-right: 0}
.case_list1 li img{width: 290px;height: 290px;transition: all 0.6s;}
.case_list1 li h3{position: absolute;bottom: 0;left:0;width: 100%;height: 35px;line-height: 35px;text-align: center;background: rgba(0,0,0,0.65);color: #fff;font-size: 12px;font-family: "宋体";overflow: hidden;transition: all 0.35s;}
.case_list1 li h3 a{display: block;font-size: 12px;color: #fff;margin-top: 75px;}
.case_list1 li:hover h3{background: rgba(0,91,172,0.8);height: 100%;font-size: 14px;padding-top: 130px;}
.case_list1 li:hover img{transform: scale(1.1);}

/* 新闻 */
.xin{margin-top: 75px;background: url(../images/xx.jpg)no-repeat;height: 693px;padding-top: 67px;}
.ttz1{display:none;}
.xin-cont{margin-top: 23px;}
.xin-le{width: 580px;position: relative;}
.xin-le .hd a{position: absolute;z-index: 99;width: 30px;height: 30px;display: inline-block;bottom: 0;cursor: pointer;}
.xin-le .hd a.prev{right: 30px;background: url(../images/left.png)no-repeat;}
.xin-le .hd a.next{right: 0;background: url(../images/right.png)no-repeat;}
.xin-le .bd .cont{height: 90px;}
.news_list1{}
.news_list1 li img{width: 580px;height: 384px;}
.news_list1 li .cont{background: url(../images/x1.png)no-repeat left rgba(0,0,0,0.7);padding-left:140px;padding-top: 12px;padding-right: 80px;}
.news_list1 li .cont a{display: block;color: #fff;font-size: 14px;font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_list1 li .cont p{color: #fff;font-size: 12px;font-family: "宋体";line-height: 17px;margin-top: 10px;}

.xin-ri{width: 620px;height: 474px;background: #fff;padding:21px;}
.news_list2{}
.news_list2 li{overflow: hidden;margin-bottom: 12px;}
.news_list2 li .img{float: left;width: 165px;height: 110px;}
.news_list2 li .img img{width: 100%;height: 100%; border-radius:4px;}
.news_list2 li .cont{float: right;width: 395px;}
.news_list2 li .cont a{display: block;color: #595757;font-size: 14px;font-family: "宋体";height: 28px;line-height: 28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_list2 li .cont span{color: #898989;font-size: 12px;font-family: "arial";}
.news_list2 li .cont p{margin-top: 15px;color: #898989;font-size: 12px;font-family: "宋体";line-height: 20px;}
.news_list2 li:hover .cont a{color: #005bac}
.news_list2 li:hover .cont span{color: #005bac}

.news_list3{ margin-top:5px;}
.news_list3 li{position: relative;line-height: 30px;}
.news_list3 li a{color: #595757;font-size: 12px;font-family: "宋体"; padding-right:80px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_list3 li span{position: absolute;right: 0;top:0;color: #3d3d3d;font-size: 12px;font-family: "arial";}
.news_list3 li:hover a{color: #005bac}
.news_list3 li:hover span{color: #005bac}

/* 底部 */
.foot{height: 285px;background:#035caa;padding-top: 52px;overflow: hidden;}
.foot .w1200{height: 218px;}
.ff_a{margin-right: 42px;}
.ff_a h3{color: #fff;font-size: 14px;font-family: "宋体";line-height: 28px;}
.ff_a .sec{margin-top: 12px;color: #87b3d9;font-size: 12px;font-family: "宋体";line-height: 30px;}
.ff_a .sec a{display: block;color: #87b3d9;font-size: 12px;font-family: "宋体";line-height: 30px;}
.ff_a .sec a:hover{color: #fff;text-decoration: underline;}
.er{margin-top: 7px;}
.f_link{width: 1200px;margin:0 auto;background: url(../images/link.png)no-repeat left;padding-left: 20px;height: 53px;line-height: 53px;color: #fff;font-size: 12px;font-family: "宋体";}
.f_link a{color: #fff;font-size: 12px;font-family: "宋体";display: inline-block;margin-right: 6px;}
.copyright{line-height: 50px;background: #003769;color: #80a4c3;font-size: 12px;font-family: "宋体"; display:flex;}
.copyright span{ margin-left:15px;}
.copyright a{color: #80a4c3;font-size: 12px; display:inline-block;}

.list-pages { height:54px; padding:12px 95px 12px 10px; margin-top:25px; background:#eee; border-radius:4px; font:12px/20px Helvetica,"microsoft yahei","SimSun"; display:flex; justify-content:right; position:relative; z-index:100;}
.list-pages i { font-style:normal;}
.list-pages>a { height:30px; padding:0 12px; margin-left:8px; background:#fff; border:1px solid #c9caca; border-radius:3px; line-height:30px; display:flex; align-items:center; position:relative; z-index:10;}
.list-pages>a[href]:hover { border-color:#005db3; color:#005db3;}
.list-pages>.now { padding:0 6px; background:rgb(245,245,245); border-color:#005db3; color:#005db3;}
.list-pages>.now span { margin:0 3px;}
.list-pages>.tongji { padding:0; margin-left:0; background:none; border-color:transparent; color:#3e3a39; position:absolute; top:12px; left:10px;}
.list-pages>.tongji span { margin-left:10px;}
.list-pages>.tongji span:first-child { margin:0;}
.list-pages>.none { border-color:#ccc; color:#ccc; cursor:no-drop;}
.list-pages>.none[href]:hover { background:#fff; border-color:#ccc; color:#ccc;}

.list-pages .gotoPage { width:75px; height:30px; text-align:left; color:#3e3a39; position:absolute; top:12px; right:10px;}
.list-pages .gotoPage em { font-style:normal; position:absolute; cursor:pointer; background:#fff;}
.list-pages .gotoPage em.value { width:100%; height:100%; border:1px solid #c8cfd2; border-radius:3px; text-indent:10px; line-height:28px; top:0; left:0;}
.list-pages .gotoPage em.value:after { width:0; height:0; content:""; border:6px solid transparent; border-top-color:#ccc; border-bottom:0; position:absolute; top:50%; right:9px; z-index:10; margin-top:-3px; transition-duration:400ms;}
.list-pages .gotoPage em.open { border-color:#005db3; color:#005db3;}
.list-pages .gotoPage em.open:after { border-top-color:#005db3; transform:rotate(180deg);}
.list-pages .gotoPage dl { width:100%; max-height:calc(30px * 6 - 1px); margin:0; background:#fff; border:1px solid #005db3; border-radius:4px 4px 0 0; position:absolute; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:100; transition:all 0.3s; transform:translateY(0); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:auto;}
.list-pages .gotoPage dl dd { height:30px; border-top:1px solid #ddd; text-indent:10px; line-height:30px; display:block; overflow:hidden;}
.list-pages .gotoPage dl dd:first-child { border:0;}
.list-pages .gotoPage dl dd a { height:100%; display:block;}
.list-pages .gotoPage dl dd a:hover { background:#fff; color:#005db3;}
.list-pages .gotoPage dl dd a.active,
.list-pages .gotoPage dl dd a.active:hover { background:rgba(0,0,0,0.08); color:#005db3;}
.list-pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

.list-message { padding:10px 30px 96px; background:#f3f5f6; border-radius:4px; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;}
.list-message li { width:calc(100% / 2 - 10px); height:50px; margin-top:20px; background:#fff; border-radius:4px; position:relative;}
.list-message li:before { width:20px; height:16px; content:""; background:url(../images/app.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:10; margin-top:-8px;}
.list-message li.user:before { background-position:0 0px;}
.list-message li.tel:before { background-position:-20px 0px;}
.list-message li input,
.list-message li textarea { width:100%; height:100%; border:1px solid #b5b5b5; border-radius:4px;}
.list-message li input { text-indent:40px;}
.list-message li textarea { padding:10px 12px;}
.list-message li input:focus,
.list-message li textarea:focus { border-color:#035caa;}
.list-message li.detail { width:100%; height:200px; background:#fff;}
.list-message li.submit { width:130px; height:46px; background:#035caa; border:0; border-radius:5px; text-align:center; line-height:46px; font-size:16px; color:#fff; position:absolute; bottom:30px; right:30px; cursor:pointer;}
.list-message li.submit:hover { background:rgba(243,152,0,0.8);}
.list-message li.submit i { padding-left:28px; font-style:normal; display:inline-block; position:relative;}
.list-message li.submit i:before { width:16px; height:16px; content:""; background:url(../images/app.png) no-repeat 0 -20px; position:absolute; top:50%; left:0; margin-top:-8px;}
.list-message li.loading { width:100%; height:100%; margin:0; background-color:rgba(0,0,0,0.1); border:0; position:absolute; top:0; left:0; z-index:30; display:none;}