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; }

.lubo{ width:100%; min-width:1000px;clear: both; position: relative; height:689px;margin:0 auto;}
.lubo_box{ position: relative; width: 100%; height:689px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:689px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li img{ width: 100%; height: 689px;}
  
/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 10px; height: 10px; margin:0 10px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);border-radius:50%;}
.cir_on{ background: #1e585f !important;}

.jz{width:1280px;margin:0 auto;position:relative;top:28%;}
.wa{position:absolute;left:0%;top:0%;background: #fff;padding: 50px;width: 800px;}
.wa h3{font-size:36px;color:#333;padding-bottom:20px;/*text-shadow:2px 2px 2px #1e386b;*/font-weight: bold;}
.wa p{font-size:16px;color:#666;/*text-shadow:1px 1px 1px #1e386b;*/line-height:28px;}
.wa dd{font-size:18px;color:#1e386b;padding-top: 30px;line-height:28px;font-weight:bold;text-decoration: underline;}

/*服务*/

.zt{width:1280px;margin:100px auto;overflow: hidden;}
.zt h3{font-size:36px;color:#333;text-align:left;margin-bottom:50px;font-weight:bold;}

.zt ul{padding:0;margin:0;}
.zt ul li{float:left;text-align:center;margin: 0 15px 15px 0;
    background: #f9f9f9;
    padding:45px 30px;width:356px;}
.zt ul li:nth-child(3n){margin-right:0px;}
.zt ul li img{width:35px;float:left;/*background: #fff;*/padding: 16px 20px;border-radius: 10px;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.15)}
.gj{float:left;width: 241px;text-align:left;margin-left: 25px;}
.gj h4{font-size:18px;color:#1e386b;font-weight:bold;line-height: 40px;}
.gj p{font-size:16px;color:#777;font-weight:normal;line-height: 25px;}

/*产品*/
.productall{width:100%;background:#eee;padding:100px 0 120px 0;}
.product{width:1280px;margin:0px auto;}
.product h3{font-size:36px;color:#333;text-align:left;margin-bottom:15px;font-weight:bold;}

/*关于*/
.aboutall{width:100%;overflow:hidden;margin:100px auto 130px auto;background: url(../images/index/aboutbg.jpg) center top no-repeat;background-size: cover;padding: 150px 0;}
.about{width:1280px;margin:0 auto;}
.aboutl{float:left;width:800px;padding: 50px;background:#fff;}
.aboutl h3{color:#333;font-size:36px;padding-top:10px;font-weight:bold;margin-bottom:20px;}
.aboutl dd{color:#333;font-size:16px;padding:20px 0 40px 0;}
.aboutl p{color:#666;font-size:16px;line-height:28px;text-align:left;margin:0 0 30px 0;}
.aboutl a{font-size:18px;color:#1e386b;padding-top: 30px;line-height:28px;font-weight:bold;text-decoration: underline;}

.aboutl ul{padding:0;margin:70px 0 0 0;}
.aboutl ul li{float:left;border-left:2px solid #ddd;margin: 0 40px 0 0;padding-left: 40px;}
.aboutl ul li a{background: none;padding: 0;}
.aboutl ul li img{width:auto;float:left;padding-right: 20px;}
.allb{float:right;}
.allb h4{font-size:18px;color:#333;font-weight:bold;padding: 5px 0 5px 0;line-height: 25px;}
.allb dt{font-size:14px;color:#c7c7c7;font-weight:bold;line-height: 20px;}

.aboutr{float:right;width:450px;}
.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);}

.tab{ width:100%; margin:0px auto;border-top:0px solid #eff3f6;}
.tab-hd {overflow:hidden; zoom:1;width:1280px;margin:0 auto;height: 120px;}
.tab-hd li{float:left; width:193px;height:45px;line-height:45px;color:#333; text-align:center; cursor:pointer;font-size:15px;background: #fff;margin:0px 10px;}
.tab-hd li.active{ background:#1e386b;color:#fff;font-weight:bold;}
.tab-bd li{display:none; padding:20px 0; border:0px solid #ddd; border-top:0 none; font-size:24px;}
.tab-bd li.thisclass{ display:list-item;}
.tab-bd {}

.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: #1e386b;

    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:#1e386b;font-size:18px;line-height:25px;margin:25px 0 6px 0;font-weight:bold;}
.jianjie a{font-size: 16px;color: #777;padding-top: 30px;line-height: 28px;font-weight: normal;}

.jianjie dl{padding:0;margin:0;overflow: hidden;}
.jianjie dl dt{float:left;margin-right:55px;padding:0px;margin: 0 25px 35px 0px;border: 0px solid #ddd;background: #fff;}
.jianjie dl dt img{width:300px;height:auto;}
.jianjie dl dt:nth-child(4n){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;}

/*优势*/
.youshi{width:100%;margin:0px auto;}
.youshi h3{font-size:36px;color:#333;text-align:left;margin:5px auto;font-weight:bold;width:1280px;}
.youshi dt{font-size:14px;color:#999;text-align:center;}
.youshi p{font-size:16px;color:#999;text-align:center;margin-bottom:-20px;line-height:25px;}
.youshi h4{width:50px;height:3px;background:#377967;text-align:center;margin:10px auto 15px auto;}

.yf_fuwuall{width:100%;overflow: hidden;margin: 0vw auto 0 auto;padding:0 0 0vw 0;background: #fff;}
.yf_fuwu{width: 320px;margin: 0 auto;position: relative;overflow: hidden;}
.yf_fuwu h3{color: #ebe9e9;font-size: 60px;padding-top: 5vw;}
.yf_fuwu h4{
	font-size: 35px;
    color: #000;
    position: absolute;
    bottom: -0.25vw;
    left:3.6vw;
    letter-spacing: 3px;
	}
.fuwu{width: 1200px;
    margin: 0 auto;
    overflow: hidden;margin-top: 4vw;margin-bottom: 5vw;}
.fuwu ul{width:100%;}
.fuwu ul li{width: 25%;
    float: left;position: relative;}
.fuwu ul li:hover{width: 25%;background: #0e52a7;z-index: 99;float: left;position: relative;color: #0e52a7;}
.fuwu ul li img{margin-bottom: 1.5vw;width:100%;position: relative;}
.fuwu ul li:hover img{background: #0e52a7;width:100%;}
.fuwu ul li a{text-align: center;
    font-size: 20px;
    color: #fff;
	position: absolute;
    z-index: 99;
	bottom: 160px;
    font-weight: normal;
    padding: 25px 85px;
}
.small{position: absolute;bottom:11vw;
    width: 120px;
    margin: 0px 6vw;}
.small img{position: absolute;width: 56px !important;}

.box3{width:1280px;margin:0 auto;margin-top: 0px;}
.box3 .tlt2{
    text-align: center;
    font-size: 24px;
    color: #b43134;
    line-height: 110px;
    font-weight: bold;
    padding: 50px 0 30px;
}
.box3 ul li{
    width: 24.5%;
    height: auto;
    float: left;
    position: relative;
    padding-top: 48px;z-index: 0;margin-right: 0.5%;
}
.box3 ul li img{width:100%;}
.box3 ul li .img{
    width: 300px;
    height: 502px;
}
.box3 ul li .marks{
    width: 100%;
    background: #0e52a7;
    height: 0;
    transition: .3s;
    position: absolute;
    bottom: 0;
    z-index: 9;
}
.box3 ul li:hover .marks{
    height: 100%;
	z-index: 9;
}
.box3 ul li .wz{
    width: 100%;
    padding:80px 0px;
    text-align: center;
    position: absolute;
    top: 80px;
    z-index:9;
    transition: .5s;
}
.box3 ul li .wz img{width: 56px !important;z-index:1;}
.box3 ul li .wz h3{
    font-size: 24px;
    color: #fff;z-index:1;
    line-height: 70px;
    font-weight:bold;
    background: url(../images/line01.png) no-repeat center bottom;
    padding-bottom: 15px;
}
.box3 ul li .wz .info1{
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    text-align: left;
    letter-spacing: 0px;
    margin-top: 0px;
	padding: 20px;z-index:1;
}
.box3 ul li .wz .info2{
    font-size: 16px;font-weight:bold;
    color: #fff;
    line-height: 25px;
    text-align: left;
    letter-spacing: 0px;
    margin-top: 0px;
	padding:20px 30px;
    display: none;
	z-index:1;
}
.box3 ul li:hover .info1{
    display: none;
}
.box3 ul li:hover .info2{
    display: block;
	z-index:1;
}
.box3 ul li:hover .wz{
    top: -20px;z-index:10;
}

/*新闻css*/
.newsall{width:100%;overflow:hidden;background-color:#fff;padding-top:0px;height:auto;}
.news{width:1280px;text-align:center;line-height:40px;margin-top:30px;margin: 0px auto;}
.news h3{font-size:36px;color:#333;text-align:left;margin-bottom:50px;font-weight:bold;}
.news dt{font-size:18px;color:#999;text-align:center;}
.news p{font-size:16px;color:#999;text-align:center;margin-bottom:50px;line-height:25px;}
.news h4{width:50px;height:3px;background:#377967;text-align:center;margin:10px auto 15px auto;}
.news dd{width:50px;height:4px;background:#1e386b;text-align:center;margin:10px auto 15px auto;}
.newslie{overflow: hidden;width: 1280px;
    margin: 0 auto 80px auto;}
.newslie ul{}
.newslie ul li{width: 32%;background: #fff;
    float: left;margin-bottom:2%;
    margin-right:2%;padding:0% 0%;}
.newslie ul li:nth-child(3n) {
    margin-right: 0%;
}
.newslie ul li img{width: 100%; transition: all .3s ease;}
.newslie ul li:hover img{ transform: scale(1.05);}
.newslie ul li h4{color: #1e386b;
    font-size: 18px;
    line-height: 25px;
    margin: 15px 0;
    font-weight: bold;}
.newslie ul li p{text-align: left;color: #666;font-size: 16px;line-height: 28px;}


/*案例css*/
.anli{width:1280px;text-align:center;line-height:40px;margin-top:30px;margin: 100px auto;}
.anli h3{font-size:28px;color:#333;text-align:center;margin-bottom:8px;font-weight:bold;}
.anli dt{font-size:18px;color:#999;text-align:center;}
.anli p{font-size:16px;color:#999;text-align:center;margin-bottom:50px;line-height:25px;}
.anli h4{width:50px;height:3px;background:#377967;text-align:center;margin:10px auto 15px auto;}
.anli dd{width:50px;height:4px;background:#1e386b;text-align:center;margin:10px auto 15px auto;}

.kehuliebiao{width:100%;overflow: hidden;margin-top: 60px;}
.kehuliebiao ul{padding:0;margin:0;}
.kehuliebiao ul li{float:left;width:19.5%;text-align:center;border-left: 1px solid #d4dbfa;border-right: 1px solid #d4dbfa;margin: 0px -1px 35px 0;}
.kehuliebiao ul li:after {content: "";display: block;width: 80%;height: 1px;background: #d4dbfa;margin: 0 10%;}
.kehuliebiao ul li:before {content: "";display: block;width: 80%;height: 1px;background: #d4dbfa;margin: 0 10%;}
.kehuliebiao ul li img{margin: 30px auto;width:80%;}
.kehuliebiao ul li dd{font-size:16px;color:#1b62b4;padding:3px 0 3px 0;border: 1px solid #1b62b4;width: 120px;margin: 30px auto;}
.kehuliebiao ul li p{font-size:14px;color:#333;width:84%;text-align:left;margin: 0 auto;margin: 30px auto;line-height:22px;}

/*pages*/ 
.pagination-wrapper{ margin: 100px 0 50px 0; } 
.pagination{ height: 34px; text-align: center; } 
.pagination li { display: inline-block;margin-right: 0px;height: 32px;line-height: 32px;padding: 0px 15px;border: 1px solid #dddddd;color: #555555;text-decoration: none;margin: 0 -1px 0 0px;} 
.pagination li a{display: block; height: 32px; line-height: 32px; padding: 0 0px; font-size: 14px; border: 0px solid #dddddd; color: #555555; text-decoration: none; } 
.pagination li a:hover{ background:#f5f5f5; color:#0099ff; } 
.pagination li.thisclass { background:#1e386b; color: #fff;padding: 0 15px;height: 32px;line-height: 32px;border: 1px solid #1e386b; } 
.pagination li.thisclass a,.pagination li.thisclass a:hover{ background: transparent; border-color: #09f; color: #fff; cursor: default; }

/**获取帮助**/
.ry{width:1280px;margin:60px auto 120px auto;overflow: hidden;}
.marqueeleft{width:100%;overflow:hidden;margin:0px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 2px;display:inline;width:900px;overflow:hidden;border: 0px solid #ddd;padding: 0px;position: relative;height:auto;}
.marqueeleft li .pic{display:block;border:#ccc 0px solid;width:900px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;height:23px;line-height:23px;}
.marqueeleft li img{width:100%;position: relative;}
.tk{position: absolute;left:120px;top: 100px;background: rgb(255 255 255 / 85%);height: 180px;width: 450px;padding: 50px;box-shadow: 10px 15px 50px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 10px 15px 50px rgba(0, 0, 0, 0.25);}
.tk h4{font-size: 24px;font-weight:bold;color: #333;left:55px;top: 100px;}
.tk p{font-size: 16px;font-weight:normal;color: #777;width: 456px;line-height: 25px;padding-top: 15px;margin: 0;}
.tk i{background:#fff url(../images/index/jiantou.png) no-repeat center;height:14px;width: 19px;padding: 20px 30px;border-radius: 0px;border: 1px solid #ddd;position: relative;top: 60px;}
@media (max-width: 760px)
{
.fuwu {
    width: 100%;
    margin: 0px auto;
}	
.fuwu h3 {
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-bottom: 8px;
    font-weight: bold;
}	
.lubo {
    width: 100%;
    min-width: 100%;
    clear: both;
    position: relative;
    height: 70vw;
    margin: 0 auto;
}	
.lubo_box {
    position: relative;
    width: 100%;
    height: 70vw;
}
.lubo_box li {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70vw;
    opacity: 0;
    filter: alpha(opacity = 0);
}
.jz {
    width: 70%;
    margin: 0 auto;
    position: relative;
    top: 28%;
}
.wa {
    position: absolute;
    left: 0%;
    top: 0%;
    background: #fff;
    padding: 10% 10%;
    width: 80%;
}
.wa h3 {
    font-size: 16px;
    color: #333;
    padding-bottom: 10px;
    /* text-shadow: 2px 2px 2px #1e386b; */
    font-weight: bold;
}
.wa p {
    font-size: 14px;
    color: #666;
    /* text-shadow: 1px 1px 1px #1e386b; */
    line-height: 22px;display: none;
}
.wa dd {
    font-size: 14px;
    color: #1e386b;
    padding-top: 0px;
    line-height: 28px;
    font-weight: bold;
    text-decoration: underline;
}
.zt {
    width: 96%;
    margin: 8vw auto;
    overflow: hidden;
}
.zt h3 {
    font-size: 5vw;
    color: #333;
    text-align: left;
    margin-bottom: 5vw;
    font-weight: bold;
}
.gj h4 {
    font-size: 16px;
    color: #1e386b;
    font-weight: bold;
    line-height: 40px;
}
.gj p {
    font-size: 14px;
    color: #777;
    font-weight: normal;
    line-height: 25px;
}
.product {
    width: 96%;
    margin: 0px auto;
}
.product h3 {
    font-size: 5vw;
    color: #333;
    text-align: left;
    margin-bottom: 0vw;
    font-weight: bold;
}
.jianjie {
    width: 100%;
    margin: 0 auto;
}
.jianjie dl dt {
    float: left;
    margin-right: 55px;
    padding: 0px;
    margin: 0 2% 35px 0px;
    border: 0px solid #ddd;
    background: #fff;
    width: 48%;
}
.jianjie dl dt img {
    width: 100%;
    height: auto;
}
.jianjie p {
    color: #1e386b;
    font-size: 15px;
    line-height: 21px;
    margin: 15px 0 6px 0;
    font-weight: bold;
}
.jianjie a {
    font-size: 13px;
    color: #777;
    padding-top: 30px;
    line-height: 28px;
    font-weight: normal;
}
.aboutall {
    width: 100%;
    overflow: hidden;
    margin: 5vw auto 8vw auto;
    background: url(../images/index/aboutbg.jpg) center top no-repeat;
    background-size: cover;
    padding: 20vw 0;
}
.about {
    width: 70%;
    margin: 0 auto;
}
.aboutl {
    float: left;
    width: 90%;
    padding: 5%;
    background: #fff;
}
.aboutl h3 {
    color: #333;
    font-size: 18px;
    padding-top: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}
.aboutl p {
    color: #666;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    margin: 0 0 30px 0;display: none;
}
.aboutl a {
    font-size: 14px;
    color: #1e386b;
    padding-top: 30px;
    line-height: 28px;
    font-weight: bold;
    text-decoration: underline;
}
.news {
    width: 96%;
    text-align: center;
    line-height: 40px;
    margin-top: 30px;
    margin: 0px auto;
}
.news h3 {
    font-size: 5vw;
    color: #333;
    text-align: left;
    margin-bottom: 5vw;
    font-weight: bold;
}
.newslie {
    overflow: hidden;
    width: 96%;
    margin: 0 auto 6vw auto;
}
.newslie ul li p {
    text-align: left;
    color: #666;
    font-size: 13px;
    line-height: 22px;
}
.newslie ul li h4 {
    color: #1e386b;
    font-size: 15px;
    line-height: 25px;
    margin: 15px 0;
    font-weight: bold;
    height: 45px;
}
.youshi h3 {
    font-size: 5vw;
    color: #333;
    text-align: left;
    margin: 5px auto;
    font-weight: bold;
    width: 96%;
}
.ry {
    width: 100%;
    margin: 5vw auto 8vw auto;
    overflow: hidden;
}
.marqueeleft li {
    float: left;
    margin: 0 2px;
    display: inline;
    width: 100vw;
    overflow: hidden;
    border: 0px solid #ddd;
    padding: 0px;
    position: relative;
    height: auto;
}
.marqueeleft li .pic {
    display: block;
    border: #ccc 0px solid;
    width: 100%;
    padding: 2px;
    overflow: hidden;
}
.tk {
    position: absolute;
    left: 10vw;
    top: 10vw;
    background: rgb(255 255 255 / 85%);
    height: 20vw;
    width: 35vw;
    padding: 5vw;
    box-shadow: 10px 15px 50px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 10px 15px 50px rgba(0, 0, 0, 0.25);
}
.tk h4 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    left: 55px;
    top: 100px;
}
.tk p {
    font-size: 14px;
    font-weight: normal;
    color: #777;
    width: 100%;
    line-height: 22px;
    padding-top: 10px;
    margin: 0;display: none;
}
.tk i {
    background: #fff url(../images/index/jiantou.png) no-repeat center;
    height: 10px;
    width: 10px;
    padding: 2vw 3vw;
    border-radius: 0px;
    border: 1px solid #ddd;
    position: relative;
    top: 7vw;
    display: block;
    background-size: 30%;
}
.zt ul li {
    float: left;
    text-align: center;
    margin: 0 15px 15px 0;
    background: #f9f9f9;
    padding: 25px 30px;
    width: 356px;
}
}