@charset "utf-8";

/* CSS Document */

html{ font-size:12px; }
body{ margin:0;padding:0;color:#323232; background-color:#fff; overflow-x:hidden; }
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:-1px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:-1px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
.left{float:left}
a{text-decoration:none; color:#666666;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }

.banner{width:100%;position: relative;}
.banner img{width:100%;position: relative;}
.banner h3{font-size:30px;font-weight:bold;color:#fff;position:absolute;top:100px;left:50%;/*text-shadow: 3px 3px 7px #333;*/margin-left: -640px;width: 1280px;text-align: left;}
.banner dd{font-size:16px;font-weight:normal;color:#fff;position:absolute;top:150px;left:50%;/*text-shadow: 3px 3px 7px #333;*/margin-left: -640px;width: 1280px;text-align: left;}

.wa{position:absolute;left:17%;top:38%;}
.wa h3{font-size:45px;color:#1352b0;padding-bottom:13px;/*text-shadow:2px 2px 2px #02328d;*/font-weight: bold;}
.wa p{font-size:20px;color:#333;/*text-shadow:1px 1px 1px #02328d;*/}
.tab{     width: 100%;
    margin: 0px auto;
    border-top: 10px solid #eff3f6;background: #eff3f6;}
.tab-hd {overflow:hidden; zoom:1;width:495px;margin:0 auto;height: 120px;}
.tab-hd li{float:left; width:155px;height:45px;line-height:45px;color:#333; text-align:center; cursor:pointer;font-size:14px;background:#fff;margin:40px 5px;}
.tab-hd li.active{ background:#0383c9;color:#fff;}
.tab-bd li{display:none; padding:20px; border:0px solid #ddd; border-top:0 none; font-size:24px;}
.tab-bd li.thisclass{ display:list-item;}
.tab-bd {background:#fff;}

.con {

    padding-top: 60px;

	width: 1280px;

    margin: 0 auto;

	padding-bottom:60px;

}

.comTL {

    width: 100%;

    height: 280px;

    padding-bottom: 25px;

    border-bottom: 0px solid #dfdfdf;

}

.fl {

    float: left;

    display: inline;

}

.comTL .details {

    width: 755px;

    margin-left: 127px;

}

.comTL .details span {

    font-size: 14px;

    color: #c4c4c4;

    font-family: Arial, Helvetica, sans-serif;

}

.maozi {

    width: 45px;

    height: 2px;

    background-color: #c4c4c4;

    display: inline-block;

}

.comTL .details h4 {

    font-size: 20px;

    color: #0383c9;

    padding-top: 25px;

	font-weight: bold;

}

.comTL .details span {

    font-size: 16px;

    color: #666;

	line-height: 35px;

}

.comTL .details p {

    line-height: 30px;

    margin-top: 15px;

    text-indent: 0em;

	font-size: 16px;

    color: #999;

    font-weight: normal;

}

.comTL1 {

    margin-top: 2px;

    height: 250px;

    padding-top: 25px;

    border-top: 1px solid #dfdfdf;

}

.comTL1 .details {

    width: 740px;

    margin-right: 120px;

    line-height: 2.0;

    margin-left: 0;

}

.comTL1 .details p {

    margin-top: 0;

}


.jianjie{width:1280px;margin:0 auto;}
.jianjie h3{color:#333;font-size:24px;text-align:center;margin-top:70px;}
.jianjie dd{color:#666;font-size:14px;text-align:center;margin-bottom:40px;margin-top:10px;}
.jianjie p{color:#666;font-size:14px;line-height:25px;margin-bottom:35px;}

.jianjie dl{padding:0;margin:0;overflow: hidden;}
.jianjie dl dt{float:left;margin-right:55px;padding:10px;margin: 0 -1px 0 0px;border: 1px solid #ddd;}
.jianjie dl dt img{width:234px;height:auto;}
.jianjie dl dt:nth-child(5){margin-right:0px;}

.fazhan{width:1280px;margin:0 auto;}
.fazhan h3{color:#333;font-size:24px;text-align:center;margin-top:70px;}
.fazhan dd{color:#666;font-size:14px;text-align:center;margin-bottom:40px;margin-top:10px;}
.fazhan p{color:#666;font-size:14px;line-height:25px;margin-bottom:35px;}

.fazhan dl{padding:0;margin:0;overflow: hidden;}
.fazhan dl dt{float:left;margin-right:55px;padding:30px;margin: 0 -1px 0 0px;border: 1px solid #ddd;width: 258px;height: 160px;}
.fazhan dl dt:nth-child(4){margin-right:0px;}
.fazhan dl dt h3{background:#b82d32;font-size:14px;color:#fff;height: 35px;line-height:35px;width: 120px;margin: 15px auto;}
.fazhan dl dt p{font-size:14px;color:#666;margin: 30px 0 0 0;}

/*简介++++++++++*/
.zn_con {
    padding-top: 100px;
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 60px;
    overflow: hidden;
}

.zn_maozi {
    width: 45px;
    height: 2px;
    
    display: inline-block;
}
.zn_fl {
    float: left;
    display: inline;
    width:100%;
}
.zn_fl h3{
    font-size: 30px;
	color: #333;
    height: 42px;
   text-align: left;
}
.zn_fl h3 dd{font-size:18px;color:#333;display: inline;padding-left: 20px;}
.zn_fl h4{
    font-size:15px;
	color: #333;
    height:29px;
    display: inline-block;
}
.zn_fl p{
    width:100%;
    line-height:30px;
    display: inline-block;
	font-size: 16px;
	margin-top: 15px;
	color: #888;
}
.zn_fl span{
    float: right;
    display: inline;
    width: 50%;
}

.hezhao{width:1080px;margin:50px auto;}
.hezhao img{width:100%;}

/*服务*/

.zt{width:1280px;margin:0px auto;overflow: hidden;}

.zt ul{padding:0;margin:0;}
.zt ul li{float:left;text-align:center;margin: 0 20px 50px 0;padding:0px;width:413px;}
.zt ul li:nth-child(3n){margin-right:0px;}
.zt ul li img{width:100%;padding: 0px;border-radius: 0px;}
.gj{width:100%;text-align:left;margin-left: 0px;}
.gj h4{font-size:18px;color:#1e386b;font-weight:bold;padding:20px 0 5px 0;}
.gj p{font-size:16px;color:#777;font-weight:normal;line-height: 25px;}

/*数字++++++++++*/
.digital{width: 1280px;margin: 0vw auto 0vw auto;background: url(../images/about/ditu.jpg) no-repeat center;height: 25vw;background-size: cover;}
.mainll{width:100%;}
.mumping_mun li{width: auto;
    padding-right: 6.4vw;
    display: inline-block;
    height: 4vw;
    text-align: center;}
.mumping_mun li:nth-child(5){padding-right: 0vw;}
.mun_top{margin-bottom:-17px;}
.mumping_mun{width:100%;list-style: none;margin: 0px auto;top:9vw;position: relative;}
.mumping_mun dd{font-size:16px;width: 100%;display: block;clear: both;color: #333;text-align: center;font-weight:bold;padding-top: 0.3vw;}
.mumping_mun p{font-size: 14px;width: 100%;display: block;clear: both;color: #000;text-align: left;}
.mumping_mun h2{font-size:50px;font-weight:bold;float: left;margin-right: 0.2vw;color:#02328d;}
.mumping_mun span{color: #000;font-size: 14px;
    font-weight: normal;}
.mumping_mun img{padding:5px 0px 20px 0px;width:1.1vw;}

.tuijian{width:1280px;margin:50px auto 100px auto;}
.tuijian h3{color:#333;font-size:30px;text-align:left;margin:100px 0 40px 0;}

.tuijian dl{padding:0;margin:0;overflow: hidden;}
.tuijian dl dt{float:left;margin-right:55px;padding:0px;margin: 0 25px 0 0px;border: 0px solid #ddd;width: 410px;}
.tuijian dl dt h4{font-size: 18px;color: #1e386b;font-weight: bold;padding:30px 0 15px 0;}
.tuijian dl dt p{color:#666;font-size: 16px;line-height:25px;}
.tuijian dl dt img{width:100%;height:auto;}
.tuijian dl dt:nth-child(3){margin-right:0px;}

.about{width:1280px;margin: 30px auto 0 auto;
    overflow: hidden;
    border-top: 3px solid #004d9e;
    padding: 60px 0;
    border-bottom: 3px solid #004d9e;}
.aboutl{float:right;width:500px;}
.aboutl h3{color:#333;font-size:30px;padding-top:10px;font-weight:bold;}
.aboutl dd{color:#333;font-size:16px;padding:30px 0 40px 0;}
.aboutl p{color:#999;font-size:16px;line-height:30px;width:100%;text-align:left;margin:30px 0 30px 0;}
.aboutl p b{color:#1e386b;}


.aboutr{float:left;width:700px;}
.aboutr img{width:100%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.aboutr:hover img{transform: scale(1.05,1.05);}

@media (max-width: 760px)
{
.banner {
    width: 100%;
    position: relative;
    padding-top: 12vw;
}
.banner h3 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 70px;
    left: 4%;
    /* text-shadow: 3px 3px 7px #333; */
    margin-left: -0px;
    width: 50%;
    text-align: left;
}
.banner img {
    width: 100%;
    position: relative;
    height: 35vw;
}
.banner dd {
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    position: absolute;
    top: 105px;
    left: 4%;
    /* text-shadow: 3px 3px 7px #333; */
    margin-left: 0px;
    width: 75%;
    text-align: left;
}
.zn_con {
    padding-top: 6vw;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 6vw;
    overflow: hidden;
}
.zn_fl h3 {
    font-size: 5vw;
    color: #333;
    height: 25px;
    text-align: left;
}
.zn_comTL {
    width: 100%;
    height: 280px;
    padding-bottom: 25px;
    border-bottom: 0px solid #dfdfdf;
    float: left;
}
.zn_fl {
    float: right;
    display: inline;
    width: 96%;
    margin: 0 2%;
}
.zn_comTL {
    width: 100%;
    height: 280px;
    padding-bottom: 61px;
    border-bottom: 0px solid #dfdfdf;
    float: left;
}
.zn_fl p {
    width: 100%;
    line-height: 22px;
    display: inline-block;
    font-size: 13px;
    margin-top: 10px;
}
.zt {
    width: 96%;
    margin: 0px auto;
    overflow: hidden;
}
.zt ul li {
    float: left;
    text-align: center;
    margin: 0 2% 15px 0;
    padding: 0px;
    width: 49%;
}
.gj h4 {
    font-size: 15px;
    color: #1e386b;
    font-weight: bold;
    padding: 20px 0 5px 0;	
  white-space: nowrap; /* 确保文本在一行内显示 */
  overflow: hidden; /* 隐藏超出容器的文本 */
  text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
  width: 45vw; /* 定义容器宽度 */
}
.gj p {
    font-size: 13px;
    color: #777;
    font-weight: normal;
    line-height: 22px;
}
.zt ul li:nth-child(2n) {
    margin-right: 0px;
}
.zt ul li:nth-child(3n) {
    margin: 0 2% 15px 0;
}
.zt ul li:nth-child(6) {
    margin-right: 0px;
}
.digital {
    width: 96%;
    margin: 0vw auto 0vw auto;
    background: url(../images/about/ditu.jpg) no-repeat center;
    height: 25vw;
    background-size: cover;
}
.mumping_mun li:nth-child(4) {display:none;}
.mumping_mun li:nth-child(5) {display:none;}
.mumping_mun h2 {
    font-size: 5vw;
    font-weight: bold;
    float: left;
    margin-right: 0.2vw;
    color: #02328d;
}
.mumping_mun dd {
    font-size: 13px;
    width: 100%;
    display: block;
    clear: both;
    color: #333;
    text-align: center;
    font-weight: bold;
    padding-top: 0.3vw;
}
.about {
    width: 96%;
    margin: 30px auto 0 auto;
    overflow: hidden;
    border-top: 3px solid #004d9e;
    padding: 15px 0;
    border-bottom: 3px solid #004d9e;
}
.aboutl {
    float: right;
    width: 100%;
}
.aboutl h3 {
    color: #333;
    font-size: 5vw;
    padding-top: 10px;
    font-weight: bold;
}
.aboutl p {
    color: #999;
    font-size: 13px;
    line-height: 22px;
    width: 100%;
    text-align: left;
    margin: 3vw 0 3vw 0;
}
.aboutr {
    float: left;
    width: 100%;
}
.tuijian {
    width: 96%;
    margin: 0px auto 20px auto;
}
.tuijian h3 {
    color: #333;
    font-size: 5vw;
    text-align: left;
    margin: 5vw 0 15px 0;
}
.tuijian dl dt {
    float: left;
    margin-right: 55px;
    padding: 0px;
    margin: 0 2% 0 0px;
    border: 0px solid #ddd;
    width: 32%;
}
.tuijian dl dt h4 {
    font-size: 15px;
    color: #1e386b;
    font-weight: bold;
    padding: 15px 0 15px 0;
}
.tuijian dl dt p {
    color: #666;
    font-size: 13px;
    line-height: 22px;
}
}