@charset "utf-8";
*{ padding:0px; margin:0px;box-sizing: 0;}
li{list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
a:hover{color:#037fb9;}
a:focus {outline:0; }
body{font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;background:#fff; font-size: 14px;}
input,input:focus{outline:none;}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*通用调用*/
.fl{float:left;}
.fr{float:right;}
.border_box{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.clearfix::before,.clearfix::after{content: "";display: block; height: 0;clear:both; visibility: hidden;}
.clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}
/*首页顶部*/
@media(min-width:320px){
.col-md-4{width:100%;float:left}
.col-md-8{width:35%;float:left}
.logos{background:#0150a9}
.logos img{width:200px;height:80px;margin-left:10px}
.logos a{float:left;display:block}
.header_r{background:#e5e8f0}
.headerleft{width:220px;height:100px;background:url(../images/index_04.jpg) no-repeat right center;padding:20px 0;text-align:center;float:left;display:none}
.headerleft p{color:#0150a9;font-size:18px;line-height:30px;}
.headerleft span{color:#333;font-size:16px;}
.headerright{width:250px;display:none;height:100px;font-size:12px;color:#7A7B7F;background:url(../images/index_04.jpg) no-repeat right center;line-height:100px;float:left;text-align:center}
.headerright a{color:#7A7B7F;padding:0 10px;font-size:14px;}
.headerrightcall{width:100px;height:80px;padding:15px 0;text-align:right;float:left;display:none}
.headerrightcall span{color:#333;font-size:12px;}
.headerrightcall span i{margin-right:10px}
.headerrightcall p{font-size:18px;line-height:30px;color:#165572;}
.lxdhdiv{height:60px;background:url(../images/index_31.jpg) no-repeat top center;background-size:cover}
.lxdh{height:50px;float:right;margin-right:10px;padding-top:18px;width:200px;line-height:22px;color:#ffffff;overflow:hidden}
.tac{text-align:center;width:}
.lxdh span{font-size:24px;color:#ffcb00;font-weight:bold}
.lxdh p{color:#ffffff;font-size:14px;margin-top:5px;font-weight:bold;}
.lxdh p span{color:#ffffff;font-size:16px;font-weight:normal;}
}
@media (min-width:360px){
.col-md-4{width:55%;float:left}
.col-md-8{width:45%;float:left}
.logos{background:#0150a9}
.logos img{width:200px;height:80px;margin-left:10px}
.logos a{float:right;display:block}
.header_r{background:#e5e8f0}
.headerleft{width:220px;height:100px;background:url(../images/index_04.jpg) no-repeat right center;padding:20px 0;text-align:center;float:left;display:none}
.headerleft p{color:#0150a9;font-size:18px;line-height:30px;}
.headerleft span{color:#333;font-size:16px;}
.headerright{width:250px;display:none;height:100px;font-size:12px;color:#7A7B7F;background:url(../images/index_04.jpg) no-repeat right center;line-height:100px;float:left;text-align:center}
.headerright a{color:#7A7B7F;padding:0 10px;font-size:14px;}
.headerrightcall{width:150px;height:80px;padding:15px 0;text-align:right;float:left;display:block}
.headerrightcall span{color:#333;font-size:15px;}
.headerrightcall span i{margin-right:10px}
.headerrightcall p{font-size:18px;line-height:30px;color:#165572;}
.lxdhdiv{height:60px;background:url(../images/index_31.jpg) no-repeat top center;background-size:cover}
.lxdh{height:50px;float:right;margin-right:10px;padding-top:18px;width:200px;line-height:22px;color:#ffffff;overflow:hidden}
.tac{text-align:center;width:}
.lxdh span{font-size:24px;color:#ffcb00;font-weight:bold}
.lxdh p{color:#ffffff;font-size:14px;margin-top:5px;font-weight:bold;}
.lxdh p span{color:#ffffff;font-size:16px;font-weight:normal;}
}
@media (min-width:370px){
.head{height:70px;}
.logo{float:left;width:200px;margin-top:30px;height:70px;margin-left:10px}
.col-md-4{width:55%;float:left}
.col-md-8{width:45%;float:left}
.logos{background:#0150a9}
.logos img{width:200px;height:80px;margin-left:10px}
.logos a{float:right;display:block}
.header_r{background:#e5e8f0}
.headerleft{width:220px;height:100px;background:url(../images/index_04.jpg) no-repeat right center;padding:20px 0;text-align:center;float:left;display:none}
.headerleft p{color:#0150a9;font-size:18px;line-height:30px;}
.headerleft span{color:#333;font-size:16px;}
.headerright{width:250px;display:none;height:100px;font-size:12px;color:#7A7B7F;background:url(../images/index_04.jpg) no-repeat right center;line-height:100px;float:left;text-align:center}
.headerright a{color:#7A7B7F;padding:0 10px;font-size:14px;}
.headerrightcall{width:150px;height:80px;padding:15px 0;text-align:right;float:left}
.headerrightcall span{color:#333;font-size:15px;}
.headerrightcall span i{margin-right:10px}
.headerrightcall p{font-size:18px;line-height:30px;color:#165572;}
}
@media (min-width:480px){
.head{height:70px;}
.logo{float:left;width:200px;margin-top:30px;height:70px;margin-left:10px}
.col-md-4{width:50%;float:left}
.col-md-8{width:50%;float:left}
.logos{background:#0150a9}
.logos img{width:242px;height:100px;margin-left:10px}
.logos a{float:right;display:block}
.header_r{background:#e5e8f0}
.headerleft{width:220px;height:100px;background:url(../images/index_04.jpg) no-repeat right center;padding:20px 0;text-align:center;float:left;display:none}
.headerleft p{color:#0150a9;font-size:18px;line-height:30px;}
.headerleft span{color:#333;font-size:16px;}
.headerright{width:250px;display:none;height:100px;font-size:12px;color:#7A7B7F;background:url(../images/index_04.jpg) no-repeat right center;line-height:100px;float:left;text-align:center}
.headerright a{color:#7A7B7F;padding:0 10px;font-size:14px;}
.headerrightcall{width:220px;height:100px;padding:20px 0;text-align:right;float:left}
.headerrightcall span{color:#333;font-size:18px;}
.headerrightcall span i{margin-right:10px}
.headerrightcall p{font-size:24px;line-height:30px;color:#165572;}
.lxdhdiv{height:80px;background:url(../images/index_31.jpg) no-repeat top center;background-size:cover}
.lxdh{height:70px;float:right;margin-right:10px;padding-top:18px;width:300px;line-height:22px;color:#ffffff;overflow:hidden}
.tac{text-align:center;width:}
.lxdh span{font-size:24px;color:#ffcb00;font-weight:bold}
.lxdh p{color:#ffffff;font-size:14px;margin-top:5px;font-weight:bold;}
.lxdh p span{color:#ffffff;font-size:16px;font-weight:normal;}
}
@media (min-width:540px){
.head{height:70px;}
.logo{float:left;width:200px;margin-top:30px;height:70px;margin-left:10px}
.col-md-4{width:50%;float:left}
.col-md-8{width:50%;float:left}
.logos{background:#0150a9}
.logos img{width:242px;height:100px;margin-left:10px}
.logos a{float:right;display:block}
.header_r{background:#e5e8f0}
.headerleft{width:220px;height:100px;background:url(../images/index_04.jpg) no-repeat right center;padding:20px 0;text-align:center;float:left;display:none}
.headerleft p{color:#0150a9;font-size:18px;line-height:30px;}
.headerleft span{color:#333;font-size:16px;}
.headerright{width:250px;display:none;height:100px;font-size:12px;color:#7A7B7F;background:url(../images/index_04.jpg) no-repeat right center;line-height:100px;float:left;text-align:center}
.headerright a{color:#7A7B7F;padding:0 10px;font-size:14px;}
.headerrightcall{width:220px;height:100px;padding:20px 0;text-align:right;float:left}
.headerrightcall span{color:#333;font-size:18px;}
.headerrightcall span i{margin-right:10px}
.headerrightcall p{font-size:24px;line-height:30px;color:#165572;}
.lxdhdiv{height:80px;background:url(../images/index_31.jpg) no-repeat top center;background-size:cover}
.lxdh{height:70px;float:right;margin-right:10px;padding-top:18px;width:300px;line-height:22px;color:#ffffff;overflow:hidden}
.tac{text-align:center;width:}
.lxdh span{font-size:24px;color:#ffcb00;font-weight:bold}
.lxdh p{color:#ffffff;font-size:14px;margin-top:5px;font-weight:bold;}
.lxdh p span{color:#ffffff;font-size:16px;font-weight:normal;}
}
@media (min-width:640px){
.col-md-4{width:40%;float:left}
.col-md-8{width:60%;float:left}
.logos{background:#0150a9}
.logos img{width:242px;height:100px;margin-left:10px}
.logos a{float:right;display:block}
.header_r{background:#e5e8f0}
.headerleft{width:220px;height:100px;background:url(../images/index_04.jpg) no-repeat right center;padding:20px 0;text-align:center;float:left;display:none}
.headerleft p{color:#0150a9;font-size:18px;line-height:30px;}
.headerleft span{color:#333;font-size:16px;}
.headerright{width:250px;display:none;height:100px;font-size:12px;color:#7A7B7F;background:url(../images/index_04.jpg) no-repeat right center;line-height:100px;float:left;text-align:center}
.headerright a{color:#7A7B7F;padding:0 10px;font-size:14px;}
.headerrightcall{width:220px;height:100px;padding:20px 0;text-align:right;float:left}
.headerrightcall span{color:#333;font-size:18px;}
.headerrightcall span i{margin-right:10px}
.headerrightcall p{font-size:24px;line-height:30px;color:#165572;}
.lxdhdiv{height:110px;background:url(../images/index_31.jpg) no-repeat top center;background-size:cover}
.lxdh{height:80px;float:right;margin-right:10px;padding-top:20px;overflow:hidden;width:350px;line-height:25px;color:#ffffff}
.tac{text-align:center;width:}
.lxdh span{font-size:20px;color:#ffcb00;font-weight:bold}
.lxdh p{color:#ffffff;font-size:16px;font-weight:bold;}
.lxdh p span{color:#ffffff;font-size:16px;font-weight:normal;}
}
@media (min-width:980px){
.head{height:70px;}
.logo{float:left;width:200px;margin-top:30px;height:70px;margin-left:10px}
.col-md-4{width:26%;float:left}
.col-md-8{width:74%;float:left}
.logos{background:#0150a9}
.logos img{width:242px;height:100px;margin-left:10px}
.logos a{float:right;display:block}
.header_r{background:#e5e8f0}
.headerleft{width:220px;height:100px;background:url(../images/index_04.jpg) no-repeat right center;padding:20px 0;text-align:center;float:left}
.headerleft p{color:#0150a9;font-size:18px;line-height:30px;}
.headerleft span{color:#333;font-size:16px;}
.headerright{width:250px;height:100px;font-size:12px;color:#7A7B7F;background:url(../images/index_04.jpg) no-repeat right center;line-height:100px;float:left;text-align:center}
.headerright a{color:#7A7B7F;padding:0 10px;font-size:14px;}
.headerrightcall{width:220px;height:100px;padding:20px 0;text-align:right;float:left}
.headerrightcall span{color:#333;font-size:18px;}
.headerrightcall span i{margin-right:10px}
.headerrightcall p{font-size:24px;line-height:30px;color:#165572;}
.lxdhdiv{height:150px;background:url(../images/index_31.jpg) no-repeat top center;background-size:cover}
.lxdh{height:160px;float:right;margin-right:90px;padding-top:20px;width:520px;line-height:30px;color:#ffffff}
.tac{text-align:center;width:}
.lxdh span{font-size:24px;color:#ffcb00;font-weight:bold}
.lxdh p{color:#ffffff;font-size:24px;margin-top:10px;font-weight:bold;}
.lxdh p span{color:#ffffff;font-size:16px;font-weight:normal;}
}
@media (min-width:1100px){
.col-md-4{width:33.33333333%;}
.col-md-8{width:66.66666666%;}
.head{height:70px;}
.logo{float:left;width:200px;margin-top:30px;height:70px;margin-left:10px}
.logos{background:#0150a9}
.logos img{width:242px;height:100px;margin-right:10px}
.logos a{float:right;display:block}
.header_r{background:#e5e8f0}
.headerleft{width:320px;height:100px;background:url(../images/index_04.jpg) no-repeat right center;padding:20px 0;text-align:center;float:left;display:block}
.headerleft p{color:#0150a9;font-size:18px;line-height:30px;}
.headerleft span{color:#333;font-size:16px;}
.headerright{width:295px;height:100px;font-size:12px;color:#7A7B7F;background:url(../images/index_04.jpg) no-repeat right center;line-height:100px;float:left;text-align:center;display:block}
.headerright a{color:#7A7B7F;padding:0 10px;font-size:14px;}
.headerrightcall{width:200px;height:100px;padding:20px 0;text-align:right;float:left;display:block}
.headerrightcall span{color:#333;font-size:18px;}
.headerrightcall span i{margin-right:10px}
.headerrightcall p{font-size:24px;line-height:30px;color:#165572;}
.box{width:1150px;margin:0 auto}
.lxdhdiv{height:200px;background:url(../images/index_31.jpg) no-repeat top center;}
.lxdh{height:160px;float:right;margin-right:90px;padding-top:40px;width:520px;line-height:30px;color:#ffffff}
.tac{text-align:center;}
.lxdh span{font-size:24px;color:#ffcb00;font-weight:bold}
.lxdh p{color:#ffffff;font-size:24px;margin-top:10px;font-weight:bold;}
.lxdh p span{color:#ffffff;font-size:16px;font-weight:normal;}
}

/*导航*/
.nav{background:#CC0000;}
.nav ul{width:90%; margin: 0 auto;}
.nav ul li{height:48px; float:left; line-height:48px; text-align:center; width:12.28%;}
.nav ul li a{ display:block;height:100%;color:#fff; font-size: 14px; transition: .3s; margin-right: 0;}
.nav ul li:hover a{color:#fff; background:#921d1d;}
.nav ul li:active a{color:#fff; background:#921d1d;}
.nav ul li.on a{color:#fff; background:#921d1d;}
/*轮播图*/
.focus{width:100%;position:relative; overflow:hidden;}/*margin:90px auto 0 auto;*/
.focus .hd{width:100%; height:10px;  position:absolute; z-index:1; bottom:20px; text-align:center;  }
.focus .hd ul{display:inline-block; height:4px; font-size:0; vertical-align:top;}
.focus .hd ul li{display:inline-block; width:10px; height:10px;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#999; margin:0 10px;  vertical-align:top; overflow:hidden; }
.focus .hd ul .on{background:#037fb9;}
.focus .bd{position:relative; z-index:0;}
.focus .bd li img{width:100%; height:auto; display: block;}
.index_banner{height:auto;}
.index_banner a{display:block;}
.index_banner img{display:block; width:100%; height: auto;}
/*大盒子*/
.box{width:90%;margin: 60px auto;}
.box .box_right{width:240px;float: right; margin-left: -240px;}
.box .box_right .con{margin-bottom:20px;}
.box .box_right .title{width:100%; height:40px; line-height: 40px; padding:0 5px; font-size: 16px; overflow: hidden; background-color:#CC0000; color:#fff; text-align: center;}
.box .box_right ul{height: auto;width: 240px; background:#f9f9f9;}
/*border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;*/
.box .box_right ul li{height: 34px; line-height: 34px;border-bottom: 1px solid #f0f0f0; overflow: hidden; padding: 0 5px; text-align: center;}
.box .box_right ul li a{display:block; width:100%; height: 100%;}
.box .box_right ul li a:hover{color:#CC0000;}
.box .box_right ul li a:active{color:#CC0000;}
.box .box_left{float:left;width:100%;}
.box .box_left .content{ margin-right: 300px;}
.all_title{font-size: 30px; color: #333; font-weight: 100;height:50px; line-height: 50px; background: url(../images/ico5.png) no-repeat left bottom;}
/*产品展示*/
.product{margin:30px auto 0 auto; width:90%;}
.product .product_title{margin-bottom:20px;}
.product .product_title img{display:block; width:50%; margin: 0 auto;}
.product .hd{width:100%;margin: 20px auto; line-height: 40px;}
.product .hd ul{ text-align: center;}
.product .hd li{display:inline-block;font-size: 16px; margin: 0 60px;}
.product .hd li a{display:block; color:#333; border:3px solid #989797; height:60px; line-height: 60px; padding: 0 50px;border-radius:40px 40px 40px 40px;box-shadow: 5px 5px 5px #888888; }
.product .hd li:hover a{background:#fff; color:#333;border:3px solid #ff0000;}
.product .hd li:active a{background:#fff; color:#333;border:3px solid #fff;}
.product .hd li.on a{background:#fff; color:#333;border:3px solid #ff0000;}
.product .bd ul{ margin-top:20px;}
.product .bd ul li{ width:23%; margin: 0 1% 30px 1%; float: left;box-shadow: 0 0 10px 0 #f1f1f1; }
.product .bd ul li a{display:block; width:100%; height: 100%; padding-bottom: 5px;}
.product .bd ul li a img{ display:block; width:100%;}
.product .bd ul li a .tit{font-size:16px; color:#333; font-weight: 700; height:40px; line-height: 40px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;padding: 0 5px;}
.product .bd ul li a .font{ height:50px; line-height: 25px; padding: 0 5px; font-size: 14px; color: #666; transition: .3s; overflow: hidden;}
.product .bd ul li a:hover{background:#ff0000;}
.product .bd ul li a:active{background:#ff0000;}
.product .bd ul li a:hover .tit{color: #fff;}
.product .bd ul li a:active .tit{ color: #fff;}
.product .bd ul li a:hover .font{color: #fff;}
.product .bd ul li a:active .font{ color: #fff;}
/*服务*/
.solutions h2{text-align:center;font-size:20px}
.solutions h2 span{color:#0150a9}
.solutions h2 b{font-weight:normal;display:block;font-size:15px;line-height:40px;padding-bottom:10px}
.box_inner p{line-height:30px;height:60px;overflow:hidden}
.box_inner h3{font-size:15px}
.solutions h2{text-align:center;font-size:20px}
.solutions h2 span{color:#0150a9}
.solutions h2 b{font-weight:normal;display:block;font-size:15px;line-height:40px;padding-bottom:10px}
.bottom-text{background:#e7eef4;padding:52px 15px;border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;border:2px solid transparent;}
.bottom-text h3{text-align:center;font-size:20px;font-weight:600;color:#646464;}
.bottom-text p{margin-top:14px;text-align:center;font-size:13px;color:#757575;line-height:2.7em;height:110px;overflow:hidden;padding:0 10px}
.bottom-grid span{position:absolute;font-size:27px;color:#ffffff;background:#0150a9;border-radius:100%;padding:20px 20px;top:-37px;text-align:center;left:37%;}
.bottom-grids{margin-top:50px;}
.bottom-grid:hover div.bottom-text{border:2px solid #0150a9;transition:0.5s all;-webkit-transition:0.5s all;-o-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;}
.bottom-grid:hover div.bottom-text h3{color:#0150a9;transition:0.5s all;-webkit-transition:0.5s all;-o-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;}
.bottom-grid:hover div.bottom-spa span{background:#0150a9!important;color:#fff !important;transition:0.5s all;-webkit-transition:0.5s all;-o-transition:0.5s all;-moz-transition:0.5s all;-ms-transition:0.5s all;}
/*横条图*/
.top{height:32px;}
.topl{color:#FFF;line-height:32px;float:left;padding-left:10px}
.topr{float:right;line-height:32px;color:#FFF;padding-right:10px}
.lxdhdiv {height:200px;background: url(../images/index_31.jpg) no-repeat top center;}
.lxdh{height:160px;float:right;margin-right:auto;padding-top:20px;width:520px;line-height:30px;color:#ffffff;text-align:center;}
.lxdh span{font-size:24px;color:#ffcb00;font-weight:bold}
.lxdh p{color:#ffffff;font-size:24px;margin-top:5px;font-weight:bold;text-align:center;}
.lxdh p span{color:#ffffff;font-size:16px;font-weight:normal;}
/*案例*/
#box {width: 100%;margin: 60px auto;}
.case{margin:30px 0 0 0;height:auto;overflow:hidden}
.case h2{text-align:center;font-size:20px}
.case h2 span{color:#0150a9}
.case h2 b{font-weight:normal;display:block;font-size:15px;line-height:40px;padding-bottom:10px}
.ban-setting{display:block;position:relative;overflow:hidden;margin-top:20px}
.ban-setting img{width:100%;}
.ban-setting .captn{display:inline-block;height:100%;width:100%;color:#ffffff;position:absolute;bottom:-85%;right:0;background-color:rgba(1, 80, 169, 0.70);text-align:center;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.ban-setting:hover .captn{bottom:0%;}
.captn a{width:30px;height:30px;display:inline-block;border:1px solid #fff;border-radius:5px;margin:0 3px;}
.captn a:hover{transform:rotateY(360deg);}
.captn h4{font-size:1.1em;color:#fff;padding:9px 0 4px;font-weight:normal;font-family:"微软雅黑";}
.ban-setting:hover .captn h4{margin-top:55px;}
/*新闻资讯*/
.index{margin:0 auto; width:90%;}
.news{margin-top:30px; width:48%; float: left;}
.news ul{margin-top:20px;}
.news ul li{padding:10px;  background:#f9f9f9; border-radius: 5px; overflow: hidden; margin-bottom: 20px; transition: .3s;}
.news ul li a{display:block; width:100%; height: 100%;}
.news ul li a .left{width:20%; float: left; height:100%}
.news ul li a .left img{width:100%;height:90px; object-fit:cover;}
.news ul li a .right{width:78%; float: right;}
.news ul li .tit{font-size:16px; color:#333; line-height: 30px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; transition: .3s;}
.news ul li .font{font-size:14px; color:#666; line-height:25px; height:25px; overflow: hidden;}
.news ul li .time{font-size:14px; color:#666; line-height:25px; height:25px; overflow: hidden; margin-top: 10px;}
.news ul li:hover .tit{color:#037fb9;}
.news ul li:active .tit{color:#037fb9;}
/*关于我们*/
.about_us{margin-top: 30px; width:48%; float: right;}
.about_us .font{font-size: 14px;color: #666;line-height: 200%;}
.about_us .font .title{height:30px; line-height: 30px; font-size:18px; color:#333; font-weight: 700;}
.about_us .pic{margin:20px 0;}
.about_us .pic .left{width:48%; float: left;}
.about_us .pic .right{width:48%; float: right;}
/*成功案例*/
.case{ margin:30px auto 0 auto; width:90%;}
.case .content{margin-top:40px; position: relative;}
.case .bd{width:100%; overflow: hidden;}
.case .bd ul{overflow: hidden;}
.case .bd ul li{width:23%; margin: 10px; float: left;}
.case .bd ul li img{width:100%;}
.case .bd ul li .font{height:30px; line-height: 30px; text-align: center; color: #333; overflow: hidden; padding: 0 5px;}
.case .bd ul li:hover .font{color:#037fb9;}
.case .bd ul li:active .font{color:#037fb9;}
/*底部*/
.footer{background:#fff; padding: 10px 0; color:#666;}
.footer .content{width:90%; margin: 10px auto; line-height: 25px;font-size:16px}
.footer .down{line-height: 25px;}
.footer .down span{float:left; font-size: 14px;font-weight: 700;}
.footer .down a{ display: block;; float: left;height:30px; line-height: 30px; padding: 0 10px; font-size: 14px;}
.footer a{color:#666; margin-right: 100px;}
.footer a:hover{color:#333;}
.footer a:active{color:#333;}
.footer a.tel{color:#ff0000; display:block; float: left;}
.footer a.tel span{color:#666;}
.nav ul li a{margin-right:0;}
/*内页banner*/
.list_banner{width:100%;}
.list_banner img{display:block; width:100%;}
/*内页列表*/
.all_list{ line-height: 30px; color:#333; border-bottom:1px solid #f1f1f1; }
.all_list img{width:11px; height:15px; margin-top: 7px; display: block; float: left; margin-right: 5px;}
.all_list a{ color: #333;}
.all_list span{color:#999;}
.all_list a:hover{color:#037fb9;}
/*内页关于我们*/
.about{width:100%; margin-top: 30px;}
.about .pic{width:70%; margin: 0 auto; display: block;}
.about .font{font-size: 18px;color: #666;line-height: 200%;}
.about .font .tit{color:#037fb9; font-size: 20px; font-weight: 700; height:40px; line-height: 40px; text-align: center;}
/*内页产品展示*/
.product_ul{ margin-top:10px;}
.product_ul li{ width:23%; margin: 0 1% 20px 1%; float: left;box-shadow: 0 0 10px 0 #f1f1f1;}
.product_ul li a{display:block; width:100%; height: 100%; padding-bottom: 5px;}
.product_ul li a img{ display:block; width:100%;}
.product_ul li a .tit{font-size:16px; color:#333; font-weight: 700; height:40px; line-height: 40px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;padding: 0 5px;}
.product_ul li a .font{ height:50px; line-height: 25px; padding: 0 5px; font-size: 14px; color: #666; transition: .3s; overflow: hidden;}
.product_ul li a:hover{background:#ff0000;}
.product_ul li a:active{background:#ff0000;}
.product_ul li a:hover .tit{color: #fff;}
.product_ul li a:active .tit{ color: #fff;}
.product_ul li a:hover .font{color: #fff;}
.product_ul li a:active .font{ color: #fff;}
.pro_title{border-bottom: 1px dashed #f1f1f1; height:40px; line-height: 40px; font-size: 24px; color:#ff0000; font-weight: 700; margin-top: 30px;}
/*内页产品展示*/
.video_ul{ margin-top:10px;}
.video_ul li{ width:31%; margin: 0 1% 20px 1%; float: left;background:#f9f9f9; transition: .3s;}
.video_ul li a{display:block; width:100%; height: 100%; padding-bottom: 5px;}
.video_ul li a video{ display:block; width:100%;margin: 0 auto;height: 220px;}
.video_ul li a img{ display:block; width:100%;margin: 0 auto;height: 220px; object-fit: cover;}
.video_ul li a .tit{font-size:14px; color:#333; font-weight: 700; height:40px; line-height: 40px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;padding: 0 5px; text-align: center;}
.video_ul li:hover{background:#ff0000;}
.video_ul li:active{background:#ff0000;}
.video_ul li a:hover .tit{color: #fff;}
.video_ul li a:active .tit{ color: #fff;}
/*分页*/
.page{padding: 15px 20px;color: #ccc;text-align:center; margin: 30px auto;}
.page span{	display: inline-block;	color: #ddd;	height: 25px;line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;vertical-align: middle;}
.page a{display: inline-block;color: #666;	height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;vertical-align: middle;}
.page a:hover{text-decoration: none;color: #fff;background-color: #037fb9;	border: 1px solid #037fb9;}
.page .page_current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #fff;background-color: #037fb9;	border: 1px solid #037fb9;vertical-align: middle;}
/*内页成功案例*/
.case_ul{margin-top: 30px;}
.case_ul li{ width:23%; margin: 0 1% 20px 1%; float: left; box-shadow: 0 0 10px 0 #f1f1f1; transition: .3s; background: #fff;}
.case_ul li a{display:block; width:100%; height: 100%;}
.case_ul li a img{ display:block; width:100%;}
.case_ul li a .font{ padding:10px; font-weight: 100;}
.case_ul li a .font .t{font-size:16px; line-height: 20px; transition: .3s;}
.case_ul li a .font .d{color:#777; line-height:25px; height:50px; overflow: hidden;margin-top: 5px; transition: .3s; font-size: 14px;}
.case_ul li:hover{background:#037fb9;}
.case_ul li:hover .font .t{ color:#fff;}
.case_ul li:hover .font .d{ color:#fff;}
.case_ul li:active{background:#037fb9;}
.case_ul li:active .font .t{ color:#fff;}
.case_ul li:active .font .d{ color:#fff;}
/*内页新闻资讯*/
.news_ul{margin-top:20px;}
.news_ul li{padding:10px;  background:#f7f7f7; border-radius: 5px; overflow: hidden; margin-bottom: 20px; transition: .3s;}
.news_ul li a{display:block; width:100%; height: 100%;}
.news_ul li a .left{width:15%; float: left; height:100%}
.news_ul li a .left img{width:100%;height:90px; object-fit:cover;}
.news_ul li a .right{width:83%; float: right;}
.news_ul li .tit{font-size:16px; color:#333; line-height: 30px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; transition: .3s;}
.news_ul li .font{font-size:14px; color:#666; line-height:25px; height:25px; overflow: hidden;}
.news_ul li .time{font-size:14px; color:#666; line-height:25px; height:25px; overflow: hidden; margin-top: 10px;}
.news_ul li:hover .tit{color:#037fb9;}
.news_ul li:active .tit{color:#037fb9;}
/*客户留言*/
.message{width:60%; margin: 30px auto;}
.message .title{color: #037fb9; font-size: 20px; font-weight: 700; height: 40px; line-height: 40px; text-align: center;}
.message form{width:100%; margin-top: 10px;}
.message form .t{ width:100%; padding:0 10px; outline: none; border-radius: 0; -webkit-appearance: none; height:40px; line-height: 40px;border:1px solid #dedede; margin-bottom: 20px;}
.message form .t::-webkit-input-placeholder{color:#666;}
.message form .t::-moz-placeholder{color:#666;}
.message form .t:-moz-placeholder{color:#666;}
.message form .t:-ms-input-placeholder{color:#666;}
.message form textarea{ width:100%; padding:10px; outline: none; border-radius: 0; -webkit-appearance: none;line-height: 30px;border:1px solid #dedede; margin-bottom: 10px;}
.message form .t:hover{border-color:#037fb9;}
.message form .t:focus{border-color:#037fb9;}
.message form textarea::-webkit-input-placeholder{color:#666;}
.message form textarea::-moz-placeholder{color:#666;}
.message form textarea:-moz-placeholder{color:#666;}
.message form textarea:-ms-input-placeholder{color:#666;}
.message form textarea:hover{border-color:#037fb9;}
.message form textarea:focus{border-color:#037fb9;}
.message form .btn{border: none; width: 120px;  height: 40px;  line-height: 40px; background-color: #037fb9; color: #fff; border-radius: 3px; font-size: 14px; margin: 0 auto; display: block;}
.message form .btn:hover{background:#037fb9; cursor: pointer;}
.message form .btn:active{background:#037fb9; cursor: pointer;}
/*联系我们*/
.contact{width: 100%;margin: 30px auto;color:#999;}
.contact a{color:#999;}
.contact a:hover{color:#037fb9;}
.contact a:active{color:#037fb9;}
.contact .title{font-size: 24px; color: #333; margin-bottom: 15px;}
.contact p{font-size: 14px; color: #999; margin-bottom: 12px;}
.contact .pic{width:100%;}
.contact .pic .fl{width:40%; float: left;}
.contact .pic .fr{width:40%; float: left; margin-left: 5%;}
.contact .pic img{width:100%; display: block;}
.contact .pic .font{height:20px; line-height: 20px; font-size: 14px; color: #999; text-align: center;}
.contact .left{width:38%; float: left;}
.contact #map{width:60%; float: right; height:500px;}
/*内页新闻详情*/
.news_content{ height: auto; overflow: hidden; margin: 30px auto 0 auto;}
.news_content h3{ text-align:center;}
.news_content img{ width:50%; margin: 10px auto; display: block;}
.news_content .font{ font-size:14px; color: #666; line-height: 200%; margin: 10px auto;}
/*产品详情*/
.content_product{overflow:hidden;height: auto; margin-top: 30px;}
.content_product .top{ height:auto;}
.content_product .top img{ width:48%;display: block; margin: 0 1% 20px 1%; float: left; object-fit: cover;}
.content_product .top video{ width:48%; height: 400px; display: block; margin: 0 1% 20px 1%; float: left;}
.content_product .tel_box .left{width:10%; float: left;display:block;height:50px;  background: url(../images/icon6.png) no-repeat center 35px; background-color:#921d1d; color:#fff; line-height: 40px; margin: 20px auto; text-align: center;}
.content_product .tel_box .right{width:10%; float: right;display:block;height:50px; background: url(../images/icon6.png) no-repeat center 35px; background-color:#921d1d; color:#fff; line-height: 40px; margin: 20px auto; text-align: center;}
.content_product .tel_box .tel{display:block; width:70%; float: left; height:50px; background:#CC0000; color:#fff; line-height: 50px; margin: 20px auto 20px 5%; text-align: center; font-size: 20px;font-weight: 700;}
.content_product .tel_box .tel span{font-size:28px; margin-right: 5px;}


.list_title{height: 20px; line-height: 20px;font-size: 16px; font-weight: bold;border-bottom: 1px dashed #f1f1f1; padding-bottom: 10px; margin: 30px auto 0 auto;}
.list_title span{border-left:2px solid #037fb9;  text-indent: 5px; display: block;}
.content_product .p_wenben{padding: 10px 0; line-height: 200%;font-size: 14px; color: #666;}
.content_product .p_wenben img{display:block; width:80%!important; margin: 10px auto; height: auto!important;}
.content_product table{width: 100%;font-size: 14px; border-collapse: collapse; border-spacing: 0px 0px;}
.content_product table tr:nth-child(1){background:#ebf5ff;}
.content_product table td { text-align: center;  padding: 5px;  border: 1px solid #98c9ff;}
.content_product .pic{margin-top:20px;}
.content_product .pic li{ width:31%;float: left;  margin: 0 1% 20px 1%;}
.content_product .pic li img{display:block; width:100%; height:260px; object-fit: cover;}
.content_product .pic li video{display:block; width:100%; height:260px;}
.content_product .pic li .f{ height:30px; line-height: 30px; font-size: 14px; color: #333; text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*案例详情*/
.content_case .p_wenben{margin: 10px auto; line-height: 200%;font-size: 14px; color: #666;}
.content_case .pic{margin-top:20px;}
.content_case .pic li{ width:31%;float: left;  margin: 0 1% 20px 1%;}
.content_case .pic li img{display:block; width:100%;}
.content_case .pic li .f{ height:30px; line-height: 30px; font-size: 14px; color: #333; text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content_case .top{ height:auto;}
.content_case .top img{ width:100%; height: auto; display: block; margin-bottom: 20px;}
.index_left{display: block; width:200px; position: fixed; z-index: 999; bottom: 10%;}
.index_left img{display:block; width:100%;}
.index_left span{position:absolute; top:0; right:5px; font-size: 14px; color:#333; line-height: 30px; display: block;}
.index_left span:hover{cursor:pointer;}
/*自适应*/
@media (max-width:1500px){
	.header_down .logo img{height:70px; margin-top: 15px;}
	.contact .right .con{margin-left: 360px;}
	.contact .left{width:48%;}
	.contact #map{width:50%;}
	.content_product .pic li img{height:220px;}
	.content_product .pic li video{height:220px;}
}
@media (max-width:1200px){
	.product .bd ul li{width:48%;}
	.product_ul li{width:48%;}
	.case ul li{width:48%;}
	.case_ul li{width:48%;}
	.product .hd li{margin:0 30px; }
	.header_down .logo img{height:50px; margin-top: 25px;}
	.header_down .right img{height:50px; margin-top: 25px;}
	.contact .left{width:100%; float: none;}
	.contact #map{width:100%; float: none; margin-top: 20px;}
	.content_product .top video{height: 200px;}
	.content_product .pic li img{height:180px;}
	.content_product .pic li video{height:180px;}
	.content_product .tel_box .left{width:15%; }
	.content_product .tel_box .right{width:15%; }
	.content_product .tel_box .tel{ width:60%;}
	.video_ul li{width:48%;}
	.video_ul li a video{height:200px;}
	.video_ul li a img{height:200px; object-fit: cover;}
}
@media (max-width:768px){
	.contact .content .left{width:100%; float: none;}
	.contact .content .right{width:100%; float: none; margin-top: 20px;}
	.box .box_right{width:100%; float: none; margin-left: 0;}
	.box .box_left .content{width:100%; margin-left: 0;}
	.box .box_right ul{width:100%;}
	.index1 .content .left{width:100%; float: none; margin-bottom: 30px;}
	.index1 .content .right{width:100%; float: none;}
	.news{width:100%; float: none;}
	.about_us{width:100%; float: none;}
	.product .hd li{font-size:16px;margin:0 10px; }
	.product .hd li a{padding: 0 10px; height:40px; line-height: 40px;}
	.case .pic ul li{width:48%;}
	.nav ul{border-left: 1px dotted #FFF;}
	.nav ul li{width:25%;border-right: 1px dotted #FFF;border-bottom: 1px dotted #FFF;}
	.header_down{height:80px;}
	.header_down .logo img{height:30px;}
	.header_down .right img{height:30px;}
	.header .left{float:none;text-align: center;}
	.header .right{float:none;text-align: center;}
	.content_product .top video{height: 200px;}
	.content_product .pic li{width:48%;}
	.content_product .pic li{width:48%;}
}

@media (max-width:480px){
	.message{width:90%;}
	.header .tel{font-size:12px;}
	.product .bd ul li{width:100%; margin: 0 0 20px 0;}
	.product_ul li{width:100%; margin: 0 0 20px 0;}
	.case ul li{width:100%; margin: 0 0 20px 0;}
	.nav .logo a img {height: 40px;margin-top: 25px;}
	.case_ul li{width:100%; margin: 0 0 20px 0;}
	.content_product .pic li{width:100%; margin: 0 0 20px 0;}
	.content_case .pic li{width:100%; margin: 0 0 20px 0;}
	.contact .right{width:100%; float: none; margin: 30px 0;}
	.about_us .font img{width:100%; float: none;}
	.content_product .top img{width:100%; height: auto;}
	.content_product .top a{width:100%;}
	.content_product .top video{width:100%; height: auto;}
	.product .hd li a{padding:0 5px;}
	.news ul li a .left{width:25%;}
	.news ul li a .right{width:73%;}
	.news_ul li a .left{width:25%;}
	.news_ul li a .right{width:73%;}
	.about_us .pic .left{width:100%; float:none; margin-bottom: 20px; }
	.about_us .pic .right{width:100%; float:none; }
	.header_down{height:60px;}
	.header_down .logo img{height:20px; margin-top: 20px;}
	.header_down .right img{height:20px; margin-top: 20px;}
	.content_product .pic li{margin: 0 0 20px 0;}
	.content_product .pic li{margin: 0 0 20px 0;}
	.content_product .pic li img{height:auto;}
	.content_product .pic li video{height:auto;}
	.content_product .tel_box .left{width:20%; }
	.content_product .tel_box .right{width:20%; }
	.content_product .tel_box .tel span{font-size:20px;}
	.content_product .tel_box .tel{ width:50%; font-size: 14px;}
	.contact .pic .fl{width:30%;}
	.contact .pic .fr{width:30%;}
	.index_left{width:100px;}
	.content_product .p_wenben img{display:block; width:100%!important; margin: 10px auto;}
	.video_ul li{width:100%; float: none; margin:0 0 20px 0;}
	.video_ul li a video{height:auto;}
	.video_ul li a img{height:auto;}
}