@charset "utf-8";
body {
/*	font-family:  "pingfang SC","Microsoft YaHei", 微软雅黑, STHeiti;*/
}

.ovh{overflow: hidden;}
/* 弹窗 */
.search-alert{display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 10000; background-color:#222222;} 
.search-alert .cent-form{position: absolute; width: 94.8%; left: 2.6%; top: 50%; height: 124px; margin-top: -63px; border-bottom: 1px solid #515151;} 
.search-alert .cent-form .tex{border: none; font-size: 66px; height: 124px; line-height: 124px; text-align: center; width: 100%; box-sizing: border-box; color: #555; background: none; font-family: "Base-font"; padding-left: 88px; padding-right: 80px; background: url(../images/serach.png) no-repeat 35px 60px;} 
.search-alert .cent-form .sub-butn{position: absolute; right: 0; top: 0; width: 80px; height: 100px; margin-top: 24px; font-size: 24px; line-height: 100px; border: none; color: #555; text-align: right; background: none; font-family: "Base-font"; text-align: center; cursor: pointer;}
.search-alert .close{position: absolute; top: 38px; right: 2.6%; display: block; width: 18px; height: 18px; background: url(../images/ico_close.png) no-repeat center; cursor: pointer; transform:rotate(90deg); -webkit-transform:rotate(90deg); transition: transform 0.3s ease 0s;} 
.search-alert .close:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);}


/* 头部 */
.container1:before,.container1:after {display: table;content: " ";}
.header {position: fixed;width: 100%;left: 0px;top: 0px;height: 80px;z-index: 9999;background: #fff;box-shadow: 0 0 5px #cacaca;}
.header .container1 {height: 100%;}
.logo{margin-top: 20px;}
.logo img{width: auto;}
.ind_nav{margin-top: 15px;}
.ind_nav ul li{float: left;}
.ind_nav ul .nli h3 a{display: inline-block;font-size: 16px;padding: 0 20px;}
.ind_nav ul .nli.on h3 a{color: #00b9fe;} 
/*.ind_nav ul .nli.on h3 a::after{content: '';box-sizing: border-box;position: absolute;top: 22px;left: 20px;width: 60%;height: 2px;background-color: #00b9fe;}*/
.ind_nav ul .serach{padding-left: 10px;margin-top: 20px;}
.ind_nav ul .serach a{display: inline-block; width: 15px; height: 16px; background: url(../images/search.png) no-repeat top center; background-size: cover;}

/* 新加样式 */
.ind_nav ul .nli{position: relative;}
.ind_nav ul .sub{display: none;position: absolute;top: 50px;left: -15px;background-color: #000; width: 180px;z-index: 50;}
.ind_nav ul .nli .sub li{width: 180px; height: 40px; line-height: 40px; font-size: 14px; color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.ind_nav ul .nli .sub li a:hover{color: #00b9fe;}
.ind_nav ul .nli .sub li a{color: #fff;}
.ind_nav ul .nli .sub li:last-child{border-bottom: none;}


/* 底部 */
.foot_black{background-image: url(../images/footer_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 420px;}
.foot_logo{margin-left: 50px;margin-top: 50px;}
.foot_top{margin-top: 46px;border-bottom: 1px solid #999;padding-bottom: 35px;margin-left: 50px;}
.foot_top .foot_l ul li{float: left;align-items: center;margin-right: 40px}
/* .foot_top .foot_l ul li:nth-child(1){margin-left: -40px;} */
/* .foot_top .foot_l ul li:nth-child(2){margin-left: 40px;}
.foot_top .foot_l ul li:nth-child(3){margin-left: 40px;}
.foot_top .foot_l ul li:nth-child(4){margin-left: 40px;}
.foot_top .foot_l ul li:nth-child(5){margin-left: 40px;} */
.foot_top .foot_l ul li h3{font-size: 16px;margin-bottom: 20px;}
.foot_top .foot_l ul li h3 a{color: #fff;}
.foot_top .foot_l ul li h4{font-size: 14px;}
.foot_top .foot_r .foot_link{display: flex;}
.foot_top_lf_title{font-size: 20px;color: #fff;margin: 0;display: inline-block;	float: left;line-height: 70px;}
.foot_top_lf_con{position: relative;float: left;margin-left: 10px;}
.foot_top_lf_val{border: 1px solid #515151;color: #fff;width: 435px;padding: 10px;margin-top: 15px;cursor: pointer;background: transparent;}
.foot_top_lf_val i{float: right;}
.foot_top_lf_ul{width: 435px;position: absolute;top: 54px;left: 0;border:1px solid #515151;background: #3F3F3F;padding: 10px;display: none;}
.foot_top_lf_ul .foot_top_lf_list{list-style: none;line-height: 35px;cursor: pointer;}
.foot_top .foot_r .foot_addr{display: flex;margin-top: 10px;}
.foot_top .foot_r .foot_addr .foot_lx h4{color: #fff;}
.foot_top .foot_r .foot_addr .foot_lx h5 i{margin-right: 10px;}
.foot_top .foot_r .foot_addr .foot_ewm{display: flex;margin-top: 25px;}
.foot_top .foot_r .foot_addr .foot_ewm .foot_ico{margin-left: 15px;text-align: center;}
.foot_top .foot_r .foot_addr .foot_ewm .foot_ico p{margin-top: 5px;}
.foot_boot{margin-top: 10px;margin-left: 45px;}



/* prolist.html */
.prolist,
.prodot {
	background-color: #f2f2f2;
	padding: 80px 0;
}

.prolist_box1 h5,
.prodot_box1 h5 {
    font-size: 16px;
    margin-top: 0;
    line-height: 24px;
    color: #888;
    text-transform: capitalize;
    font-family: Helvetica, sans-serif;
	margin-bottom: 30px;
}
.prodot_box1 h5 a,.prolist_box1 h5 a{
	color:#888;
	margin-right: 10px;
}
.prodot_box1 h5 a:hover,.prolist_box1 h5 a:hover{
	color:#00b9fe;
}
.prolist_box1 h5 i,
.prodot_box1 h5 i {
	margin-right: 12px;
    font-size: 20px;
    color: #aaa;
}

.prolist_box1 h2,
.prodot_box1 h2 {
    font-size: 30px;
    color: #00b9fe;
    line-height: 40px;
    margin: 0;
    letter-spacing: 1px;
}

.prolist2_L {
	width: 75%;
    margin-top: 40px;
	float: left;
}

.prodot_L {
	width: 75%;
	float: left;
	padding-right: 30px;
}

.prolist2_p p {
    font-size: 16px;
    color: #666;
    line-height: 28px;
}

.prol_tit {
	padding: 12px 0 20px;
}

.prol_tit span{
    width: 32px;
    height: 6px;
    display: block;
    background: #00b9fe;
    border-right: 10px solid #b0b9bf;
    margin-bottom: 14px;
}

.prol_tit h3 {
    font-size: 28px;
    margin-top: 0;
    line-height: 40px;
    color: #00b9fe;
    text-transform: capitalize;
    font-family: Helvetica, sans-serif;
}

.prolist2_imgBox {
	margin: 0 -12px;
}

.prolist2_li {
	width: 33.33%;
	float: left;
    padding: 0 12px 0px;
    margin-bottom: 20px;
}

.prolist2_txt {
    padding:10px 0px 20px;
}

.prolist2_txt h6 {
    font-size: 14px;
    line-height: 24px;
    color: #888;
    margin: 0;
    text-transform: capitalize;
    font-family: Helvetica, sans-serif;
    letter-spacing: 0.1px;
}

.prolist2_txt h3 {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin: 10px 0 14px;
}

.prolist2_txt p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    text-transform: capitalize;
    color: #00b9fe;
    font-family: Helvetica, sans-serif;
}

.prolist2_img1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
}
.prolist2_img1 {
	width: 100%;
	position: relative;
	padding-top: 80%;
}
.prolist2_img {
	width: 100%;
	position: relative;
	overflow: hidden;
	box-shadow:0px 0px 10px #ddd;
	-webkit-box-shadow:0px 0px 10px #ddd;
	-moz-box-shadow:0px 0px 10px #ddd;
}

.prolist2_img img {
	width: 100%;
	transition: all 0.6s ease;
}

.prolist2_li a:hover .prolist2_img img {
	transform: scale(1.05);
	transition: all 0.6s ease;
}

.prolist2_ul {
	width: 100%;
}

.prolist_ulL {
	width: 100%;
	float: left;
}

.prolist2_ul li {
	width: 48%;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ced3dc;
	float: left;
	margin-right: 2%;
}

.prolist2_ul li a {
	font-size: 14px;
	height: 40px;
	color: #74a8de;
}

.prolist_R {
	width: 25%;
	float: left;
    margin-top: 40px;
}

.prodot_R {
	width: 25%;
	float: left;
	margin-top: 20px;
}

.prolist_R h3, .prodot_R h3{
    font-size: 28px;
    margin-top: 0;
    line-height: 40px;
    color: #333;
    text-transform: capitalize;
    font-family: Helvetica, sans-serif;
    margin-bottom: 14px;
}

.prolist2R_main,
.prodot2R_main {
	padding-left: 40px;
}

.prolist2R_imgbox,.prodot2R_imgbox{
	overflow: hidden;
}

.prolist2R_imgbox img,
.prodot2R_imgbox img {
	width: 100%;
	transition: all 0.4s ease;
}

.prolist2R_box:hover .prolist2R_imgbox img,
.prodot2R_box:hover .prodot2R_imgbox img {
	transform: scale(1.05);
	transition: all 0.4s ease;
}

.prolist2R_txt,
.prodot2R_txt {
    padding: 15px;
    background: #e2e2e2;
}

.prolist2R_txt p,
.prodot2R_txt p {
    font-size: 16px;
    line-height: 30px;
}

.prolist2R_txtbox,
.prodot2R_txtbox {
    border-top: 1px solid #ddd;
    padding-top: 12px;
}

.prolist2R_txt h6,
.prodot2R_txt h6 {
	margin: 0;
    font-size: 13px;
    color: #00b9fe;
    font-family: Helvetica, sans-serif;
}

.prolist2R_box,
.prodot2R_txtbox {
	margin-bottom: 50px;
}

.prolist2R_txtbox h4,
.prodot2R_txtbox h4 {
	font-size: 14px;
    color: #333;
	margin-top: 0;
	line-height: 24px;
}

.prolist2R_txtbox h6,
.prodot2R_txtbox h6 {
	font-size: 12px;
	color: #888;
	margin-top: 0;
	line-height: 22px;
}

.prolist2R_txtbox h5,
.prodot2R_txtbox h5 {
	font-size: 14px;
	color: #888;
	margin-top: 0;
	line-height: 22px;
	
}

.prolist2R_txtbox h5 i, .prodot2R_txtbox h5 i {
    font-size: 16px;
    width: 20px;
    text-align: center;
    margin-right: 5px;
    color: #ff4311;
}

.prolist2R_txtbox h5:nth-child(2) i{
	font-size: 20px;
}

.prolist2R_txtbox h5:nth-child(3) i{
	font-size: 18px;
}

.prolist2R_txtbox p a,
.prodot2R_txtbox p a {
	font-size: 14px;
	color: #74a8de;
	line-height: 24px;
}

.prolist2R_txtbox p i,
.prodot2R_txtbox p i {
	margin-right: 8px;
}

.prolist2R_h4,
.prodot2R_h4 {
	margin-bottom: 20px;
}


.prolist2_li{
	position: relative;
	top: 18vh;
	opacity: 0;
}

/* contact.htmml */

.warpper {
    padding-top: 80px;
}

.banner {
    position: relative;
    overflow: hidden;
}

.bannerIn {
	position: relative;
	overflow: hidden;
}

.bannerInImg {
	position: absolute;
	top: -30px;
	left: -30px;
	right: -30px;
	bottom: -30px;
}

.bannerInTxt {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}

.bannerInImg span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
}

.bannerInTxt h2 {
	margin: 0 0 15px;
	font-size: 80px;
    line-height: 80px;
	text-transform: capitalize;
	color: #fff;
	letter-spacing: 10px;
}

.bannerInTxt p {
	margin: 0;
	font-size: 32px;
	color: #fff;
	opacity: 0.8;
	font-family: Helvetica, sans-serif;
    text-transform: capitalize;
}

.bannerInImg span:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.1;
}

.tables {
	display: table;
	height: 100%;
	width: 100%;
}

.table_cell {
	display: table-cell;
	vertical-align: middle;
}



.about{
	position:relative;
	background-image: url(../images/contact_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}

.contact {
	overflow: hidden;
}

.contact_box1 {
	position:relative;
	top: 0;
	left:100%;
	opacity: 0;
}
.contact2_img{
	position:relative;
	top: 20px;
	left:-100%;
	opacity: 0;
}
.contact2_form{
	position:relative;
	top: 20vh;
	left:50px;
	opacity: 0;
}


.contact_map {
    margin-top: 60px;
    float: right;
    position: relative;
    box-shadow: 2px 2px 5px #b0b9bf;
    width: 90%;
    padding-bottom: 50vh;
}


.contact_map>div {
	height:50vh;
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
    box-shadow: 2px 2px 5px #b0b9bf;
}

.contact1_tit {
	position: absolute;
    top: 25px;
	left: 165px;
}

.contact1_tit hr,
.contact2_tit hr {
	width: 22px;
	height: 6px;
	background: #e60012;
	text-align: left;
	display: inline-block;
}
.contact2_img {
	position: relative;
	top: -80px;
	float: left;
	overflow: hidden;
    box-shadow: 2px 2px 5px #b0b9bf;
    width: 40%;
    overflow: hidden;
}

.contact2_img img {
    width: 100%;
}


.proTit h2 {
    font-size: 40px;
    line-height: 50px;
    color: #00b9fe;
    margin: 0;
    font-weight: 500;
    letter-spacing: 1px;
}

.proTit h2:after {content: '';display: block;width: 20px;height: 2px;background-color: #00b9fe;margin: 25px 0 30px;}


.contact_box1 {
	position: relative;
    margin: 100px 0 0;
}

.contact1_tit2 {
	position: absolute;
    right: 20px;
    top: -20px;
	background: #fff;
	box-shadow: 2px 2px 5px #b0b9bf;
	padding: 20px 10px 10px 10px;
	width: 24%;
}

.contact1_tit2 h3 {
	font-size: 14px;
	margin-top: 0;
	line-height: 22px;
	color: #222;
}

.con1_blod {
	font-weight: 800;
}

.contact_box2 {
    position: relative;
    z-index: 10;
}


.contact2_form {
    width: 60%;
    padding: 80px 60px 100px 8%;
    float: left;
}

.input-wrapper {
	position: relative;
	display: block;
    margin-bottom: 12px;
    width: 80%;
}

.label {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 12px;
	opacity: 0;
	transform: translateX(5px);
	transition: 0.2s ease;
}

.input-wrapper:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
    width: 100%;
	background-color: #999;
	z-index: 1;
}

.input-wrapper textarea ,.input-wrapper input{
	background-color: transparent;
	border: 0;
	font-size: 14px;
	display: block;
	height: 50px;
	line-height: 50px;
    width: 100%;
}

.input-wrapper textarea {
	height: 120px;
	line-height: 28px;
	overflow: auto;
	resize: none;
}

.con2_btn {
    cursor: pointer;
    border: 0;
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    background: #00b9fe;
    line-height: 22px;
    letter-spacing: 0.2px;
    padding: 10px 30px;
    height: auto;
    margin-top: 0;
    min-width: 135px;
    text-align: center;
    margin-top:40px
}


/* .bott_l{
	position: relative;
    top: 80px;
    opacity: 0;
}
.bott_r{
	position: relative;
    top: 80px;
    opacity: 0;
} */

.con_box .con_bg{height: 330px;background-repeat: no-repeat;background-position: top left;background-attachment: fixed;}
.con_box .con_bg .con_txt{text-align: center;padding-top: 95px;}
.con_box .con_bg .con_txt h3{font-size: 40px;color: #fff;}
.con_box .con_bg .con_txt p{font-size: 24px;color: #fff;}
.con_bott{padding-left: 120px;padding-right: 100px;padding-bottom: 100px;}
.con_box .con_bott{background-image: url(../images/contact_bg2.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;height: 945px;}
.con_bott .bott_title{text-align: center;padding-top: 80px;}
.con_bott .bott_title p{font-size: 14px;color: #01b6fc;}
.con_bott .bott_title h3{font-size: 40px;}
.con_bott .bott_txt .bott_l{width: 40%;margin-top: 160px;}
.con_bott .bott_txt .bott_l .fl_01 p{font-size: 12px;text-transform: uppercase;}
.con_bott .bott_txt .bott_l .fl_01 h3{font-size: 40px;margin-top: 0px !important;}
.con_bott .bott_txt .bott_l .fl_01 h3:after {content: '';display: block;width: 55px;height: 2px;background-color: #00b9fe;margin: 10px 0 30px;}
.con_bott .bott_txt .bott_l .fl_02 {margin-top: 30px;}
.con_bott .bott_txt .bott_l .fl_03 {margin-top: 30px;}
.con_bott .bott_txt .bott_l .fl_02 p{font-size: 16px;color: #555;letter-spacing: 1px;text-align: justify;line-height: 25px;}
.con_bott .bott_txt .bott_l .fl_03 p{font-size: 16px;color: #555;letter-spacing: 1px;text-align: justify;line-height: 25px;}
.con_bott .bott_txt .bott_r{width: 55%;}
.con_bott .bott_txt{margin-bottom: 100px;}

@-webkit-keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}
@keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}           
       
.water1 {
	-webkit-animation: wateranimate 1s 9s ease-out infinite;
	animation: wateranimate 4s 9s ease-out infinite;
}           
.water2 {
	-webkit-animation: wateranimate 1s 6s ease-out infinite;
	animation: wateranimate 4s 6s ease-out infinite;
}           
.water3 {
	-webkit-animation: wateranimate 1s 3s ease-out infinite;
	animation: wateranimate 4s 3s ease-out infinite;
}           
.water4 {
	-webkit-animation: wateranimate 1s 0s ease-out infinite;
	animation: wateranimate 4s 0s ease-out infinite;
}           
.water1, .water2, .water3, .water4 {
	padding: 20%;
	position: absolute;
	left: 30%;
	top: 30%;
	border: 1px solid #fff;
	box-shadow: 0 0 10px 15px #fff inset;
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
}

.map .map_img img{width: 100%;}
.map{position: relative;}
.map_dd {position: relative;width: 30px;height: 30px;}  
.map_img2{position: absolute;top: 78%;right: 28%;}
.map_img2 .map_img02{position: absolute;top: -39%;left: 52%;}
.map_img2 .map_img02 h6{font-size: 20px;position: absolute;top: -16%;left: 30%;color: #000;}
.map_img3{position: absolute;top: 83%;right: 25%;}
.map_img3 .map_img03{position: absolute;top: -55%;right: 60%;}
.map_img3 .map_img03 h6{font-size: 20px;color: #fff;position: absolute;top: -135%;right: 30%;}
.map_img4{position: absolute;top: 60%;right: 16%;}
.map_img4 .map_img04{position: absolute; top: -40%;left: 54%;}
.map_img4 .map_img04 h6{font-size: 20px;position: absolute;top: -120%;left: 30%;color: #000;}
.map_img5{position: absolute;top: 37%;right: 25%;}
.map_img5 .map_img05{position: absolute;top: -41%;right: -341%;}
.map_img5 .map_img05 h6{font-size: 20px;position: absolute;top: -135%;left: 31%;color: #000;}
.map_img6{position: absolute;top: 66%;right: 18%;}
.map_img6 .map_img06{position: absolute;top: -41%;left: 55%;}
.map_img6 .map_img06 h6{font-size: 20px;position: absolute;top: -120%;left: 31%;color: #000;}


/* 首页的集团分布 */
.con_bott1{padding-left: 120px;padding-right: 100px;padding-bottom: 100px;}
.con_bott1{background-image: url(../images/contact_bg2.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;height: 945px;}
.con_bott1 .bott_title{text-align: center;padding-top: 80px;}
.con_bott1 .bott_title p{font-size: 14px;color: #01b6fc;}
.con_bott1 .bott_title h3{font-size: 40px;}
.con_bott1 .bott1_txt .bott1_l{width: 40%;margin-top: 160px;}
.con_bott1 .bott1_txt .bott1_l .fl_01 p{font-size: 12px;text-transform: uppercase;}
.con_bott1 .bott1_txt .bott1_l .fl_01 h3{font-size: 40px;margin-top: 0px !important;}
.con_bott1 .bott1_txt .bott1_l .fl_01 h3:after {content: '';display: block;width: 55px;height: 2px;background-color: #00b9fe;margin: 10px 0 30px;}
.con_bott1 .bott1_txt .bott1_l .fl_02 {margin-top: 30px;}
.con_bott1 .bott1_txt .bott1_l .fl_03 {margin-top: 30px;}
.con_bott1 .bott1_txt .bott1_l .fl_02 p{font-size: 16px;color: #555;letter-spacing: 1px;line-height: 25px;}
.con_bott1 .bott1_txt .bott1_l .fl_03 p{font-size: 16px;color: #555;letter-spacing: 1px;line-height: 25px;}
.con_bott1 .bott1_txt .bott1_r{width: 55%;}
.con_bott1 .bott1_txt{margin-bottom: 100px;}
.bott1_l{
	position: relative;
    top: 80px;
    opacity: 0;
}
.bott1_r{
	position: relative;
    top: 80px;
    opacity: 0;
}




/* news.html */
.news_main{background-image: url(../images/news_bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
.news_top{padding-top: 60px;padding-bottom: 20px;}
.news_top .news_txt ul li{float: left;margin-right: 20px; position: relative; padding-left: 15px;font-size: 16px;}
.news_top .news_txt ul li::after{ position: absolute; content: ''; left: 0px; top: 6px; width: 1px; height: 10px; background: #ddd;}
.news_top .news_txt ul li:nth-child(1){ padding-left: 0px;}
.news_top .news_txt ul li:nth-child(1):after{ width: 0px;}
.news_top .news_txt ul li .aa{width: 88px;height: 30px;background: linear-gradient(-45deg, #00b9fe 0, #166ccd 100%);text-align: center;line-height: 25px;color: #fff;}
.news_search input{width: 295px;height: 42px;border-radius: 20px;border: 1px solid #e7e7e7;font-size: 14px;color: #aaa;padding-left: 10px;background: transparent;}
.news_search a{position: absolute;top: 10px;;right: 10px;}
.news_search{position: relative;}

.page{text-align: center;margin-bottom: 70px;margin-top: 50px; display: flex;justify-content: center;align-items: center;align-self: center;}
.page a{font-size: 16px;margin: 0 5px;width: 38px;height: 38px;display: inline-block;position: relative;line-height: 38px;}
.page .fenye{border: 1px solid #ccc;}
.page .fenye i{display: block; width: 100%; height: 38px; line-height: 38px;}
.page .fenye01{border: 1px solid #ccc;}
.page .fenye01 span{position: absolute;top: 30%;left: 35%;}
.page .active{color: #00b9fe;}


.news_box{padding: 20px 0;}
.news_cot{display: flex;justify-content: space-between;align-items: flex-start;margin: 0 auto;}
.news_left {
    width: calc(100% - 400px);
    padding-right: 30px;
}

.news_list {
    margin-bottom: 30px;
}

.news_list:last-child {
    margin: 0;
}

.news_list a {
    display: flex;
    justify-content: space-between;
    
}

.news_img {
	width: 38%;
	/* height: 300px; */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center; 

}


/* .news_img img{ width: 100%; height: auto;} */


.news_wz {
    width: 62%;
    padding: 20px 0 20px 30px;
}

.news_wz h3 {
    font-size: 24px;
    color: #333;
    line-height: 30px;
    margin-bottom: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news_wz p {
    font-size: 16px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 96px;
	color: #777;
	margin-top: 14px;
}

.news_wz span{
	font-size: 14px;
	color: #999;
}

.news_bott {
   
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.news_bott h5 {
    font-size: 14px;
    color: #999;
}

.news_bott span {
    padding: 0 20px;
    display: inline-block;
    text-transform: uppercase;
    line-height: 26px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	color: #00b9fe;
	font-size: 14px;
}



.news_right {
    width: 400px;
    padding-left: 20px;
    transition: padding 0.3s ease;
    -webkit-transition: padding 0.3s ease;
    -moz-transition: padding 0.3s ease;
    -ms-transition: padding 0.3s ease;
    -o-transition: padding 0.3s ease;
}

.news_right.fixed {
    position: fixed;
    right: 6%;
    top: 0;
    padding-top: 80px;
}

.news_right h3 {
    font-size: 20px;
    margin-bottom: 18px;
    color: #00b9fe;
    padding-bottom: 10px;
    position: relative;
}

.news_right h3:after {
    content: '';
    width: 40px;
    height: 2px;
    background: #00b9fe;
    position: absolute;
    bottom: 0;
    left: 0;
}

.newsR_lis h5 {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px;
	margin-bottom: 8px;
	color: #777;
}

.newsR_img img {
    width: 100%;
}

.newsR_img {
    display: none;
    overflow: hidden;
    position: relative;
}

.news_right li {
    margin-bottom: 10px;
}

.news_right li:last-child {
    margin: 0;
}

.news_right li:first-child .newsR_img {
    display: block;
}


/* newsdot.html */
.news_dot{background-image: url(../images/newsdot_bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;}
.dot_box{padding-top: 50px;padding-left: 250px;padding-right: 250px;}
.dot_box .dot_back a{display: flex;}
.dot_box .dot_back img{width: 16px;height: 12px;}
.dot_box .dot_back p{font-size: 12px;color: #999;margin-left: 10px;}
.dot_box .dot_title h2{font-size: 28px;text-align: center;letter-spacing: 1px;color: #000;}
.dot_box .dot_title .dot_bott{display: flex;justify-content:space-between;border-bottom: 1px solid #ccc;margin-top: 30px;}
.dot_box .dot_title .dot_bott p{font-size: 20px;color: #999;}
.dot_box .dot_title .dot_bott .dot_r img{margin-left: 10px;}
.dot_box .dot_wz p{font-size: 16px;color: #777;letter-spacing: 1px;margin-top: 40px;line-height: 25px;}
.dot_box .dot_wz p img{max-width: 100%;}
.dot_box .dot_wz .dot_img img{width:100%;height: auto;}
.dot_box .dot_wz .dot_img{margin-top: 40px;}
.dot_box .dot_wz .dot_img h5{font-size: 14px;color: #999;text-align: center;}
.dot_box .dot_top{text-align: center;margin: 60px 0;}
.dot_box .dot_top p{font-size: 14px;color: #999;margin-top: 10px;}


/* material.html */
.mat_title{text-align: center;margin-top: 60px;}
.mat_title h3{font-size: 30px;color: #000;}
.mat_title p{font-size: 14px;color: #999;}
.mat_main{padding-left: 300px;padding-right: 300px;}
.mat_box02{background: #f9f6f6;}
.mat_list .mat_img{float: left; width: 30%;}
.mat_list .mat_wz{float: left; width: 30%;margin-top: 30px;margin-left: 100px;}
.mat_list .mat_r{float: right; width: 10%;margin-top: 100px;}
.mat_list{padding:70px 0;}
.mat_list .mat_img img{width: 100%;height: auto;}
.mat_list .mat_wz h4{font-size: 24px;}
.mat_list .mat_wz h5{font-size: 14px;color: #00b9fe;}
.mat_list .mat_wz p{font-size: 14px;color: #555;margin-top: 30px;}
.material .dot_top{text-align: center;margin: 60px 0;}
.material .dot_top p{font-size: 14px;color: #999;margin-top: 10px;}


/* about.html */
.about_title{text-align: center;padding-top: 60px;}
.about_title p{font-size: 14px;color: #00b9fe;text-transform: uppercase;}
.about_title h4{font-size: 40px;font-weight: 500;}
.about01{background-image: url(../images/about_bg01.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.about01_con{margin-top: 80px;position: relative;margin-bottom: 100px;}
.about01_l{width: 45%;}
.about01_r{width: 50%;}
.about01_l .about01_wz p{font-size: 16px;color: #555;letter-spacing: 1px;}
.about01_l .about01_wz strong{font-size: 24px;}
.about01_top{position: relative;}
.about01_l .about01_wz{position: absolute;top: 65px;left: 115px;}
.about01_l .about01_bott img{width: 80%;height: auto; box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);-webkit-box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);-moz-box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);}
.about01_l .about01_bott {z-index: 2;position: absolute;bottom: 10%; left: 20%;}
.about01_r .ab_img img{width: 100%;height: auto; box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);-webkit-box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);-moz-box-shadow: 5.917px 12.688px 9px 0px rgba(25, 27, 35, 0.2);}
.about01_r .about01_txt p{font-size: 16PX;color: #555;letter-spacing: 1px;}
.about01_r .about01_txt{margin-top: 20px;margin-left: 120px;}

.about02{background-image: url(../images/about_bg02.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.about02 .about02_txt p{font-size: 16px;color: #555;}
.about02 .about02_txt{text-align: center;padding: 0 140px;margin-top: 20px;}
.about02 .about02_img img{width: 100%;height: auto;  box-shadow: 0px 0px 24px 0px rgba(25, 27, 35, 0.1);-webkitbox-shadow: 0px 0px 24px 0px rgba(25, 27, 35, 0.1);-mozbox-shadow: 0px 0px 24px 0px rgba(25, 27, 35, 0.1);}
.about02 .about02_img{margin-top: 70px;}
.about02 .about02_bott {margin-top: 20px;margin-bottom: 40px;}
.about02 .about02_bott ul li{float: left;width: 25%;}
.about02 .about02_bott .about02_icon{text-align: center;padding: 0 35px;}
.about02 .about02_bott .about02_icon p{font-size: 15px;margin-top: 30px;}

.about03 .about03_box{height: 330px;background-repeat: no-repeat;background-position: top left;background-attachment: fixed;}
.about03 .about03_box .about03_txt h4{color: #f5fcff;font-size: 40px;}
.about03 .about03_box .about03_txt{text-align: center;padding-top: 140px;}
.about03_list{background-image: url(../images/about_bg04.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.about03_list .about03_wz p{font-size: 16px;}
.about03_list .about03_wz{text-align: center;padding: 0 140px;margin-top: 60px;}
.about03_list  .about03_bott ul li{float: left;width: 33.3333%;}
.about03_list  .about03_bott .about03_icon{text-align: center;padding: 0 95px;}
.about03_list  .about03_bott{margin-top: 50px;margin-bottom: 50px;}
.about03_list  .about03_bott .about03_icon h4{margin-top: 20px;}
.about03_list  .about03_bott .about03_icon p{font-size: 15px;margin-top: 20px;}

.about04 #index-banner .in-banner .img{width: 100%;height:535px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.about04 #index-banner .in-banner{position: relative;}
.about04 #index-banner .in-banner .txt{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%; text-align: center;}
.about04 #index-banner .in-banner .txt .table{display: table;width: 100%;height: 100%;}
.about04 #index-banner .in-banner .txt .table .cell{display: table-cell;vertical-align: middle;}
.about04 #index-banner .in-banner .txt h3{color: #fff;font-size: 35px;}
.about04 #index-banner .in-banner .txt h2{color: #fff;font-size: 50px;}
.about04 #index-banner .in-banner .txt p{color: #fff;}
#index-banner .swiper-button{
	width: auto;
	height: auto;
	background: none;
	color: #fff;
	font-size: 60px;
	font-family: 宋体;
}

#index-banner .swiper-button-next{
	right: 16%;
}

#index-banner .swiper-button-prev{
	left: 16%;
}

 .swiper-pagination-bullet{
	 background: #fff;
 }

 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	 bottom: 25px;
 }


.picMarquee-container{margin-top: 50px;margin-bottom: 100px;}
.picMarquee-container .swiper-wrapper{transition-timing-function: linear; -webkit-transition-timing-function: linear;}
.picMarquee-container .item img{display: block; width: 100%; height: auto;}
.picMarquee-container .item .img2{display: none;}
.picMarquee-container .item:hover .img1{display: none;}
.picMarquee-container .item:hover .img2{display: block;}




/* index.html */
.banner {
    position: relative;
    overflow: hidden;
}

.bannerBox {
    position: relative;
    height: 100%;
}

.bannerWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.bannerSwiper {
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #000;
}

.bannerSlide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    overflow: hidden;
}

.bannerImg {
	position: relative;
	/* width: 100%; */
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.banner_bm1{position: relative;background: url(../images/banner_bm1.jpg) no-repeat center center;width: 100%;background-size: cover;}
.banner_bm2{position: relative;background: url(../images/banner_bm2.jpg) no-repeat center center;width: 100%;background-size: cover;}
.banner_bm3{position: relative;background: url(../images/banner_bm3.jpg) no-repeat center center;width: 100%;background-size: cover;}


.ban_mask {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    overflow: hidden;
}
.ban_mask span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.banner_txt {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.ban_wz {
    width: 60%;
    margin: 0 auto;
	max-width:800px;
}

.bannerTxt_lis {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.bannerTxt_lis.first {
    visibility: visible;
    opacity: 1;
}

.tables {
    display: table;
    width: 100%;
    height: 100%;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.bannerTxt_lis h2 {
    position: relative;
    margin: 0px 0 30px;
    padding-bottom: 30px;
    font-size: 40px;
    line-height: 1.3;
    color: #fff;
	font-family: Helvetica, sans-serif;
    text-transform: uppercase;
}
.bannerTxt_lis h2:after{
    content:"";
    display: inline-block;
    width: 50px;
    height: 4px;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
}

.bannerTxt_lis h3 {
    margin: 0 0 45px;
    padding-bottom: 20px;
    line-height: 1.2;
    color: #fff;
    letter-spacing: 1px;
    font-size: 30px;
}


a.ban_btn {
    display: inline-block;
    background: #fff;
    border: 2px solid #fff;
    color: #034ea1;
    line-height: 46px;
    padding: 0 20px;
    min-width: 200px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: bold;
	letter-spacing:0.4px;
    font-family: Helvetica, sans-serif;
	text-transform:uppercase;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
a.ban_btn:hover {
    color: #fff;
    background: transparent;
}
.bannerSlide.first {
    left: 0;
}

.bannerWrapper:after {content: "";display: block;    z-index: 1;position: absolute;height: 100%;width: 100%;top: 0;left: 0;background-color: rgba(0, 64, 152, 0.1);opacity: 0.1;}

a.ban_arrL , a.ban_arrR {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    z-index: 3;
    color: #fff;
    padding: 10px 15px;
    font-size: 50px;
}

a.ban_arrR {
    right: 0;
}

a.ban_arrL {
    left: 0;
}

a.ban_arrL img,a.ban_arrR img {
    width: 74px;
}

.ban_mask:after {content: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #000;opacity: 0.4;}
.ban_pagi {
    position: absolute;
    z-index: 3;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}

.ban_pagi span {
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.3);
    width: 18px;
    height: 18px;
    padding: 7px;
    border-radius: 50px;
    margin: 0 5px;
    border: solid 2px transparent;
    transform: scale(0.8);
    -webki-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
}
.ban_pagi span:after {
	transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
}
.ban_pagi span.active {
    background: transparent;
    border-color: #2789ee;
    transform: scale(1);
    -webki-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.ban_pagi span.active:after {content: "";display: inline-block;position: absolute;width: 6px;height: 6px;background: #2789ee;border-radius: 20px;left: 50%;top: 50%;margin-left: -3px;margin-top: -3px;}





.index1{
	width: 100%;
	background-image: url(../images/index1_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.index1 .index1_con{
	padding: 0 50px;
}

.syabout {
	padding: 6% 0;
	position: relative;
	box-sizing: border-box;
  }

  .syabout .side{
	position: relative;
    top: 80px;
    opacity: 0;
  }
 
  .syabout .syaboutli{
	position: relative;
    top: 80px;
    opacity: 0;
  }


  .side {
	width: 76px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	margin-top: 100px;
  }
  .side ul {
	width: 18px;
	padding: 0 29px;
	position: absolute;
	left: 0;
	top: 50%;

  }
  .side ul li {
	/* height: 64px; */
	margin-bottom: 20px;
	position: relative;
  }

  .side ul li a {
	display: block;
	font-size: 16px;
	line-height: 1.4;
	transition: all 0.5s ease 0s;
	width: 25px;
  }
  .side ul li:hover a, .side ul li.cur a {
	color: #0e82de;
	
  }

  .side ul li:hover, .side ul li.cur .side_title {
	 border-left: 4px solid #0e82de;
	
  }
  

 
.side .side_title{
	background-image: url(../images/index1_01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 54px;
	height: 201px;
	text-align: center;
	padding-left: 14px;
	padding-top: 45px;
}

  


  .learnmorebtn {
	display: block;
	width: 214px;
	height: 50px;
	position: absolute;
	bottom: -30px;
	right: 115px;
	font-size: 0;
	background: linear-gradient(-45deg, #00b9fe 0, #166bcc 100%);
	text-align: center;
	line-height: 25px;
	color: #fff;
  }
  .learnmorebtn span {
	font-size: 16px;
	color: #fff;
	line-height: 52px;
	margin-left: 5px;
	/* font-family: 'TT0140M','microsoft yahei'; */
  }

 .learnmorebtn:hover{
	 display: block;
	 width: 214px;
	 height: 50px;
	 position: absolute;
	 bottom: -30px;
	 right: 115px;
	 background: #fff;
	 border: 1px solid #00b9fe;
	 text-align: center;
	 line-height: 25px;
}

.learnmorebtn:hover span{
	font-size: 16px;
	color: #00b9fe;
	line-height: 52px;
	margin-left: 5px;
}

  .learnmorebtn span i{
	  margin-left: 10px;
  }

  .syaboutli {
	margin: 2% 0 6%;
	position: relative;
	height: 445px;
  }
  .syaboutli .content {
	width: 85%;
	position: absolute;
	left: 50%;
	margin-left: -40%;
	display: none;
  }
  .syaboutli .content .tx {
	width: 45%;
	/* padding: 3% 5%; */
	box-sizing: border-box;
	padding-top: 80px;
  }
  .syaboutli .content .tx .txh {
	font-size: 72px;
	color: #213875;
	font-family: "Century Gothic","Microsoft yahei","黑体";
	font-weight: bolder;
	line-height: 1;
	transition: all 0.5s ease 0s;
  }
  
  .syaboutli .content .tx p{
	  font-size: 16px;
	  transition: all 0.5s ease 0s;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  line-height: 25px;
  }


  .syaboutli .content .tx h2 {
	font-size: 36px;
	color: #333;
	line-height: 1.4;
	margin-bottom: 10px;
	letter-spacing: -0.02em;
	transition: all 0.5s ease 0s;
	margin-top: 0px !important;
  }
  .syaboutli .content .tx i {
	display: block;
	width: 60px;
	height: 2px;
	background-color: #00b9fe;
	margin-bottom: 40px;
  }
  .syaboutli .content .tx h3 {
	font-size: 24px;
	color: #333;
	margin-bottom: 20px;
	font-weight: bolder;
	letter-spacing: -0.02em;
	line-height: 1.4;
	transition: all 0.5s ease 0s;
  }
  .syaboutli .content .tx .txp {
	font-size: 16px;
	color: #555;
	transition: all 0.5s ease 0s;
	padding-top: 20px;
	line-height: 20px;
	
  }

  .syaboutli .content .tx .txp p span{
	  font-size: 16px;
	  line-height: 25px;
  }
  .syaboutli .content .pic {
	width: 53%;
	/* margin-top:3%; */
	/* margin-right:10%; */
	overflow: hidden;
	position: relative;
	transition: all 0.5s ease 0s;
	box-shadow: 12.728px 12.728px 16px 0px rgba(25, 27, 35, 0.12);
  }
  .syaboutli .content .pic img {
	width: 100%;
	transform: scale(1);
	transition: all 0.5s ease 0s;
	box-shadow: 12.728px 12.728px 16px 0px rgba(25, 27, 35, 0.12);
	
  }
  .syaboutli .content .pic:hover::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.25);
	position: absolute;
	top: 0;
	left: 0;
  }
  .syaboutli .content .pic:hover img {
	transform: scale(1.05);
	transition: all 0.5s ease 0s;
  }
  .syaboutli .content.active {
	display: block;
  }
  .syaboutli .content.active .tx .txh {
	animation: slideIn 0.5s forwards ease-out;
	-webkit-animation: slideIn 0.5s forwards ease-out;
  }

  .syaboutli .content.active .tx p {
	animation: slideIn 0.5s forwards ease-out;
	-webkit-animation: slideIn 0.5s forwards ease-out;
  }

  .syaboutli .content.active .tx h2 {
	animation: slideIn 0.5s forwards ease-out;
	-webkit-animation: slideIn 0.5s forwards ease-out;
  }
  .syaboutli .content.active .tx i {
	animation: slideIn 0.6s forwards ease-out;
	-webkit-animation: slideIn 0.6s forwards ease-out;
  }
  .syaboutli .content.active .tx h3 {
	animation: slideIn 0.7s forwards ease-out;
	-webkit-animation: slideIn 0.7s forwards ease-out;
  }
  .syaboutli .content.active .tx .txp {
	animation: slideIn 0.8s forwards ease-out;
	-webkit-animation: slideIn 0.8s forwards ease-out;
  }
  .syaboutli .content.active .pic {
	animation: slideIn 0.8s forwards ease;
	-webkit-animation: slideIn 0.8s forwards ease;
  }
  .syaboutli .content.active .learnmorebtn {
	animation: slideIn 0.8s forwards ease;
	-webkit-animation: slideIn 0.8s forwards ease;
  }
  .syaboutli .contctrl {
	position: absolute;
	bottom: 0;
	left: 14%;
	z-index: 6;
  }
  .syaboutli .contctrl .contbtn {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	font-size: 0;
  }

  @keyframes slideIn {
	0% {
	  transform: translateX(320px);
	  opacity: 0;
	  filter: alpha(opacity=0);
	}
	100% {
	  transform: translateX(0);
	  opacity: 1;
	  filter: alpha(opacity=100);
	}
  }
  @-webkit-keyframes slideIn {
	0% {
	  transform: translateX(320px);
	  opacity: 0;
	  filter: alpha(opacity=0);
	}
	100% {
	  transform: translateX(0);
	  opacity: 1;
	  filter: alpha(opacity=100);
	}
  }



.index2{
	background-image: url(../images/index2_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 1113px;
}

.plastic{opacity: 0;}
.index2 .plastic{width: 80%;height: 75%; position: relative;margin: 0 auto;margin-top: 70px;}
.index2 .plastic .hd{width:100%; height:100%; position:absolute;top:0px; left:0px; z-index:3;}
.index2 .plastic .hd ul{height:100%;}
.index2 .plastic .hd ul li{box-sizing:border-box; float:left; position:relative; top:0px; width:25%; height:100%; border-left:1px solid rgba(255,255,255,0.5);  background-size:cover; background-position:center center; background-repeat:no-repeat;  text-transform:uppercase;  transition:all 0.5s ease 0s;}
.index2 .plastic .hd ul:hover li{ width:25%; background:rgba(0,0,0,0.1)!important;}
.index2 .plastic .hd ul li .abox{display:block; width:100%; height:100%; z-index: 6 }
.index2 .plastic .hd ul li .pro_title{position: relative;top: 35%;margin-top: -100px; z-index: 5; padding: 0 60px; color: #fff !important;z-index: 1;-moz-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-ms-transform: translateY(0);transform: translate3d(0,0,0); -webkit-backface-visibility: hidden;-webkit-perspective: 1000;transition: transform 0.8s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.index2 .plastic .hd ul li .pro_title::before{ content: ""; display: block;  position: relative; width: 50px; height: 2px; margin: 26px 0;  background: #fff;}
.index2 .plastic .hd ul li .pro_title .nums{font-size: 24px;letter-spacing: 2px;margin-top: 30px;}
.index2 .plastic .hd ul li .pro_title .nwz{margin-top: 60px; font-size: 24px;letter-spacing: 1px;color: #fff !important;}
.index2 .plastic .hd ul li .pro_title p{font-size: 14px;color: #fff;margin-top: 20px;}
.index2 .plastic .hd ul li .pro_title .pro_btn{display: block;width: 214px;height: 50px;border:1px solid #fff; text-align: center;margin-top: 100px;}
.index2 .plastic .hd ul li .pro_title .pro_btn span {font-size: 16px;color: #fff;line-height: 50px;margin-left: 5px;}
.index2 .plastic .hd ul li .pro_title .pro_btn span i{margin-left: 10px;}
.index2 .plastic .bd{ width:100%; height: 100%;}
.index2 .plastic .bd .img{width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.index2 .plastic .hd ul:hover li.on{width: 25%; position:relative; background:rgba(0,0,0,0.3)!important;}
.index2 .plastic .hd ul:hover li.on .nums{color: #fff;}
.index2 .plastic .hd ul:hover li.on .nwz{color: #fff;}
.index2 .plastic .hd ul:hover li.on .pro_btn {display: block;width: 214px;height: 50px;background: linear-gradient(-45deg, #00b9fe 0, #166bcc 100%);text-align: center;line-height: 25px;color: #fff; border: none;}
.index2 .plastic .hd ul:hover li.on .pro_btn span{font-size: 16px;color: #fff;line-height: 55px;margin-left: 5px;}
.index2 .plastic .hd ul:hover li.on .pro_title::before{background-color: #fff;}


.index3{background-image: url(../images/contact_bg2.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;height: 945px;}
.btn{margin-top: 40px;}
.btn{display:block;width: 214px;height: 50px;background: linear-gradient(-45deg, #00b9fe 0, #166bcc 100%);text-align: center;line-height: 25px;color: #fff;}
.btn span{font-size: 16px;color: #fff;line-height: 40px;margin-left: 5px;}
.btn:hover{display:block;width: 214px;height: 50px;background:#fff;text-align: center;line-height: 25px;color: #00b9fe;border: 1px solid #00b9fe;}
.btn:hover span{font-size: 16px;color: #00b9fe;line-height: 40px;margin-left: 5px;}


.index4_l{position: relative;top: 80px;opacity: 0;}
.index4_r{position: relative;top: 80px;opacity: 0;}
.index4_li{opacity: 0;}
.index4 .index4_box{margin-top: 60px;padding: 0 150px; }
.index4 .index4_box .index4_l{width: 45%;}
.index4 .index4_box .index4_l .index4_img img{width: 100%;box-shadow: 0px 0px 16px 0px rgba(25, 27, 35, 0.12);}
.index4 .index4_box .index4_l .index4_img{margin-bottom: 20px;}
.index4 .index4_box .index4_l .index4_wz span{font-size: 14px;color: #999;}
.index4 .index4_box .index4_l .index4_wz span:nth-child(2){margin-left: 10px;}
.index4 .index4_box .index4_l .index4_wz p{font-size: 18px;margin-top: 10px;letter-spacing: 1px;line-height: 30px;}
.index4 .index4_box .index4_r{width: 48%;}
.index4 .index4_box .index4_r .index4_list ul li{margin-bottom: 40px;}
.index4 .index4_box .index4_r .list_img img{width: 100%;box-shadow: 0px 0px 16px 0px rgba(25, 27, 35, 0.12);}
.index4 .index4_box .index4_r .list_img{width: 30%}
.index4 .index4_box .index4_r .list_txt{width: 65%;margin-top: 25px;}
.index4 .index4_box .index4_r .list_txt span{font-size: 14px;color: #999;}
.index4 .index4_box .index4_r .list_txt span:nth-child(2){margin-left: 10px;}
.index4 .index4_box .index4_r .list_txt p{font-size: 18px;margin-top: 10px;letter-spacing: 1px;line-height: 30px;}
.index4 .index4_btn{text-align: center;}
.index4 .index4_btn .btn{display: inline-block;width: 214px;height: 50px;background: linear-gradient(-45deg, #00b9fe 0, #166bcc 100%);text-align: center;line-height: 25px;color: #fff;}
.index4 .index4_btn .btn span{font-size: 16px;color: #fff;line-height: 40px;margin-left: 5px;}
.index4 .index4_btn .btn:hover{display: inline-block;width: 214px;height: 50px;background:#fff;text-align: center;line-height: 25px;color: #00b9fe;border: 1px solid #00b9fe;}
.index4 .index4_btn .btn:hover span{font-size: 16px;color: #00b9fe;line-height: 40px;margin-left: 5px;}

.index5 .index5_box{padding: 50px 150px;margin: 0 auto;}
.index5 .picMarquee-container{margin-bottom: 50px !important;}

.about_title01{text-align: center;padding-top: 60px;opacity: 0;}
.about_title01 p{font-size: 14px;color: #00b9fe;text-transform: uppercase;}
.about_title01 h4{font-size: 40px;font-weight: 500;}

.bott_title01{text-align: center;padding-top: 80px;opacity: 0;}
.bott_title01 p{font-size: 14px;color: #01b6fc;}
.bott_title01 h3{font-size: 40px;}

/* prolist_01.html */
.prodot .prodot_box1 h5{margin-bottom: 0 !important;}
.prodot_l{width: 40%;padding-top: 40px;padding-right: 40px;padding-left: 40px;}
.prodot_l .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.prodot_l .gallery-top .swiper-wrapper .swiper-slide{width: 100%; height: 300px; background-position: center;background-repeat: no-repeat;background-size: cover;}
.prodot_l .gallery-top{height: 80%;width: 100%;}
.prodot_l .gallery-thumbs .swiper-wrapper .swiper-slide{width: 25%;height: 100%;opacity: 0.4;margin-right: 20px !important; background-position: center;background-repeat: no-repeat;background-size: cover;cursor: pointer;}
.prodot_l .gallery-thumbs .swiper-wrapper .swiper-slide-active{opacity: 1;}
.prodot_l .gallery-thumbs{height: 80px;box-sizing: border-box;padding: 10px 0;}
.prodot_l .prodot_bott{margin-top: 20px;}
.prodot_r{width: 59%;padding-right: 5%;padding-left: 10%;}
.prodot_r .prodot_title h3{font-size: 26px;color: #000;	}
.prodot_r .prodot_title p{font-size: 18px;}
.prodot_r .prodot_title{border-bottom: 1px solid #e0e0e0;padding-bottom: 10px;}
.prodot_r .prodot_price p{font-size: 28px;color:#ff9600; margin-top: 10px;margin-bottom: 10px;}
.prodot_r .prodot_wz{margin-bottom: 20px;margin-bottom: 20px;}
.prodot_r .prodot_wz .wz_l{width: 20%;}
.prodot_r .prodot_wz .wz_r{width: 78%;}
.prodot_r .prodot_wz .wz_l span{font-size: 16px;color: #000;}
.prodot_r .prodot_wz .wz_r p{font-size: 14px;color: #555;}
.prodot_r .prodot_txt{margin-top: 20px;}
.prodot_r .prodot_txt ul {margin-top: 30px;}
.prodot_r .prodot_txt ul li{float: left;margin-right: 19px;}
.prodot_r .prodot_txt ul li p{font-size: 16px;color: #000;}
.prodot_r .prodot_txt ul li span{font-size: 14px;color: #555;}
.prodot_r .prodot_btn{display: block;width: 214px;height: 50px;background: #00b9fe;text-align: center;margin-top: 80px;}
.prodot_r .prodot_btn span{font-size: 16px;color: #fff;line-height: 52px;margin-left: 5px;}
.prodot_r .prodot_btn span i{margin-right: 10px;}
.product1 .head .hd{width: 100%;}
.product1 .head ul .head_li{float: left;margin-left: 60px;}
.product1 .head_li h3 a{position: relative;font-size: 20px;}
.product1 .head_li.on h3 a::after{content: '';box-sizing: border-box;position: absolute;top: 50px;left: -5px; width: 110%; height: 2px;background-color: #00b9fe;}

.product1 .bd .pro_list img{margin-top: 40px;margin-bottom: 40px;max-width: 100%;}

.product1 .bd .pro_list{padding: 20px 40px;margin: 50px 0;}


/* 产品目录 */

.pn-title {
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 9;
	background: #00b9fe;
	color: #fff;
	font-size: 16px;
	text-align: center;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, .2);
	line-height: 26px;
	width: 45px;
	padding: 10px 0;
	cursor: pointer;
	border-radius: 0 10px 10px 0;
	margin-top: -62px;
}

.pn-title span {
	display: block
}

.pn-list {
	position: fixed;
	top: 50%;
	left: -305px;
	z-index: 100;
	background: #fff;
	width: 305px;
	height: 600px;
	margin-top: -270px;
	overflow: auto;
	transition: left .5s;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	border-radius: 0 10px 10px 0;
}

.pn-list.on {
	left: 0
}

.pn-list ul {
	width: 100%
}

.pn-list li {
	width: 100
}

.pn-list li .pn-tit-one {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #010101;
	font-size: 16px;
	padding: 0 2% 0 15%;
	background: #fff url(../images/pro01.png) no-repeat 6% center;
	transition: background .3s
}

.pn-list li .pn-con-one {
	display: none
}

.pn-list li .pn-tit-one.cut {
	background: #00b9fe url(../images/pro01_h.png) no-repeat 6% center;
	color: #fff
}

.pn-list li .pn-tit-two.cur,
.pn-list li .pn-tit-three.cut,
.pn-list li .pn-tit-four.cur,
.pn-list li .pn-tit-five.cur {
	color: #00b9fe
}


.pn-list li .pn-con-two {
	display: none;
	background: #fafafa;
}

.pn-list li .pn-tit-two {
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	display: block;
	font-size: 14px;
	color: #666;
	padding: 0 2% 0 15%;
	border: 1px solid #e6e6e6;
	transition: color .3s
}

.pn-list li .pn-con-two {
	width: 100%;
	padding: 16px 2% 20px 15%;
	display: none
}

.pn-list li .pn-tit-three {
	display: block;
	width: 100%;
	font-size: 13px;
	color: #666;
	line-height: 30px;
	height: 30px;
	overflow: hidden
}

.pn-list::-webkit-scrollbar {
	width: 4px;
	background-color: #00b9fe;
	border-radius:50px;
}

.pn-list::-webkit-scrollbar-track {
	border-radius: 50px;
	background-color: #00b9fe;
}

.pn-list::-webkit-scrollbar-thumb {
	border-radius: 50px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #fff
}

.pn-list li .font-blod {
	font-weight: bold;
}

.pn-list li .pn-con-three {
	width: 100%;
	padding: 8px 0;
	display: none;
}

.pn-list li .pn-tit-four {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #666;
	background-size: 4px !important;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}

.pn-list li .pn-con-four {
	width: 100%;
	display: none;
	padding: 0
}

.pn-list li .pn-tit-five {
	display: block;
	width: 100%;
	font-size: 11px;
	color: #666;
	background-size: 4px !important;
	line-height: 25px;
	height: 30px;
	overflow: hidden;
}

.product-contrast .contrast-empty:hover {
	color: #00b9fe;
}



/* 手机版导航栏 */

/* .wrap_phone{display: none; width: 100%; height: 60px; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(255, 255, 255, 0.7);}
.phone_box{height: 100%;}
.wrap_phone .logo{width: 180px; margin-top: 15px;}
.wrap_phone .logo img{display: block; width: 100%; height: auto;}
.wrap_phone.lateral-menu-is-open{transform: translateX(-66%); -webkit-transform: translateX(-66%); -moz-transform:translateX(-66%);-ms-transform:translateX(-66%); -o-transform:translateX(-66%); transition:all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}
#cd-menu-trigger{padding-top: 25px;}
#cd-lateral-nav .hotline1{box-sizing: border-box; padding: 20px; background-color: #075ea1; color: #fff;}
#cd-lateral-nav .hotline1 a{font-size: 14px;}
#cd-lateral-nav .hotline1 a:hover{color: #fff;} */
.menu_phone{display: none; width: 100%; height: 60px; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(255, 255, 255, 0.7);}
.menu_phone .logo{width: 180px; margin-top: 15px;}
.menu_phone .logo img{display: block; width: 100%;height: auto;}
.menu_phone.lateral-menu-is-open{transform: translateX(-66%); -webkit-transform: translateX(-66%); -moz-transform:translateX(-66%);-ms-transform:translateX(-66%); -o-transform:translateX(-66%); transition:all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;}
#cd-menu-trigger{padding-right: 10px;padding-bottom: 25px;}


.prolist2_L.edit{
	width: 100%;
	float: none;
	margin-top: 0px;
}

.con1_logo img{width: 100%;}

/* 产品展示 */
.sidemenu{width: 23%;max-width: 245px;height: auto;box-sizing: border-box;}
.sidemenu .sidecon{max-width: 245px; background-color: #fff; background-color: #fff;overflow: hidden;}
.sidemenu .sidecon ul li{max-width: 235px; height: auto; color: #6a6a6a;border-bottom: 1px solid #f1f1f1; margin: 0 auto;}
.sidemenu .sidecon ul li:last-child{border-bottom: none;}
.sidemenu .sidecon ul li .menu-title{display: block; width: 215px; height: 52px; line-height: 52px;color: #6a6a6a;}
.sidemenu .sidecon ul li .menu-title:hover{color: #00b9fe;}
.sidemenu .sidecon ul li a.cur{color: #00b9fe;font-size: 16px;border-bottom: 1px solid #f5f5f5;}
.sidemenu .sidecon ul li .menu-title i{font-size: 20px; margin: 0 25px 0 29px;}
.sidemenu .sidecon ul li ul li{box-sizing: border-box; width: 100%; height: 40px; line-height: 40px; padding-left: 67px; border: none; }
.sidemenu .sidecon ul li ul li a.on{color: #00b9fe;}
.sidemenu .sidecon ul li ul li a:hover{color: #00b9fe;}
.sidemenu .sidecon ul li ul li a{font-size: 14px;}

.none{display: none;}

.conbox{width: 75%;max-width: 886px;min-width: 320px;}
.product{width: 100%; max-width: 886px; overflow: hidden; font-size: 14px; color: #6a6a6a;}
/* .product ul{width: 900px; } */
.product ul li{float: left; width: 28%; height: auto;  margin-right: 41px; margin-bottom: 45px;}
/* .product ul li img{display: block; width: 255px; height: 175px;} */
.product ul li .proimg{width: 100%;overflow: hidden;}
.product ul li .proimg img {display: block;width: 100%;height: auto;transition: all 0.6s;}
.product ul li p{margin-top: 10px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.product ul li a:hover{color: #00b9fe;}
.product ul li:hover .proimg img{transform: scale(1.2, 1.2);}


 /* 翻页 */
 .sabrosus {color: #828182; font-size: 14px;  padding:5px; MARGIN:32px 0px 0px 0; text-align: center; font-size:14px;}
 .sabrosus a{ padding:5px 15px; border: #ccc 1px solid; COLOR: #444; margin:0px 3px; text-decoration:none; background:#fff;}
 .sabrosus a:hover { padding:5px 15px; background:#00b9fe; color:#fff; border: #00b9fe 1px solid;}
 .pagination a:active { padding:5px 15px; background:#00b9fe; color:#fff; border: #00b9fe 1px solid;}
 .sabrosus span.current { padding:5px 15px; background:#00b9fe; color:#fff; border: #00b9fe 1px solid; MARGIN-RIGHT:5px;}
 .sabrosus span.disabled { padding:5px 15px; border: #ccc 1px solid; COLOR: #444; MARGIN-RIGHT:5px; text-decoration:none;}

 .newsxq{box-sizing: border-box; width: 847px; padding: 45px 50px; font-size: 14px; background-color: #fff; color: #332222;}
 .newsxq h2{font-size: 25px; color: #332222; text-align: center;}
 .newsxq span{display: block; font-size: 14px; color: #666; margin: 20px  0;text-align: center;}
 .newsxq p{line-height: 25px; margin-bottom: 20px;}
 .newsxq p:last-child{margin-bottom: 0;}
 .newsxq strong{display:block; margin-bottom: 15px;}

 .content1{width: 100%; min-width: 320px; height: auto; padding: 30px 0 66px 0; background-color: #f5f5f5;}

 .container {width: 1200px;margin: 0 auto;}