*{margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;color: #000000;}
.header{width:100%;}
.header-logo{display: flex;align-items: center;}
.inp-box{width: 1200px;margin: 0 auto;padding: 10px 0;}
.header-inp{padding-left: 8px;border: none;background-color: #f1f1f1;width: 155px;height: 30px;border-radius: 3px;position: absolute;top: 12px;right: 0;}
.top-lo{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;padding-top: 15px;position: relative;}
.nav-ul{margin-top: 35px;}
.nav-ul li{display: block;float: left;padding-left: 30px;padding-bottom: 23px;padding-top: 8px;box-sizing: border-box;}
.nav{display: flex;align-items: center;}
.ejdh-li{position: relative;margin-left: 30px;width: 75px;height: 30px;text-align: center;line-height: 30px;border: 1px solid #cdcdcd;border-radius: 3px;cursor: pointer;font-size: 15px;}
.logo-js{float: right;margin-left: 10px;}
.js-p1{font-size: 18px;}
.js-p2{font-size: 13px;}
.logo-min{display: flex;align-items: center;}
.ejdh{   
  width: 250%;
  margin-top: 10px;
  position: absolute;
  background-color: #ffffff;
  z-index: 1;
  top: 100%;
  left: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12px;
  -webkit-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -ms-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
}
.ejdh-li:hover .ejdh{    
  margin-top: 3px;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}
.ejdh li{display: block;width: 32%;}
.nav_sub {
    position: absolute;
    margin-top: 10px;
    left: 0px;
    top: 100%;
    z-index: 7;
    width: 1200px;
    padding: 24px 15px 24px 15px;
    overflow: hidden;
    visibility: hidden;
    border-top: 4px solid #3772ca;
    opacity: 0;
    /* background: url(../image/nav_sub.png) repeat; */
    -moz-box-shadow: 2px 2px 5px #333333;
    -webkit-box-shadow: 2px 2px 5px #333333;
    box-shadow: 2px 2px 5px #333333;
    background-color: #ffffff;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}
.nav_sub .list {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-bottom: 0;
}
.nav_sub .nav_series {
    float: left;
    width: 240px;
    color: #181715;
    padding-bottom: 30px;
    background: url(../image/nav_line.gif) repeat-y 239px 0;
}
.nav_sub .nav_series:nth-child(5),
.nav_sub .nav_series:nth-child(10),
.nav_sub .nav_series:nth-child(15){
    background: none;
}
.nav_sub .nav_series:nth-child(6),.nav_sub .nav_series:nth-child(11){
    clear: both;
}
.nav_sub .nav_series dt {
    padding: 4px 30px 12px 30px;
    line-height: 16px;
    font-size: 16px;
    font-weight: bold;
    background: url(../image/sidenav-focus-bg.jpg) no-repeat 16px 5px;
}
    /* .nav_sub .list {
        background: url(../image/nav_line.gif) repeat-y 240px 0;
} */
.nav_sub .nav_series dd {
    padding: 2px 30px 2px 30px;
    line-height: 19px;
    font-size: 14px;
}
.nav_sub a {
    color: #181715;
}
.nav-list:hover .nav_sub{
    margin-top: 0px;
    opacity: 1;
    visibility: visible;
    z-index: 999;
}
.con-top{display: flex;justify-content: space-between;align-items: center;width: 1200px;margin: 30px auto;max-width: 100%;}
.top-before{position: relative;padding-left: 14px;}
.top-before::before{content: "";width: 5px;height: 15px;background-color: #3772ca;position:absolute;top: 18%;left: 0;}
.con-box{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;}
.yingyong{width: 1200px;margin: 0 auto;overflow: hidden;padding-top: 30px;max-width: 100%;}
.cp-img{position: relative;border: 1px solid #cdcdcd;overflow: hidden;}
.cp-img img{max-width: 100%;transition: 0.4s;}
.zi{width: 100%;background-color: rgba(0,0,0,.5);position: absolute;bottom: 0;left: 0;text-align: center;color: #f1f1f1;padding: 9px 0;font-size: 15px;transition: 0.4s;}

.ysbox{padding-top:48px;width: 1200px;margin: 0 auto;max-width: 100%;}
.ysbox h2{height: 138px;padding-top:38px;text-align: center;font-size:35px;color: #333333;font-weight: normal;}
.ysbox h2 a{color: #333333;font-size: 35px;}
.ysbox h2 em{color: #666666;display: block;font-size: 18px;margin-top: 8px;}

.ys_nav{width: 100%;}
.ys_nav ul{display: flex;justify-content: space-between;}
.ys_nav li{
	width: 12%;
    height: 40px;
    white-space: nowrap;
    border: 1px solid #efefef;
    font-size: 16px;
    line-height: 20px;
    color: #232222;
    padding-top: 20px;
    margin-bottom: 48px;
    text-align: center;
}
.ys_nav li{position: relative;}
.ys_nav li span{display: block;color: #232222; font-size: 15px;font-weight: bold;}
.ys_nav li span em{display: block;text-transform: uppercase;font-style: normal;font-size: 12px;line-height: 18px;color: #686565; font-weight: normal; padding-top:5px;}
.ys_nav li a{display: block;color: #fff;}
.ys_nav li.cur{background: #3772ca;}
.ys_nav li.cur span{color: #fff;}
.ys_nav li.cur em{color: #fff;}
.ys_list{width:100%;}
.ys_lc dl{height:496px;position: relative;}
.ys_lc dt{width:800px;height:496px;display: block;overflow: hidden;}
.ys_lc dt img{width: 618px;height: 514px;display: block;transition: all 0.3s linear 0s;}
.ys_lc dt:hover img{transform: scale(1.1);}
.ys_lc dd{position: absolute;left:0;bottom: 0;background: rgba(0,102,217,.6);padding: 28px 20px 0 30px;height:111px;font-size: 14px;line-height: 28px;color: #fff;width:100%;}
.tabli66 li{background:  #fff;}
.tab66{display:none;}
.tab66.clicked{display:block;}

.xz-box{display: flex;justify-content: space-between;}
.xz-box div{width: 19%;border: 1px solid #cdcdcd;position: relative;overflow: hidden;}
.xz-box div img{max-width: 100%;}
.mb{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,.3);color: #f1f1f1;display: flex;align-items: center;justify-content: center;transition: 0.3s;}
.xz-box div:hover .mb{top: 100%;transition: 0.3s;}
.about-box{width: 1200px;margin: 30px auto;display: flex;justify-content: space-between;padding-top: 60px;max-width: 100%;}
.ab-conter{width: 48%;padding-left: 20px;position: relative;bottom: 30px;}
.ab-img{width: 35%;background: url(../image/about_bg1.jpg) no-repeat center right;position: relative;}
.white{background-color: #f1f1f1;padding-bottom: 40px;box-sizing: border-box;}
.pas{padding-top: 30px;}
.bt-h4{margin: 15px 0;}
.ab-conter p:nth-child(2){color: #666666;}
.ab-conter p:nth-child(3){padding: 15px 0;color: #666666;}
.about-but{padding: 8px 17px;background-color: #3772ca;margin-top: 8px;display: block;width: 10%;text-align: center;}
.about-but a{color: #fff;font-size: 13px;}
.po-img{position: absolute;max-width: 120%;bottom: 20px;right: 30px;}
.anli-box{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;max-width: 100%;}
.anli-in{position: relative;transition: 0.4s;overflow: hidden;width: 31%;height: 260px;}
.anli-zo{position: absolute;bottom: 30px;left: 30px;color: #fff;z-index: 3;}
.img-mb{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(5,12,44,0.3);z-index: 2;}
.anli-in img{transition: 0.4s;max-width: 100%;}
.anli-in:hover img{transform: scale(1.1);transition: 0.4s;}
.index06{
	margin-top:90px; position:relative; overflow:hidden;width: 1200px;margin: 0 auto;
    max-width: 100%;
}
.index06 .index06_left{
	width:30%; float:left; 
}
.index06 .index06_left .img{
	position:relative; overflow:hidden; padding:27.8% 0; display:block;
}
.index06 .index06_left .img img{
	display:block; position:absolute; min-width:100%; height:100%; left:50%; top:0px;
	transform:translateX(-50%);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.index06 .index06_left:hover .img img{
	-webkit-transform:translateX(-50%) scale(1.1); 
	-ms-transform:translateX(-50%) scale(1.1);
	transform:translateX(-50%) scale(1.1);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.index06 .index06_left .text{
	width:100%; box-sizing:border-box; background:#f1f1f1; padding:45px 25px 30px;
}
.index06 .index06_left .text .t{
	font-size:20px; color:#343434; display:block; margin-bottom:20px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
}
.index06 .index06_left .text .b{
	font-size:16px; color:#666; line-height:26px; margin-bottom:24px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	
	
	display: -ms-box;
	display: -o-box;
	height:104px;
}
.index06 .index06_left .text .d{
	overflow:hidden; line-height:24px;
}
.index06 .index06_left .text .d span{
	font-size:14px; color:#999; float:left;
}
.index06 .index06_left .text .d a{
	float:right; transform: rotate(180deg); font-size:24px; color:#cccccc;
}
.index06 .index06_left:hover .text .t{
	color:#3772ca;
}
.index06 .index06_left:hover .textin{
	-webkit-transform:translateX(5px); 
	-ms-transform:translateX(5px);
	transform:translateX(5px);
    transition: 0.3s;
}
.index06 .index06_right{
	width:68.5%; float:right;
}
.index06_right_list{
	width:100%; box-sizing:border-box; padding:20px 15px 15px 20px; background:#f1f1f1; margin-bottom:2px; display:block; overflow:hidden; position:relative; float:left; width:48.9%;
}
.index06_right_list:nth-child(2n){
	float:right;
}
.index06_right_list:last-child{
	margin-bottom:0px;
}
.index06_right_list .index06_right_list_l{
	float:left; width:75.5%;
    transition: 0.4s;
}
.index06_right_list .index06_right_list_l .index06_right_list_l_t{
	font-size:18px; color:#343434;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	
	
	display: -ms-box;
	display: -o-box;
	height:24px; line-height:24px;
}
.index06_right_list .index06_right_list_l .index06_right_list_l_b{
	font-size:14px; color:#666; line-height:24px; margin-top:10px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;	
}
.index06_right_list .index06_right_list_m{
	width:1px; height:28%; background:#e5e5e5; top:36%; left:80%; position:absolute;
}
.index06_right_list .index06_right_list_r{
	float:right; text-align:center; color:#cccccc; margin-top:10px;
}
.index06_right_list .index06_right_list_r .index06_right_list_r_t{
	font-size:30px;
}
.index06_right_list .index06_right_list_r .index06_right_list_r_b{
	font-size:12px; margin-top:10px;
}
.index06_right_list:hover .index06_right_list_l{
	-webkit-transform:translateX(7px); 
	-ms-transform:translateX(7px);
	transform:translateX(7px);
    transition: 0.4s;
}
.index06_right_list:hover .index06_right_list_m{
	background:#3772ca;
}
.index06_right_list:hover .index06_right_list_r{
	color: #3772ca;
}
.index06 .index06_div{
	opacity:0; width:100%; box-sizing:border-box;
}
.index06 .index06_div:first-child{
	position:relative;
}
.index06 .index06_div:nth-child(n+2){
	position:absolute; z-index:2; top:0px; left:0px; width:100%;
}
.index06 .index06_div.on{
	z-index:4; opacity:1;
}
.fw-box{width: 1200px;margin: 30px auto;max-width: 100%;}
.fw-title{text-align: center;font-size: 20px;}
.icon-box{display: flex;justify-content: space-around;width: 1200px;margin: 0 auto;margin-bottom: 40px;max-width: 100%;}
.icon-p{border: 1px solid #E5E5E5;border-radius: 50%;padding: 10px;text-align: center;width: 80px;height: 80px;line-height: 110px;transition: 0.5s;}
.icon-box div p{text-align: center;}
.icon-to{margin: 10px 0;font-size: 15px;color: #333333;}
.qy{width: 1200px;margin: 10px auto;color: #030303;padding-bottom: 30px;max-width: 100%;}
.qy-ul{margin: 10px auto 10px 0;}
.qy-ul li{float: left;margin-right: 12px;}
.qy-ul li a{color: #666;}
.footer-box{width: 1200px;margin: 0 auto;max-width: 100%;}
footer{background: #3c424e;padding-top: 30px;color: #fff;}
/* .lj ul{display: flex;} */
.lj ul li{display: block;margin-right: 18px;float: left;}
.lj ul li a{color: #fff;cursor: pointer;}
.lx{display: flex;justify-content: space-between;padding: 50px 0;}
.copy{text-align: center;font-size: 14px;padding-bottom: 13px;}
.footer-p1{font-size: 16px;color: #cfcbcb;}
.footer-p2{margin-top: 12px;font-size: 18px;}


/* news */
.news_list{
	width:calc(24% - 36px); margin-left:10px; margin-top:20px; background:#fff; float:left;
	padding:30px 15px;
    box-shadow: 2px 2px 10px #cdcdcd;
}
.news_list:nth-child(4n+1){
	margin-left:0px; clear:both;
}
.news_list:nth-child(-n+4){
	margin-top:0px;
}
.news_list .date{
	font-size:20px; color:#343434; font-family: "D-DINCondensed";
}
.news_list .t{
	font-size:20px; color:#333; line-height:30px; height:60px; margin:15px 0 0px;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;  
}
.news_list .img{
	position:relative; width:100%; padding:32% 0; margin-bottom:20px; overflow:hidden;
}
.news_list .img img{
	height:100%; position:absolute; left:50%; transform:translateX(-50%); top:0px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.news_list .b{
	font-size:16px; color:#666666; line-height:24px; height:72px; 
	-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  	
}
.news_content_left .ttop{
	background:#fff;  padding:30px 30px;
}
.news_content_left{
	width:70%; float:right; box-sizing:border-box;
}
.news_content_left .t{
	font-size:27px; color:#343434; line-height:1.2;
}
.news_content_left .b{
	font-size:16px; color:#666; margin:15px 0; 
}
.news_content_left .c{
	font-size:16px; color:#666; line-height:32px; border-top:1px solid #d3d3d3; padding:25px 0 0;
}
.news_content_left .c img{
	max-width:100%;
}
.news_content_left .d{
	overflow:hidden;
}
.news_content_left .d a{
	float:left; display:block; font-size:16px; color:#666;
}
.news_content_left .d a:last-child{
	float:right;
}
.news_content_left .d a:hover{
	color:#ff9201;
}

.news_content_right{
	width:26.67%; float:left; padding:50px 25px; box-sizing:border-box;
	background:#fff;
}
.news_content_right .t{
	position:relative; font-size:24px; color:#343434; border-bottom:1px solid #d3d3d3; padding-bottom:15px; margin-bottom:20px;
}
.news_content_right .t::after{
	position:absolute; content:" "; height:2px; width:50px; left:0px; bottom:0px; background:#3772ca;
}
.news_content_right .news_content_right_ul{
	margin-bottom:50px;
}
.news_content_right .news_content_right_ul:last-child{
	margin-bottom:0px;
}
.news_content_right a{
	display:block; overflow:hidden; margin-top:10px; background:#f8f8f8; padding:12px 22px; box-sizing:border-box;
	width:100%; font-size:16px; color:#343434;
}
.news_content_right a span {
    float: left;
    width: 80%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
}
.news_content_right a p{
	float:right; color:#666;
	transform: scale(1,1.8) translateY(-1px) !important;
}
.news_content_right a:first-child{
	margin-top:0px;
}

.prevnet{
	background:#fff; padding:30px 0; overflow:hidden; margin-top:30px; font-size:16px;
}
.prevnet a{
	display:inline-block; color:#999999;margin-bottom: 10px;
}
.prevnet a:hover{
	color:#3772ca;
}
/* .prevnet a:first-child{
	float:left;
} */
.prevnet a:last-child{
	/* float:right; */
	padding-top: 15px;
}
.newsdiv{width: 1200px;margin: 0 auto;padding: 30px 0;}
.newsdiv .news_list:hover{background-color: #3772ca;box-shadow: 0px 13px 28.13px 0.87px rgb(55 114 202 / 38%);transition: 0.5s;}
.newsdiv .news_list:hover .date ,
.newsdiv .news_list:hover .t ,
.newsdiv .news_list:hover .b,
.newsdiv .news_list:hover .look{color: #fff;transition: 0.3s;}
.look{margin-top: 20px;color: #666666;transition: 0.3s;background-image: url(../image/jt.png);background-position:63px;background-repeat: no-repeat;}
.newsdiv .news_list:hover .look{transform: translateX(30px);background-image: url(../image/hover-jt.png);}
.news_content{width: 1200px;margin: 0 auto;}
.solu-p p{margin: 15px 0;color: #666666;line-height: 28px;}

/* contact */
.map-service-left2 {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 0px
}
.map-service-intro-div2 {
	margin-bottom: 26px;
	padding-left: 56px;
	height: 96px
}
.map-intro-div-012 {
	background: url(../images/map_service_intro_icon_01.png) no-repeat 0 0
}
.map-intro-div-022 {
	background: url(../images/map_service_intro_icon_02.png) no-repeat 0 0
}
.map-intro-div-032 {
	background: url(../images/map_service_intro_icon_03.png) no-repeat 0 0;
	margin-bottom: 60px
}
.map-service-intro-title2 {
	height: 36px;
	line-height: 36px;
	color: #333;
	font-size: 32px
}
.map-service-intro-subtitle2 {
	height: 59px;
	width: 216px;
	border-bottom: 1px solid #56585c;
	line-height: 50px;
	font-size: 18px;
	color: #999
}
.map-intro-div-032 .map-service-intro-subtitle2 {
	border-bottom: 0
}
a.map-service-more-link2 {
	display: block;
	margin-bottom: 38px;
	width: 174px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #0af
}
a.map-service-more-link2:hover {
	background-color: #0099e5
}
/*city map*/
.branch-map .map {
    width: 100%;
    height: 100%;
    position: relative;
}
.branch-map .map-dot {
    position: absolute;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.branch-map .map-dot:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background-color: #3772ca;
    border-radius: 50%;
}
.branch-map .map-dot:hover:after, .branch-map .map-dot.cur:after {
    width: 10px;
    height: 10px;
}
.branch-map .map-dot.cur:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #3772ca;
    animation: dot 4s infinite;
}
.branch-map .map-dot.beijing:after {
    width: 13px;
    height: 12px;
    border-radius: 0;
    background: url(/image/img-five-star.png) no-repeat center;
}
.branch-map .map-dot.beijing.cur:hover:before, .branch-map .map-dot.beijing.cur:before {
    display: none;
}
.beijing {
    left: 585px;
    top: 220px;
}
.tianjin {
    left: 604px;
    top: 234px;
}
.heilongjiang {
    left: 676px;
    top: 106px;
}
.jilin {
    left: 696px;
    top: 167px;
}
.liaoning {
    left: 660px;
    top: 196px;
}
.shanxi {
    left: 540px;
    top: 276px;
}
.hebei {
    left: 575px;
    top: 254px;
}
.shandong {
    left: 610px;
    top: 284px;
}
.shanxi1 {
    left: 502px;
    top: 312px;
}
.henan {
    left: 562px;
    top: 316px;
}
.anhui {
    left: 605px;
    top: 334px;
}
.jiangsu {
    left: 646px;
    top: 316px;
}
.sichuan {
    left: 425px;
    top: 354px;
}
.chongqing {
    left: 495px;
    top: 364px;
}
.hubei {
    left: 555px;
    top: 359px;
}
.shanghai {
    left: 668px;
    top: 341px;
}
.zhejiang {
    left: 655px;
    top: 379px;
}
.fujian {
    left: 625px;
    top: 428px;
}
.jiangxi {
    left: 595px;
    top: 402px;
}
.guangdong {
    left: 575px;
    top: 466px;
}
.hunan {
    left: 545px;
    top: 409px;
}
.guangxi {
    left: 506px;
    top: 461px;
}
.guizhou {
    left: 484px;
    top: 424px;
}
.yunnan {
    left: 405px;
    top: 462px;
}
.branch-map {
    position: relative;
    margin-bottom: 30px;
}
.branch-map .branch-map-l {
    width: 849px;
    height: 575px;
    position: relative;
	margin: 0 auto;
}
.branch-map .branch-map-data {
    position: absolute;
    box-sizing: border-box;
    width: 445px;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px 2px #e9e9e9;
    background-color: #fff;
    padding: 10px 10px 10px 15px;
    z-index: 1;
    display: none;
}
.branch-map .branch-map-data:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #3772ca transparent transparent;
}
.branch-map .branch-map-data:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}
.branch-map .branch-map-data-title {
    border-bottom: 1px solid #eee;
}
.branch-map .branch-map-data-title p {
    font-size: 18px;
    color: #333;
    line-height: 28px;
	margin:0;
}
.branch-map .branch-map-data-info {
    max-height: 236px;
    overflow-y: auto;
}
.branch-map .data-branch {
    border-bottom: 1px dashed #eee;
    padding: 6px 0;
    box-sizing: border-box;
}
.branch-map .data-branch:last-child {
    border: none;
}
.branch-map .data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}
.branch-map .data-branch a {
    font-size: 14px;
    color: #666;
    line-height: normal;
    margin-bottom: 10px;
	display:inline-block;
	width:24%;
	margin-right:0.2%;
}
.branch-map .data-branch a:hover{color:#3772ca;}
.items-branch .main-title{text-align:center;font-size:16px;padding:20px;}
.items-branch .main-title a{color:#3772ca;}
/* citybox */
.citybox{margin:30px auto 0px 0;}
.citybox .city-title{width:96%;margin:auto;}
.citybox .city-title a{display:inline-block;width:65px;margin:5px 8px;font-size:16px;border:1px #ccc solid;border-radius:4px;text-align:center;padding:5px;background:#CCC;}
.citybox .city-title a:hover{background:#333;color:#fff;}
.citybox .city-list{margin-top:30px;}
.citybox li{padding-bottom:10px;padding-top:10px;}
.citybox li:nth-child(2n+1){background:#eee;}
.citybox p{padding-left:30px;padding-right:10px;}
.citybox span.label{border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;line-height:24px;width:50px;zoom:1;display:inline-block;height:30px;color:#666;vertical-align:top;border-top:#ddd 1px solid;margin-right:5px;border-right:#ddd 1px solid;border-radius:0}
.citybox span.label strong{border-bottom:#f7f7f7 1px solid;text-align:center;border-left:#f7f7f7 1px solid;width:48px;display:block;font-family:tahoma;background:#f1f1f1;height:28px;font-size:16px;border-top:#f7f7f7 1px solid;border-right:#f7f7f7 1px solid;border-radius:0}
.citybox span{width:90%;zoom:1;display:inline-block;vertical-align:top}
.citybox span i{font-style:normal;margin:0px 3px;color:#ccc}
.citybox .hover{border-bottom-color:#e5e5e5;border-top-color:#e5e5e5;border-right-color:#e5e5e5;border-left-color:#e5e5e5}
.citybox .hover p{background:#f7f7f7}
.citybox .hover span.label{border-bottom-color:#1fb7bb;border-top-color:#1fb7bb;border-right-color:#1fb7bb;border-left-color:#1fb7bb}
.citybox .hover span.label strong{border-bottom-color:#2C76DF;border-top-color:#2C76DF;background:#2C76DF;color:#fff;border-right-color:#2C76DF;border-left-color:#2C76DF}
.citybox>ol>li>p>span>a{padding-bottom:1px;line-height:20px;margin:0px 10px 5px 0;padding:2px 10px;zoom:1;display:inline-block;height:20px;border-radius:0;;color:#333;font-size:14px;text-decoration:none;}
.citybox>ol>li>p>span>a:hover{background:#2C76DF;color:#fff}
.topadd {
    position: relative;
}

.index_place {
    margin-left: 26px;
    width: 65px;
    height: 25px;
    /* width: 75px;
    height: 30px; */
    border-radius: 5px;
    margin-top: 14px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 1000;padding-left:5px;
}

.places {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -1px;
    margin-left: 26px;
    width: 200px;
    padding: 5px 20px;
    background-color: #fff;
    flex-wrap: wrap;
    border: solid 1px #ededed;
    /* transform: translateX(-50%); */
    z-index: 88888;
    cursor: pointer;
}

    .places > span {
        font-size: 14px;
        color: #999999;
        margin: 4px 8px;
    }

.index_place > :nth-child(2) {
    transform: rotateZ(90deg) scaleY(1.5);;
    margin-left: 6px;
    margin-top: 3px;
    font-size: 14px;
}
.f_jc_ac{
    display: flex;
    justify-content: center;
    align-items: center;
}
.places > span:hover,
.index_place:hover > :nth-child(1),
.index_place:hover > :nth-child(2) {
    color: #B10000;
}
.anlititle{text-align: center;margin-top: 50px;font-size: 18px;}
.contact-box{width: 1200px;margin: 0 auto;}
.contact-title{margin: 50px auto;width: 1200px;text-align: center;font-size: 18px;}
.contact-left{display: flex;justify-content: space-around;}
.con-wz{position: relative;top: -10px;left: 8px;}
.con-two{margin-top: 7px;display: inline-block;}
.qy-con{float: right;width: 70%;padding-top: 50px;}
.qy-box{display: flex;justify-content: space-between;margin-top: 20px;}
.qy-con-img{width: 33%;}
.qy-con-img img{width: 100%;height: 140px;}
.qy-conter{width: 60%;}
.cons-title{font-size: 20px;}
.qy-conter p{color: #666666;font-size: 16px;}
.qy-pro{margin-top: 50px;}
.icon-p:hover{border: 1px solid #3772ca;transition: 0.4s;}
.lj li a:hover{color: #3772ca;transition: 0.3s;}
.cp-img img:hover{transform: scale(1.1);transition: 0.4s;}
.ejdh-li:hover{color: #3772ca;}
.ejdh a:hover{color: #3772ca;}
.nav-ul a:hover{color: #3772ca;}
.con-top a:hover{color: #3772ca;}
.qy-ul a:hover{color: #3772ca;}
.search{position: absolute;top: 16px;right: 6px;width: 22px;height: 22px;cursor: pointer;}
.lx div:nth-child(2){
    position: relative;
}
.lx div:nth-child(3){
    position: relative;
}
.lx div:nth-child(4){
    position: relative;
}
.lx div:nth-child(2)::before{
    content: "";
    width: 2px;
    height: 40px;
    background-color: #cfcbcb;
    position: absolute;
    top: 10px;
    left: -80px;
}
.lx div:nth-child(3)::before{
    content: "";
    width: 2px;
    height: 40px;
    background-color: #cfcbcb;
    position: absolute;
    top: 10px;
    left: -80px;
}
.lx div:nth-child(4)::before{
    content: "";
    width: 2px;
    height: 40px;
    background-color: #cfcbcb;
    position: absolute;
    top: 10px;
    left: -80px;
}
.footer-wx{float: right;}
.wx-a{position: relative;}
.ewm{position: absolute;left: -25px;bottom: 50px;z-index: 99;opacity: 0;transition: 0.4s;visibility: hidden;}
.ewm img{width: 80px;height: 80px;}
.wx-a:hover .ewm{opacity: 1;transition: 0.4s;bottom: 40px;visibility: visible;}
.anli-in a{display: block;}
.about-but:hover{background-color: #4781d9;transition: 0.3s;}
.news_content_right_ul a:hover span{color: #3772ca;}


/* 1214 */
.four-box{
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}
.yy-img{
    position: relative;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    width: 23%;
}
.yy-img img {
    max-width: 100%;
    transition: 0.4s;
    height: 100%;
}
.yy-img a{display: block;height: 100%;}
.about-p p{text-indent: 2em;color: #666666;font-size: 15px;line-height: 28px;margin-bottom: 8px;}
.about-p p:nth-child(3){margin: 20px 0;text-indent: 0;}
.flex-box{display: flex;justify-content: space-around;margin: 70px 0 50px;}
.flex-box .box1,.flex-box .box2{width: 45%;}
.flex-box img{max-width: 100%;margin-top: 30px;}
.flex-box h3{    
    color: rgb(192, 0, 0);
    font-size: 17px;
    text-indent: 2em;
    position: relative;
    top: -30px;
}
.flex-box p{color: #666666;font-size: 15px;line-height: 27px;}
.flex-box .box1:nth-child(2n) h3{
    text-align: right;
    padding-right: 35px;
}

.e-ul{   
  width: 180%;
  background-color: #ffffff;
  margin-top: 10px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: -20%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -ms-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  text-align: center;
}
.eul-li{position: relative;}
.eul-li:hover .e-ul{    
  margin-top: 0px;
  opacity: 1;
  visibility: visible;
  z-index: 9999;
  border-top: 4px solid #3772ca;
}
.e-ul li{padding:8px 6px!important;float: none;}
.e-ul li a{font-size: 15px;}
.yy-img:hover img{transition: .4s;transform: scale(1.1);}

/* index case */
.case{display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;flex-wrap: wrap;max-width: 100%;}
.case-box{display: block;position: relative;width: 31%;padding: 10.41% 0;margin-top: 35px;}
.case .case-box:nth-child(1),.case .case-box:nth-child(2),.case .case-box:nth-child(3){margin-top: 0;}
.black-box{position: absolute;}
.case-img img{max-width: 100%;position: absolute;height: 100%;width: 100%;top: 0;left: 50%;transform: translateX(-50%);transition: .4s;}
.case-img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;overflow: hidden;}
.black-box{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 2;background: rgba(5,12,44,0.3);transition: .4s;}
.txt {position: absolute;left: 6.5%;bottom: 12%;z-index: 3;box-sizing: border-box;}
.quan {display: none;width: 50px;height: 50px;border-radius: 100px;background: rgba(255,255,255,0.3);font-size: 20px;color: #fff;margin: 0 auto 26px;line-height: 50px;}
.text-t {font-size: 14px;color: #e1e1e1;margin-bottom: 5px;}
.text-p {font-size: 20px;color: #e1e1e1;}
.case-box:hover .black-box {
    background: rgba(5,12,44,0.3);
    transition: .4s;
}
.case-box:hover .case-img img {
    -webkit-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
    transition: .4s;
}
.case-box:hover .txt {
    position: absolute;
    width: 90.7%;
    height: 87%;
    left: 4.65%;
    top: 6.5%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.case-box:hover .txt .quan {
    display: inline-block;
}
.case-icon{position: relative;top: 8px;}
.case-list{width: 100%;background-color: #f1f1f1;padding-bottom: 50px;}

.city-box{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.city-box div{width: 8.5%;height: 45px;text-align: center;line-height: 30px;background-color: #e8e8e8;padding: 8px 12px;box-sizing: border-box;border-radius: 5px;margin-bottom: 10px;transition: .4s;}
.city-box div:hover{background-color: #3772ca;color: #fff;transition: .4s;}
.city-info{display: flex;width: 1200px;margin: 0 auto;}
.city-title{width: 102px;height: 45px;text-align: center;background-color: #cccccc;border-radius: 5px;line-height: 45px;margin-right: 30px;}
.city-li ul li{display: inline-block;}
.city-li ul li a{    
    line-height: 20px;
    margin: 0px 10px 5px 0;
    padding: 8px 12px;
    zoom: 1;
    display: inline-block;
    height: 20px;
    border-radius: 0;
    color: #333;
    font-size: 16px;
    text-decoration: none;
}
.city-li ul li a:hover{
    color: #3772ca;
}
.city-list{padding: 30px 0 50px;}
.city-list .city-bg{padding: 20px 0;}
.city-list .city-bg:nth-child(2n+1){
    background-color: #e8e8e8;
}
.city-list .city-bg:nth-child(2n){
    background-color: none;
}

@media (max-width:768px){
    .header{
        display: none;
    }
    .four-box{
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .yy-img{
        width: 45%;
    }
    .four-box .yy-img:nth-child(3){
        margin-top: 10px;
    }
    .four-box .yy-img:nth-child(4){
        margin-top: 10px;
    }
    .anli-box{display: block;}
    .anli-in{width: 100%;margin-top: 10px;}
    .icon-p{width: 40px;height: 40px;line-height: 30px;}
    .case-box{width: 45%;}
    .lj{display: none;}
    .lx{display: block;padding: 50px 20px;}
    .about-box{display: block;}
    .ab-conter{width: 100%;padding: 0 20px;box-sizing: border-box;}
    .ab-img{display: none;}
    .about-but{width: 20%;float: right;margin-right: 20px;}
    .case .case-box:nth-child(1), .case .case-box:nth-child(2), .case .case-box:nth-child(3){
        margin-top: 35px;
    }
    .ys_nav ul{flex-wrap:wrap;justify-content: space-around;}
    .ys_nav li{width: 33%;}
    .xz-box{flex-wrap:wrap;justify-content: space-around;}
    .xz-box div{width: 45%;}
    .xz-box div:nth-child(5){display: none;}
    .index06 .index06_left{width: 100%;float: none;}
    .index06 .index06_right{width: 100%;float: none;margin-top: 20px;}
    .case-box{padding:20.41% 0;}
    .swiper-containera{display: none;}
    .swiper-containera-mo{display: block!important;}
    .qy-ul{float: none;}
    .footer-p2{margin-top: 6px;}
    .lx div{margin-top: 12px;}
    footer{padding-top: 0;}
    .yingyong{padding-top: 0;}
    .case-list{background-color: #fff;}
    .qy{line-height: 30px;padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
    .con-top{padding:0 10px;box-sizing: border-box;}
    .ys_nav li{margin-bottom: 20px;}
    .xz-box div:nth-child(3),.xz-box div:nth-child(4){
        margin-top: 10px;
    }
    .case{justify-content: space-around;}
    .page-position{padding: 15px 10px!important;}
    .page-wrap{max-width: 100%;}
    .index06_right{display: none;}
    .page-position{max-width: 100%;box-sizing: border-box;}
    .sales-conter{width: 100%!important;padding-right: 20px;box-sizing: border-box;}
    .sales-img{position: unset!important;}
    .sales-img img{padding: 0 20px;box-sizing: border-box;}
}
.sales-title{text-align: center;padding: 30px 0;}
.sales{display: flex;justify-content: space-between;width: 1200px;max-width: 100%;} 
.sales-conter{width: 48%;padding-left: 20px;position: relative;bottom: 60px;}
.sales-img{position: relative;bottom: 50px;}
.index06_left .index06_right_list{width: 100%!important;}
.sales-img img{max-width: 100%;}



/* header */
.headera{position:relative;height:50px;display: none;}
.headera .logo{display:block;width:100px;height:30px;padding:5px 0 0 10px;}
.headera .logo img{display:block;width:100%;}
.headera .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.headera .search:hover{background-color:#3772ca;}
.headera .search span{display:none;}
.headera .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.headera .user-icon span{display:none;}
.headera .user-icon:hover{background-color:#3772ca;}
.headera .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}

@media (max-width:768px){
    .headera{display: block;}
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot@#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 250px;
	float: right;
	position: absolute;
	top:0;
	right:0;
	padding-top: 45px;
	z-index: 999;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 50px;
	height: 50px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background: #006fe2 url(../image/menu-button-bg.png) no-repeat center center;
	background-size: 50%;
}

.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	background-color: #3772ca;
}

.dl-menuwrapper ul {
	background: #3772ca;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	border-top: 1px solid #0576ec;
	border-bottom:1px solid #0053aa;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(255,255,255,0.8);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(255,255,255,0.8);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.dl-menuwrapper li .dl-submenu {
	display: none;
}

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}
@media (max-width:768px){
    .contact-left{display: block;}
    .l-mainmap{display: none;}
	.about-p p{padding: 0 20px;box-sizing: border-box;}
	.flex-box{display: block;}
	.flex-box .box1, .flex-box .box2 {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.flex-box h3{position: unset;padding: 20px 0;}
	.page-product-detail-right{padding: 0 20px;}
	.product-detail-tabbox{padding: 0 20px;}
	.solu-p{padding: 0 20px;}
	.news_list{width: 39%;margin-left: 0;margin-bottom: 20px;}
	.newsdiv .news_list:nth-child(2n){margin-left: 10px;}
	.newsdiv{width: 100%;padding: 0 20px;box-sizing: border-box;}
	.news_content_right{float: none;width: 100%;padding: 0 20px;box-sizing: border-box;}
	.news_content{width: 100%;}
	.news_content_left{float: none;width: 100%;padding: 0 20px;box-sizing: border-box;}
	.qy-con{float: none;width: 100%;padding: 0 20px;box-sizing: border-box;}
	.qy-conter{width: 100%;}
	.qy-con-img{display: none;}
	.xypg-product-list .img img{max-width: 100%;}
	.contact-box,.contact-title{max-width: 100%;}
	.lit{margin: 20px 0;text-align: center;}
	.contact-title{display: none;}
	.flex-box .box1:nth-child(2n) h3 {
		text-align: left;
		padding-right: 35px;
	}
}
/* citybox */
.citybox{margin:30px auto 0px 0;}
.citybox .city-title{width:96%;margin:auto;}
.citybox .city-title a{display:inline-block;width:65px;margin:5px 8px;font-size:16px;border:1px #ccc solid;border-radius:4px;text-align:center;padding:5px;background:#CCC;}
.citybox .city-title a:hover{background:#333;color:#fff;}
.citybox .city-list{margin-top:30px;}
.citybox li{padding-bottom:10px;padding-top:10px;}
.citybox li:nth-child(2n+1){background:#eee;}
.citybox p{padding-left:30px;padding-right:10px;}
.citybox span.label{border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;line-height:24px;width:50px;zoom:1;display:inline-block;height:30px;color:#666;vertical-align:top;border-top:#ddd 1px solid;margin-right:5px;border-right:#ddd 1px solid;border-radius:0}
.citybox span.label strong{border-bottom:#f7f7f7 1px solid;text-align:center;border-left:#f7f7f7 1px solid;width:48px;display:block;font-family:tahoma;background:#f1f1f1;height:28px;font-size:16px;border-top:#f7f7f7 1px solid;border-right:#f7f7f7 1px solid;border-radius:0}
.citybox span{width:90%;zoom:1;display:inline-block;vertical-align:top}
.citybox span i{font-style:normal;margin:0px 3px;color:#ccc}
.citybox .hover{border-bottom-color:#e5e5e5;border-top-color:#e5e5e5;border-right-color:#e5e5e5;border-left-color:#e5e5e5}
.citybox .hover p{background:#f7f7f7}
.citybox .hover span.label{border-bottom-color:#1fb7bb;border-top-color:#1fb7bb;border-right-color:#1fb7bb;border-left-color:#1fb7bb}
.citybox .hover span.label strong{border-bottom-color:#2C76DF;border-top-color:#2C76DF;background:#2C76DF;color:#fff;border-right-color:#2C76DF;border-left-color:#2C76DF}
.citybox>ol>li>p>span>a{padding-bottom:1px;line-height:20px;margin:0px 10px 5px 0;padding:2px 10px;zoom:1;display:inline-block;height:20px;border-radius:0;;color:#333;font-size:14px;text-decoration:none;}
.citybox>ol>li>p>span>a:hover{background:#2C76DF;color:#fff}

.rep_box .title-bar{font-size: 27px;border-bottom: 1px solid #cdcdcd;padding-bottom: 10px;}
.rep_box .list .boxs a{color: #666;display: block;padding: 15px 0;box-sizing: border-box;border-bottom: 1px dashed #cbcbcb;}
.rep_box .list .boxs a .name{color: #333;font-size: 19px;}
.rep_box .list .boxs a .cont{margin: 8px 0;font-size: 16px;}
.rep_box .list .boxs a .time{font-size: 14px;}
.rep_box .list .boxs:hover .name{color: #3772ca;}