*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family:"微软雅黑","Microsoft Yahei"; 
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
}
.clearfix {
	zoom: 1;
}
a{
    text-decoration: none;
}
ul li{
    list-style: none;
}
.box{
	margin: 0 auto;
	width: 1200px;
}
.head{
    padding: 10px 0;
}
.logo{
    float: left;
    margin-top: 17px;
}
.head ul{
    float: left;
    width: 70%;
    margin-left: 5%;
    margin-top: 20px;
}
.head ul li{
    float: left;
    width: 12%;
    text-align: center;
    height: 70px;
    line-height: 70px;
    position: relative;
}
.head ul li::after{
    content: '';
    position: absolute;
    right:-1px;
    top: 25%;
    width: 1px;
    height: 50%;
    background: rgb(230, 228, 228);
}
.head ul li a{
    display: block;
    color: #4c4c4c;
}
.head ul li a:hover{
    background: #3083ff;
    color: #fff;
}
/*banner*/
#banner{
    width: 100%;
    position: relative;
}
#banner ul{
    overflow: hidden;
    margin-bottom: 0;
}
#banner ul li{
    list-images: none;
    display: none;
}
#banner img{
    width: 100%;
}
#p{
    width: 50px;
    position: absolute;
    left: 48%;
    bottom: 3%;
}
#p p{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1c67c4;
    float: left;
    margin-left: 10px;
}
#p p:nth-child(1){
    margin-left: 0;
}
#p .on{
    background: #fff;
}
#left{
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 5%;
    top: 45%;
    display: none;
    text-decoration: none;
}
#right{
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    right: 5%;
    top: 45%;
    display: none;
    text-decoration: none;
}
/*banner*/
/*product*/
.product{
    margin-top: 50px;
}
.p1{
    font-size: 26px;
    text-align: center;
    color: #4c4c4c;
}
.p2{
    font-size: 16px;
    text-align: center;
    color: #4c4c4c;
    margin-top: 10px;
}
.pr-l{
    width: 20%;
    float: left;
}
.pr{
    margin-top: 50px;
}
.innerleft{
    background: #3083ff;
    padding: 15px;
}
.inn p{
    color: #fff;
}
.inn img{
    float: left;
}
.inn .clearfix{
    float: left;
    margin-left: 10%;
}
.p3{
    font-size: 14px;
}
.p4{
    font-size: 22px;
}
.pro{
    background: #fff;
    margin-top: 20px;
    padding-top: 15px;
}
.pro a{
    color: #4c4c4c;
}
.p-t{
    font-size: 18px;
    display: block;
    background: #3083ff;
    width: 90%;
    margin: 0 auto;
    text-indent: 16px;
    color: #fff!important;
    height: 35px;
    line-height: 35px;
}
.p-tex{
    width: 90%;
    margin: 0 auto;
}
.p-tex a{
    display: block;
    height: 35px;
    line-height: 35px;  
    text-indent: 16px;
    overflow: hidden;
}
.pr-r{
    width: 75%;
    margin-left: 5%;
    float: left;
}
.pr-rt{
    position: relative;
    height: 330px;
}
.pr-rt a{
    color: #4c4c4c;
}
.hot{
    position: absolute;
    left: 3%;
    top: 0;
}
.img{
    float: left;
    width: 47%;
}
.produ{
    width: 43%;
    padding: 30px;
    float: left;
    background: #f5f5f5;
    margin-bottom: 44px;
    margin-left: 3%;
    padding-bottom: 43px;
}
.produ_1{
    font-size: 20px;
}
.produ_2{
    width: 26%;
    height: 2px;
    background: #3083ff;
    margin-top: 10px;
    margin-bottom: 20px;
}
.produ span{
    display: block;
    line-height: 2;
    margin-top: 33px;
}
.dd p{
    float: left;
}
.dd p:nth-child(1){
    width: 144px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-right: 18px;
    margin-top: 10px;
    background: #3083ff;
    border-radius: 20px;
    display: block;
    color: #FFF;
}
.dd p:nth-child(2){
    width: 144px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-right: 18px;
    margin-top: 10px;
    background: #ff5001;
    border-radius: 20px;
    display: block;
    color: #FFF;
}
.prod-d{
    margin-top: 66px;
}
.prod-dd{
    width: 30%;
    float: left;
    margin-right: 3.3%;
    margin-bottom: 5%;
}
.prod-dd:nth-child(3){
    margin-right: 0;
}
.prod-dd:nth-child(6){
    margin-right: 0;
}
.prod-dd img{
    width: 100%;
}
.prod-dd p{
    text-align: center;
    color: #4c4c4c;
    height: 21px;
    overflow: hidden;
    margin-top: -4px;
    padding: 4px 0;
}
.prod-dd:hover p{
    background: #0385ea;
    color: #fff;
}
/*服务流程*/
.fw{
    background: url(../images/lrb.jpg);
    height: 357px;
}
.fww{
    -moz-box-shadow: 0px 4px 20px #333333;
    -webkit-box-shadow: 0px 4px 20px #333333;
    box-shadow: 0px 4px 20px #333333;
    height: 3px;
}
.fw-p{
    color: #ff5001;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-top: 50px;
}
.fw ul{
    padding-top: 50px;
}
.fw ul li {
    float: left;
    text-align: center;
    width: 16.6%;
}
.fw ul li a {
    font-size: 20px;
    color: #333333;
    text-align: center;
}
.fw ul li a p {
    width: 119px;
    height: 78px;
    background: url(../images/lrk2.png) no-repeat;
    padding-top: 40px;
    margin: 0 auto 15px;
}
.fw ul li a:hover p {
    background: url(../images/lrk1.png) no-repeat;
}
.fw ul li a p span {
    display: block;
    width: 52px;
    height: 46px;
    margin: 0 auto;
}
.fw ul .lcl1 a p span {
    background: url(../images/lrb_03.png) no-repeat;
}
.fw ul .lcl2 a p span {
    background: url(../images/lrb_05.png) no-repeat;
}
.fw ul .lcl3 a p span {
    background: url(../images/lrb_07.png) no-repeat;
}
.fw ul .lcl4 a p span {
    background: url(../images/lrb_09.png) no-repeat;
}
.fw ul .lcl5 a p span {
    background: url(../images/lrb_11.png) no-repeat;
}
.fw ul .lcl6 a p span {
    background: url(../images/lrb_13.png) no-repeat;
}
/*about*/
.about{
    background: url(../images/about.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    height: 500px;
    margin-top: 50px;
}
.abo{
    display: block;
    margin: auto;
}
.abl1{
    width: 25%;
    height: 2px;
    background: #fff;
    margin-bottom: 30px;
}
.abl{
    width: 30%;
    margin-top: 7%;
    float: left;
    color: #fff;
    line-height: 2;
}
.abr{
    float: left;
    width: 53%;
    background: #fff;
    padding: 20px;
    margin-top: 7%;
    margin-left: 11%;
    color: #4c4c4c;
    line-height: 2;
}
.abr a{
    float: right;
    margin-right: 33px;
    margin-top: -20px;
    width: 77px;
    height: 30px;
    display: block;
    border: 1px solid #ccc;
    color: #4c4c4c;
    text-align: center;
}
/*news*/
.f30 {
    font-size: 30px;
    font-weight: normal;
    color: rgb(51, 51, 51);
    text-align: center;
}
.index_title span.i-back {
    margin: 15px auto 0;
    display: block;
    width: 30px;
    height: 2px;
    background: #666;
}
.kwidth{
    width: 100%;
    height: 100%; 
    margin: 40px auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 25px;
}
.newsv2 ul.bd li {
    position: relative;
    float: left;
    width: 370px;
    margin-right: 24px;
}
.bor2 {
    display: block;
    width: 0;
    height: 2px;
    transition: width 1s;
    -moz-transition: width 1s; 
    -webkit-transition: width 1s;
    -o-transition: width 1s;
}
.newsv2 ul.bd li:hover i.bor2 {
    width: 100%;
    background: #3083ff;
}
.newsv2 ul.bd li .news-detail {
    padding: 50px 20px 0;
}
.news-detail h5{
    font-size: 100%;
    font-weight: normal;
}
.news-detail h5 a{
    color: #333;
}
.newsv2 ul.bd li .news-data {
    padding: 10px 0;
}
.newsv2 ul.bd li .news-data .md {
    font-size: 26px;
    padding-right: 12px;
}
.newsv2 ul.bd li .news-data .md, .newsv2 ul.bd li .news-data .y {
    color: #666;
}
.newsv2 ul.bd li .news-data .md, .newsv2 ul.bd li .news-data .y {
    color: #666;
}
.ar {
    font-family: 'Arial' !important;
}
.newsv2 ul.bd li .remark p {
    color: #999;
    font-size: 13px;
    line-height: 1.7;
}
.pb30 {
    padding-bottom: 30px;
}
.newsv2 ul.bd li:hover {
    margin-top: 0;
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}
.more{
    display: block;
    float: left;
    width: 150px;
    height: 36px;
    border: 1px solid #1471ef;
    border-radius: 20px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    background: #1471ef;
    margin-left: 44%;
    margin-top: 6%;
}
.cas{
    width: 30%;
    float: left;
    position: relative;
    margin-right: 5%;
    margin-bottom: 5%;
}
.cas img{
    width: 100%;
    height: 270px;
}
.cas p{
    text-align: center;
    margin-bottom: 10px;
}
.cas a{
    color: #4c4c4c;
}
.cleft{
    position: absolute;
    left: 0;
    top: 0;
    background: #1471ef;
    width: 2px;
    height: 0;
    transition: height 1s;
    -moz-transition: height 1s; 
    -webkit-transition: height 1s;
    -o-transition: height 1s;
}
.cas:hover .cleft{
    height: 100%;
}
.ctop{
    position: absolute;
    top: 0;
    background: #1471ef;
    width: 0;
    height: 2px;
    transition: width 1s;
    -moz-transition: width 1s; 
    -webkit-transition: width 1s;
    -o-transition: width 1s;
}
.cas:hover .ctop{
    width: 100%;
}
.cright{
    position: absolute;
    right: 0;
    background: #1471ef;
    width: 2px;
    height: 0;
    transition: height 1s;
    -moz-transition: height 1s; 
    -webkit-transition: height 1s;
    -o-transition: height 1s;
}
.cas:hover .cright{
    height: 100%;
}
.cbottom{
    position: absolute;
    bottom: 0;
    background: #1471ef;
    width: 0;
    height: 2px;
    transition: width 1s;
    -moz-transition: width 1s; 
    -webkit-transition: width 1s;
    -o-transition: width 1s;
}
.cas:hover .cbottom{
    width: 100%;
}
.case .i-back{
    margin: 15px auto 0;
    display: block;
    width: 30px;
    height: 2px;
    background: #666;
}
.cass{
    margin-top: 50px;
}
.cas:nth-child(3){
    margin-right: 0;
}
.cas:nth-child(6){
    margin-right: 0;
}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#1471ef;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.color-white{color:white!important;}
.red{color:#fc8080!important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}

.xlp{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.xll{
    margin: 40px 0;
}
.kui{
    float: left;
    margin: 40px 7.4%;
}
.kui img{
    display: block;
    margin: 0 auto;
}
.kui p{
    margin-top: 20px;
    text-align: center;
}
.kui a{
    color: #4c4c4c;
}
.ff img{
    width: 100%;
}
.case{
    margin-top: 50px;
}
.link p{
    font-size: 18px;
    font-weight: bold;
    float: left;
}
.link a{
    float: left;
    display: block;
    color: #4c4c4c;
    margin-right: 20px;
}
.link .box{
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
}
.form{    
    background: #303030;
}
.formd {
    border: 1px solid #595959;
    margin-top: 57px;
    margin-bottom: 43px;
    float: left;
    width: 100%;
}
.formd1 {
    width: 47%;
    margin-left: 3%;
    float: left;
    padding: 20px 0;
}
.formd1 p {
    width: 50%;
    float: left;
    color: #a6a6a6;
    line-height: 2;
}
.formd2 {
    width: 30%;
    float: left;
    padding: 20px 0;
}
.formd2 p {
    width: 75%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    color: #fff;
    background: #3083ff;
    margin-bottom: 15px;
}
.formd2 span {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.formd3 {
    width: 16%;
    margin-left: 4%;
    float: left;
}
.formd3 img {
    float: left;
}
.formd3 p {
    float: left;
    width: 15px;
    margin: 0;
    color: #ebebeb;
    margin-left: 14px;
}
.bq {
    width: 100%;
    float: left;
    line-height: 60px;
    text-align:center;
    border-top: 1px solid #595959;
}
.bq a {
    text-decoration: none;
    font-size: 12px;
    display: block;
    width: 100%;
    line-height: 60px;
    text-align: center;
    color: #ebebeb;
}
.bnav {
    background: #3083ff;
    height: 54px;
    margin-top: 47px;
}
.bnav a {
    color: #fff;
    border-right: 1px solid #fff;
    display: block;
    float: left;
    width: 12%;
    text-align: center;
    margin-top: 18px;
}
.bnav a:nth-child(8) {
    border-right: 0;
}
.pr_d1 {
    width: 34%;
    float: left;
}
.pr_d1 img {
    width: 100%;
}
.pr_d2 {
    width: 64.4%;
    float: left;
}
.pr_i2 {
    width: 47%;
    margin-left: 2.5%;
    float: left;
    margin-bottom: 2%;
    position: relative;
}
.pr_i2 img {
    width: 100%;
}
.small {
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: black;
    opacity: .6;
    color: #fff;
    font-size: 16px;
}
.small p {
    margin: 0;
    padding-left: 15px;
    margin-right: 15px;
    float: left;
}
.small_p {
    margin-top: 5px!important;
    float: right!important;
}
.pr_i2 img {
    width: 100%;
}
.daub {
    display: none;
}
.impression0 {
    width: 100%;
    height: 100%;
    background: #3083ff;
    opacity: .9;
    position: absolute;
    left: 0;
    top: 0;
}
.impression {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.daubp1 {
    color: #fff;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    margin-top: 16%;
}
.daubp2 {
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-top: 5%;
}
.daubp3 {
    margin: 0;
    padding: 7px;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 8%;
    width: 95px;
    margin-left: 35%;
    margin-top: 30%;
}
.pli{
    font-size: 30px;
    text-align: center;
    margin-bottom: 10px;
}
.prlist{
    margin: 40px 0;
}
.pr_i2:hover .smal {
    display: none;
}
.pr_i2:hover .daub {
    display: block;
}
.mt{
    background: url(../images/m2t.png) no-repeat center;
    height: 28px;
    margin-bottom: 50px;
}
.index-module{
    margin-top: 50px;
}
.ko{
    font-size: 24px;
    text-align: center;
    margin: 10px 0;
    display: block;
    color: #000;
}
.npr span{
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
.nprr{
    display: block;
    width: 30%;
    margin: 1.5%;
    float: left;
}
.nprr img{
    width: 100%;
}
.nprr p{
    text-align: center;
    color: #4c4c4c;
    margin-top: 10px;
    height: 20px;
    overflow: hidden;
}
.npr{
    margin: 60px 0;
}
.lo{
    margin-bottom: 50px;
}
.lio {
    float: left;
    width: 23%;
    margin: 1% 1%;
    border-bottom: 2px solid #fff;
    overflow: hidden;
    transition: 1s;
}
.lio a{
    color: #4c4c4c;
}
.lio img {
    width: 100%;
    transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
}
.lio p {
    text-align: center;
    padding: 10px 0;
}
.lio:hover {
    border-bottom: 2px solid #0385ea;
}
.newss {
    border: 1px solid #ccc;
    padding: 30px;
    margin-bottom: 3%;
    transition: 1s;
}
.newss img {
    float: left;
    width: 21%;
}
.news_d {
    float: left;
    width: 70%;
    margin-left: 6%;
}
.news_d a {
    color: #4c4c4c;
}
.news_d1 {
    margin-bottom: 5%;
}
.news_p3 {
    font-size: 20px;
    float: left;
    transition: 1s;
}
.news_p2 {
    float: right;
}
.news_p5 {
    margin-top: 8%;
    width: 150px;
    height: 50px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 50px;
}
.n-nav {
    background: #ccc;
    margin-top: -4px;
}
.list-column {
    height: 14px;
    line-height: 14px;
    color: #808080;
    padding-bottom: 17px;
    padding-top: 11px;
}
.list-column a {
    text-decoration: none;
    color: #4c4c4c;
}
.llistpage {
    margin-top: 5%;
    margin-bottom: 5%;
    width: 100%;
    float: left;
}
.llistpage strong {
    margin-right: 10px;
    border: 1px solid #000;
    padding: 4px;
}
.llistpage a {
    display: inline-block;
    width: 6%;
    border: 1px solid;
    padding: 1px;
    text-align: center;
    margin-right: 5px;
    color: #4c4c4c;
}
.llistpage input {
    width: 50px;
}
.nright{
    width: 75%;
    float: left;
    margin-left: 5%;
    line-height: 2;
}






/*listpic*/

.n-l {
    width: 46%;
    float: left;
}
.n-l img{
    width: 100%;
}
.swiper-container {
    width: 70%;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-container {
	width: 80%;
	height: 140px;
	margin-left:0!important;
	margin-right: auto;
}
.gallery-top {
    height: 470px;
	width: 80%;
	float: left;
	margin-left: auto;
    margin-right: auto;
}
.gallery-top img{
	width: 100%;
	height: 470px;
}
.gallery-thumbs {
    margin-top: 3%;
}
.swiper-slide {
	background-size: cover;
	background-position: center;
}
.gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
	margin-top: 3%;
}

.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}

.n-r{
	float: right;
	width: 44%;
}
.pro_number a{
    color: #4c4c4c;
    font-size: 35px;
}

.biaoti1{
    font-size: 32px;
    line-height: 45px;
    /* background: url(../images/h1.png) 2px 12px no-repeat;
    padding-left: 40px; */
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
    color: #000;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
}
.youshi{
	font-size: 16px;
    font-weight: 200;
	margin-top: 12px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eaeaea;
}
.youshii span{
	display: inline-block;
    border-radius: 10px 0;
    border: 1px solid #ff6249;
    color: #dd2e17;
    margin-left: 10px;
    padding: 0 5px;
    font-size: 12px;
    height: 20px;
	line-height: 20px;
	float: right;
}

.boxp1{
    margin-top: 10px;
}
.boxp1 i{
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
}
.boxp1 p{
    font-size: 14px;
    line-height: 2;
}
.product_tle {
    width: 100%;
    float: right;
}
.pro_icon {
    background: #fc0 url(../images/zhekou.png) no-repeat right center;
    line-height: 60px;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 20px;
}
.pro_icon span {
    background: url(../images/line_equipmentt.png) no-repeat 8% center;
    display: block;
    padding-left: 26%;
    font-size: 22px;
}
.pro_number {
    margin-bottom: 20px;
    font-size: 18px;
    background: url(../images/number1.png) left no-repeat;
    line-height: 28px;
    padding: 2.5%;
    padding-left: 80px;
}
.product_number strong a {
    font-size: 26px;
    color: #004e9b;
}

tr:hover{
    background: #0385ea;
    color: #fff;
}
tr:hover tr div{
    color: #fff;
}
.nleft{
	width: 100%;
    float: left;
    margin-top: 1%;
}
.nnav{
    width: 100%;
	float: left;
	line-height: 2;
}
.navbar-light{
    z-index: 99;
    background: #000;
    opacity: .8;
    color: #fff;
    position: sticky;
    left: 0;
    top: 0;
}
.navbar-light a{
    display: block;
	width: 20%;
	float: left;
    color: #fff;
    text-align: center;
    line-height: 46px;
    text-decoration: none;
}
.navbar-light a:hover{
    background: #213b8f;
}
.aps1{
	margin: 20px 0;
	font-size: 22px;
	position: relative;
	padding-left: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.aps1::before{
	content : "";
	position: absolute;
	left: 0;
	top: 8px;
	width:8px;
	height: 28px;
	background: #0385ea;
}
.syp{
    margin-top: 6%;
    width: 50%;
    float: left;
}
.syp p{
    float: left;
}
.syp a{
    text-decoration: none;
    color: #000;
}

.xyp p{
    float: left;
}
.xyp a{
    text-decoration: none;
    color: #000;
}
.xyp{
    float: right;
    margin-top: 6%;
}
.tjcp_d {
    float: left;
    width: 22%;
    margin-right: 4%;
}
.tjcp_d:nth-child(5){
    margin-right: 0;
}
.tjcp_d a {
    text-decoration: none;
    color: #4c4c4c;
}
.tjcp_d img {
    width: 100%;
}
.tjcp_d a {
    text-decoration: none;
    color: #4c4c4c;
}
.tjcp_d img {
    width: 100%;
}
.tjcp_d p {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    height: 27px;
    overflow: hidden;
}
.ndiv{
    width: 45%;
    float: left;
    margin: 10px 0;
}
.ndiv a{
    color: #4c4c4c;
    font-size: 18px;
}
.ndiv p{
    padding-left: 20px;
    position: relative;
}
.ndiv p::before{
    content: '';
    position: absolute;
    left: 0;
    top: 40%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccc;
}
.biaotii {
    display: block;
    width: 100%;
    height: 50px;
    color: #FFF;
    font-size: 22px;
    background: url(../images/names.png) #F2F2F2 no-repeat;
    float: left;
    padding-left: 36px;
    line-height: 50px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.mainn{
    margin-top: 50px;
}
.nbanner{
    overflow: hidden;
}
.nbanner img{
    width: 100%;
}
.kou{
    font-size: 24px;
    text-align: center;
}
.ccontact_d2 {
    position: relative;
    height: 400px;
}
.ju{
    width: 144px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-right: 18px;
    margin-top: 10px;
    background: #ff5001;
    border-radius: 20px;
    display: block;
    color: #FFF!important;
    float: left;
}
.bottom_bottom{
    display: none;
}
.main{
    margin: 40px 0;
}