/**********************************reset***********************************/
html,body{ margin:0; padding:0; width:100%; font-size:14px;  color:#Fff; font-family: "微软雅黑"; min-width: 1280px; height: 100%; overflow-x: auto;}
/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
@media (min-width: 1281px){
	html,body{ margin:0; padding:0; width:100%; height: 100%; font-size:14px;  color:#Fff; font-family: "微软雅黑"; overflow-x: hidden;}
}
ul,li,p,hr{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none; color: #0185c2;}
a:hover,a:visited,a:link{ text-decoration:none;}
textarea{resize:none;}
table th{white-space: nowrap;}
table th,td{text-align: center;}
table th{color: #066f9f; background: #e9e9e9;}
table input[type="text"]{text-align: center; width: 90%;}
select{
	height: 34px;
	border: 1px solid #ccc;
}

.form-group select{width:100%;}

/**********************************font***********************************/
.f-orange{color: #f16652;}
.f-blue{color: #8adaff;}
.f-titleBlue{color: #009ce5;}
.f-titleYellow{color: #c55e19;}
.f-darkBlue{color: #0b587c;}
.f-gray{color: #757474;}
.f-green{color: #55be95;}
.f-red{color: #ee5b47;}
.f-yellow{color: #ffa800;}
.f-white{color: #fff;}
.f-black{color: #000;}
.f-index-title{color: #515151;}
.f-intro{color: #757474;}
.f-title{color: #242424;}

.f-20{font-size: 20px;}
.f-18{font-size: 18px;}
.f-14{font-size: 14px;}
.f-16{font-size: 16px;}
.f-24{font-size: 24px;}
.f-26{font-size: 26px;}
.f-30{font-size: 30px;}
.f-34{font-size: 34px;}
.f-38{font-size: 38px;}
.f-44{font-size: 44px;}
.f-48{font-size: 48px;}
.f-60{font-size: 60px;}


.btn-blue{background: #095d84; color: #fff;}
.btn-blue-border{background: #fff; color: #54bedd; border: 1px solid #54bedd;}
.btn-blue-login{background: #278de4; color: #fff;}
.btn-yellow-login{background: #daac17; color: #fff;}
.btn-green{background: #00c995; color: #fff;}
.btn-orange{background: #f1a63d; color: #fff;}
.btn-gray{background: #b5b5b5; color: #fff;}

.panel-white .panel-heading{background: #fff; border-bottom: 1px solid #ccc;}


.blw0{border-left-width: 0;}
.btw1{border-top-width: 1px !important;}
/**********************************layout*********************************/
.clear{ clear:both;}
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
.va-t{vertical-align: top;}
.va-b{vertical-align: bottom;}
.va-m{vertical-align: middle;}
.pos-r{position: relative;}
.pos-a{position: absolute;}
.no-border{border: 0 !important;}
.inline{display: inline-block;}
.hasBorder{border: 1px solid #d6d9e2;}

.pd0{padding: 0;}.mg0{margin: 0;}.pd10{padding: 10px;}.pd20{padding: 20px;}.pd50{padding: 50px;}
.ml-15{margin-left: -15px;}.ml10{margin-left: 10px !important;}.ml20{margin-left: 20px !important;}.ml50{margin-left: 50px;}.ml100{margin-left: 100px;}
.mr-15{margin-right: -15px;}.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr20{margin-right: 20px;}.mr30{margin-right: 30px;}.mr50{margin-right: 50px;}.mr100{margin-right: 100px;}
.mt-50{margin-top: -50px;}.mt-7{margin-top: -7px;}.mt7{margin-top: 7px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt40{margin-top: 40px;}.mt50{margin-top: 50px;}.mt54{margin-top: 54px;}.mt100{margin-top: 100px;}.mt200{margin-top: 200px;}
.mb10{margin-bottom: 10px;}.mb20{margin-bottom: 20px;}
.pr0{padding-right: 0px;}.pr15{padding-right: 15px;}.pr30{padding-right: 30px;}
.pt7{padding-top: 7px;}.pt20{padding-top: 20px;}
.pb10{padding-bottom: 10px;}
.pl0{padding-left: 0px;}.pl10{padding-left: 10px;}.pl70{padding-left: 70px;}
.mlr-15{margin: 0 -15px;}.mlr20{margin-left:20px; margin-right: 20px;}
.plr10{padding: 0 10px;}.plr20{padding: 0 20px;}.plr100{padding: 0 100px;}

.bl0{border-left-width: 0 !important; }
.br0{border-right-width: 0 !important; }

.btn-addCart:before{
	content: "";
	width: 17px; 
	height: 17px; 
	display: inline-block; 
	vertical-align: middle; 
	background:url(../images/icon.png) -40px -648px; 
	margin-right: 10px; 
}


/**********************************main*********************************/
body{}
.container{padding:0; }
.content{width: 1100px; margin: 0 auto;}

/**********************************index*********************************/
.index-top{width: 100%; min-height: 500px; height: 100%; background: url(../images/bg-index-top.png) center center no-repeat; background-size: cover;}
.top-blue{width: 100%; height: 40px; background: url(../images/bg-index-blue.png); background-size: cover;}
.top-blue li {height: 24px; border-radius: 10px; float: left; margin: 8px 20px 0 0; }
.top-blue li a{color:#c9c9c9; font-size: 14px; line-height: 24px; text-align: center; display: inline-block; padding: 0 10px; }
.top-blue li.active{ background: #daae6f;}
.top-blue li.active a{color:#fff;}
.btn-wx{position: relative;}
.btn-wx:hover p{display: block;}
.btn-wx p{position:absolute; top:33px; right:0; z-index:999; display: none;}

.index-main{width: 100%; min-height: 500px; height: 100%;}
.index-carousel-main{width: 100%; position: relative;}
.index-carousel-main .carousel{position: absolute; top: 0; left: 0; width: 100%;}
.index-carousel-main .carousel img{ width: 100%;}
.index-carousel-main .content{position: inherit;}
.index-carousel-main .carousel-indicators li{background: #00aeff; border:none;}
.index-carousel-main .carousel-indicators li.active{background: none; border: 1px solid #00aeff;}
.logo{width: 108px;  height: 48px; background: url(../images/logo.png) no-repeat; position: relative;}
.logo:after{
	content: "|";
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #b6b6b7;
	font-size: 20px;
	font-weight: 100;
}
.number{margin:25px 0 0 30px; color: #fff;}
.number:before{
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/icon-index.png) no-repeat;
	margin-right: 10px;
}

.main nav>ul>li{width: 100px; height: 32px; border-radius: 5px; text-align: center; float: left;line-height: 32px; margin-left: 5px;}
.main nav>ul>li.active{background: #1275a2; }
.main nav>ul>li a{color: #fff; display: block;}

.nav-product ul{display: none;}
.nav-product li{width: 100px; height: 32px; text-align: center; line-height: 32px;background: #399ece; border-radius: 0 !important;}

.text-index-main{position: absolute; top: 250px; left: 20%;}
.text-join-main,.text-intro-main{margin: 150px;}
.text-index-main .btn{font-size: 18px; width: 186px; height: 50px; line-height: 40px;}

.scroll-news{position: relative; width: 400px; height: 87px;overflow: hidden;}
.scroll-news ul{position: absolute; left: 0; top: 0; width: 400px;}
.scroll-news ul li{height: 87px;padding: 20px 0;}

.index-main-bottom{width: 100%; height: 160px; background: url(../images/bg-index-main-bottom.png); background-size: cover; padding:30px 0 ;}
.img-index1{width: 89px; height: 97px; background: url(../images/img-index1.png); margin-right: 30px;}
.news span{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 2px solid #fff;
	padding: 4px;
	margin-right: 10px;
	position: relative;
}
.news span b{
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background: #9fe1ff;
	position: absolute;
	top: 1px;
	left: 1px;
}
p.triangle{width: 400px; margin: 10px 50px 0 0; line-height: 30px; padding-left: 20px; position: relative;}
p.triangle:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 9px solid #fff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	position: absolute;
	left: 0;
	top: 9px;
}
.detail a{color: #fff;}
.detail{width: 87px; height: 87px; background: #095d84; border: 10px solid #1c4157; border-radius: 100%; line-height: 67px; text-align: center;}

.index-company {padding:100px; background: #f7f7f7;}
.index-company .icon-mouse{width: 44px; height: 42px; background: url(../images/icon-index.png) -26px 0; margin: 50px auto;}
.index-company .content>ul{width: 1100px; margin: 0 auto;}
.index-company .content>ul>li{float: left;}
.index-company li img{margin: 10px;}
.index-company li:hover>a>.img{display: none;}
.index-company li:hover>a>.img-hover{display: block;}
.index-company li .img-hover{display: none;}
.index-company .title-company{ margin: 150px 0 80px;text-align: center;}
.index-company .title-company b{font-weight: 700; font-size: 18px; letter-spacing: .7em; position: relative; color: #000; }
.index-company .title-company b:after{
	content: "";
	display: inline-block;
	width: 52px;
	height: 2px;
	background: #52bfe6;
	position: absolute;
	left: 30px;
	bottom: -20px;
}
.index-company .btn-more{color: #000; background: #fff; width: 186px; height: 50px; border: 1px solid #000; margin:150px auto 0; line-height: 40px; display: block;}

.article{padding: 100px 0;}
.article .a-item{border: 1px solid #dfdfdf; position: relative; width: 100%; overflow-x:hidden; }
.article .a-item a{display: block;}
.article .a-item .a-message{width: 62px; height: 62px; background: #00afff; position: absolute;right: 0; top: 0;}
.article .a-item .a-message b{width: 25px; height: 20px; display: block; background: url(../images/icon-index.png) 0 -37px; margin: 7px auto;}
.article .a-item .a-message span{display: inline-block; width: 100% ;text-align: center;}
.article .a-item .a-share{width: 62px; height: 62px; background: #0c84bb; position: absolute;right: 0; top: 62px;}
.article .a-item .a-share b{width: 25px; height: 21px; display: block; background: url(../images/icon-index.png) 0 -65px; margin: 7px auto;}
.article .a-item .a-share span{display: inline-block; width: 100% ;text-align: center;}
.article .a-left{padding: 20px; height: 300px; display: inline-block;}
.article .a-left .btn-right{position: absolute; right: 20px; bottom: 20px; width: 16px; height: 17px; background: url(../images/icon-index.png) -66px -67px;}
.article .a-right{padding: 20px; line-height: 30px; width: 290px; float: left;}

/**********************************product*********************************/
.bg{position: absolute; top: 0;left: 0; width: 100%; z-index:-100;}
.ehuo-main{width: 100%; min-height: 500px; position: relative;}
.e-feature .content{padding:100px 0;}
.e-feature1 {background: #f7f7f7;}
.e-feature1 .content{padding-top:250px;}
.e-feature2 {background: #e6e7e9;}
.e-feature2 .content{padding:100px 0;}
.e-feature .icon-e1{width: 303px; height: 77px; background: url(../images/icon-e1.png);}
.e-feature .icon-e2{width: 241px; height: 81px; background: url(../images/icon-e2.png);}
.img-e1{width: 100%; min-height: 500px; background: url(../images/img-e1.jpg); background-size: cover;}
.img-e2{ position: absolute; left: 0; bottom: -100px; width: 648px; height: 351px; background: url(../images/img-e2.png); background-size: cover;}

.cash-main{width: 100%; min-height: 500px; position: relative;}
/**********************************coop*********************************/
.coop-main{width: 100%; min-height: 500px; position: relative;}
.coop-list {padding:100px; background: #f7f7f7;}
.coop-list .content>ul{width: 1100px; margin: 0 auto;}
.coop-list .content>ul>li{float: left;}
.coop-list li img{margin: 10px;}
.coop-list li:hover>a>.img{display: none;}
.coop-list li:hover>a>.img-hover{display: block;}
.coop-list li .img-hover{display: none;}
.coop-list .title-company{ margin-bottom: 50px; text-align: center; width: 150px; height: 45px; line-height: 45px; text-align: center; color: #000; font-size: 16px; border: 1px solid #000; margin-left: 50px;}
.list-more .left-arrow{width:57px; height: 139px; background: url(../images/btn-left.png); cursor: pointer;} 
.list-more .right-arrow{width:57px; height: 139px; background: url(../images/btn-right.png); cursor: pointer;} 
.list-more .company-content{padding: 20px 0; width: 800px; height: 139px; background:#f2f2f2; overflow: hidden; position: relative;} 
/* .list-more .company-content img{position: absolute;top: 20px; left: 0; margin: 0;} */
.list-more>li{float: left; margin-left: 50px;}

.list-container{position: absolute;top: 20px; left: 0;}
.list-container li{position: absolute; width: 200px; height: 100px;}
.list-container li:nth-child(1){left: 0;}
.list-container li:nth-child(2){left: 200px;}
.list-container li:nth-child(3){left: 400px;}
.list-container li:nth-child(4){left: 600px;}
.list-container li:nth-child(5){left: 800px;}
.list-container li:nth-child(6){left: 1000px;}
.list-container li:nth-child(7){left: 1200px;}
.list-container li:nth-child(8){left: 1400px;}
.list-container li:nth-child(9){left: 1600px;}
.list-container li:nth-child(10){left: 1800px;}
.list-container li:nth-child(11){left: 2000px;}
.list-container li:nth-child(12){left: 2200px;}
.list-container li:nth-child(13){left: 2400px;}
.list-container li:nth-child(14){left: 2600px;}
.list-container li:nth-child(15){left: 2800px;}
.list-container li:nth-child(16){left: 3000px;}
.list-container li:nth-child(17){left: 3200px;}
.list-container li:nth-child(18){left: 3400px;}
.list-container li:nth-child(19){left: 3600px;}
.list-container li:nth-child(20){left: 3800px;}
.list-container li img{margin: 0;}

.coop-detail{display: none;}
.coop-detail-content p{font-size: 16px; line-height: 2em;}

/**********************************introduce*********************************/
.introduce-top{width: 100%; min-height: 500px; height: 100%; background: url(../images/bg-introduce-top.png) center center no-repeat; background-size: cover;}
.introduce-main{width: 100%; min-height: 500px; position: relative;}

.introduce-tab{background: #f2f2f2; padding: 100px 0;}
.introduce-tab-nav li{width: 150px; height: 80px; background: #f2f2f2; border: 1px solid #989898; line-height: 70px;  float: left; margin-right: 10px;}
.introduce-tab-nav li.active{color: #fff; background: #00aeff; border: none;}
.introduce-tab-nav li.active a{color: #fff;}
.introduce-tab-nav li a{text-align: center; width: 100%; font-size: 16px; color: #000; display: inline-block;}
.introduce-tab .tab-content{font-size: 16px; color: #707070; padding-top: 50px;}
#i-tab-content1 p{text-indent: 2em; margin-bottom: 10px; width: 1000px; line-height: 2em;}
#i-tab-content2{display: none;}
#i-tab-content3{display: none;}

.n-list li{width: 100%; height: 48px; background: #ebebeb; color: #5e5e5e; margin-bottom: 5px; line-height: 48px; padding: 0 10px; position: relative; font-size: 16px;}
.n-list li .date{position: absolute; right: 30px; top: 0; }

.n-detail{display: none;}

#news thead{display: none;}
#news td{text-align: left; width: 100%; height: 48px; background: #ebebeb; color: #5e5e5e; margin-bottom: 5px; line-height: 48px; padding: 0 10px; position: relative; font-size: 16px;}
#news td .date{position: absolute; right: 30px; top: 0; }
#news a{cursor: pointer;}
.dataTables_paginate a{cursor: pointer; display: inline-block; border: 1px solid #0185c2; min-width: 30px; text-align: center; margin-right: 5px; padding: 5px;}
/**********************************join*********************************/
.join-main{width: 100%; min-height: 500px; position: relative;}

.join-tab{background: #f2f2f2; padding: 100px 0;}
.join-tab-nav li{width: 150px; height: 45px; background: #f2f2f2; border: 1px solid #989898; line-height: 40px;  float: left; margin-right: 10px;}
.job-tab-nav li{width: 140px; height: 34px; background: #f2f2f2; border: 1px solid #989898; line-height: 30px;  float: left; margin-right: 10px;}
.join-tab-nav li.active,.job-tab-nav li.active{color: #fff; background: #00aeff; border: none;}
.join-tab-nav li.active a,.job-tab-nav li.active a{color: #fff;}
.join-tab-nav li a,.job-tab-nav li a{text-align: center; width: 100%; font-size: 16px; color: #000; display: inline-block;}
.join-tab .tab-content{font-size: 16px; color: #707070; padding-top: 50px;}

.job-tab-content li{width: 100%; height: 500px; background: #fff; padding: 30px; overflow: hidden; position: relative; margin-bottom: 20px;}
.job-tab-content li.job-1{background:#fff url(../images/img-join-job1.png) 680px 300px no-repeat;}
.job-tab-content li.job-2{background:#fff url(../images/img-join-job2.png) 680px 315px no-repeat;}
.job-tab-content li.job-3{background:#fff url(../images/img-join-job3.png) 680px 300px no-repeat;}
.job-tab-content li .btn{
	width: 92px; 
	height: 92px; 
	border-radius: 100%; 
	text-align: center; 
	line-height: 25px; 
	color: #fff;
	font-size: 18px;
	position: absolute;
	right: 70px;
	bottom: 30px;
	padding: 8px;
}
.job-tab-content li:nth-child(1) .btn{border: 13px solid #b6c5b4; background: #268141;}
.job-tab-content li:nth-child(2) .btn{border: 13px solid #dfaeb0; background: #a71f24;}
.job-tab-content li:nth-child(3) .btn{border: 13px solid #b2b1b6; background: #75868d;}


#job-tab-content2{display: none;}
#job-tab-content3{display: none;}
#job-tab-content4{display: none;}
#job-tab-content5{display: none;}

#j-tab-content2{display: none;}

.join-act-list li{margin-bottom: 20px; padding-bottom: 20px;}

#map{width: 100%; height: 400px;}
/**********************************footer*********************************/
footer{height: 248px; width: 100%; padding: 50px; z-index: 100; background: #595352;}
footer div{width: 1100px; margin: 0 auto;}
.nav-bottom {margin-left:-33px;}
.nav-bottom li{float: left; width: 120px; border-right: 1px solid #52bfe6;}
.nav-bottom li:last-child{border-right: none;}
.nav-bottom li a{color: #fff; text-align: center; display: inline-block; width: 100%;}
.contact li{float: left; width: 180px; height: 58px; line-height:58px; background: #52bfe6; text-align: center;}
.contact li a{color: #fff;}
.contact li:nth-child(1):before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url(../images/icon-index.png) -33px -37px;
	vertical-align: middle;
	margin-right: 10px;
}
.contact li:nth-child(2):before{
	content: "";
	display: inline-block;
	width: 22px;
	height: 16px;
	background: url(../images/icon-index.png) -33px -67px;
	vertical-align: middle;
	margin-right: 10px;
}
.contact li:nth-child(3):before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/icon-index.png) -64px -38px;
	vertical-align: middle;
	margin-right: 10px;
}
.img-qr{margin-top: 30px;}
.img-qr li{float: left; margin-left: 30px;}


/**********************************footer*********************************/
.subpage-coop .top{color: #137da3;}
.subpage-coop p{margin-top: 30px; color: #6f6c6c;}