﻿@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; height:550px;}
#flashs{ position:relative; height:550px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;border-radius: 15px;}
#flashs .btn span.on{ background:#0352AD;} 



/*定制中心*/

.dingzhi .title{ font-size:18px; color:#000; text-align:center; margin-bottom:35px;}
.dingzhi h5.htht{ font-size:30px; color:#044b9e; text-align:center; margin:30px 0 10px;}
.dingzhi h5.htht a{color:#044b9e;}
.dingzhi{ overflow:hidden; background-color:#ececec; padding-top:30px;}
.dingzhi .dingzhi_left{ float:left; width:270px;overflow:hidden; background-color:#fff;}
.dingzhi .dingzhi_left h3{ width:100%; height:68px; background-color:#03499b; text-align:center; line-height:68px; font-size:18px; margin-bottom:30px;}
.dingzhi .dingzhi_left h3 a{ color:#fff}
.dingzhi .dingzhi_left dl{ overflow:hidden; width:237px; margin:0 auto; margin-bottom:20px;}
.dingzhi .dingzhi_left dt{ background:#0a59b5; border-radius:50px; height:38px; width:237px; line-height:38px; overflow:hidden; margin-bottom:15px;}
.dingzhi .dingzhi_left dt a{ display:block; background:url(../img/product_left_00.png) no-repeat 200px center; font-size:16px; padding-left:15px; color:#fff}
.dingzhi .dingzhi_left dd{ margin-left:15px; width:240px; overflow:hidden}
.dingzhi .dingzhi_left dd li{ float:left; background:url(../img/product_left_01.png) no-repeat left center; padding-left:15px; width:225px; font-size:14px; line-height:38px;}
.dingzhi .dingzhi_left dd li a{ color:#333;}
.dingzhi .dingzhi_left dd li a:hover{color:#FF4A0E;}
.dingzhi .dingzhi_left>p{ font-size:18px; color:#fff; font-weight:bold; width:220px; margin:0 auto; margin-top:20px; margin-bottom:20px;}



.dingzhi .dingzhi_left .phone {
    background: url(../img/phoneb.png) #333 no-repeat 30px center;

    padding: 40px 0 40px 78px;

}
.dingzhi .dingzhi_left .phone p{ font-size:14px; color:#fff;}
.dingzhi .dingzhi_left .phone h5{ font-size:24px; color:#fff; font-weight:normal}
.dingzhi .dingzhi_right { overflow:hidden; width:918px; float:right;}
.dingzhi .dingzhi_right .dz_nav{ overflow:hidden; width:100%; height:64px; border-bottom:4px solid #0a59b5; margin-bottom:25px;}
.dingzhi .dingzhi_right .dz_nav li{ float:left; width:175px; height:64px; text-align:center; line-height:64px; font-size:16px; font-weight:bold}
.dingzhi .dingzhi_right .dz_nav li a{ color:#000; text-decoration:none}
.dingzhi .dingzhi_right .dz_nav .cur,.dingzhi .dingzhi_right .dz_nav li:hover{ background-color:#0a59b5}
.dingzhi .dingzhi_right .dz_nav .cur a,.dingzhi .dingzhi_right .dz_nav li:hover a{ color:#fff;}
.dingzhi .dingzhi_right .dingzhi_content{ overflow:hidden; width:100%; margin: 0 0 20px;}
.dingzhi .dingzhi_right .dingzhi_content ul{ overflow:hidden; width:928px;}
.dingzhi .dingzhi_right .dingzhi_content img{  object-fit: cover;}




.dingzhi .dingzhi_right .dingzhi_content li{ float: left;
    border: 1px solid #ddd;
    width: 298px;
    border-radius: 5px;
    background: #fff;
    padding-bottom: 20px;
    margin: 0 9px 9px 0;}






.dingzhi .dingzhi_right .dingzhi_content li h4 {
    font-size: 18px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 15px;
}


.dingzhi .dingzhi_right .dingzhi_content li h4 a{ color:#333;}


.dingzhi .dingzhi_right .dingzhi_content li p{     font-size: 13px;
    height: 60px;
	line-height: 20px;
    text-align: center;
    padding: 0 40px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}






.dingzhi .dingzhi_right .dingzhi_content li .xiangqing{     display: block;
    width: 114px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #d7d7d7;
    border-radius: 20px;
    margin: 0 auto;}
	
	
.dingzhi .dingzhi_right .dingzhi_content li:hover .xiangqing{
    background: #0a59b5;
    color: #fff;
    border-color: #0a59b5;
}




/*成功案例*/
.case {
    overflow: hidden;
    width: 100%;
    height: 614px;
}
.case h3{ font-size:20px;text-align:center;padding-bottom:18px; background:url(../img/h_bg.png) no-repeat center bottom; margin-bottom:20px; margin-top:30px;}
.case h3 a{ color:#333; }
.case .case_left{ float:left; width:918px; position:relative; overflow:hidden}
.case .case_left img{background-color:#fff; #dfdfdf; position:relative; z-index:999; display:block}
.case .case_left p{ width:100%; height:52px; font-size:14px; background-color:#000; text-align:center; line-height:52px;}
.case .case_left p a{ color:#fff;}
.case .case_left .case_list{ overflow:hidden; height:476px;}
.case .case_left .case_list li{ float:left; width:100%;border: 1px solid #dfdfdf;}
.case .case_left .bottom_case{ overflow:hidden; position:absolute; z-index:1000; left:50%; bottom:94px}

.case .case_left .bottom_case span{ display:block; width:18px; height:18px; background:url(../img/case_span.png) no-repeat center; float:left; margin:0 1px;}
.case .case_left .bottom_case .cur{ background:url(../img/case_cur.png) no-repeat center}
.case .case_right{ overflow:hidden; float:right; width:270px; overflow:hidden}
.case .case_right ul{ overflow:hidden}
.case .case_right li{ width:265px; height:149px; text-align: center;  border:1px solid #dfdfdf; float:left; margin-bottom:12px; position:relative; }



.case .case_right li a{ height:149px; float:left; position:relative; overflow:hidden;}
.case .case_right li a img{ height:149px; width:267px; object-fit: cover;}






/*走进*/
.zoujin{ overflow:hidden; width:100%; height:494px; }

.zoujin .zoujin_box{ background:url(../img/zoujin02.png) no-repeat 41px 32px; overflow:hidden}

.zoujin h3{ font-size:16px; width:114px; height:48px; text-align:center; line-height:48px; margin-left:41px; margin-top:32px; background-color:#0a59b5;}
.zoujin h3 a{ color:#fff;}
.zoujin .zoujin_content{ width:100%; height:290px; overflow:hidden; margin-bottom:35px;}
.zoujin dl{ margin-left:155px; overflow:hidden;}
.zoujin dt{ float:left; margin-right:20px;}
.zoujin dd{ float:left; width:580px; overflow:hidden}
.zoujin dd h4{ font-size:18px; margin-top:10px; margin-bottom:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.zoujin dd h4 a{ color:#0a59b5}
.zoujin dd p{ font-size:14px; color:#333; line-height:30px; width:100%; height:175px; overflow:hidden; margin-bottom:20px;}
.zoujin dd .more{ display:block; font-size:14px; width:94px; height:44px; color:#fff; background:url(../img/zoujin01.png) no-repeat center; line-height:44px; padding-left:20px}
.zoujin .zoujin_list{ overflow:hidden; width:512px; margin:0 auto}
.zoujin .zoujin_list li{ float:left; width:127px; height:50px; text-align:center; line-height:50px; font-size:14px; font-weight:bold; margin-left:1px; cursor:pointer; background-color:#000}
.zoujin .zoujin_list li a{color:#fff; }
.zoujin .zoujin_list .cur,.zoujin .zoujin_list li:hover{ background-color:#0a59b5;}

/*ad*/
.aid{ overflow:hidden; height:148px; margin-bottom:40px;}
.aid .phone{ overflow:hidden; background:url(../img/phoneb.png) no-repeat left center; padding-left:40px; margin-left:920px; margin-top:55px;}
.aid .phone p{ font-size:14px; color:#fff;}
.aid .phone h4{ font-size:26px; color:#fff; font-weight:normal}

/*动态*/
.dongtai{ overflow:hidden; margin-bottom:40px;}
.dongtai .dongtai_left{ float:left; width:895px; overflow:hidden}
.dongtai .list{ width:142px; float:left; margin-right:25px;}
.dongtai .list li{ width:100%; height:59px; text-align:center; line-height:59px;  font-size:16px; float:left; background-color:#0352ad; position:relative}
.dongtai .list li a{color:#fff;}
.dongtai .list li b{ display:none; width:18px; height:22px; background:url(../img/dongtai_s.png) no-repeat center; position:absolute; top:18px; right:-8px}
.dongtai .list li:hover,.dongtai .list .cur{ background-color:#ff4a0e;}
.dongtai .list li:hover b,.dongtai .list .cur b{ display:block}
.dongtai .dongtai_content{ float:left; overflow:hidden}
.dongtai dl{ overflow:hidden; margin-bottom:20px;}
.dongtai dt{ float:left; width:210px; height:137px; padding:10px; background-color:#e8e8e8; margin-right:12px;}
.dongtai dd{ float:left; width:450px; overflow:hidden}
.dongtai dd h4{ font-size:14px; margin-top:5px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.dongtai dd h4 a{ color:#000;}
.dongtai dd p{ font-size:12px; color:#4f4f4f; line-height:22px; height:88px; margin-bottom:10px; overflow:hidden;}
.dongtai dd .more{ color:#03499b;}
.dongtai .content_list{ overflow:hidden; width:690px;}
.dongtai .content_list li{ width:670px; float:left; overflow:hidden; background:url(../img/dongtai_li.jpg) no-repeat left center; padding-left:15px;}
.dongtai .content_list li a{ display:inline-block; width:560px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; font-size:12px; color:#474747; line-height:31px;}
.dongtai .content_list li span{ float:right; color:#9f9f9f;}
.dongtai .dongtai_right { width:290px; float:right; overflow:hidden}
.dongtai .dongtai_right h4{ font-size:14px; margin-bottom:20px;}
.dongtai .dongtai_right h4 a{ color:#000}
.dongtai .dongtai_right .wenda_content{ overflow:hidden; height: 280px;}
.dongtai .dongtai_right .wenda_list{ overflow:hidden; padding-bottom: 10px; border-bottom:1px dotted #acacac; margin-bottom: 10px; width:267px}
.dongtai .dongtai_right .wenda_list h5{ font-size:13px; background:url(../img/wen.png) no-repeat left center; padding-left:25px; width:270px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; line-height:23px;}
.dongtai .dongtai_right .wenda_list h5 a{ color:#03499b;}
.dongtai .dongtai_right .wenda_list p{ background:url(../img/da.png) no-repeat left top; line-height:23px; height:46px; overflow:hidden; text-indent:25px; font-size:13px; color:#333;}



/*links*/
.links{ overflow:hidden; width:100%; height:90px; background-color:#efefef;}
.links h4{ font-size:14px; color:#000; float:left; padding-right:20px; border-right:1px dotted #8d8d8d; margin-top:30px;}
.links h4 span{ display: block;font-size:24px; color:#cecece; font-family:Arial}
.links ul{ float:left; margin-left:10px; overflow:hidden; margin-top:42px;}
.links ul li{ float:left; text-align:center; margin:0 5px;}
.links ul li a{ color:#5d5d5d}

