*{ margin: 0; padding: 0;}

body{ font-family: "微软雅黑"; color: #000; font-size: 16px; }
img{vertical-align: middle; border: 0;}
li{ list-style: none;}
a{ color: #000; text-decoration: none;}
.container-fluid{ width: 100%;}
.container{ width: 1200px; margin: 0 auto;}
.fl{ float: left;}
.fr{
	float: right;
	width: 960px;
}
.clear:after{ content: ''; clear: both;    display: block;}
.cen{ text-align: center;}
.mt30{ margin-top: 30px;}

/****头部*****/
.wheader{ height: 83px; background: ; border-bottom:solid 5px #262626}
.header{ height: 83px; }
.header-logo{ width: 320px; height: 83px;}
.header-logo img{ float: left;}
.version{     width: 120px;   padding-top: 18px; display: block;}
.version a{     display: inline-block;
    color: #9e9e9e;
    font-size: 14px;

    text-align: center;
    padding: 0 5px 0 0;}
.nav-li-about:hover .navhov{display: block;}



.nav{ width: 860px; height: 83px; position: relative;}
.nav>.nav-li{ display: block; float: left; line-height: 83px; font-size: 18px; padding: 0 32px; position:relative;}
.nav>.nav-li:hover,.nav>.nav-li.cur{ background: #cccaca; color: #fff;}
.nav>.nav-li:hover a,.nav>.nav-li.cur a{  display:block}

.navhov{ background: #262626; height: 80px; line-height: 80px; width: 1000px; left: -245px;display: none; position: absolute; top: 83px; z-index: 1000;}
.navhov li{ display: inline-block;}
.navhov  a{ color: #fff; padding: 0 28px; font-size: 15px;}
.navhov li .nav-li{ display: none;} 

#menu-header  #menu-item-1 .navhov{width: 480px;left: -98px; }
#menu-header  #menu-item-2 .navhov{width: 240px;left: -40px; }
#menu-header  #menu-item-3 .navhov{width: 240px;left: -45px; }
#menu-header  #menu-item-4 .navhov{width: 360px;left: -120px;}
#menu-header  #menu-item-5 .navhov{width: 360px;left: -100px;}


/**ban**/
.banner{ width: 100%; position: relative; display: inline-block; background: url(../img/loading.gif) no-repeat center;  } 
.banner.margin{ top: 141px; margin-bottom: 135px; z-index: 2; }
.banner img{ width: 100%; display: block; }
.banner ul{ width: 100%; position: absolute; left: 0; top: 0; } 
.banner li{ width: 100%; position: absolute; left: 0; top: 0; display: none; } 
.banner .btnbox{ position: absolute; left: 50%; bottom: 29px; }
.banner .btnbox span{ display: block; width: 13px; height: 13px; background: url(../img/ico_03.png) no-repeat center; float: left; cursor: pointer; margin-left: 11px; }
.banner .btnbox span.on{ background: url(../img/ico_04.png) no-repeat center; }
.banner .i-ban-hei{ margin-top: 36%; width: 100%; height: 0; }
.m-banner{ display: none; width: 100%; position: relative; background: url(../img/loading.gif) no-repeat center; cursor: grab; }
.m-banner img{ width: 100%; float: left; }
.m-banner li{ width: 100%; }
.m-banner .pagination{ position: absolute; bottom: 5%; left: 50%; z-index: 2; }
.m-banner .pagination span{ display: block; width: 6px; height: 6px; margin-left: 4px; background: url(../img/ico_03.png) no-repeat center; background-size: auto 100%; float: left; margin-right: 0; }
.m-banner .pagination span.swiper-pagination-bullet-active{ background: url(../img/ico_04.png) no-repeat center; background-size: auto 100%; }

/**ban**/
.ban{ width: 100%; position: relative; display: inline-block; background: url(../img/loading.gif) no-repeat center;  } 
.ban.margin{ top: 141px; margin-bottom: 135px; z-index: 2; }
.ban img{ width: 100%; display: block; }
.ban ul{ width: 100%; position: absolute; left: 0; top: 0; } 
.ban li{ width: 100%; position: absolute; left: 0; top: 0; display: none; } 
.ban .banx{ position: absolute; right: 10px; bottom: 15px; }
.ban .banx span{ display: block; width: 13px; height: 13px; background: url(../img/ico_03.png) no-repeat center; float: left; cursor: pointer; margin-left: 11px; }
.ban .banx span.on{ background: url(../img/ico_04.png) no-repeat center; }
.ban .i-ban-hei{ margin-top: 100%; width: 100%; height: 0; }


.banner .btnbox span,.ban .banx span {
	background: none;border:solid 1px #000;border-radius:50%;
	display: block;
	width: 10px;
	height: 10px;
}
.banner .btnbox span.on,.ban .banx span.on{
background: #000;border:solid 1px #000;border-radius:50%;
}

.video{ padding:40px 0 30px 0}


.index-cen{ padding-bottom: 20px;}
.index-news{ width: 380px;}
.index-news a{ display: block; height: 375px; position: relative; overflow: hidden;}
.index-news a .index-lists{ display: block; background:#f1f1f1; position: absolute; bottom: 0; left: 0; color: #000; padding: 10px 15px; height:95px;}
.index-news a .index-lists .index-lists-title{     font-size: 18px;
    padding: 5px 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black;
    width: 350px;}
	
.index-news a .index-lists .index-lists-text	{
		    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
		
	}
	
.index-news a img{display: block;width:380px;}
.index-yw{ width: 770px; overflow: hidden;}
.index-title{ font-size:18px; padding: 10px 0;}
.index-yw ul li{position:relative; display: block; text-align: center; height: 182px; width: 246px; float: left; margin: 0 10px 10px 0;}
.index-yw ul li .bg{    height: 182px;
    width: 246px;
    background: #f1f1f1;     -o-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;    z-index: -1;}
	
.index-yw ul li:hover .bg{    -moz-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    transform: scale(-1,1);
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;}

	
.index-yw ul li a{ display: block; color: #a3c530; padding-top:20px ; font-size: 16px;}
.index-yw ul li a span{ display: block;}
.index-yw ul li a span img{ margin-bottom: 5px;}

.indexnews{ background: #f4f4f4; padding: 20px 0; overflow: hidden;}
.indexnews ul{ display: block;width: 1280px;}
.indexnews ul li{ width: 360px; float: left; margin-right: 58px; height: 380px; overflow: hidden;}
.indexnews ul:after{ content: ''; clear: both;    display: block;}
.indexnews ul li .li_url{display: block; color: #898989;}
.indexnews ul li .li_url  .pic {height: 240px;width: 360px;overflow: hidden;}
.indexnews ul li .li_url:hover{cursor:pointer}
.indexnews ul li .li_url{display: block; color: #898989;}
.indexnews ul li .li_url  .pic {height: 240px;width: 360px;overflow: hidden;}



.indexnews ul li .li_url img{ width: 360px; height: 240px;    -o-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;}
	
/*.indexnews ul li a:hover img{    -webkit-transform: scale(1.35);
    transform: scale(1.35);}*/
	
.indexnews ul li .li_url span{ font-size: 18px; padding: 10px 0; display: block; white-space: nowrap; color: #000; overflow: hidden;    text-overflow: ellipsis; }
.indexnews ul li .li_url p{overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;}
	
/*.indexnews ul li  a:hover .text{    
	background-color: #0A61AA;
    color: #FFFFFF;
	}*/
	
/*.indexnews ul li a:hover span{ color:#fff}*/
.indexnews ul li .li_url .text{    
	-o-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;    
	padding-top: 24px;background:none; color:#000;
	padding-bottom: 24px;

}

.footer{ background: #18212a;}
.foot-list ul{ display: block; padding-top: 20px; border-bottom: solid 1px #363e49; padding-bottom: 20px;}
.foot-list ul li.foot-list-li{ color: #fff; width: 20%; display: block; float: left;}
.foot-list ul a{ color: #fff;}
.footer-title{ font-size: 16px; padding: 10px 0; margin-bottom: 10px;}
.foot-list ul li.foot-list-li a{ display: block; font-size: 14px; padding: 5px 0;}

.foot-list ul li .we {

    width: 230px;
}
.we strong {
    color: #FFFFFF;
    font-size: 28px;
    line-height: 26px;
}

.we p {
    font-size: 14px;
    line-height: 24px;
    color: #b0b0b0;
    padding-top: 5px;
    padding-bottom: 18px;
}
.we .social {
    padding-top: 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #333333;
    font-size: 16px;
    color: #FFFFFF;
}
.we .social strong {
    font-size: 16px;
    font-weight: normal;
    display: block;
    padding-bottom: 8px;
}
.we .social span {
	float: none;
    margin-right: 0px;
    position: relative;
    margin-top: -32px;
}


.copylght{ padding: 20px 0 20px 0; color: #6d7278; }
.copylght-list{ padding: 20px 0;}
.copylght-list img{ margin: 0 5px;}
.htop{ background: #0a0b0f; text-align: center;}
.htop a{ display: block; padding: 10px; font-size: 18px; color: #fff;}


/*****/
.nbanner{ text-align: center;}
.title{ background: #f7f7f7; padding: 10px; }
.title a{ color:#325c80}
.titlew{background: #f7f7f7; border-bottom: solid 1px #ededed; }
.about{ padding: 40px 0;}
.left-title{color: #325c80; border-bottom: solid 1px #325c80; padding: 10px 0 10px 40px; font-size: 18px;}
.right{ border-left: solid 1px #e5e5e5; width: 960px;    min-height: 700px;}
.left{ width: 220px; margin-left: 9px;}
.left a{padding: 15px 0 15px 20px; font-size: 14px; display: block; color: #999999; border-bottom: dotted 1px #cccccc;}
.left a span{border: solid 1px #999999; border-radius: 50%; height: 10px; margin-right: 10px; width: 10px; display: inline-block; line-height: 9px; font-size: 12px; text-align: center;}
.left a.cur{ color: #325c80;}
.left a.cur span{ color: #325c80; border-color: #325c80;}


.abouttext{ padding: 0 20px;}
.about-txt h1{ font-size: 18px; color: #323232; margin-bottom: 40px;}
.about-txt p{ color: #515151;text-indent: 2em; margin-bottom: 15px; line-height: 24px;}

/******发展历程****/
.licheng{ padding: 0 20px;}
.lc-list ul{ padding:8px 0 8px 22px ;  border-left: dashed 1px #9bc11e; margin: 20px; display: block;}
.lc-list ul li{list-style-type :disc; margin:20px 0;color: #9bc11e; font-size: 30px;}
.lc-list ul li span{ font-size: 16px; color: #4b4b4b; line-height: 25px;}
.lc-list ul li p{ font-size: 14px; color: #515151; }
.lc-list ul li span.ys1{ color: #FF8558;font-weight: 700;}
.lc-list ul li span.ys2{ color: #ff7e00;}

.licheng-jd h1{ font-size: 18px; margin-bottom: 40px; }
.licheng-jd p{ font-size: 14px; line-height: 24px;}
/******荣誉*****/
.rongyu{padding: 0 20px;}
.rongyu img{max-width: 100%;}
.rongyu-ti{ font-size:18px; margin-bottom:20px; }
.rongyu p{ color: #515151;text-indent: 2em; line-height: 24px;}
.jd-list ul li a{ margin: 40px 0; display: block;}
.jd-list ul li a:after{ content: ''; clear: both;    display: block;}
.jd-list ul li a{box-sizing: border-box; min-height: 2.2rem; display: -webkit-box; display: -webkit-flex; display: flex; }
.jd-list ul li .link{box-sizing: border-box; min-height: 2.2rem; display: -webkit-box; display: -webkit-flex; display: flex; }
.jd-list .jd-list-media{}
.jd-list .jd-list-inner{  padding-left: 1.5rem; display: block; padding-top: 0.5rem; padding-bottom: 0.45rem; }
.jd-list .jd-list-inner .jd-list-title{ font-size: 18px; margin-bottom: 5px; color: #6699d4;}
.jd-list .jd-list-inner .jd-list-text{ line-height: 24px;}
.jdlist{padding-top:20px}
.jdlist ul li  .li-left{width:381px;height:212px;float:left;}
.jdlist ul li  .li-right{width:455px;height:212px;float:right;}
.jdlist ul li  .li-left1{width:455px;height:212px;float:left;}
.jdlist ul li  .li-right1{width:381px;height:212px;float:right;}

.jdlist ul li  {margin:20px 0;}
.jdlist .li-left1 .jd-list-title {
    font-size: 18px;
    margin-bottom: 5px;
    color: #6699d4;
}
.jdlist .li-left1 .jd-list-title a{ color: #6699d4;}
.jdlist .li-right .jd-list-title {
    font-size: 18px;
    margin-bottom: 5px;
    color: #6699d4;
}
.jdlist .li-right .jd-list-title a{ color: #6699d4;}

/*****客户互动*******/
.hd-list ul{ display: block;}
.hd-list ul li{ display: block; width: 48%;}
.hd-list .hd-list-media img{ width: 100%;}
.hd-list .hd-list-inner .hd-list-title{ font-size: 18px; margin-bottom: 5px; color: #6699d4; padding: 5px 0;}
.hd-list .hd-list-inner .hd-list-text{ line-height: 24px; color: #999999;}

.cont{ line-height: 26px; padding: 10px 0;} 
.jz{ line-height: 26px; padding-bottom: 20px;}

.ea-ti{ font-size: 16px; padding: 10px 0; color: #6699d4;}
.ea p{ line-height: 26px; margin-bottom: 15px;}


/*****加入******/
.jiaru{ padding: 0 20px;}
.jiaru-title{ border-bottom: dashed  1px #ccc; text-align: center; font-size: 18px; padding: 10px 0; margin-bottom: 15px;}
.jiaru-text{ line-height: 26px;}
.jiaru-text p{ margin-bottom: 25px;}
.jiaru-text img{max-width:100%;}
.Recruitment{ background: #f8f8f8;}
.searchbtn{ background: #9bc11e; border: none; margin: 20px 0; padding: 8px 35px; color: #fff; font-size: 14px; border-radius: 5px; margin-right: 15px;}

.recruitment-fomt tr{height: 60px; font-size: 16px; }
.recruitment-fomt tr select{ display: block; height: 30px;  border-radius: 5px; border: 0; width: 120px; font-size: 15px; padding: 2px 5px; outline: 0;}
.recruitment-fomt tr option{ line-height: 28px; font-size: 14px; height: 28px; display: block; border: 0;}
.recruitment-fomt tr td{padding-right: 10px;}

.Recruitment-list{ padding: 0 20px;}
.Recruitment-list table td{ text-align: center; padding: 15px 0;}
.Recruitment-list table th{ padding: 15px 0; background: #eeeeee;}



.news{ padding: 0 20px;}
.news .news-title { height: 50px;    margin-bottom: 40px;}
.news .news-title h1{ width: 600px; float: left; height: 35px; border-bottom: solid 1px #ccc; line-height: 35px; font-size: 18px;}
.news-search{ width: 240px; display: block; float: right; height: 35px; border: solid 1px #ccc; position: relative;}
.news-search input{ display: block; border: none; height:19px; line-height: 19px; width: 220px; outline: 0; padding: 8px 10px;}
.news-search button{ border: none; width: 35px; height: 35px; display: block; position: absolute; background: none; right:0px; top: 0; border-left: solid 1px #ccc;outline: 0;}



.news{}
.news-list{ display: block;}
.news-list li{ margin-bottom: 15px;}
.news-list li a{ min-height: 2.2rem;  border-bottom: dotted 1px #ccc; padding-bottom: 15px;padding-bottom: 15px;
    display: block;
    height: 150px;
    overflow: hidden;}
.news-list-media{    width: 205px;
    float: left;}
.news-list-inner { padding-left: 1.5rem; display: block; padding-top: 0.5rem; padding-bottom: 0.45rem; width: 620px;
    float: right;}
.news-list-inner .news-list-title{font-size: 16px; margin-bottom: 5px;     color: #6699d4; padding: 5px 0;}
.news-list-btn{line-height: 24px; text-align: right; color: #999999; font-size: 12px;}
.news-list-btn i{ margin-right: 8px;}
.news-list-btn span{ margin-right: 2px;}

.newsshow{ padding: 0 20px;}
.newsshow .newsshow-title{ padding: 16px 0; border-bottom: dashed 1px #ccc; text-align: center; color: #000; font-weight: bold; font-size: 18px;}
.newsshow .newsshow-text{ padding: 15px 0; color: #515151;}
.newsshow-text img{ max-width: 100%;}
.newsshow-text p{ margin: 10px 0 ; line-height: 26px;}


.huoban-ti{ font-size: 16px; padding: 10px 0; border-bottom: solid 1px #d7d7d7;}
.eaimg{ padding-bottom: 40px; border-bottom: dashed 1px #ccc; margin-bottom: 20px;}
.zp-box{ width: 730px; background: #f2f2f2; margin: 0 auto; padding: 0 20px 30px 20px;}
.zp-box h1{ font-size: 16px; padding: 8px 0;}
.zp-box p{ line-height: 24px;}
.zp-box p a{ color: #7070ff;}

.Recruitment{ overflow: hidden;}
.search{ border:solid 2px #e87502; width: 404px;  height: 40px; margin: 30px auto;}
.search-left{ width: 340px; height: 40px;}
.search-left input{ padding: 5px 10px; width: 320px; display: block; height: 30px; border: none; outline: 0;}
.search-right{ width: 60px; height: 40px;}
.search-right button{ background: #e87502; border: none; display: block;width: 100%; height: 40px; color: #fedfb7; font-size:16px}
.search-list{width: 400px; padding: 5px 0; margin: 0 auto  0px auto;}
.search-list a{ color: #54abc9; margin: 0 5px;}


/**O2O**/
.content p{ margin-bottom: 10px;    font-size: 16px; line-height: 28px;}
.rongyu-ti.mar10{ margin-bottom: 10px;}
.content_left1{ width: 400px;}
.content_right1{ width: 450px;     padding-top: 110px;}



.pt_list{ width: 860px; overflow: hidden;}
.pt_list ul{ display: block; width:960px;}
.pt_list ul li{ display: block; float: left; margin-right: 30px; margin-bottom: 10px;    width: 260px;}
.pt_list ul li a{ display: block;}
.pt_list ul li a img{ width: 100%;}
.pt_list ul li a p{ text-align: left; text-indent: 0;}


.left a.cat_li_li{padding: 5px 0 5px 90px; border-bottom: 0;}
.left a.cat_li_li span{ border: 0; font-size: 10px;}

.borderm{ border-bottom: dotted 1px #ccc; padding: 10px 0 20px 0;} 
.content_left2{ width: 400px; align-items: center; display: flex; height: 238px;}
.content_right2{ width: 400px; margin-bottom: 100px;}


.xlylink{ background: #d4d4d4; height: 150px; align-items: center; display: flex; text-align: center;}
.xlylink a{ display: block; color: #fff; width: 100%;}

/**投资者关系**/
.tzgx_ti{ text-align: right; padding: 15px 0;}
.tzgx{padding-top: 0px;}
.tzgx_table{  background: #e7e7e7;}
.tzgx_table td{padding: 10px;}
.tzgx_table_left{ width: 420px;}

.catulli {border-left:dotted 1px #ccc;margin-left:25px; margin-top:-15px; margin-bottom:29px; padding-top:20px;}
.catulli .cat_li {border-bottom: 0;padding: 15px 0 15px 0px;position:relative;margin-left:25px; background:#fff;}
.catulli .cat_li:after{ position:absolute; display:block; top:26px; width:25px;border-top:dotted 1px #ccc;content:''; left: -25px;}



.pagination ul { display:block; width:100%; text-align:center; padding:15px 0;}
.pagination ul li{ display: inline-block;}
.pagination ul li a,.pagination ul li span{ padding:0 5px; color:#ccc}
.pagination ul li  .current{    color: #9bc11e;}


.libg{ position:fixed;left:0;right:0;bottom:0;top:0; background:rgba(0,0,0,.5); z-index:999; display:none;}
.urlbox{ width:800px;height:600px; background:#fff; position:absolute;top:50%;left:50%; margin-left:-400px;margin-top:-300px;}
.xbtn{ color:#fff; width:30px;height:30px; position:absolute; top:-20px; right:-40px;}



.izl-rmenu{position:fixed;right:.8%;bottom:10px;padding-bottom:73px;background:url(../img/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:60px;height:60px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-top{display:none;background:url(../imgs/return_top_two.png) 0px 0px no-repeat #325c80; border-radius:5px}
.izl-rmenu .btn-top:hover{background:url(../imgs/return_top_two.png) 0px 0px no-repeat #325c80;}