body {font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;overflow-x: hidden; margin:0; background:#fff;}
p{ margin:0; padding:0;}
*{font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;}
.container-slide{ overflow: hidden;}
a,a:hover{ text-decoration:none;}
.form-control{border-radius:0;}
ul{ list-style:none;}
dl,dt,dd,h2,form,ul,li,p,img, span, h1,h3,h4,h5,h6{margin:0; padding:0;}
a {color:#4f4f4f;text-decoration:none;margin:0;}
a:hover {color:#e83428;text-decoration:none;}
a img {border:0;}
ul{list-style-type:none;}
.clear{clear:both;}

.container {margin:0 auto;}
@media (max-width:767px){.container{padding:0px 15px;}}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1320px){.container{width:1300px}}

/* header and menu */
header,.logo,.menu{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s;}
.menu>ul,.menu>ul>li{display:block;margin:0;padding:0;list-style:none;}
.menu>ul>li>a{display:block;text-align:center;}
.logo{float:left;}
.logo a{display:block;}
.logo img{display:block;max-height:100%;}
@media(min-width:768px){
	header{height:80px; line-height:73px;}
	.logo{ padding:12px 0; margin-right:90px;}
	.menu{float:right;}
	.menu>ul{margin-right:-18px;height:100%;}
	.menu>ul>li{float:left;padding:5px 15px; border-top:3px solid #fff;}
	.menu>ul>li>a{color:#313131;font-size:16px;padding-left:8px; padding-right:8px;margin-top:-8px;}
	.menu>ul>li:hover>a,.menu>ul>li.active>a{ color:#0178bc; background:url(../images/line.jpg) no-repeat top; margin-top:-8px;}
	.menu-icon{display:none;}
	.menu>ul>li:hover .sub-menu,.menu>ul>li.active .sub-menu{display:block;}
}
@media(max-width:1319px){
	.logo{ margin-right:50px;}
	.menu>ul>li{ padding:5px 8px;}
	.menu>ul>li>a{ font-size:16px;}
}
@media(max-width:1229px){
	.logo{ margin-right:40px;}
	.menu>ul{margin-right:-15px;}
}
@media(max-width:991px){
	.menu>ul{margin-right:-8px;}
	.menu>ul>li{ padding:0 3px;}
	.logo{ padding:5px 0; margin-right:0;}
	.logo img{ width:60px;}
	.menu>ul>li>a{  font-size:14px; line-height:57px}
	header{ height:60px}
	.menu>ul>li>a,.menu>ul>li:hover>a,.menu>ul>li.active>a{ margin-top:0;}
}
@media(max-width:767px){
	header{ height:auto;}
	header .d-nav{height:50px;}
	.popup-menus{display:none;}
	.menu{display:none;}
	.menu-icon{display:block;float:right;padding-top:12px;}
	.menu-icon a{display:block;width: 31px;height: 27px;background:url(../images/menu-icon.png) no-repeat;outline:none;}
	.login-right p,.login-left p{ font-size:12px;}
	.login-top{ display:none;}
}
/* menu for mobile */
.nav{background:#313541;display:none;padding-top:60px;}
.nav>ul>li{padding:5px 10px; padding-left:35px;}
.nav>ul>li>a{display:block;text-align:left;color:#fff;font-size:16px;line-height:30px;position:relative;}
.nav>ul>li>a>span{display:block;width:30px;height:30px;position:absolute;top:0;right:0; background:url(../images/jt6.png) no-repeat center ;}
.nav>ul>li.open-sub>a>span{background-image:url(../images/jt7.png);}
.nav .sub-menu{display:none;}
.nav li.open-sub .sub-menu{display:block;}
.nav .sub-menu p a{display:block;padding:3px 10px;text-align:left;color:#d6d6d6;font-size:14px;line-height:25px;}

/* foot */
.foot_wrap{ background:#373735; overflow:hidden;}
.foot-box{ padding:40px 0; overflow:hidden}
.hotline-left{ width:420px; float:left;}
.hotline-top{ background:url(../images/dh.png) no-repeat left; padding-left:60px;}
.hotline-top p,.hotline-top span{ font-size:16px; color:#fff;}
.hotline-top p{ padding-bottom:5px;}
.hotline-bottom{ margin-top:20px;}
.hotline-bottom p{ font-size:14px; color:#fff; padding-top:6px;}
.hotline-bottom p a{ color:#fff; font-size:14px; text-decoration:underline;}
.hotline-right{ float:right;}
.hot-nav p{ padding-top:15px;}
.hot-nav p a{ font-size:16px; color:#ffffff; padding:0 23px; border-left:1px solid #959594}
.hot-icon p{ text-align:right; padding-top:30px;}
.hot-icon p a{ padding-left:20px;}
.hot-nav p .last{ padding-right:0;}
@media(max-width:1199px){
	.hot-nav p a{ font-size:14px;}
	.foot-box{ padding:25px 0;}
}
@media(max-width:991px){
	 .hotline-left{ width:234px;}
	 .hotline-bottom{ margin-top:10px;}
}
@media(max-width:767px){
	 .hotline-left{ width:100%; float:none;}
	 .hotline-top{ display:none;}
	 .hotline-bottom p,.hot-nav p,.hot-icon p{ text-align:center;}
	 .hotline-right{ float:none;}
	 .foot-box{ padding:15px 0;}
	 .hot-nav p .last,.hot-nav p a{ padding:0 15px; border-left:none;}
	 .hot-icon p{ padding-top:15px;}
	 .hotline-bottom p{ padding-top:0;}
}
@media(max-width:500px){
	 .hot-nav p .last,.hot-nav p a{ padding:0 5px;}
}
@media(max-width:320px){
	 .hot-nav p .last,.hot-nav p a{ padding:0 3px; font-size:12px;}
}



.main-cont{ margin-top:60px; overflow:hidden;}
.main-bout{ overflow:hidden; margin-bottom:50px;}
.about-tit span{ float:right; margin-top:5px;}
.about-tit span a{ font-size:12px; color:#2a2a2a; text-align:center; display:block; width:112px; height:40px; background:#f3f3f3; line-height:40px; border-left:2px solid #009fe4;}
.about-tit h2{ font-size:30px; color:#232323; font-weight:normal;}
.about-tit h2 i{ display:block; margin-top:-20px;}
.about-cont{ margin-top:40px; overflow:hidden;}
.about-jian p{ font-size:16px; color:#696969; line-height:35px;}
.about-jian span{ color:#696969; line-height:35px;}
.about-jian span label{ color:#0178bc; font-size:18px;}
.about-img img{ max-width:100%; display:block; margin:0 auto; margin-top:45px;}
.our-business{ background:#edfaff; padding:70px 0 90px 0;}
.about-tit2 span a{ background:#dcf5ff}
.busin-wrap{ margin-left:-6px; margin-right:-6px;}
.busin-wrap li{ width:33.33%; float:left;}
.busin-box{ padding:0 6px;}
.busin-one{ background:#df1386; overflow:hidden; height:260px;}
.busin-text{ padding:35px; overflow:hidden;}
.bus-tit h3{ font-size:24px; color:#fff; font-weight:normal; line-height:30px; padding-bottom:5px;}
.bus-tit p{ font-size:16px; color:#ffffffb3; font-family:bodoni-bt; padding-top:6px;}
.bus-tit{ background:url(../images/o1.png) no-repeat left;padding:15px 0;padding-left:65px; }
.bus-cont{ margin-top:20px; margin-bottom:40px;}
.bus-cont p{ font-size:15px; color:#fff; line-height:22px; padding:8px 0;}
.bus-but a{ display:block; font-size:16px; color:#fff; background:url(../images/j.png) no-repeat left;  padding:5px 0;padding-left:28px;}
.bus-tit2{ background:url(../images/o2.png) no-repeat left;}
.bus-tit3{ background:url(../images/o3.png) no-repeat left;}
.bus-tit4{ background:url(../images/o4.png) no-repeat left;}
.bus-cont2{ padding:20px 0;}
.area-yi{ margin-left:-72px; margin-right:-72px;}
.area-yi li{ width:33.3%; float:left;}
.area-yi-box{ padding:0 72px;}
.area-yi-cont{ background:#df1386; height:150px;}
.area-icon{ padding:35px 10px; overflow:hidden;}
.area-icon img{ max-width:100%; display:block; margin:0 auto;}
.area-icon p{ font-size:16px; color:#fff; text-align:center; padding-top:15px;}
.area-two-hang{ padding:0 144px;overflow:hidden;}
.area-er li{ width:25%;} 
.strategy-box{ padding:40px 0 70px 0;}
.zhan-lue{ margin-left:-5px; margin-right:-5px;}
.zhan-lue li{ width:16.66%; float:left; margin-bottom:10px;}
.zhan-box{ padding:0 5px;}
.zhan-tu{ border:1px solid #a1aebb; background:#f2f6fb;}
.zhan-tu img,.ce-lue img{ max-width:100%; display:block; margin:0 auto;}
.news-wrap{ margin-left:-12px; margin-right:-12px;}
.news-wrap li{ width:25%; float:left;}
.news-box{ padding:0 12px;}
.news-top{ border-bottom:1px solid #8797a6; overflow:hidden; padding-bottom:15px;}
.date-left{ width:60px; background:#0178bc; float:left; height:56px;}
.date-right{ margin-left:63px;}
.date-right h3{ font-size:17px; line-height:28px; color:#252525; font-weight:normal;height: 50px;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;}
.date-left p{ font-size:18px; color:#fff; text-align:center; font-weight:bold; padding-top:5px;}
.date-left span{ font-size:14px; color:#fff; text-align:center; display:block;}
.news-bottom p{ font-size:14px;  line-height:30px; padding-top:10px;}
.news-bottom p a{color:#4b4b4b;height: 90px;-webkit-line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;word-break: break-all;display: -webkit-box; display:block;}
.news-wrap li:hover .news-top{border-bottom:1px solid #0178bc; }
.news-wrap li:hover .news-bottom p a{ color:#0178bc}
.media-matrix{ width:1195px; margin:0 auto;}
.media-wrap{ margin-left:-30px; margin-right:-30px;}
.media-wrap li{ width:20%; float:left;}
.media-box{ padding:0 30px;}
.media-one img{ max-width:100%; display:block; margin:0 auto;}
.media-one p{ font-size:16px; color:#003860; text-align:center; padding-top:10px;}
.bg-color{ background:#edfaff;padding:15px;}
.contact-bg{ background:url(../images/bg2.jpg) no-repeat; height:463px; background-size:cover; margin-top:30px;}
.contact-text{ padding:50px 0;}
.contact-text p{ font-size:22px; color:#dbdbdb; line-height:40px;}
@media(max-width:1319px){
	.busin-text{ padding:32px 20px;}
	.bus-cont2{ padding:0;}
	.bus-tit h3{ font-size:22px;}
	.bus-tit p{ font-size:14px;}
	.bus-cont3{ padding:22px 0;}
	.area-yi{ margin-left:-40px; margin-right:-40px;}
	.area-yi-box{ padding:0 40px;}
	.area-two-hang{ padding:0 98px}
	.area-icon{ padding:18px 10px;}
	.area-yi-cont{ height:120px;}
	.media-matrix{ width:100%;}
}
@media(max-width:1199px){
	.main-cont{ margin-top:40px;}
	.main-bout{margin-bottom:30px;}
	.about-cont,.about-img img{ margin-top:20px;}
	.about-tit h2{ font-size:26px;}
	.about-tit span a{ width:90px; height:35px; line-height:35px;}
	.our-business,.strategy-box,.contact-text{ padding:30px 0;}
	.date-right h3{ font-size:16px;}
	.news-bottom p a{ font-size:14px; line-height:26px; height:80px;}
	.contact-text p{ font-size:16px; color:#dbdbdb; line-height:32px;}
	.contact-bg{ height:auto;}
}
@media(max-width:991px){
	.bus-tit{ background:url(../images/o1.png) no-repeat top;}
	.bus-tit2{ background:url(../images/o2.png) no-repeat top;}
	.bus-tit3{ background:url(../images/o3.png) no-repeat top;}
	.bus-tit4{ background:url(../images/o4.png) no-repeat top;}
	.bus-tit,.bus-tit2,.bus-tit3,.bus-tit4{ padding:0; padding-top:80px;}
	.bus-tit h3{font-size:16px; text-align:center; padding:0; margin:0;}
	.bus-tit p{ font-size:12px; text-align:center; padding:0;}
	.busin-text{ padding:15px;}
	.bus-cont p{ padding:0; font-size:14px; line-height:24px;}
	.bus-cont3{ padding:10px 0;}
	.bus-but a,.area-icon p,.date-right h3,.media-one p{ font-size:14px;}
	.busin-one{ height:200px;}
	.bus-cont2{ margin-bottom:17px;}
	.area-yi{ margin-left:-5px; margin-right:-5px; overflow:hidden;}
	.area-yi-box{ padding:0 5px;}
	.area-yi li{margin-bottom:10px;}
	.area-two-hang{ padding:0;}
	.zhan-lue li{ width:33.33%;}
	.news-bottom p a{ font-size:12px; line-height:24px; height:70px;}
	.media-wrap{ margin-left:-10px; margin-right:-10px;}
	.media-box{ padding:0 10px;}
}
@media(max-width:767px){
	.main-cont{ margin-top:30px;}
	.main-bout{margin-bottom:20px;}
	.about-cont,.about-img img{ margin-top:15px;}
	.about-tit h2{ font-size:20px;}
	.about-tit span a{ width:68px; height:30px; line-height:30px;}
	.about-tit h2 i{ margin-top:-10px;}
	.about-jian p,.about-jian span{ font-size:14px; line-height:30px;}
	.about-jian span label{ font-size:16px;}
	.bus-but a,.bus-cont p{ font-size:12px; line-height:22px;}
	.busin-wrap li{ width:50%; margin-bottom:12px;}
	.bus-cont3{ padding:0;}
	.bus-cont{ margin-bottom:20px;}
	.contact-text p{ font-size:14px; line-height:24px;}
}
@media(max-width:600px){
	.area-yi li{ width:33.33%}
	.news-wrap li{ width:50%; margin-bottom:24px;}
}
@media(max-width:500px){
	.bus-tit h3{ font-size:16px;}
	.busin-wrap{ margin-left:-2px; margin-right:-2px;}
	.busin-wrap li{ margin-bottom:4px;}
	.busin-box{ padding:0 2px;}
	.media-wrap li{ width:33.33%; margin-bottom:15px;}
}
@media(max-width:425px){
	.bus-cont{ margin-top:10px;}
	.news-wrap li{ width:100%; margin-bottom:15px;}
	.news-bottom p a{ height:auto;}
}
@media(max-width:375px){
	.busin-wrap li{ width:100%; float:none;}
	.busin-one{ height:auto;}
	.bus-cont p{ font-size:14px;}
	.busin-text{ padding:10px;}
	.bus-cont{ margin:5px 0;}
	.zhan-lue li,.media-wrap li{ width:50%;}
}


/*-----------------------------------------------------------about-------------------------------------------------- */
.pc-banner img,.sj-banner img{ max-width:100%; display:block; margin:0 auto;}
.zy-main{ overflow:hidden; margin:30px 0 50px 0;}
.wei-zhi p{ font-size:16px; color:#a5a5a5;}
.wei-zhi p small{ color:#393939; font-size:16px;}
.wei-zhi p a{ color:#a5a5a5;}
.jian-jie{ margin-top:20px;}
.jian-jie p,.jian-jie span{ font-size:16px; color:#696969; line-height:35px;}
.jian-jie span{ }
.jian-jie span label{ color:#0178bc;}
.jian-img img{ max-width:100%; display:block; margin:20px auto;}
@media(max-width:1199px){
	.jian-jie p,.jian-jie span{ line-height:28px}
	.jian-img img{ max-width:100%;}
}
@media(max-width:991px){
	.jian-jie p,.jian-jie span{  font-size:14px;}
	.jian-img img{ max-width:100%;}
}
@media(max-width:767px){
	.pc-banner{ display:none;}
	.jian-img img{ margin:10px auto;}
	.wei-zhi p{ font-size:14px;}
	.jian-img img{ max-width:100%;}
}
@media(max-width:375px){
	.wei-zhi p{ font-size:12px;}
	.jian-img img{ max-width:100%;}
}
@media(min-width:768px){
	.sj-banner{ display:none;}
	.jian-img img{ max-width:100%;}
}

/*-----------------------------------------------------------newslist-------------------------------------------------- */
.newslist-box{ margin-top:20px;}
.xin-wen li h3{ font-size:18px; color:#0178bc; border-bottom:1px solid #0178bc; padding-bottom:5px; font-weight:normal; background:url(../images/kk.jpg) no-repeat left; padding-left:18px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xin-wen li h3 span{ float:right; color:#4a4a4a; font-size:14px; padding-top:5px;margin-left:10px;}
.xin-wen li h3 a{  color:#0178bc; }
.xin-wen li p{ font-size:14px;  line-height:32px; padding:13px 20px 35px 20px;}
.xin-wen li p a{color:#4a4a4a;}
@media(max-width:1199px){
	.xin-wen li p{ line-height:28px; padding:13px 20px 20px 20px;}
}
@media(max-width:767px){
	.xin-wen li p{ padding:13px 0 20px 0;}
	.zy-main{ margin-bottom:30px;}
}

/*-----------------------------------------------------------news-------------------------------------------------- */
.news-titnr{ overflow:hidden;}
.news-titnr h3{ font-size:28px; color:#000000; line-height:30px; font-weight:normal; border-bottom:1px solid #efefef; padding-bottom:15px; text-align:center; padding-top:15px;}
.news-titnr span{ font-size:14px; color:#003860; float:right; padding-right:40px; padding-top:10px;}
.news-wenzi{ padding-top:20px;}
.news-wenzi p{ font-size:16px; color:#4a4a4a; line-height:40px; padding-top:15px;}
.new-tu img{ max-width:100%; display:block; margin:25px auto;}
@media(max-width:1199px){
	.news-titnr h3{ font-size:20px;}
	.news-titnr span{ font-size:12px;}
	.news-wenzi p{ line-height:26px; font-size:14px;}
}
@media(max-width:767px){
	.new-tu img{ margin:10px auto;}
	.news-wenzi p{ padding-top:10px;}
	.news-titnr h3{ font-size:18px; padding-top:0;}
	
}

/* pagination */
.demo-item{ margin-top:35px;}
.simple-pagination{padding: 3px 3px 3px 3px;text-align: center;font-size: 12px;line-height: 23px; margin-top:15px;}
.simple-pagination a, div.simple-pagination span{padding: 2px 5px 2px 5px;margin-right: 2px;margin-bottom: 2px;font-size: 12px;white-space: nowrap;display: inline-block;min-width: 23px;height: 23px; box-sizing:content-box;}
.simple-pagination a{text-decoration: none;border: solid 1px #ebebeb;color: #333;background: #ebebeb;}
.simple-pagination span.ellipsis{color: #ebebeb;font-size:14px;}
.simple-pagination span.disabled{border: #ebebeb 1px solid;color: #ccc;background: #ebebeb;}
.simple-pagination input{margin-left:10px;width: 30px;padding: 0px;margin-right: 2px;margin-bottom: 2px;font-size: 12px;height: 27px;line-height: 27px;border: #ebebeb 1px solid;text-align: center;color: #333;}
.simple-pagination select{margin-left:10px;height: 29px;padding: 0px;margin-right: 2px;margin-bottom: 2px;font-size: 12px;border: #ebebeb 1px solid;text-align: center;color: #333;}
span.record{color:#ebebeb;}
.simple-pagination a:hover, .simple-pagination a:active{color: #fff;background: #6698cd;border-color: #6698cd;}
.simple-pagination span.current{border: #6698cd 1px solid;font-weight: bold;color: #fff;background: #6698cd;}
.simple-pagination input:focus{border: #6698cd 1px solid;outline:none;}
.simple-pagination select:focus{border: #6698cd 1px solid;}
.pro-img{ width:370px; height:214px; border:1px solid #000;float:left; text-align:center;}
.pro-img img{ display:block; max-width:100%; margin:0 auto;}
@media(max-width:991px){
	.demo-item{ margin-top:10px;}
}



/*-----------------------------------------------------------招聘-------------------------------------------------- */
.zhao-pin img{ max-width:100%;}
.zhao-pin li h3{ font-size:24px; color:#e6057f; font-weight:normal; padding-bottom:10px;}
.zhao-pin li span{ font-size:18px; color:#7fb927; font-weight:bold;}
.zhao-pin li span small{ font-size:16px; color:#696969; font-weight:normal;}
.zhao-pin li p{ font-size:16px; color:#696969; line-height:35px;}
.zhao-pin li{ padding-top:35px; overflow:hidden;}
@media(max-width:1199px){
	.zhao-pin li h3{ font-size:20px;} 
	.zhao-pin li span{ font-size:16px;}
	.zhao-pin li span small,.zhao-pin li p{ font-size:14px;}
	.zhao-pin li p{ line-height:30px;}
	.zhao-pin li{ padding-top:25px;}
}
@media(max-width:767px){
	.zhao-pin li h3{ font-size:18px;} 
	.zhao-pin li span{ font-size:14px;}
	.zhao-pin li span small,.zhao-pin li p{ font-size:12px;}
	.zhao-pin li p{ line-height:24px;}
	.zhao-pin li{ padding-top:20px;}
}





/*-----------------------------------------------------------2021-4-29首页-业务领域修改-------------------------------------------------- */
.ye-wrap{ margin-left:-5px; margin-right:-5px;}
.ye-wrap li{ width:50%; float:left; margin-top:10px;}
.ye-box{ padding:0 5px;}
.ye-bg{ height:150px; background:#df1386;}
.ye-text img{ max-width:100%; display:block; margin:0 auto; padding-top:35px; padding-bottom:15px;}
.ye-text p{ font-size:16px; color:#fff; text-align:center;}
@media(min-width:768px){
	.sj-ye{ display:none;}
}

@media(max-width:767px){
	.pc-yw{ display:none;}
}
@media(max-width:600px){
	.ye-wrap li{ width:50%;}
	
}
@media(max-width:375px){
	.ye-wrap li{ width:50%;}
	
}

.news-wenzi img{max-width: 100%;}

.jian-jie  img{max-width: 100%;}