body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,iframe{margin:0;padding:0;}
body{font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif;font-size:16px;color:#666666;word-break:break-all;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align:top;}
option{padding-left:5px;*padding:0;}
ul, li{list-style:none;}
a{color:#424242;text-decoration:none;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clear{ clear:both}
h1,h2,h3,h4,h5,h6{font-weight:normal}



.swiper-container .swiper-pagination-bullet{width:10px;height:3px;border-radius:0px;background:#19b3c5;opacity:100}
.swiper-container .swiper-pagination-bullet-active{width:20px;height:3px;background:#fff;opacity:100}

.header{ background:none; height:76px; width:100%; z-index:111100;  position:fixed; left:0; top:0;}
.header .con{ width:1400px; margin:0 auto;display: flex;align-items: center;justify-content: space-between; }
.header.add{ background:#fff; box-shadow:0 0 5px 2px rgba(0,0,0,.1);}
.logo{ float:left; position:relative; z-index:1000;}
.logo img{width:170px; height:38px;}
.logo_yuan img{width:170px; height:38px; }
.con .logo_yuan{display: none;}

.fixed {background-color: rgba(255, 255, 255, 1);box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);}
.fixed .logo{display: none;}
.fixed .logo_yuan{display: block;}
.fixed .page-overlay .nav li > a{color:#000}

.page-overlay{ float:right;}
.page-overlay .nav{ float:left;}
.page-overlay .nav li{ float:left; margin-left:65px; position:relative;}
.page-overlay .nav li::after {position: absolute;content: "";top: 100%;left: 0;right:0;width: 40px;height: 4px;background: #3b9eee;transform: scaleX(0);
transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);margin:0px auto}
.page-overlay .nav li:hover::after {transform: scaleX(1);}
.page-overlay .nav li > a{ font-size:16px; padding:0 10px; color:#fff; line-height:74px; display:block;}
.page-overlay .nav li.zi{ }

.swiper-container {width: 100%;} 
.swiper-container img {display: block;width: 100%;}

.e_title{font-size: 28px;color: #333;line-height: 35px; margin: 15px 0;text-align: center;}
.e_title_ms{font-size: 14px;color:#888;text-align: center;}

.e_item{max-width:1400px;margin:0px auto;text-align: center;}
.e_item a{margin:0px 15px;display: inline-block;color:#888}
.e_works{max-width:1400px;margin:0px auto;height:100%;overflow: hidden;padding:55px 0px 70px 0px}
.e_works h1{font-size: 24px;line-height: 40px;margin-bottom: 10px;}
.e_works ul{margin-right:-1%;padding-top:40px}
.e_works li{width:33%;margin-right:0.3%;float:left;padding-bottom:15px}
.e_works li p{font-size:16px;color: #000 ;padding:10px 0px}
.e_works li span{color:#888;font-size:14px}
.e_photo{width:100%;height:270px;overflow: hidden;}
.e_photo img{width:100%;transition: all 0.6s;}
.e_photo:hover img{transform: scale(1.4);}


.e_server{max-width:1400px;margin:0px auto;height:100%;overflow: hidden;padding:50px 0px}
.e_server ul{margin-right:-2%;overflow: hidden;}
.e_server li{width:14.5%;margin-right:2%;float:left}
.e_server li h3{font-size: 16px;margin: 25px 0 5px 0;color: #333;}
.e_server li p{line-height: 26px;color: #666;font-size: 14px}    

.e_con{background:#163e59;text-align: center;width: 100%;height: 500px;text-align: center;color: #fff;overflow: hidden;}
.e_con h1{line-height: 38px;text-align: center;font-size: 28px;margin-top: 80px;}
.e_con p{font-size: 14px;color: #e2e2e2;line-height: 28px;width: 840px;margin: 40px auto;text-align: left;}
.e_con a{width: 150px;background: #24b727;border-radius: 2px;font-size: 16px;color: #fff;height: 46px;line-height: 46px;display: inline-block;margin: 0 8px;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

.e_project{max-width:1400px;margin:0px auto;height:100%;overflow: hidden;padding:50px 0px}
.e_project ul{margin-right:-2%;overflow: hidden;padding-top:50px}
.e_project li{width:31%;margin-right:2%;float:left}
.e_project li img{width:100%;margin-bottom: 12px;}
.e_project li{line-height: 26px;color: #666;font-size: 14px}

.main_foot{background: #f4f4f4;overflow: hidden;}
.foot {width: 1400px;overflow: hidden;margin: 65px auto 0px auto;}
.foot_logo {float: left;}
.foot ul {float: left;text-align: left;line-height: 32px;color: #333;}
.foot ul.list1 {width: 120px;margin-left: 75px;height: 220px;}
.foot ul li {clear: both;font-size:14px}
.foot ul h1 {font-size: 18px;color: #000;margin-bottom: 5px;}
.foot ul a {color: #888;}
.foot ul.list2 h1 {color: #00a0e9;}
.foot_link {width: 1200px;overflow: hidden;margin: 15px auto 10px auto;}
.foot_link a {padding: 0px 10px 0px 10px;font-size:14px}

.e_tl{border-bottom:1px solid #ddd;height:60px;width:100%}
.e_topme{display: flex;align-items: center;justify-content: space-between;width:1400px;margin:0px auto}
.e_pos{line-height:60px}
.e_column{}
.e_column ul{}
.e_column ul li{text-align: center;font-size: 16px;line-height: 60px;color: #333;padding: 0 6px;margin: 0 15px;cursor: pointer;float:left}



.trade-content {
	padding: 30px 0;
}
.trade-title {
	font-size: 24px;
	color: #333;
	text-align: center;
	margin: 50px 0;
	position: relative;
}
.trade-title:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -19px;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid;
	border-color: #20B09F transparent transparent;
}
.trade-title:after {
	content: "";
	position: absolute;
	width: 52px;
	height: 3px;
	background-color: #20B09F;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
}
.trade-black {
	height: 100%;
}
.trade-box {
	width: 100% !important;
	margin: 0 auto;
	position: relative;
	transition: all .3s ease;
}
.trade-box-list {
	display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
}
.trade-box-item {
	text-align: center;
	position: relative;
	height: 400px;
	background: no-repeat center;
	background-size: 100% auto;
	width:20%
}
.trade-content .trade-box-item:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.6);
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.trade-box-item a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
a, button, input, textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.item-logo {
	margin: 0 auto;
	display: block;
}
.trade-content .trade-box-item .item-logo {
	position: relative;
	margin-top: 120px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-logo img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.item-title {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding: 20px 0;
	position: relative;
}
.trade-content .item-title:before {
	content: "";
	position: relative;
	display: block;
	width: 20px;
	border-bottom: 2px solid #fff;
	margin: 0 auto 20px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-text {
	position: relative;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	opacity: 0;
	margin-top: 10px;
}
.item-text p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
}
.trade-content .item01 {
	background-image: url(../images/icon-at01.png);
}
.trade-content .item02 {
	background-image: url(../images/icon-at02.png);
}
.trade-content .item03 {
	background-image: url(../images/icon-at03.png);
}
.trade-content .item04 {
	background-image: url(../images/icon-at04.png);
}
.trade-content .item05 {
	background-image: url(../images/icon-at05.png);
}
.trade-content .trade-box-item:hover .item-text {
	display: block;
	opacity: 1;
	margin-top: 0;
}
.trade-content .trade-box-item:hover:before {
	background-color: rgba(32, 176, 159, .9);
}
.trade-content .trade-box-item:hover .item-logo {
	margin-top: 80px;
}
.trade-content .trade-box-item:hover .item-title:before {
	opacity: 0;
	margin-bottom: 0;
}


.info{width:100%;}
.info img{width:100%}
.pcc_txt{width:1400px;height:100%;margin:0px auto;overflow: hidden;padding-top:60px;}
.pcc_txt h1{font-size: 24px;line-height: 40px;margin-bottom: 10px;}
.pcc_txt_con{width:1400px;height:100%;margin:0px auto;overflow: hidden;padding-bottom:60px;}

.pcc_txxq{text-align: center;}
.pcc_txxq a{display:inline-block;background: #1577e4;width: 160px;height: 40px;line-height:40px;color:#fff}

.pcc_detail{width:100%;height:450px;background:url(../img/detail.jpg)no-repeat center top;text-align: center;color:#fff;line-height:450px;font-size:36px}
.sc_detail{width:1400px;height:100%;margin:0px auto;overflow: hidden;padding:60px;}



.sc_pages{width:100%;text-align:center;padding:15px 0px}
.sc_pages span,.sc_pages a {display: inline-block;padding: 5px 13px;border: 1px solid #ccc;margin-right: 5px}
.sc_pages .current {background: #a3a5aa;color: #fff}

.jh_about{width:1400px;height:100%;margin:75px auto 0px auto;overflow: hidden;}
.who h1{text-align: center;    font-size: 28px;
    color: #333;
    line-height: 35px;margin: 15px 0;}
.who p {
    margin: 0px auto;
    overflow: hidden;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    margin-top: 30px;}
.who span{    font-size: 16px;
    color: #666;text-align: center;}
.jh_about .bottom {
    width: 1400px;
    margin: 70px auto 90px auto;
    overflow: hidden;
}
.who_about{width:1400px;height:100%;margin: 70px auto 90px auto;overflow: hidden;}
.who_about li{width:33.33%;float:left;text-align: center;}
.who_about li p{font-size: 18px;line-height: 32px;color: #333;}
.project_gray {
    background: #f6f6f6;
    overflow: hidden;
    padding-bottom: 60px;
}
.project {
    width: 1230px;
    overflow: hidden;
    margin: 60px auto 0px auto;
}
.demand_table {
    width: 685px;
    margin: 20px auto;
    overflow: hidden;
}
.demand_table .row {
    width: 100%;
    clear: both;
    margin: 0 auto;
}
.demand_table label {
    position: relative;
    float: left;
    margin: 20px 15px 0 15px;
    display: block;
}
.demand_table label span {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 14px;
    color: #999;
}
.demand_table .txt.w1 {
    width: 290px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.demand_table .txt.w2 {
    width: 631px;
    height: 116px;
    line-height: 20px;
    font-size: 14px;
}
.demand_table .txt {
    border: 1px solid #d9d9d9;
    padding: 10px;
    background: #fff;
}
.demand_table .btn {
    float: left;
    border: 0;
    background: #00a0e9;
    border-radius: 2px;
    width: 170px;
    padding: 0 11px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin-left: 15px;
    margin-top: 20px;
}
.demand_table .row p.xin {
    color: #666;
    line-height: 50px;
    font-size: 14px;
    float: right;
    margin-top: 20px;
    margin-right: 15px;
}



@media screen and (min-width:1401px) {
	
}


@media screen and (max-width:750px) {
	
}